{"id":363,"date":"2026-02-21T10:52:55","date_gmt":"2026-02-21T10:52:55","guid":{"rendered":"https:\/\/dflwf.com\/academy\/?page_id=363"},"modified":"2026-07-05T21:32:47","modified_gmt":"2026-07-05T21:32:47","slug":"home","status":"publish","type":"page","link":"https:\/\/dflwf.com\/academy\/","title":{"rendered":"Home"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"363\" class=\"elementor elementor-363\">\n\t\t\t\t<div class=\"elementor-element elementor-element-ab8cd72 e-flex e-con-boxed e-con e-parent\" data-id=\"ab8cd72\" 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-8d8b8f1 elementor-widget elementor-widget-html\" data-id=\"8d8b8f1\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n    @import url('https:\/\/fonts.googleapis.com\/css2?family=Montserrat:wght@800;900&family=Open+Sans:wght@500;800&display=swap');\r\n\r\n    \/* HERO SECTION MAIN STYLING *\/\r\n    .hero {\r\n        --scene-navy-500: #2f4ea8;\r\n        --scene-navy-800: #0F172A;\r\n        --scene-gold: #FFD700;\r\n        --scene-gold-deep: #E0B800;\r\n        --scene-line: rgba(30,58,138,0.10);\r\n\r\n        background-color: #ffffff;\r\n        color: var(--text-dark, #0F172A);\r\n        padding: 80px 20px 60px;\r\n        position: relative;\r\n        overflow: hidden;\r\n        font-family: 'Open Sans', sans-serif;\r\n    }\r\n\r\n    \/* Faint graph-paper texture, fading toward the edges *\/\r\n    .hero-texture {\r\n        position: absolute;\r\n        inset: 0;\r\n        z-index: 0;\r\n        background-image:\r\n            linear-gradient(var(--scene-line) 1px, transparent 1px),\r\n            linear-gradient(90deg, var(--scene-line) 1px, transparent 1px);\r\n        background-size: 46px 46px;\r\n        -webkit-mask-image: radial-gradient(ellipse 70% 60% at 50% 35%, rgba(0,0,0,0.9) 0%, transparent 75%);\r\n        mask-image: radial-gradient(ellipse 70% 60% at 50% 35%, rgba(0,0,0,0.9) 0%, transparent 75%);\r\n        pointer-events: none;\r\n    }\r\n\r\n    .hero-grid {\r\n        position: relative;\r\n        z-index: 5;\r\n        max-width: 1180px;\r\n        margin: 0 auto;\r\n        display: grid;\r\n        grid-template-columns: 1.1fr 0.9fr;\r\n        align-items: center;\r\n        gap: 30px;\r\n        margin-bottom: 44px;\r\n    }\r\n\r\n    .hero-content { max-width: 620px; text-align: left; }\r\n\r\n    .badge { background: var(--dfl-yellow, var(--scene-gold)); color: var(--dfl-blue, #020617); padding: 8px 22px; border-radius: 30px; font-weight: 800; font-size: 1.1rem; display: inline-block; margin-bottom: 20px; box-shadow: 0 6px 16px rgba(224,184,0,0.28); }\r\n\r\n    .hero h2 { font-family: 'Montserrat', sans-serif; font-size: clamp(2rem, 4.2vw, 3rem); font-weight: 900; color: #1E3A8A; text-transform: uppercase; line-height: 1.15; margin-bottom: 12px; }\r\n    .hero h3 { font-family: 'Montserrat', sans-serif; font-size: clamp(1.2rem, 2.4vw, 1.7rem); margin-bottom: 18px; font-weight: 800; color: #0F172A; letter-spacing: 0.5px; }\r\n    .hero p.desc { font-size: 1.1rem; margin: 0 0 30px; font-weight: 500; line-height: 1.7; color: #475569; max-width: 540px; }\r\n\r\n    .hero-buttons { display: flex; justify-content: flex-start; flex-wrap: wrap; gap: 15px; }\r\n\r\n    .hero-btn-primary { display: inline-flex; align-items: center; justify-content: center; gap: 10px; background: var(--dfl-red, #DC2626); color: #FFFFFF !important; padding: 16px 36px; border-radius: 50px; font-weight: 800; font-size: 1.05rem; text-transform: uppercase; transition: all 0.3s; box-shadow: 0 6px 20px rgba(220, 38, 38, 0.25); border: 2px solid var(--dfl-red, #DC2626); text-decoration: none; font-family: 'Open Sans', sans-serif; }\r\n    .hero-btn-primary:hover { transform: translateY(-3px); background: #991B1B; box-shadow: 0 8px 25px rgba(220, 38, 38, 0.4); }\r\n\r\n    .hero-btn-whatsapp { display: inline-flex; align-items: center; justify-content: center; gap: 10px; background: #059669; color: #FFFFFF !important; padding: 16px 36px; border-radius: 50px; font-weight: 800; font-size: 1.05rem; transition: all 0.3s; box-shadow: 0 6px 20px rgba(5, 150, 105, 0.25); border: 2px solid #059669; text-decoration: none; font-family: 'Open Sans', sans-serif; }\r\n    .hero-btn-whatsapp:hover { transform: translateY(-3px); background: #047857; box-shadow: 0 8px 25px rgba(5, 150, 105, 0.4); }\r\n\r\n    \/* ---------- 3D subject scene ---------- *\/\r\n    .hero-visual { position: relative; height: 420px; perspective: 1300px; }\r\n\r\n    .hero-ring {\r\n        position: absolute; top: 50%; left: 50%;\r\n        width: 320px; height: 320px; margin: -160px 0 0 -160px;\r\n        border-radius: 50%;\r\n        border: 1.5px dashed rgba(30,58,138,0.18);\r\n        animation: heroRingSpin 30s linear infinite;\r\n    }\r\n    .hero-ring::before {\r\n        content: ''; position: absolute; top: -3px; left: 50%;\r\n        width: 8px; height: 8px; margin-left: -4px; border-radius: 50%;\r\n        background: var(--scene-gold);\r\n        box-shadow: 0 0 0 4px rgba(255,215,0,0.35);\r\n    }\r\n\r\n    .hero-podium-shadow {\r\n        position: absolute; top: 61%; left: 50%;\r\n        width: 210px; height: 44px; margin-left: -105px;\r\n        background: radial-gradient(ellipse at center, rgba(15,23,42,0.22) 0%, transparent 72%);\r\n        border-radius: 50%;\r\n        pointer-events: none;\r\n    }\r\n\r\n    .hero-parallax { position: relative; width: 100%; height: 100%; transform-style: preserve-3d; transition: transform 0.15s ease-out; }\r\n\r\n    .hero-cube-holder {\r\n        position: absolute; top: 47%; left: 50%;\r\n        width: 140px; height: 140px; margin: -70px 0 0 -70px;\r\n        transform-style: preserve-3d;\r\n    }\r\n    .hero-cube { position: relative; width: 100%; height: 100%; transform-style: preserve-3d; animation: heroCubeSpin 18s linear infinite; }\r\n    .hero-face {\r\n        position: absolute; width: 140px; height: 140px;\r\n        display: flex; align-items: center; justify-content: center;\r\n        font-size: 2.6rem; border-radius: 20px;\r\n        backface-visibility: hidden;\r\n        box-shadow: 0 2px 0 rgba(255,255,255,0.18) inset;\r\n    }\r\n    .face-navy { background: linear-gradient(150deg, var(--scene-navy-500) 0%, var(--scene-navy-800) 100%); color: var(--scene-gold); border: 1px solid rgba(255,255,255,0.08); }\r\n    .face-gold { background: linear-gradient(150deg, #ffe45c 0%, var(--scene-gold) 55%, var(--scene-gold-deep) 100%); color: var(--scene-navy-800); border: 1px solid rgba(15,23,42,0.08); }\r\n    .cf-front  { transform: translateZ(70px); }\r\n    .cf-back   { transform: rotateY(180deg) translateZ(70px); }\r\n    .cf-right  { transform: rotateY(90deg) translateZ(70px); }\r\n    .cf-left   { transform: rotateY(-90deg) translateZ(70px); }\r\n    .cf-top    { transform: rotateX(90deg) translateZ(70px); }\r\n    .cf-bottom { transform: rotateX(-90deg) translateZ(70px); }\r\n\r\n    .hero-tile {\r\n        position: absolute; display: flex; align-items: center; justify-content: center;\r\n        border-radius: 16px; font-size: 1.5rem; transform-style: preserve-3d;\r\n    }\r\n    .ht-1 { top: 5%; left: 2%; width: 68px; height: 68px; background: #ffffff; color: #1E3A8A; border: 1.5px solid var(--scene-line); box-shadow: 0 14px 26px rgba(15,23,42,0.14); transform: translateZ(50px) rotate(-8deg); animation: heroFloatA 5s ease-in-out infinite; }\r\n    .ht-2 { bottom: 18%; left: -2%; width: 58px; height: 58px; background: linear-gradient(150deg, #ffe45c 0%, var(--scene-gold) 100%); color: var(--scene-navy-800); box-shadow: 0 12px 20px rgba(224,184,0,0.30); transform: translateZ(65px) rotate(10deg); animation: heroFloatB 4.5s ease-in-out infinite; }\r\n    .ht-3 { top: 8%; right: 0%; width: 62px; height: 62px; background: #ffffff; color: #1E3A8A; border: 1.5px solid var(--scene-line); box-shadow: 0 14px 26px rgba(15,23,42,0.14); transform: translateZ(30px) rotate(6deg); animation: heroFloatA 5.5s ease-in-out infinite reverse; }\r\n    .ht-4 { bottom: 10%; right: 4%; width: 72px; height: 72px; background: linear-gradient(150deg, var(--scene-navy-500) 0%, var(--scene-navy-800) 100%); color: var(--scene-gold); box-shadow: 0 16px 26px rgba(15,23,42,0.26); transform: translateZ(55px) rotate(-6deg); animation: heroFloatB 6s ease-in-out infinite; }\r\n\r\n    @keyframes heroCubeSpin { 0% { transform: rotateX(0deg) rotateY(0deg); } 100% { transform: rotateX(360deg) rotateY(360deg); } }\r\n    @keyframes heroRingSpin { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } }\r\n    @keyframes heroFloatA { 0%, 100% { transform: translateZ(50px) rotate(-8deg) translateY(0px); } 50% { transform: translateZ(50px) rotate(-8deg) translateY(-14px); } }\r\n    @keyframes heroFloatB { 0%, 100% { transform: translateZ(65px) rotate(10deg) translateY(0px); } 50% { transform: translateZ(65px) rotate(10deg) translateY(-12px); } }\r\n\r\n    @media (prefers-reduced-motion: reduce) {\r\n        .hero-cube, .hero-ring, .ht-1, .ht-2, .ht-3, .ht-4 { animation: none !important; }\r\n    }\r\n\r\n    \/* ---------- ACTION BANNERS GRID (AI & MATHS) ---------- *\/\r\n    .hero-banners-grid {\r\n        position: relative; z-index: 5;\r\n        display: grid;\r\n        grid-template-columns: repeat(auto-fit, minmax(340px, 1fr));\r\n        gap: 20px;\r\n        max-width: 1180px;\r\n        margin: 0 auto;\r\n    }\r\n\r\n    .hero-action-banner {\r\n        border-radius: 16px; padding: 25px 30px;\r\n        display: flex; align-items: center; justify-content: space-between; gap: 15px;\r\n        text-align: left; transition: transform 0.3s ease;\r\n    }\r\n    .hero-action-banner:hover { transform: translateY(-3px); }\r\n\r\n    .banner-text h4 { font-family: 'Montserrat', sans-serif; font-size: 1.25rem; font-weight: 800; margin: 0 0 5px 0; }\r\n    .banner-text p { margin: 0; font-size: 0.95rem; font-weight: 600; }\r\n\r\n    \/* AI Theme *\/\r\n    .banner-ai { background: #EEF2FF; border: 1px solid #C7D2FE; box-shadow: 0 14px 30px rgba(67, 56, 202, 0.12); }\r\n    .banner-ai h4 { color: #3730A3; }\r\n    .banner-ai p { color: #4F46E5; }\r\n\r\n    \/* Math Theme *\/\r\n    .banner-math { background: #FFFBEB; border: 1px solid #FDE68A; box-shadow: 0 14px 30px rgba(245, 158, 11, 0.12); }\r\n    .banner-math h4 { color: #92400E; }\r\n    .banner-math p { color: #D97706; }\r\n\r\n    \/* Banner Buttons *\/\r\n    .hero-btn-ai, .hero-btn-math {\r\n        display: inline-flex; align-items: center; justify-content: center; gap: 8px;\r\n        color: #FFFFFF !important; padding: 14px 24px; border-radius: 50px;\r\n        font-weight: 800; font-size: 1rem; border: none; cursor: pointer; text-decoration: none;\r\n        font-family: 'Montserrat', sans-serif; white-space: nowrap; transition: all 0.3s ease;\r\n    }\r\n    \r\n    .hero-btn-ai { background: linear-gradient(135deg, #6366F1 0%, #4338CA 100%); box-shadow: 0 8px 20px rgba(67, 56, 202, 0.3); animation: pulseAI 2s infinite; }\r\n    .hero-btn-ai:hover { box-shadow: 0 12px 25px rgba(67, 56, 202, 0.4); animation: none; }\r\n\r\n    .hero-btn-math { background: linear-gradient(135deg, #F59E0B 0%, #D97706 100%); box-shadow: 0 8px 20px rgba(245, 158, 11, 0.3); animation: pulseMath 2s infinite; }\r\n    .hero-btn-math:hover { box-shadow: 0 12px 25px rgba(245, 158, 11, 0.4); animation: none; }\r\n\r\n    @keyframes pulseAI { 0% { box-shadow: 0 0 0 0 rgba(67, 56, 202, 0.4); } 70% { box-shadow: 0 0 0 12px rgba(67, 56, 202, 0); } 100% { box-shadow: 0 0 0 0 rgba(67, 56, 202, 0); } }\r\n    @keyframes pulseMath { 0% { box-shadow: 0 0 0 0 rgba(245, 158, 11, 0.4); } 70% { box-shadow: 0 0 0 12px rgba(245, 158, 11, 0); } 100% { box-shadow: 0 0 0 0 rgba(245, 158, 11, 0); } }\r\n\r\n    \/* MOBILE OPTIMIZATIONS *\/\r\n    @media(max-width: 900px) {\r\n        .hero-grid { grid-template-columns: 1fr; }\r\n        .hero-content { max-width: 100%; text-align: center; margin: 0 auto; }\r\n        .hero p.desc { margin: 0 auto 30px; }\r\n        .hero-buttons { justify-content: center; }\r\n        .hero-visual { height: 280px; }\r\n        .hero-cube-holder { width: 110px; height: 110px; margin: -55px 0 0 -55px; }\r\n        .hero-face { width: 110px; height: 110px; font-size: 2.1rem; }\r\n        .hero-ring { width: 220px; height: 220px; margin: -110px 0 0 -110px; }\r\n    }\r\n    @media(max-width: 768px) {\r\n        .hero { padding: 60px 20px 40px; }\r\n        .hero-buttons { margin-bottom: 0; flex-direction: column; width: 100%; align-items: center; }\r\n        .hero-btn-primary, .hero-btn-whatsapp { width: 100%; max-width: 280px; padding: 12px 24px; font-size: 0.95rem; margin: 0;}\r\n        \r\n        \/* Banners stacked on mobile *\/\r\n        .hero-action-banner { flex-direction: column; text-align: center; padding: 20px; }\r\n        .banner-text h4 { font-size: 1.2rem; }\r\n        .banner-text p { font-size: 0.9rem; margin-bottom: 15px; }\r\n        .hero-btn-ai, .hero-btn-math { width: 100%; max-width: 280px; padding: 12px 24px; font-size: 0.95rem; }\r\n    }\r\n<\/style>\r\n\r\n<section class=\"hero\" aria-label=\"Welcome to DFL Academy\">\r\n    <div class=\"hero-texture\"><\/div>\r\n\r\n    <div class=\"hero-grid\">\r\n        <div class=\"hero-content\">\r\n            <div class=\"badge\"><i class=\"fa-solid fa-location-dot\" aria-hidden=\"true\"><\/i> Top Rated Tuition in Bansdroni<\/div>\r\n            <h2>Best ICSE & CBSE Tuition in South Kolkata<\/h2>\r\n            <h3>Empowering the Leaders of Tomorrow<\/h3>\r\n            <p class=\"desc\">Providing exceptional Class 5 to 10 coaching near you. Located at Pirpukur Road, Bansdroni, we serve students from Garia, Naktala, and Jadavpur.<\/p>\r\n\r\n            <div class=\"hero-buttons\">\r\n                <a href=\"https:\/\/forms.gle\/cYvq2CuWDCzc3tjf7\" target=\"_blank\" class=\"hero-btn-primary\" onclick=\"gtag('event', 'generate_lead', { 'event_category': 'Form', 'event_label': 'Enroll_Click' });\">\r\n                    <i class=\"fa-solid fa-file-signature\"><\/i> Fill Enquiry Form\r\n                <\/a>\r\n                <a href=\"https:\/\/wa.me\/918336808916\" target=\"_blank\" class=\"hero-btn-whatsapp\" onclick=\"gtag('event', 'generate_lead', { 'event_category': 'WhatsApp', 'event_label': 'Contact_Click' });\">\r\n                    <i class=\"fa-brands fa-whatsapp\"><\/i> Chat on WhatsApp\r\n                <\/a>\r\n            <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"hero-visual\" id=\"hero-visual\">\r\n            <div class=\"hero-podium-shadow\"><\/div>\r\n            <div class=\"hero-ring\"><\/div>\r\n            <div class=\"hero-parallax\" id=\"hero-parallax\">\r\n                <div class=\"hero-tile ht-1\"><i class=\"fa-solid fa-graduation-cap\" aria-hidden=\"true\"><\/i><\/div>\r\n                <div class=\"hero-tile ht-2\"><i class=\"fa-solid fa-pencil\" aria-hidden=\"true\"><\/i><\/div>\r\n                <div class=\"hero-tile ht-3\"><i class=\"fa-solid fa-book\" aria-hidden=\"true\"><\/i><\/div>\r\n                <div class=\"hero-tile ht-4\"><i class=\"fa-solid fa-star\" aria-hidden=\"true\"><\/i><\/div>\r\n\r\n                <div class=\"hero-cube-holder\">\r\n                    <div class=\"hero-cube\">\r\n                        <div class=\"hero-face face-navy cf-front\"><i class=\"fa-solid fa-square-root-variable\" aria-hidden=\"true\"><\/i><\/div>\r\n                        <div class=\"hero-face face-gold cf-back\"><i class=\"fa-solid fa-atom\" aria-hidden=\"true\"><\/i><\/div>\r\n                        <div class=\"hero-face face-gold cf-right\"><i class=\"fa-solid fa-book-open\" aria-hidden=\"true\"><\/i><\/div>\r\n                        <div class=\"hero-face face-navy cf-left\"><i class=\"fa-solid fa-code\" aria-hidden=\"true\"><\/i><\/div>\r\n                        <div class=\"hero-face face-navy cf-top\"><i class=\"fa-solid fa-palette\" aria-hidden=\"true\"><\/i><\/div>\r\n                        <div class=\"hero-face face-gold cf-bottom\"><i class=\"fa-solid fa-om\" aria-hidden=\"true\"><\/i><\/div>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/div>\r\n\r\n    <!-- ACTION BANNERS SECTION -->\r\n    <div class=\"hero-banners-grid\">\r\n        \r\n        <!-- AI Support Banner -->\r\n        <div class=\"hero-action-banner banner-ai\">\r\n            <div class=\"banner-text\">\r\n                <h4>24\/7 Smart Learning Support!<\/h4>\r\n                <p>Have doubts? Ask our advanced AI Teacher.<\/p>\r\n            <\/div>\r\n            <a href=\"https:\/\/dflwf.com\/academy\/ai\/\" class=\"hero-btn-ai\">\r\n                <i class=\"fa-solid fa-robot\"><\/i> Virtual Teacher\r\n            <\/a>\r\n        <\/div>\r\n\r\n        <!-- Maths Competition Banner -->\r\n        <div class=\"hero-action-banner banner-math\">\r\n            <div class=\"banner-text\">\r\n                <h4>Maths is Fun Competition!<\/h4>\r\n                <p>Compete, score points & top the leaderboard.<\/p>\r\n            <\/div>\r\n            <a href=\"https:\/\/dflwf.com\/academy\/maths-is-fun\/\" class=\"hero-btn-math\">\r\n                <i class=\"fa-solid fa-gamepad\"><\/i> Play Now\r\n            <\/a>\r\n        <\/div>\r\n\r\n    <\/div>\r\n<\/section>\r\n\r\n<script>\r\n(function () {\r\n    var sceneOuter = document.getElementById('hero-visual');\r\n    var parallax = document.getElementById('hero-parallax');\r\n    if (!sceneOuter || !parallax) return;\r\n\r\n    var reduceMotion = window.matchMedia && window.matchMedia('(prefers-reduced-motion: reduce)').matches;\r\n    if (reduceMotion) return;\r\n\r\n    var bounds = null;\r\n    function updateBounds() { bounds = sceneOuter.getBoundingClientRect(); }\r\n    updateBounds();\r\n    window.addEventListener('resize', updateBounds);\r\n\r\n    function handleMove(clientX, clientY) {\r\n        if (!bounds) updateBounds();\r\n        var relX = (clientX - bounds.left) \/ bounds.width;\r\n        var relY = (clientY - bounds.top) \/ bounds.height;\r\n        var rotateY = (relX - 0.5) * 20;\r\n        var rotateX = (0.5 - relY) * 16;\r\n        parallax.style.transform = 'rotateY(' + rotateY + 'deg) rotateX(' + rotateX + 'deg)';\r\n    }\r\n\r\n    sceneOuter.addEventListener('mousemove', function (e) { handleMove(e.clientX, e.clientY); });\r\n    sceneOuter.addEventListener('mouseleave', function () { parallax.style.transform = 'rotateY(0deg) rotateX(0deg)'; });\r\n    sceneOuter.addEventListener('touchmove', function (e) {\r\n        if (e.touches && e.touches[0]) { handleMove(e.touches[0].clientX, e.touches[0].clientY); }\r\n    }, { passive: true });\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-89ec4cd e-flex e-con-boxed e-con e-parent\" data-id=\"89ec4cd\" 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-f5ba6d0 elementor-widget elementor-widget-html\" data-id=\"f5ba6d0\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n    \/* ========================================== *\/\r\n    \/* ULTRA-MODERN PROGRAMS SECTION CSS (3D DARK) *\/\r\n    \/* ========================================== *\/\r\n    #dfl-programs-modern {\r\n        background-color: #0f172a;\r\n        background-image:\r\n            radial-gradient(circle at 8% 8%, rgba(220,38,38,0.10), transparent 40%),\r\n            radial-gradient(circle at 94% 18%, rgba(255,215,0,0.08), transparent 42%),\r\n            radial-gradient(circle at 50% 100%, rgba(79,172,254,0.08), transparent 45%);\r\n        padding: 120px 20px 110px;\r\n        font-family: 'Open Sans', sans-serif;\r\n        overflow: hidden;\r\n        position: relative;\r\n    }\r\n\r\n    #dfl-programs-modern .dfl-container {\r\n        max-width: 1200px;\r\n        margin: 0 auto;\r\n        position: relative;\r\n        z-index: 2;\r\n    }\r\n\r\n    #dfl-programs-modern .section-header {\r\n        text-align: center;\r\n        margin-bottom: 80px;\r\n        position: relative;\r\n    }\r\n\r\n    #dfl-programs-modern .header-orbit {\r\n        position: absolute;\r\n        top: -34px;\r\n        left: 50%;\r\n        width: 120px;\r\n        height: 120px;\r\n        margin-left: -60px;\r\n        border-radius: 50%;\r\n        border: 1.5px dashed rgba(255,215,0,0.25);\r\n        animation: dflOrbitSpin 22s linear infinite;\r\n        pointer-events: none;\r\n    }\r\n    #dfl-programs-modern .header-orbit::before {\r\n        content: '';\r\n        position: absolute;\r\n        top: -3px; left: 50%;\r\n        width: 7px; height: 7px; margin-left: -3.5px;\r\n        border-radius: 50%;\r\n        background: #FFD700;\r\n        box-shadow: 0 0 0 4px rgba(255,215,0,0.25);\r\n    }\r\n\r\n    #dfl-programs-modern h2 {\r\n        color: #f8fafc;\r\n        font-family: 'Montserrat', sans-serif;\r\n        font-size: 3rem;\r\n        margin-bottom: 15px;\r\n        font-weight: 900;\r\n        letter-spacing: -1px;\r\n    }\r\n\r\n    #dfl-programs-modern p.subtitle {\r\n        font-size: 1.25rem;\r\n        color: #94a3b8;\r\n        font-weight: 500;\r\n        max-width: 700px;\r\n        margin: 0 auto;\r\n    }\r\n\r\n    #dfl-programs-modern .creative-grid {\r\n        display: grid;\r\n        grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));\r\n        gap: 40px;\r\n        row-gap: 64px;\r\n    }\r\n\r\n    \/* 3D tilt card *\/\r\n    #dfl-programs-modern .card-tilt-zone {\r\n        perspective: 1000px;\r\n    }\r\n\r\n    #dfl-programs-modern .creative-card {\r\n        background: #1e293b;\r\n        border-radius: 24px;\r\n        padding: 60px 30px 40px 30px;\r\n        position: relative;\r\n        text-align: left;\r\n        box-shadow: 0 10px 40px -10px rgba(0,0,0,0.5);\r\n        border: 1px solid rgba(255, 255, 255, 0.05);\r\n        transition: box-shadow 0.4s ease, background 0.4s ease;\r\n        transform: perspective(1000px) rotateX(0deg) rotateY(0deg) translateZ(0px);\r\n        transform-style: preserve-3d;\r\n        will-change: transform;\r\n        z-index: 1;\r\n    }\r\n\r\n    #dfl-programs-modern .creative-card .card-sheen {\r\n        position: absolute;\r\n        inset: 0;\r\n        border-radius: 24px;\r\n        background: radial-gradient(circle at var(--mx, 50%) var(--my, 50%), rgba(255,255,255,0.10), transparent 60%);\r\n        opacity: 0;\r\n        transition: opacity 0.3s ease;\r\n        pointer-events: none;\r\n        z-index: 3;\r\n    }\r\n\r\n    #dfl-programs-modern .creative-card::after {\r\n        content: '';\r\n        position: absolute;\r\n        bottom: 0;\r\n        left: 0;\r\n        height: 4px;\r\n        width: 0%;\r\n        border-radius: 0 0 24px 24px;\r\n        background: linear-gradient(90deg, #DC2626, #FFD700);\r\n        transition: width 0.4s ease-in-out;\r\n    }\r\n\r\n    #dfl-programs-modern .creative-card.is-active {\r\n        box-shadow: 0 30px 55px -15px rgba(0,0,0,0.65);\r\n        background: #233147;\r\n    }\r\n\r\n    #dfl-programs-modern .creative-card.is-active .card-sheen {\r\n        opacity: 1;\r\n    }\r\n\r\n    #dfl-programs-modern .creative-card.is-active::after {\r\n        width: 100%;\r\n    }\r\n\r\n    \/* Extruded 3D icon puck *\/\r\n    #dfl-programs-modern .floating-icon {\r\n        position: absolute;\r\n        top: -35px;\r\n        left: 30px;\r\n        width: 76px;\r\n        height: 76px;\r\n        border-radius: 50%;\r\n        display: flex;\r\n        align-items: center;\r\n        justify-content: center;\r\n        font-size: 2rem;\r\n        color: #FFFFFF;\r\n        transition: transform 0.4s cubic-bezier(0.4, 0, 0.2, 1), border-color 0.4s ease;\r\n        z-index: 4;\r\n        border: 4px solid #1e293b;\r\n        transform: translateZ(50px);\r\n        transform-style: preserve-3d;\r\n    }\r\n\r\n    #dfl-programs-modern .creative-card.is-active .floating-icon {\r\n        transform: translateZ(70px) scale(1.08) rotate(5deg);\r\n        border-color: #233147;\r\n    }\r\n\r\n    #dfl-programs-modern .bg-ignite { background: linear-gradient(135deg, #FF758C 0%, #FF7EB3 100%); box-shadow: 0 4px 0 rgba(0,0,0,0.25), 0 14px 24px rgba(255, 117, 140, 0.35), inset 0 2px 3px rgba(255,255,255,0.45); }\r\n    #dfl-programs-modern .bg-triumph { background: linear-gradient(135deg, #4facfe 0%, #00f2fe 100%); box-shadow: 0 4px 0 rgba(0,0,0,0.25), 0 14px 24px rgba(79, 172, 254, 0.35), inset 0 2px 3px rgba(255,255,255,0.45); }\r\n    #dfl-programs-modern .bg-commerce { background: linear-gradient(135deg, #43e97b 0%, #38f9d7 100%); box-shadow: 0 4px 0 rgba(0,0,0,0.25), 0 14px 24px rgba(67, 233, 123, 0.35), inset 0 2px 3px rgba(255,255,255,0.45); }\r\n    #dfl-programs-modern .bg-computer { background: linear-gradient(135deg, #fa709a 0%, #fee140 100%); box-shadow: 0 4px 0 rgba(0,0,0,0.25), 0 14px 24px rgba(250, 112, 154, 0.35), inset 0 2px 3px rgba(255,255,255,0.45); }\r\n    #dfl-programs-modern .bg-art { background: linear-gradient(135deg, #f6d365 0%, #fda085 100%); box-shadow: 0 4px 0 rgba(0,0,0,0.25), 0 14px 24px rgba(246, 211, 101, 0.35), inset 0 2px 3px rgba(255,255,255,0.45); }\r\n    #dfl-programs-modern .bg-yoga { background: linear-gradient(135deg, #5ee7df 0%, #b490ca 100%); box-shadow: 0 4px 0 rgba(0,0,0,0.25), 0 14px 24px rgba(94, 231, 223, 0.35), inset 0 2px 3px rgba(255,255,255,0.45); }\r\n\r\n    #dfl-programs-modern .creative-card h3 {\r\n        color: #f8fafc;\r\n        font-family: 'Montserrat', sans-serif;\r\n        font-size: 1.5rem;\r\n        font-weight: 800;\r\n        margin-bottom: 12px;\r\n        line-height: 1.3;\r\n    }\r\n\r\n    #dfl-programs-modern .creative-card p {\r\n        font-size: 1.05rem;\r\n        color: #cbd5e1;\r\n        font-weight: 500;\r\n        line-height: 1.7;\r\n        margin: 0;\r\n    }\r\n\r\n    #dfl-programs-modern .creative-card strong {\r\n        color: #FFD700;\r\n        font-weight: 700;\r\n    }\r\n\r\n    @keyframes dflOrbitSpin { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } }\r\n\r\n    @media (prefers-reduced-motion: reduce) {\r\n        #dfl-programs-modern .header-orbit { animation: none !important; }\r\n        #dfl-programs-modern .creative-card { transition: none !important; }\r\n    }\r\n\r\n    @media(max-width: 768px) {\r\n        #dfl-programs-modern { padding: 80px 20px 60px; }\r\n        #dfl-programs-modern h2 { font-size: 2.3rem; }\r\n        #dfl-programs-modern .creative-grid { gap: 30px; row-gap: 50px; }\r\n        #dfl-programs-modern .creative-card { padding: 50px 25px 30px; }\r\n    }\r\n<\/style>\r\n\r\n<section id=\"dfl-programs-modern\" aria-label=\"DFL Academy Course Offerings\">\r\n    <div class=\"dfl-container\">\r\n\r\n        <div class=\"section-header\">\r\n            <div class=\"header-orbit\" aria-hidden=\"true\"><\/div>\r\n            <h2>Holistic Learning & Coaching<\/h2>\r\n            <p class=\"subtitle\">Designed for excellence. The best foundation for your child's future in Kolkata.<\/p>\r\n        <\/div>\r\n\r\n        <div class=\"creative-grid\">\r\n\r\n            <div class=\"card-tilt-zone\">\r\n                <div class=\"creative-card\">\r\n                    <div class=\"card-sheen\"><\/div>\r\n                    <div class=\"floating-icon bg-ignite\" title=\"Math and Science Tuition Classes\">\r\n                        <i class=\"fa-solid fa-book-open-reader\" aria-hidden=\"true\"><\/i>\r\n                    <\/div>\r\n                    <h3>Ignite (Class V - VII)<\/h3>\r\n                    <p>Building incredibly strong foundations with expert <strong>Math tuition, Science coaching, and English classes<\/strong> for younger minds in the Bansdroni area.<\/p>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <div class=\"card-tilt-zone\">\r\n                <div class=\"creative-card\">\r\n                    <div class=\"card-sheen\"><\/div>\r\n                    <div class=\"floating-icon bg-triumph\" title=\"Class 10 Board Exam Preparation\">\r\n                        <i class=\"fa-solid fa-user-graduate\" aria-hidden=\"true\"><\/i>\r\n                    <\/div>\r\n                    <h3>Triumph (Class VIII - X)<\/h3>\r\n                    <p>Intensive, results-driven <strong>ICSE & CBSE board exam prep<\/strong> in South Kolkata to guarantee excellent academic scores and top ranks.<\/p>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <div class=\"card-tilt-zone\">\r\n                <div class=\"creative-card\">\r\n                    <div class=\"card-sheen\"><\/div>\r\n                    <div class=\"floating-icon bg-commerce\" title=\"Commerce and Economics Tuition\">\r\n                        <i class=\"fa-solid fa-chart-pie\" aria-hidden=\"true\"><\/i>\r\n                    <\/div>\r\n                    <h3>Future Tycoons<\/h3>\r\n                    <p>Specialized, conceptual tuition classes for <strong>Commercial and Economic Applications<\/strong> tailored specifically for Class IX & X students.<\/p>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <div class=\"card-tilt-zone\">\r\n                <div class=\"creative-card\">\r\n                    <div class=\"card-sheen\"><\/div>\r\n                    <div class=\"floating-icon bg-computer\" title=\"Coding Classes for Kids in Kolkata\">\r\n                        <i class=\"fa-solid fa-laptop-code\" aria-hidden=\"true\"><\/i>\r\n                    <\/div>\r\n                    <h3>CodeCrafters<\/h3>\r\n                    <p>Practical Computer Science and <strong>coding classes for kids<\/strong> designed to give your child a massive technological advantage for the future.<\/p>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <div class=\"card-tilt-zone\">\r\n                <div class=\"creative-card\">\r\n                    <div class=\"card-sheen\"><\/div>\r\n                    <div class=\"floating-icon bg-art\" title=\"Painting and Art Classes in South Kolkata\">\r\n                        <i class=\"fa-solid fa-palette\" aria-hidden=\"true\"><\/i>\r\n                    <\/div>\r\n                    <h3>CanvasKids Art<\/h3>\r\n                    <p>Professional <strong>painting and sketching classes<\/strong> led by local Kolkata experts to boost your child's creativity and imagination.<\/p>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <div class=\"card-tilt-zone\">\r\n                <div class=\"creative-card\">\r\n                    <div class=\"card-sheen\"><\/div>\r\n                    <div class=\"floating-icon bg-yoga\" title=\"Yoga classes for students\">\r\n                        <i class=\"fa-solid fa-spa\" aria-hidden=\"true\"><\/i>\r\n                    <\/div>\r\n                    <h3>ZenScholars Yoga<\/h3>\r\n                    <p>Guided mindfulness and <strong>Yoga sessions in Bansdroni<\/strong> dedicated to improving student focus, posture, and overall mental well-being.<\/p>\r\n                <\/div>\r\n            <\/div>\r\n\r\n        <\/div>\r\n    <\/div>\r\n<\/section>\r\n\r\n<script>\r\n(function () {\r\n    var section = document.getElementById('dfl-programs-modern');\r\n    if (!section) return;\r\n\r\n    var reduceMotion = window.matchMedia && window.matchMedia('(prefers-reduced-motion: reduce)').matches;\r\n    var cards = section.querySelectorAll('.creative-card');\r\n\r\n    cards.forEach(function (card) {\r\n        if (reduceMotion) return;\r\n\r\n        card.addEventListener('mousemove', function (e) {\r\n            var rect = card.getBoundingClientRect();\r\n            var relX = (e.clientX - rect.left) \/ rect.width;\r\n            var relY = (e.clientY - rect.top) \/ rect.height;\r\n\r\n            var rotateY = (relX - 0.5) * 14;\r\n            var rotateX = (0.5 - relY) * 12;\r\n\r\n            card.style.transform = 'perspective(1000px) rotateX(' + rotateX + 'deg) rotateY(' + rotateY + 'deg) translateY(-8px) translateZ(10px)';\r\n            card.style.setProperty('--mx', (relX * 100) + '%');\r\n            card.style.setProperty('--my', (relY * 100) + '%');\r\n            card.classList.add('is-active');\r\n        });\r\n\r\n        card.addEventListener('mouseleave', function () {\r\n            card.style.transform = 'perspective(1000px) rotateX(0deg) rotateY(0deg) translateY(0px) translateZ(0px)';\r\n            card.classList.remove('is-active');\r\n        });\r\n\r\n        card.addEventListener('touchstart', function () {\r\n            card.classList.add('is-active');\r\n        }, { passive: true });\r\n\r\n        card.addEventListener('touchend', function () {\r\n            card.style.transform = 'perspective(1000px) rotateX(0deg) rotateY(0deg) translateY(0px) translateZ(0px)';\r\n            card.classList.remove('is-active');\r\n        }, { passive: true });\r\n    });\r\n})();\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-4b88e84 e-flex e-con-boxed e-con e-parent\" data-id=\"4b88e84\" 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-f572fb0 elementor-widget elementor-widget-html\" data-id=\"f572fb0\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Montserrat:wght@700;800;900&family=Nunito:wght@500;600;700;800&display=swap');\r\n\r\n\/* ============================= *\/\r\n\/* DFL LIGHT FEE TEASER BLOCK    *\/\r\n\/* 3D Elevated Version           *\/\r\n\/* ============================= *\/\r\n\r\n.dfl-light-fee-section {\r\n    background: linear-gradient(135deg, #f9fafb 0%, #eef2ff 100%);\r\n    padding: 110px 20px 100px;\r\n    font-family: 'Nunito', sans-serif;\r\n    position: relative;\r\n    overflow: hidden;\r\n    border-radius: 24px;\r\n}\r\n\r\n.dfl-light-texture {\r\n    position: absolute;\r\n    inset: 0;\r\n    z-index: 0;\r\n    background-image:\r\n        linear-gradient(rgba(30,58,138,0.06) 1px, transparent 1px),\r\n        linear-gradient(90deg, rgba(30,58,138,0.06) 1px, transparent 1px);\r\n    background-size: 44px 44px;\r\n    -webkit-mask-image: radial-gradient(ellipse 70% 55% at 50% 30%, rgba(0,0,0,0.9) 0%, transparent 75%);\r\n    mask-image: radial-gradient(ellipse 70% 55% at 50% 30%, rgba(0,0,0,0.9) 0%, transparent 75%);\r\n    pointer-events: none;\r\n}\r\n\r\n\/* Floating background coins *\/\r\n.dfl-light-coin {\r\n    position: absolute;\r\n    border-radius: 50%;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    color: #ffffff;\r\n    font-size: 1.1rem;\r\n    font-weight: 800;\r\n    z-index: 0;\r\n    pointer-events: none;\r\n    opacity: 0.9;\r\n}\r\n.coin-1 {\r\n    top: 8%; left: 6%;\r\n    width: 54px; height: 54px;\r\n    background: linear-gradient(150deg, #60a5fa 0%, #1e3a8a 100%);\r\n    box-shadow: 0 3px 0 rgba(0,0,0,0.15), 0 12px 22px rgba(30,58,138,0.25), inset 0 2px 3px rgba(255,255,255,0.4);\r\n    animation: coinFloatA 6s ease-in-out infinite;\r\n}\r\n.coin-2 {\r\n    top: 16%; right: 8%;\r\n    width: 40px; height: 40px;\r\n    background: linear-gradient(150deg, #93c5fd 0%, #2563eb 100%);\r\n    box-shadow: 0 3px 0 rgba(0,0,0,0.15), 0 10px 18px rgba(37,99,235,0.25), inset 0 2px 3px rgba(255,255,255,0.4);\r\n    animation: coinFloatB 5s ease-in-out infinite;\r\n}\r\n.coin-3 {\r\n    bottom: 10%; left: 10%;\r\n    width: 34px; height: 34px;\r\n    background: linear-gradient(150deg, #bfdbfe 0%, #3b82f6 100%);\r\n    box-shadow: 0 3px 0 rgba(0,0,0,0.15), 0 10px 16px rgba(59,130,246,0.25), inset 0 2px 3px rgba(255,255,255,0.4);\r\n    animation: coinFloatA 7s ease-in-out infinite reverse;\r\n}\r\n\r\n@keyframes coinFloatA { 0%, 100% { transform: translateY(0px) rotate(0deg); } 50% { transform: translateY(-14px) rotate(8deg); } }\r\n@keyframes coinFloatB { 0%, 100% { transform: translateY(0px) rotate(0deg); } 50% { transform: translateY(-10px) rotate(-6deg); } }\r\n\r\n.dfl-light-container {\r\n    max-width: 1100px;\r\n    margin: 0 auto;\r\n    text-align: center;\r\n    position: relative;\r\n    z-index: 2;\r\n}\r\n\r\n.dfl-light-header-orbit {\r\n    position: absolute;\r\n    top: -30px;\r\n    left: 50%;\r\n    width: 110px;\r\n    height: 110px;\r\n    margin-left: -55px;\r\n    border-radius: 50%;\r\n    border: 1.5px dashed rgba(37,99,235,0.22);\r\n    animation: dflFeeOrbit 24s linear infinite;\r\n    pointer-events: none;\r\n}\r\n.dfl-light-header-orbit::before {\r\n    content: '';\r\n    position: absolute;\r\n    top: -3px; left: 50%;\r\n    width: 7px; height: 7px; margin-left: -3.5px;\r\n    border-radius: 50%;\r\n    background: #2563eb;\r\n    box-shadow: 0 0 0 4px rgba(37,99,235,0.20);\r\n}\r\n@keyframes dflFeeOrbit { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } }\r\n\r\n\/* Badge *\/\r\n.dfl-light-badge {\r\n    display: inline-block;\r\n    background: #ffffff;\r\n    color: #1e3a8a;\r\n    padding: 10px 26px;\r\n    border-radius: 50px;\r\n    font-weight: 800;\r\n    font-size: 0.9rem;\r\n    letter-spacing: 1px;\r\n    text-transform: uppercase;\r\n    border: 1px solid #e5e7eb;\r\n    box-shadow: 0 6px 20px rgba(0,0,0,0.05);\r\n    margin-bottom: 25px;\r\n}\r\n\r\n\/* Heading *\/\r\n.dfl-light-title {\r\n    font-family: 'Montserrat', sans-serif;\r\n    font-size: clamp(2.2rem, 5vw, 3.2rem);\r\n    font-weight: 900;\r\n    margin-bottom: 15px;\r\n    color: #0f172a;\r\n}\r\n\r\n.dfl-light-title span {\r\n    background: linear-gradient(90deg, #1e3a8a, #2563eb);\r\n    -webkit-background-clip: text;\r\n    -webkit-text-fill-color: transparent;\r\n}\r\n\r\n\/* Description *\/\r\n.dfl-light-desc {\r\n    max-width: 800px;\r\n    margin: 0 auto 50px auto;\r\n    font-size: 1.15rem;\r\n    color: #475569;\r\n    line-height: 1.7;\r\n    font-weight: 500;\r\n}\r\n\r\n\/* Features *\/\r\n.dfl-light-grid {\r\n    display: flex;\r\n    justify-content: center;\r\n    gap: 25px;\r\n    flex-wrap: wrap;\r\n    margin-bottom: 55px;\r\n}\r\n\r\n.dfl-light-tilt-zone {\r\n    perspective: 900px;\r\n}\r\n\r\n.dfl-light-item {\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 15px;\r\n    background: #ffffff;\r\n    padding: 18px 28px;\r\n    border-radius: 18px;\r\n    font-weight: 700;\r\n    color: #0f172a;\r\n    border: 1px solid #e5e7eb;\r\n    box-shadow: 0 10px 25px rgba(0,0,0,0.05);\r\n    position: relative;\r\n    transform: perspective(900px) rotateX(0deg) rotateY(0deg);\r\n    transform-style: preserve-3d;\r\n    transition: box-shadow 0.3s ease, border-color 0.3s ease;\r\n    will-change: transform;\r\n}\r\n\r\n.dfl-light-item .item-sheen {\r\n    position: absolute;\r\n    inset: 0;\r\n    border-radius: 18px;\r\n    background: radial-gradient(circle at var(--mx, 50%) var(--my, 50%), rgba(37,99,235,0.12), transparent 60%);\r\n    opacity: 0;\r\n    transition: opacity 0.3s ease;\r\n    pointer-events: none;\r\n}\r\n\r\n.dfl-light-item.is-active {\r\n    box-shadow: 0 18px 35px rgba(37, 99, 235, 0.18);\r\n    border-color: #2563eb;\r\n}\r\n\r\n.dfl-light-item.is-active .item-sheen {\r\n    opacity: 1;\r\n}\r\n\r\n.dfl-light-item i {\r\n    background: #eff6ff;\r\n    color: #2563eb;\r\n    width: 42px;\r\n    height: 42px;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    border-radius: 50%;\r\n    font-size: 1.2rem;\r\n    position: relative;\r\n    z-index: 2;\r\n    transform: translateZ(20px);\r\n    transition: transform 0.3s ease, background 0.3s ease, color 0.3s ease;\r\n    box-shadow: 0 2px 0 rgba(37,99,235,0.08) inset;\r\n}\r\n\r\n.dfl-light-item.is-active i {\r\n    background: #2563eb;\r\n    color: #ffffff;\r\n    transform: translateZ(34px) scale(1.1);\r\n    box-shadow: 0 3px 0 rgba(0,0,0,0.15), 0 8px 16px rgba(37,99,235,0.35);\r\n}\r\n\r\n.dfl-light-item span {\r\n    position: relative;\r\n    z-index: 2;\r\n}\r\n\r\n\/* Button *\/\r\n.dfl-light-btn {\r\n    display: inline-flex;\r\n    align-items: center;\r\n    gap: 12px;\r\n    background: linear-gradient(90deg, #1e3a8a, #2563eb);\r\n    color: #ffffff !important;\r\n    font-family: 'Montserrat', sans-serif;\r\n    font-weight: 800;\r\n    padding: 18px 45px;\r\n    border-radius: 50px;\r\n    text-decoration: none;\r\n    text-transform: uppercase;\r\n    letter-spacing: 1px;\r\n    font-size: 1.05rem;\r\n    box-shadow: 0 12px 26px rgba(37, 99, 235, 0.28), 0 2px 0 rgba(255,255,255,0.15) inset;\r\n    transition: all 0.3s ease;\r\n    position: relative;\r\n    z-index: 2;\r\n}\r\n\r\n.dfl-light-btn:hover {\r\n    transform: translateY(-4px);\r\n    box-shadow: 0 18px 36px rgba(37, 99, 235, 0.38), 0 2px 0 rgba(255,255,255,0.15) inset;\r\n}\r\n\r\n.dfl-light-note {\r\n    margin-top: 25px;\r\n    font-size: 0.95rem;\r\n    color: #64748b;\r\n    font-weight: 600;\r\n    position: relative;\r\n    z-index: 2;\r\n}\r\n\r\n@media (prefers-reduced-motion: reduce) {\r\n    .dfl-light-header-orbit, .dfl-light-coin { animation: none !important; }\r\n    .dfl-light-item { transition: none !important; }\r\n}\r\n\r\n\/* Responsive *\/\r\n@media (max-width: 768px) {\r\n    .dfl-light-fee-section { padding: 70px 20px 60px; }\r\n    .dfl-light-grid { flex-direction: column; gap: 15px; }\r\n    .dfl-light-btn {\r\n        width: 100%;\r\n        max-width: 300px;\r\n        justify-content: center;\r\n    }\r\n    .dfl-light-coin { display: none; }\r\n}\r\n<\/style>\r\n\r\n<section class=\"dfl-light-fee-section\">\r\n    <div class=\"dfl-light-texture\"><\/div>\r\n    <div class=\"dfl-light-coin coin-1\" aria-hidden=\"true\">%<\/div>\r\n    <div class=\"dfl-light-coin coin-2\" aria-hidden=\"true\">&#8377;<\/div>\r\n    <div class=\"dfl-light-coin coin-3\" aria-hidden=\"true\">&#8377;<\/div>\r\n\r\n    <div class=\"dfl-light-container\">\r\n        <div class=\"dfl-light-header-orbit\" aria-hidden=\"true\"><\/div>\r\n\r\n        <div class=\"dfl-light-badge\">\r\n            <i class=\"fa-solid fa-shield-halved\"><\/i> 100% Transparent Pricing\r\n        <\/div>\r\n\r\n        <h2 class=\"dfl-light-title\">\r\n            Premium Education. <span>Unbeatable Value.<\/span>\r\n        <\/h2>\r\n\r\n        <p class=\"dfl-light-desc\">\r\n            Why overpay for average tuition? At DFL Academy, we combine expert board preparation,\r\n            future-ready skills, and AI-powered support into affordable monthly packages.\r\n        <\/p>\r\n\r\n        <div class=\"dfl-light-grid\">\r\n            <div class=\"dfl-light-tilt-zone\">\r\n                <div class=\"dfl-light-item\">\r\n                    <div class=\"item-sheen\"><\/div>\r\n                    <i class=\"fa-solid fa-wallet\"><\/i>\r\n                    <span>Flexible Monthly Packages<\/span>\r\n                <\/div>\r\n            <\/div>\r\n            <div class=\"dfl-light-tilt-zone\">\r\n                <div class=\"dfl-light-item\">\r\n                    <div class=\"item-sheen\"><\/div>\r\n                    <i class=\"fa-solid fa-children\"><\/i>\r\n                    <span>Flat 10% Sibling Discount<\/span>\r\n                <\/div>\r\n            <\/div>\r\n            <div class=\"dfl-light-tilt-zone\">\r\n                <div class=\"dfl-light-item\">\r\n                    <div class=\"item-sheen\"><\/div>\r\n                    <i class=\"fa-solid fa-robot\"><\/i>\r\n                    <span>Free AI Teacher Access<\/span>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n\r\n        <a href=\"https:\/\/dflwf.com\/academy\/fee-structure\/\" class=\"dfl-light-btn\">\r\n            View Full Fee Structure <i class=\"fa-solid fa-arrow-right\"><\/i>\r\n        <\/a>\r\n\r\n        <div class=\"dfl-light-note\">\r\n            <i class=\"fa-solid fa-circle-check\" style=\"color:#10b981;\"><\/i>\r\n            Zero Hidden Costs. See exactly what you pay for!\r\n        <\/div>\r\n\r\n    <\/div>\r\n<\/section>\r\n\r\n<script>\r\n(function () {\r\n    var section = document.currentScript.previousElementSibling;\r\n    if (!section || !section.classList || !section.classList.contains('dfl-light-fee-section')) {\r\n        section = document.querySelector('.dfl-light-fee-section');\r\n    }\r\n    if (!section) return;\r\n\r\n    var reduceMotion = window.matchMedia && window.matchMedia('(prefers-reduced-motion: reduce)').matches;\r\n    if (reduceMotion) return;\r\n\r\n    var items = section.querySelectorAll('.dfl-light-item');\r\n\r\n    items.forEach(function (item) {\r\n        item.addEventListener('mousemove', function (e) {\r\n            var rect = item.getBoundingClientRect();\r\n            var relX = (e.clientX - rect.left) \/ rect.width;\r\n            var relY = (e.clientY - rect.top) \/ rect.height;\r\n\r\n            var rotateY = (relX - 0.5) * 10;\r\n            var rotateX = (0.5 - relY) * 8;\r\n\r\n            item.style.transform = 'perspective(900px) rotateX(' + rotateX + 'deg) rotateY(' + rotateY + 'deg) translateY(-6px)';\r\n            item.style.setProperty('--mx', (relX * 100) + '%');\r\n            item.style.setProperty('--my', (relY * 100) + '%');\r\n            item.classList.add('is-active');\r\n        });\r\n\r\n        item.addEventListener('mouseleave', function () {\r\n            item.style.transform = 'perspective(900px) rotateX(0deg) rotateY(0deg) translateY(0px)';\r\n            item.classList.remove('is-active');\r\n        });\r\n\r\n        item.addEventListener('touchstart', function () {\r\n            item.classList.add('is-active');\r\n        }, { passive: true });\r\n\r\n        item.addEventListener('touchend', function () {\r\n            item.style.transform = 'perspective(900px) rotateX(0deg) rotateY(0deg) translateY(0px)';\r\n            item.classList.remove('is-active');\r\n        }, { passive: true });\r\n    });\r\n})();\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-f1951af e-con e-atomic-element e-flexbox-base e-f9855b5 \" data-id=\"f1951af\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"f1951af\">\n    \n<\/div>\n\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Top Rated Tuition in Bansdroni Best ICSE &#038; CBSE Tuition in South Kolkata Empowering the Leaders of Tomorrow Providing exceptional Class 5 to 10 coaching near you. Located at Pirpukur Road, Bansdroni, we serve students from Garia, Naktala, and Jadavpur. Fill Enquiry Form Chat on WhatsApp 24\/7 Smart Learning Support! Have doubts? Ask our advanced&#8230;<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"_kad_post_transparent":"","_kad_post_title":"hide","_kad_post_layout":"fullwidth","_kad_post_sidebar_id":"","_kad_post_content_style":"unboxed","_kad_post_vertical_padding":"hide","_kad_post_feature":"hide","_kad_post_feature_position":"","_kad_post_header":false,"_kad_post_footer":false,"_kad_post_classname":"","footnotes":""},"class_list":["post-363","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/dflwf.com\/academy\/wp-json\/wp\/v2\/pages\/363","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/dflwf.com\/academy\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/dflwf.com\/academy\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/dflwf.com\/academy\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/dflwf.com\/academy\/wp-json\/wp\/v2\/comments?post=363"}],"version-history":[{"count":106,"href":"https:\/\/dflwf.com\/academy\/wp-json\/wp\/v2\/pages\/363\/revisions"}],"predecessor-version":[{"id":828,"href":"https:\/\/dflwf.com\/academy\/wp-json\/wp\/v2\/pages\/363\/revisions\/828"}],"wp:attachment":[{"href":"https:\/\/dflwf.com\/academy\/wp-json\/wp\/v2\/media?parent=363"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}