Smart Karate Warriors - Martial Arts Academy<\/title>\r\n \r\n \r\n <meta name=\"theme-color\" content=\"#ef4444\">\r\n <meta name=\"apple-mobile-web-app-capable\" content=\"yes\">\r\n <meta name=\"apple-mobile-web-app-status-bar-style\" content=\"black-translucent\">\r\n <meta name=\"apple-mobile-web-app-title\" content=\"Smart Karate Warriors\">\r\n <link rel=\"apple-touch-icon\" href=\"https:\/\/smartkaratewarriors.reejinet.com\/wp-content\/uploads\/2026\/05\/logo.png\">\r\n <link rel=\"manifest\" href=\"manifest.json\">\r\n \r\n \r\n <link href=\"https:\/\/cdn.jsdelivr.net\/npm\/bootstrap@5.3.2\/dist\/css\/bootstrap.min.css\" rel=\"stylesheet\">\r\n \r\n \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=Outfit:wght@400;600;700;800;900&family=Inter:wght@400;500;600;700&display=swap\" rel=\"stylesheet\">\r\n \r\n \r\n <link rel=\"stylesheet\" href=\"https:\/\/unpkg.com\/aos@next\/dist\/aos.css\" \/>\r\n\r\n \r\n<\/head>\r\n<body>\r\n\r\n \r\n <div class=\"skw-main-wrapper\">\r\n<style>\r\n \/* ==========================================================\r\n GLOBAL DESIGN TOKENS (RED, BLACK & WHITE SPORTS SCHEME)\r\n ========================================================== *\/\r\n :root {\r\n --primary: #ef4444; \/* Hot Crimson Red *\/\r\n --primary-dark: #b91c1c;\r\n --primary-glow: rgba(239, 68, 68, 0.3);\r\n --dark-bg: #080808; \/* Jet Black *\/\r\n --dark-card: rgba(18, 18, 18, 0.65);\r\n --light: #ffffff; \/* Crisp White *\/\r\n --light-muted: #cbd5e1; \/* Slate Muted White *\/\r\n --glass-border: rgba(255, 255, 255, 0.1);\r\n --glass-border-red: rgba(239, 68, 68, 0.25);\r\n }\r\n \r\n \/* Body overrides to maintain dark backdrop defaults *\/\r\n body {\r\n background-color: var(--dark-bg);\r\n color: var(--light);\r\n margin: 0;\r\n padding: 0;\r\n overflow-x: hidden;\r\n }\r\n\r\n \/* Scope everything inside the wrapper to prevent WordPress theme bleed *\/\r\n .skw-main-wrapper {\r\n background-color: var(--dark-bg) !important;\r\n color: var(--light) !important;\r\n font-family: 'Inter', sans-serif;\r\n position: relative;\r\n overflow-x: hidden;\r\n width: 100%;\r\n }\r\n\r\n .skw-main-wrapper * {\r\n box-sizing: border-box;\r\n }\r\n\r\n .skw-main-wrapper section {\r\n position: relative !important;\r\n background-color: var(--dark-bg) !important;\r\n padding: 100px 0 !important;\r\n z-index: 2 !important;\r\n overflow: hidden !important;\r\n }\r\n\r\n \/* Particle spark overlay background *\/\r\n .skw-main-wrapper::before {\r\n content: '';\r\n position: absolute;\r\n inset: 0;\r\n background-image: radial-gradient(rgba(255, 255, 255, 0.05) 1px, transparent 1px);\r\n background-size: 24px 24px;\r\n pointer-events: none;\r\n opacity: 0.5;\r\n z-index: 1;\r\n }\r\n\r\n \/* Sports carbon fiber stripes effect *\/\r\n .skw-main-wrapper .sport-stripes {\r\n position: absolute !important;\r\n top: 0 !important;\r\n left: 0 !important;\r\n width: 100% !important;\r\n height: 100% !important;\r\n background: repeating-linear-gradient(\r\n 45deg,\r\n rgba(255, 255, 255, 0.003),\r\n rgba(255, 255, 255, 0.003) 10px,\r\n rgba(0, 0, 0, 0.08) 10px,\r\n rgba(0, 0, 0, 0.08) 20px\r\n ) !important;\r\n pointer-events: none !important;\r\n z-index: 1 !important;\r\n }\r\n\r\n \/* Radial Spotlight Glows *\/\r\n .skw-main-wrapper .spotlight {\r\n position: absolute !important;\r\n border-radius: 50% !important;\r\n filter: blur(80px) !important;\r\n -webkit-filter: blur(80px) !important;\r\n pointer-events: none !important;\r\n z-index: 1 !important;\r\n opacity: 0.8 !important;\r\n }\r\n .skw-main-wrapper .spotlight-red {\r\n background: radial-gradient(circle, rgba(239, 68, 68, 0.18) 0%, rgba(239, 68, 68, 0) 70%) !important;\r\n }\r\n .skw-main-wrapper .spotlight-white {\r\n background: radial-gradient(circle, rgba(255, 255, 255, 0.06) 0%, rgba(255, 255, 255, 0) 70%) !important;\r\n }\r\n\r\n .skw-main-wrapper h1, \r\n .skw-main-wrapper h2, \r\n .skw-main-wrapper h3, \r\n .skw-main-wrapper h4, \r\n .skw-main-wrapper h5, \r\n .skw-main-wrapper h6 {\r\n font-family: 'Outfit', sans-serif !important;\r\n color: var(--light) !important;\r\n font-weight: 700;\r\n }\r\n\r\n \/* Headings gradients (Red, Black & White scheme) *\/\r\n .skw-main-wrapper .gradient-text-red {\r\n background: linear-gradient(135deg, #ffffff 30%, #ef4444 85%) !important;\r\n -webkit-background-clip: text !important;\r\n -webkit-text-fill-color: transparent !important;\r\n }\r\n\r\n .skw-main-wrapper .gradient-text-white {\r\n background: linear-gradient(135deg, #ffffff 40%, #cbd5e1 100%) !important;\r\n -webkit-background-clip: text !important;\r\n -webkit-text-fill-color: transparent !important;\r\n }\r\n\r\n \/* Glassmorphic Card Styling (Red\/Black\/White Theme) with Beveled 3D look *\/\r\n .skw-main-wrapper .glass-card {\r\n background: linear-gradient(135deg, rgba(20, 20, 20, 0.7) 0%, rgba(10, 10, 10, 0.8) 100%) !important;\r\n backdrop-filter: blur(16px) !important;\r\n -webkit-backdrop-filter: blur(16px) !important;\r\n border: 1px solid rgba(255, 255, 255, 0.1) !important;\r\n border-top: 1px solid rgba(255, 255, 255, 0.22) !important;\r\n box-shadow: 0 10px 30px rgba(0, 0, 0, 0.6), inset 0 1px 0 rgba(255, 255, 255, 0.1) !important;\r\n border-radius: 20px !important;\r\n padding: 35px 25px !important;\r\n height: 100% !important;\r\n transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1) !important;\r\n position: relative !important;\r\n overflow: hidden !important;\r\n z-index: 2 !important;\r\n }\r\n \r\n .skw-main-wrapper .glass-card:hover {\r\n transform: translateY(-6px) !important;\r\n border-color: rgba(239, 68, 68, 0.5) !important;\r\n border-top-color: rgba(255, 255, 255, 0.35) !important;\r\n box-shadow: 0 20px 40px rgba(0, 0, 0, 0.8), 0 0 20px rgba(239, 68, 68, 0.3), inset 0 1px 0 rgba(255, 255, 255, 0.2) !important;\r\n }\r\n\r\n \/* Glass Card reflection hover animation *\/\r\n .skw-main-wrapper .glass-card::after {\r\n content: '' !important;\r\n position: absolute !important;\r\n top: -50% !important;\r\n left: -60% !important;\r\n width: 30% !important;\r\n height: 200% !important;\r\n background: linear-gradient(\r\n to right,\r\n rgba(255, 255, 255, 0) 0%,\r\n rgba(255, 255, 255, 0.1) 50%,\r\n rgba(255, 255, 255, 0) 100%\r\n ) !important;\r\n transform: rotate(25deg) !important;\r\n transition: all 0.75s ease !important;\r\n pointer-events: none !important;\r\n z-index: 3 !important;\r\n opacity: 0 !important;\r\n }\r\n .skw-main-wrapper .glass-card:hover::after {\r\n left: 130% !important;\r\n opacity: 1 !important;\r\n }\r\n\r\n \/* ==========================================\r\n HEADER NAVBAR STYLES (GLASS EFFECT PROMINENT & RED SPORTS THEME)\r\n ========================================== *\/\r\n .navbar, .skw-main-wrapper .navbar {\r\n transition: all 0.4s ease !important;\r\n background: rgba(153, 27, 27, 0.22) !important; \/* Prominent Translucent Red Glass *\/\r\n backdrop-filter: blur(16px) !important;\r\n -webkit-backdrop-filter: blur(16px) !important;\r\n border-bottom: 2px solid rgba(239, 68, 68, 0.35) !important;\r\n z-index: 1040 !important;\r\n padding-top: 15px !important;\r\n padding-bottom: 15px !important;\r\n }\r\n \r\n .navbar.navbar-scrolled, .skw-main-wrapper .navbar.navbar-scrolled {\r\n background: rgba(153, 27, 27, 0.96) !important; \/* Premium Vibrant Red Glass on Scroll *\/\r\n backdrop-filter: blur(20px) !important;\r\n -webkit-backdrop-filter: blur(20px) !important;\r\n padding-top: 10px !important;\r\n padding-bottom: 10px !important;\r\n border-bottom: 2px solid #ef4444 !important;\r\n box-shadow: 0 8px 32px rgba(0, 0, 0, 0.65), 0 0 15px rgba(239, 68, 68, 0.25) !important;\r\n }\r\n \r\n .skw-main-wrapper .navbar-brand {\r\n display: flex !important;\r\n align-items: center !important;\r\n gap: 12px !important;\r\n font-family: 'Outfit', sans-serif !important;\r\n font-weight: 900 !important;\r\n font-size: 22px !important;\r\n color: #ffffff !important;\r\n text-transform: uppercase !important;\r\n letter-spacing: -0.5px;\r\n }\r\n \r\n .skw-main-wrapper .navbar-brand img {\r\n width: 48px !important;\r\n height: 48px !important;\r\n border-radius: 50% !important;\r\n object-fit: cover !important;\r\n border: 2px solid var(--light) !important;\r\n box-shadow: 0 0 12px rgba(255, 255, 255, 0.3) !important;\r\n transition: transform 0.3s ease !important;\r\n }\r\n\r\n .skw-main-wrapper .navbar-brand:hover img {\r\n transform: rotate(15deg) scale(1.05) !important;\r\n border-color: var(--primary) !important;\r\n box-shadow: 0 0 12px rgba(239, 68, 68, 0.5) !important;\r\n }\r\n \r\n .skw-main-wrapper .nav-link {\r\n font-family: 'Outfit', sans-serif !important;\r\n font-weight: 600 !important;\r\n color: var(--light-muted) !important;\r\n padding: 8px 16px !important;\r\n transition: all 0.3s !important;\r\n font-size: 15px !important;\r\n border-radius: 20px;\r\n }\r\n \r\n .skw-main-wrapper .nav-link:hover, \r\n .skw-main-wrapper .nav-link.active {\r\n color: #ffffff !important;\r\n background: rgba(255, 255, 255, 0.1);\r\n text-shadow: 0 0 8px rgba(255, 255, 255, 0.3);\r\n }\r\n \r\n \/* Dropdown custom styling *\/\r\n .skw-main-wrapper .dropdown-menu {\r\n background: rgba(18, 2, 3, 0.98) !important;\r\n border: 1px solid rgba(239, 68, 68, 0.3) !important;\r\n border-radius: 16px !important;\r\n backdrop-filter: blur(15px) !important;\r\n -webkit-backdrop-filter: blur(15px) !important;\r\n box-shadow: 0 15px 35px rgba(0,0,0,0.7) !important;\r\n padding: 10px !important;\r\n }\r\n \r\n .skw-main-wrapper .dropdown-item {\r\n color: var(--light-muted) !important;\r\n font-family: 'Outfit', sans-serif !important;\r\n font-weight: 600 !important;\r\n padding: 10px 18px !important;\r\n border-radius: 10px !important;\r\n transition: all 0.2s !important;\r\n }\r\n \r\n .skw-main-wrapper .dropdown-item:hover {\r\n background: linear-gradient(135deg, #ef4444 0%, #b91c1c 100%) !important;\r\n color: #ffffff !important;\r\n padding-left: 22px !important;\r\n }\r\n \r\n \/* Header Buttons *\/\r\n .skw-main-wrapper .header-btn {\r\n font-family: 'Outfit', sans-serif !important;\r\n font-weight: 700 !important;\r\n font-size: 14px !important;\r\n padding: 10px 22px !important;\r\n border-radius: 30px !important;\r\n transition: all 0.3s !important;\r\n }\r\n \r\n .skw-main-wrapper .btn-contact {\r\n background: linear-gradient(to bottom, #ef4444 0%, #dc2626 100%) !important;\r\n border: 1px solid #ff7b87 !important;\r\n color: #ffffff !important;\r\n box-shadow: 0 4px 15px rgba(220, 38, 38, 0.45) !important;\r\n }\r\n \r\n .skw-main-wrapper .btn-contact:hover {\r\n transform: translateY(-2px) !important;\r\n box-shadow: 0 6px 20px rgba(239, 68, 68, 0.65) !important;\r\n color: #ffffff !important;\r\n border-color: #ffffff !important;\r\n }\r\n \r\n .skw-main-wrapper .btn-portal-dropdown {\r\n background: rgba(255, 255, 255, 0.08) !important;\r\n border: 1px solid rgba(255, 255, 255, 0.15) !important;\r\n color: #ffffff !important;\r\n }\r\n .skw-main-wrapper .btn-portal-dropdown:hover {\r\n background: rgba(255, 255, 255, 0.15) !important;\r\n border-color: #ffffff !important;\r\n color: #ffffff !important;\r\n }\r\n\r\n \/* Hamburger button styles *\/\r\n .skw-main-wrapper .navbar-toggler {\r\n border: 1px solid rgba(255, 255, 255, 0.25) !important;\r\n background: rgba(255, 255, 255, 0.08) !important;\r\n padding: 6px 12px !important;\r\n border-radius: 8px !important;\r\n transition: all 0.3s ease !important;\r\n }\r\n .skw-main-wrapper .navbar-toggler:focus {\r\n box-shadow: 0 0 12px rgba(239, 68, 68, 0.5) !important;\r\n border-color: var(--primary) !important;\r\n }\r\n\r\n \/* Mobile Header Responsiveness *\/\r\n @media (max-width: 991.98px) {\r\n .skw-main-wrapper .navbar-collapse {\r\n background: rgba(18, 2, 3, 0.98) !important;\r\n backdrop-filter: blur(25px) !important;\r\n -webkit-backdrop-filter: blur(25px) !important;\r\n border: 1px solid rgba(239, 68, 68, 0.35) !important;\r\n border-radius: 20px !important;\r\n padding: 25px !important;\r\n margin-top: 15px !important;\r\n box-shadow: 0 15px 40px rgba(0, 0, 0, 0.85), 0 0 20px rgba(239, 68, 68, 0.15) !important;\r\n }\r\n .skw-main-wrapper .nav-link {\r\n padding: 12px 20px !important;\r\n border-bottom: 1px solid rgba(255, 255, 255, 0.05) !important;\r\n text-align: center !important;\r\n border-radius: 0px !important;\r\n }\r\n .skw-main-wrapper .nav-link:last-of-type {\r\n border-bottom: none !important;\r\n }\r\n .skw-main-wrapper .navbar-nav {\r\n margin-bottom: 20px !important;\r\n }\r\n .skw-main-wrapper .navbar-collapse .d-flex {\r\n flex-direction: column !important;\r\n align-items: center !important;\r\n gap: 15px !important;\r\n width: 100% !important;\r\n }\r\n .skw-main-wrapper .navbar-collapse .dropdown,\r\n .skw-main-wrapper .navbar-collapse .dropdown button,\r\n .skw-main-wrapper .navbar-collapse .btn-contact {\r\n width: 100% !important;\r\n text-align: center !important;\r\n justify-content: center !important;\r\n }\r\n }\r\n\r\n @media (max-width: 576px) {\r\n .skw-main-wrapper .navbar-brand {\r\n font-size: 16px !important;\r\n gap: 8px !important;\r\n }\r\n .skw-main-wrapper .navbar-brand img {\r\n width: 38px !important;\r\n height: 38px !important;\r\n }\r\n }\r\n\r\n \/* ==========================================\r\n HERO SECTION\r\n ========================================== *\/\r\n .skw-main-wrapper .hero-section {\r\n position: relative !important;\r\n padding: 180px 0 110px !important;\r\n background: radial-gradient(circle at 50% 30%, #350308 0%, #080808 80%) !important; \/* Premium Dark Crimson to Jet Black *\/\r\n overflow: hidden !important;\r\n z-index: 2 !important;\r\n }\r\n \r\n .skw-main-wrapper .hero-section::after {\r\n content: '' !important;\r\n position: absolute !important;\r\n bottom: 0 !important;\r\n left: 0 !important;\r\n right: 0 !important;\r\n height: 100px !important;\r\n background: linear-gradient(to top, var(--dark-bg), transparent) !important;\r\n pointer-events: none !important;\r\n }\r\n \r\n .skw-main-wrapper .hero-title {\r\n font-size: 58px !important;\r\n font-weight: 900 !important;\r\n line-height: 1.1 !important;\r\n text-transform: uppercase !important;\r\n margin-bottom: 25px !important;\r\n letter-spacing: -1px !important;\r\n }\r\n \r\n .skw-main-wrapper .hero-subtitle {\r\n font-size: 18px !important;\r\n color: var(--light-muted) !important;\r\n margin-bottom: 35px !important;\r\n line-height: 1.6 !important;\r\n opacity: 0.95 !important;\r\n }\r\n \r\n .skw-main-wrapper .hero-image-container {\r\n position: relative !important;\r\n display: flex !important;\r\n justify-content: center !important;\r\n align-items: center !important;\r\n z-index: 3 !important;\r\n }\r\n \r\n .skw-main-wrapper .hero-image-frame {\r\n position: relative !important;\r\n border-radius: 30px !important;\r\n padding: 10px !important;\r\n background: linear-gradient(135deg, rgba(255,255,255,0.03) 0%, rgba(239,68,68,0.15) 100%) !important;\r\n border: 1px solid rgba(255,255,255,0.1) !important;\r\n box-shadow: 0 20px 50px rgba(0,0,0,0.65) !important;\r\n }\r\n \r\n .skw-main-wrapper .hero-image-frame::before {\r\n content: '' !important;\r\n position: absolute !important;\r\n inset: -2px !important;\r\n border-radius: 32px !important;\r\n background: linear-gradient(135deg, rgba(255,255,255,0.1) 0%, rgba(239,68,68,0.45) 100%) !important;\r\n z-index: -1 !important;\r\n }\r\n \r\n .skw-main-wrapper .hero-image {\r\n max-width: 100% !important;\r\n height: auto !important;\r\n max-height: 480px !important;\r\n border-radius: 20px !important;\r\n object-fit: cover !important;\r\n filter: drop-shadow(0 15px 30px rgba(0, 0, 0, 0.6)) !important;\r\n animation: floatImage 6s ease-in-out infinite !important;\r\n }\r\n \r\n @keyframes floatImage {\r\n 0%, 100% { transform: translateY(0); }\r\n 50% { transform: translateY(-12px); }\r\n }\r\n \r\n \/* Stats badges stylized *\/\r\n .skw-main-wrapper .stats-badge {\r\n background: rgba(255, 255, 255, 0.03) !important;\r\n border: 1px solid var(--glass-border) !important;\r\n border-radius: 20px !important;\r\n padding: 18px 25px !important;\r\n text-align: center !important;\r\n backdrop-filter: blur(8px) !important;\r\n -webkit-backdrop-filter: blur(8px) !important;\r\n transition: all 0.3s ease !important;\r\n }\r\n \r\n .skw-main-wrapper .stats-badge:hover {\r\n border-color: var(--primary) !important;\r\n background: rgba(239, 68, 68, 0.05) !important;\r\n transform: translateY(-3px) !important;\r\n box-shadow: 0 10px 20px rgba(239, 68, 68, 0.15) !important;\r\n }\r\n\r\n .skw-main-wrapper .stats-badge h3 {\r\n color: var(--primary) !important;\r\n font-weight: 850 !important;\r\n font-size: 30px !important;\r\n margin-bottom: 5px !important;\r\n }\r\n \r\n .skw-main-wrapper .stats-badge p {\r\n font-size: 12px !important;\r\n color: #ffffff !important;\r\n opacity: 0.8 !important;\r\n margin: 0 !important;\r\n text-transform: uppercase !important;\r\n letter-spacing: 1.5px !important;\r\n font-weight: 600 !important;\r\n }\r\n\r\n \/* ==========================================\r\n SECTIONS GENERAL\r\n ========================================== *\/\r\n .skw-main-wrapper .section-title {\r\n font-size: 42px !important;\r\n font-weight: 800 !important;\r\n text-transform: uppercase !important;\r\n text-align: center !important;\r\n margin-bottom: 15px !important;\r\n letter-spacing: -0.5px !important;\r\n }\r\n \r\n .skw-main-wrapper .section-title span {\r\n color: var(--primary) !important;\r\n }\r\n \r\n .skw-main-wrapper .section-subtitle {\r\n font-size: 16px !important;\r\n color: var(--light-muted) !important;\r\n text-align: center !important;\r\n margin-bottom: 60px !important;\r\n max-width: 620px !important;\r\n margin-left: auto !important;\r\n margin-right: auto !important;\r\n opacity: 0.9 !important;\r\n line-height: 1.6 !important;\r\n }\r\n\r\n \/* 3D Push Buttons Styling *\/\r\n .skw-main-wrapper a.portal-btn,\r\n .skw-main-wrapper .btn.portal-btn {\r\n position: relative !important;\r\n display: inline-flex !important;\r\n align-items: center !important;\r\n justify-content: center !important;\r\n gap: 10px !important;\r\n width: 100% !important;\r\n height: 54px !important;\r\n border-radius: 12px !important;\r\n font-family: 'Outfit', sans-serif !important;\r\n font-size: 16px !important;\r\n font-weight: 800 !important;\r\n text-transform: uppercase !important;\r\n letter-spacing: 0.5px !important;\r\n color: #ffffff !important;\r\n text-decoration: none !important;\r\n background: linear-gradient(to bottom, #ef4444 0%, #dc2626 100%) !important;\r\n border: 1px solid rgba(255, 255, 255, 0.2) !important;\r\n border-bottom: 2px solid rgba(0, 0, 0, 0.3) !important;\r\n box-shadow: 0 6px 0 #990000, 0 12px 20px rgba(0, 0, 0, 0.6) !important;\r\n transform: translateY(-2px) !important;\r\n transition: all 0.15s ease-in-out !important;\r\n cursor: pointer !important;\r\n z-index: 2 !important;\r\n }\r\n\r\n .skw-main-wrapper a.portal-btn:hover,\r\n .skw-main-wrapper .btn.portal-btn:hover {\r\n background: linear-gradient(to bottom, #ff5c5c 0%, #ef4444 100%) !important;\r\n box-shadow: 0 4px 0 #990000, 0 8px 15px rgba(0, 0, 0, 0.6) !important;\r\n transform: translateY(0px) !important;\r\n color: #ffffff !important;\r\n border-color: rgba(255, 255, 255, 0.3) !important;\r\n }\r\n\r\n .skw-main-wrapper a.portal-btn:active,\r\n .skw-main-wrapper .btn.portal-btn:active {\r\n box-shadow: 0 2px 0 #990000, 0 4px 8px rgba(0, 0, 0, 0.6) !important;\r\n transform: translateY(2px) !important;\r\n color: #ffffff !important;\r\n }\r\n \r\n .skw-main-wrapper a.portal-btn::after {\r\n content: '' !important;\r\n position: absolute !important;\r\n top: 0 !important;\r\n left: -100% !important;\r\n width: 100% !important;\r\n height: 100% !important;\r\n background: linear-gradient(90deg, transparent, rgba(255,255,255,0.25), transparent) !important;\r\n transition: all 0.6s ease !important;\r\n }\r\n \r\n .skw-main-wrapper a.portal-btn:hover::after {\r\n left: 100% !important;\r\n }\r\n\r\n \/* 3D Push Buttons Secondary *\/\r\n .skw-main-wrapper a.portal-btn-secondary,\r\n .skw-main-wrapper .btn.portal-btn-secondary {\r\n position: relative !important;\r\n display: inline-flex !important;\r\n align-items: center !important;\r\n justify-content: center !important;\r\n gap: 10px !important;\r\n width: 100% !important;\r\n height: 54px !important;\r\n border-radius: 12px !important;\r\n font-family: 'Outfit', sans-serif !important;\r\n font-size: 16px !important;\r\n font-weight: 800 !important;\r\n text-transform: uppercase !important;\r\n letter-spacing: 0.5px !important;\r\n color: #ffffff !important;\r\n text-decoration: none !important;\r\n background: linear-gradient(to bottom, rgba(40, 40, 40, 0.9) 0%, rgba(20, 20, 20, 0.95) 100%) !important;\r\n border: 1px solid rgba(255, 255, 255, 0.15) !important;\r\n border-bottom: 2px solid rgba(0, 0, 0, 0.4) !important;\r\n box-shadow: 0 6px 0 #151515, 0 12px 20px rgba(0, 0, 0, 0.6) !important;\r\n transform: translateY(-2px) !important;\r\n transition: all 0.15s ease-in-out !important;\r\n cursor: pointer !important;\r\n z-index: 2 !important;\r\n }\r\n\r\n .skw-main-wrapper a.portal-btn-secondary:hover,\r\n .skw-main-wrapper .btn.portal-btn-secondary:hover {\r\n background: linear-gradient(to bottom, rgba(60, 60, 60, 0.9) 0%, rgba(40, 40, 40, 0.95) 100%) !important;\r\n box-shadow: 0 4px 0 #151515, 0 8px 15px rgba(0, 0, 0, 0.6) !important;\r\n transform: translateY(0px) !important;\r\n color: #ffffff !important;\r\n border-color: rgba(255, 255, 255, 0.25) !important;\r\n }\r\n\r\n .skw-main-wrapper a.portal-btn-secondary:active,\r\n .skw-main-wrapper .btn.portal-btn-secondary:active {\r\n box-shadow: 0 2px 0 #151515, 0 4px 8px rgba(0, 0, 0, 0.6) !important;\r\n transform: translateY(2px) !important;\r\n color: #ffffff !important;\r\n }\r\n\r\n \/* Desktop specific sizing for Hero Buttons *\/\r\n @media (min-width: 576px) {\r\n .skw-main-wrapper .hero-buttons-container {\r\n max-width: 520px !important;\r\n }\r\n .skw-main-wrapper .hero-buttons-container .portal-btn,\r\n .skw-main-wrapper .hero-buttons-container .portal-btn-secondary {\r\n width: 240px !important;\r\n }\r\n }\r\n\r\n \/* Card images settings *\/\r\n .skw-main-wrapper .card-image-wrap img {\r\n transition: transform 0.6s cubic-bezier(0.2, 0.8, 0.2, 1) !important;\r\n }\r\n .skw-main-wrapper .glass-card:hover .card-image-wrap img {\r\n transform: scale(1.08) !important;\r\n }\r\n\r\n \/* ==========================================\r\n CONTACT & FORM INPUTS\r\n ========================================== *\/\r\n .skw-main-wrapper .contact-info-box {\r\n display: flex !important;\r\n gap: 18px !important;\r\n margin-bottom: 25px !important;\r\n background: rgba(255, 255, 255, 0.02) !important;\r\n padding: 16px 20px !important;\r\n border-radius: 16px !important;\r\n border: 1px solid rgba(255, 255, 255, 0.03) !important;\r\n transition: all 0.3s ease !important;\r\n }\r\n .skw-main-wrapper .contact-info-box:hover {\r\n border-color: rgba(239, 68, 68, 0.2) !important;\r\n background: rgba(239, 68, 68, 0.03) !important;\r\n }\r\n .skw-main-wrapper .contact-info-icon {\r\n width: 48px !important;\r\n height: 48px !important;\r\n background: rgba(239, 68, 68, 0.1) !important;\r\n border: 1px solid var(--primary) !important;\r\n border-radius: 14px !important;\r\n display: flex !important;\r\n align-items: center !important;\r\n justify-content: center !important;\r\n font-size: 20px !important;\r\n color: var(--primary) !important;\r\n flex-shrink: 0 !important;\r\n box-shadow: 0 0 10px rgba(239, 68, 68, 0.15) !important;\r\n }\r\n .skw-main-wrapper .contact-info-text h5 {\r\n font-family: 'Outfit', sans-serif !important;\r\n font-weight: 700 !important;\r\n margin-bottom: 5px !important;\r\n color: #ffffff !important;\r\n font-size: 17px !important;\r\n }\r\n .skw-main-wrapper .contact-info-text p {\r\n font-size: 14px !important;\r\n opacity: 0.8 !important;\r\n margin: 0 !important;\r\n color: #ffffff !important;\r\n line-height: 1.5 !important;\r\n }\r\n \r\n .skw-main-wrapper .form-control {\r\n background: rgba(255, 255, 255, 0.02) !important;\r\n border: 1px solid rgba(255, 255, 255, 0.15) !important;\r\n border-radius: 14px !important;\r\n color: #ffffff !important;\r\n padding: 12px 18px !important;\r\n font-size: 14px !important;\r\n transition: all 0.3s ease !important;\r\n }\r\n .skw-main-wrapper .form-control:focus {\r\n background: rgba(255, 255, 255, 0.05) !important;\r\n border-color: var(--primary) !important;\r\n box-shadow: 0 0 12px rgba(239, 68, 68, 0.3) !important;\r\n color: #ffffff !important;\r\n outline: 0 !important;\r\n }\r\n .skw-main-wrapper .form-label {\r\n font-weight: 600 !important;\r\n font-size: 13px !important;\r\n letter-spacing: 0.5px !important;\r\n text-transform: uppercase !important;\r\n color: var(--light-muted) !important;\r\n margin-bottom: 8px !important;\r\n }\r\n\r\n \/* ==========================================================\r\n CUSTOM INSTALL PROMPT OVERLAYS (PWA BANNER & iOS MODAL)\r\n ========================================================== *\/\r\n .skw-main-wrapper .install-banner, .install-banner {\r\n position: fixed !important;\r\n bottom: -150px;\r\n left: 50% !important;\r\n transform: translateX(-50%) !important;\r\n width: 90% !important;\r\n max-width: 420px !important;\r\n background: rgba(18, 18, 18, 0.85) !important;\r\n border: 1px solid var(--glass-border) !important;\r\n border-radius: 24px !important;\r\n padding: 18px 22px !important;\r\n box-shadow: 0 15px 40px rgba(0, 0, 0, 0.85), 0 0 25px rgba(239, 68, 68, 0.15) !important;\r\n backdrop-filter: blur(20px) !important;\r\n -webkit-backdrop-filter: blur(20px) !important;\r\n transition: bottom 0.5s cubic-bezier(0.175, 0.885, 0.32, 1.275) !important;\r\n z-index: 99999 !important;\r\n }\r\n \r\n .install-banner.show {\r\n bottom: 24px !important;\r\n }\r\n \r\n .install-banner-content {\r\n display: flex !important;\r\n align-items: center !important;\r\n gap: 15px !important;\r\n position: relative !important;\r\n text-align: left !important;\r\n }\r\n \r\n .close-banner {\r\n position: absolute !important;\r\n top: -12px !important;\r\n right: -6px !important;\r\n font-size: 24px !important;\r\n color: var(--light-muted) !important;\r\n cursor: pointer !important;\r\n opacity: 0.7 !important;\r\n transition: opacity 0.2s !important;\r\n }\r\n .close-banner:hover {\r\n opacity: 1 !important;\r\n }\r\n \r\n .banner-logo {\r\n width: 52px !important;\r\n height: 52px !important;\r\n border-radius: 12px !important;\r\n border: 1.5px solid var(--primary) !important;\r\n object-fit: cover !important;\r\n }\r\n \r\n .banner-text {\r\n flex: 1 !important;\r\n }\r\n \r\n .banner-text h3 {\r\n font-family: 'Outfit', sans-serif !important;\r\n font-size: 15px !important;\r\n color: #ffffff !important;\r\n font-weight: 700 !important;\r\n margin: 0 0 2px 0 !important;\r\n }\r\n \r\n .banner-text p {\r\n font-size: 11px !important;\r\n color: var(--light-muted) !important;\r\n line-height: 1.3 !important;\r\n opacity: 0.85 !important;\r\n margin: 0 !important;\r\n }\r\n \r\n .banner-btn {\r\n background: linear-gradient(135deg, #ef4444 0%, #b91c1c 100%) !important;\r\n border: 1px solid rgba(255, 255, 255, 0.15) !important;\r\n box-shadow: 0 4px 10px rgba(185, 28, 28, 0.4) !important;\r\n color: #ffffff !important;\r\n padding: 10px 14px !important;\r\n border-radius: 14px !important;\r\n font-family: 'Outfit', sans-serif !important;\r\n font-weight: 700 !important;\r\n font-size: 12px !important;\r\n cursor: pointer !important;\r\n transition: transform 0.2s !important;\r\n outline: none !important;\r\n }\r\n .banner-btn:hover {\r\n transform: scale(1.05) !important;\r\n }\r\n\r\n .skw-main-wrapper .ios-modal, .ios-modal {\r\n position: fixed !important;\r\n inset: 0 !important;\r\n background: rgba(0, 0, 0, 0.85) !important;\r\n display: flex !important;\r\n align-items: center !important;\r\n justify-content: center !important;\r\n padding: 20px !important;\r\n opacity: 0 !important;\r\n pointer-events: none !important;\r\n transition: opacity 0.3s ease !important;\r\n z-index: 999999 !important;\r\n }\r\n \r\n .ios-modal.show {\r\n opacity: 1 !important;\r\n pointer-events: auto !important;\r\n }\r\n \r\n .ios-modal-content {\r\n background: rgba(18, 18, 18, 0.9) !important;\r\n border: 1px solid var(--glass-border) !important;\r\n border-radius: 28px !important;\r\n width: 100% !important;\r\n max-width: 360px !important;\r\n padding: 30px 24px !important;\r\n text-align: center !important;\r\n box-shadow: 0 20px 50px rgba(0, 0, 0, 0.9) !important;\r\n position: relative !important;\r\n backdrop-filter: blur(20px) !important;\r\n -webkit-backdrop-filter: blur(20px) !important;\r\n animation: scaleIn 0.3s cubic-bezier(0.16, 1, 0.3, 1) !important;\r\n }\r\n \r\n @keyframes scaleIn {\r\n from { transform: scale(0.9); opacity: 0; }\r\n to { transform: scale(1); opacity: 1; }\r\n }\r\n \r\n .close-modal {\r\n position: absolute !important;\r\n top: 15px !important;\r\n right: 20px !important;\r\n font-size: 24px !important;\r\n color: var(--light-muted) !important;\r\n cursor: pointer !important;\r\n opacity: 0.7 !important;\r\n }\r\n \r\n .modal-logo {\r\n width: 65px !important;\r\n height: 65px !important;\r\n border-radius: 14px !important;\r\n border: 1.5px solid var(--primary) !important;\r\n margin-bottom: 15px !important;\r\n object-fit: cover !important;\r\n }\r\n \r\n .ios-modal-content h3 {\r\n font-family: 'Outfit', sans-serif !important;\r\n font-size: 19px !important;\r\n color: #ffffff !important;\r\n margin-bottom: 8px !important;\r\n }\r\n \r\n .ios-modal-content p {\r\n font-size: 12px !important;\r\n color: var(--light-muted) !important;\r\n margin-bottom: 20px !important;\r\n opacity: 0.9 !important;\r\n }\r\n \r\n .ios-step {\r\n display: flex !important;\r\n align-items: flex-start !important;\r\n gap: 12px !important;\r\n text-align: left !important;\r\n margin-bottom: 15px !important;\r\n background: rgba(255, 255, 255, 0.03) !important;\r\n padding: 10px 14px !important;\r\n border-radius: 12px !important;\r\n border: 1px solid rgba(255, 255, 255, 0.05) !important;\r\n }\r\n \r\n .step-num {\r\n background: var(--primary) !important;\r\n color: #ffffff !important;\r\n width: 20px !important;\r\n height: 20px !important;\r\n border-radius: 50% !important;\r\n display: flex !important;\r\n align-items: center !important;\r\n justify-content: center !important;\r\n font-size: 12px !important;\r\n font-weight: 700 !important;\r\n flex-shrink: 0 !important;\r\n margin-top: 2px !important;\r\n }\r\n \r\n .step-desc {\r\n font-size: 12px !important;\r\n color: #ffffff !important;\r\n line-height: 1.4 !important;\r\n }\r\n \r\n .modal-btn-close {\r\n background: linear-gradient(135deg, #ef4444 0%, #b91c1c 100%) !important;\r\n border: 1px solid rgba(255, 255, 255, 0.15) !important;\r\n color: #ffffff !important;\r\n width: 100% !important;\r\n padding: 12px !important;\r\n border-radius: 16px !important;\r\n font-family: 'Outfit', sans-serif !important;\r\n font-weight: 700 !important;\r\n font-size: 14px !important;\r\n cursor: pointer !important;\r\n margin-top: 15px !important;\r\n outline: none !important;\r\n box-shadow: 0 4px 12px rgba(185, 28, 28, 0.4) !important;\r\n }\r\n\r\n \/* Pulsing floating WhatsApp float *\/\r\n .whatsapp-chat-float {\r\n position: fixed !important;\r\n bottom: 30px !important;\r\n right: 30px !important;\r\n width: 60px !important;\r\n height: 60px !important;\r\n background: #25d366 !important;\r\n border: 2px solid #ffffff !important;\r\n border-radius: 50% !important;\r\n display: flex !important;\r\n align-items: center !important;\r\n justify-content: center !important;\r\n color: #ffffff !important;\r\n font-size: 32px !important;\r\n box-shadow: 0 8px 25px rgba(37, 211, 102, 0.5) !important;\r\n text-decoration: none !important;\r\n z-index: 99999 !important;\r\n transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275) !important;\r\n animation: pulseWhatsapp 2s infinite !important;\r\n }\r\n .whatsapp-chat-float:hover {\r\n transform: scale(1.1) rotate(8deg) !important;\r\n box-shadow: 0 12px 30px rgba(37, 211, 102, 0.7) !important;\r\n color: #ffffff !important;\r\n }\r\n @keyframes pulseWhatsapp {\r\n 0%, 100% { box-shadow: 0 0 0 0 rgba(37, 211, 102, 0.6); }\r\n 70% { box-shadow: 0 0 0 15px rgba(37, 211, 102, 0); }\r\n }\r\n\r\n \/* Red Footer styling *\/\r\n .skw-main-wrapper footer {\r\n background: #dc2626 !important; \/* Proper Red *\/\r\n color: #ffffff !important;\r\n padding: 60px 0 30px 0 !important;\r\n border-top: 2px solid rgba(255, 255, 255, 0.2) !important;\r\n position: relative !important;\r\n z-index: 2 !important;\r\n }\r\n \r\n .skw-main-wrapper footer a {\r\n color: rgba(255, 255, 255, 0.85) !important;\r\n text-decoration: none !important;\r\n transition: all 0.3s ease !important;\r\n }\r\n \r\n .skw-main-wrapper footer a:hover {\r\n color: #ffffff !important;\r\n text-shadow: 0 0 5px rgba(255, 255, 255, 0.5) !important;\r\n padding-left: 5px;\r\n }\r\n \r\n .skw-main-wrapper footer h5 {\r\n font-size: 18px !important;\r\n font-weight: 700 !important;\r\n color: #ffffff !important;\r\n border-bottom: 2px solid rgba(255, 255, 255, 0.15) !important;\r\n padding-bottom: 10px !important;\r\n margin-bottom: 20px !important;\r\n text-transform: uppercase !important;\r\n letter-spacing: 0.5px !important;\r\n }\r\n \r\n .skw-main-wrapper footer p {\r\n color: rgba(255, 255, 255, 0.85) !important;\r\n line-height: 1.6 !important;\r\n font-size: 14px !important;\r\n }\r\n\r\n \/* ==========================================================\r\n CLASSY MARTIAL ARTS ANIMATED BACKGROUND LAYERS\r\n ========================================================== *\/\r\n .skw-main-wrapper .martial-arts-bg-elements {\r\n position: absolute !important;\r\n inset: 0 !important;\r\n pointer-events: none !important;\r\n overflow: hidden !important;\r\n z-index: 1 !important;\r\n }\r\n \r\n .skw-main-wrapper .floating-svg-element {\r\n position: absolute !important;\r\n width: 200px !important;\r\n height: 200px !important;\r\n opacity: 0.6 !important;\r\n animation: floatSlow 24s infinite linear !important;\r\n }\r\n .skw-main-wrapper .pose-1 {\r\n top: 15% !important;\r\n left: 4% !important;\r\n animation-duration: 28s !important;\r\n }\r\n .skw-main-wrapper .pose-2 {\r\n top: 48% !important;\r\n right: 5% !important;\r\n animation-duration: 32s !important;\r\n animation-delay: -7s !important;\r\n }\r\n \r\n .skw-main-wrapper .floating-kanji {\r\n position: absolute !important;\r\n font-family: 'Outfit', sans-serif !important;\r\n font-size: 160px !important;\r\n font-weight: 900 !important;\r\n color: rgba(255, 255, 255, 0.012) !important;\r\n user-select: none !important;\r\n writing-mode: vertical-rl !important;\r\n text-orientation: upright !important;\r\n top: 25% !important;\r\n right: 2% !important;\r\n animation: pulseFade 12s infinite ease-in-out !important;\r\n }\r\n .skw-main-wrapper .kanji-2 {\r\n top: 72% !important;\r\n left: 2% !important;\r\n color: rgba(239, 68, 68, 0.015) !important;\r\n animation-delay: -4s !important;\r\n }\r\n\r\n .skw-main-wrapper .animated-laser-line {\r\n position: absolute !important;\r\n width: 2px !important;\r\n height: 180px !important;\r\n background: linear-gradient(to bottom, transparent, var(--primary), transparent) !important;\r\n animation: laserMove 15s infinite linear !important;\r\n opacity: 0.25 !important;\r\n }\r\n .skw-main-wrapper .laser-1 {\r\n left: 10% !important;\r\n top: -15% !important;\r\n animation-duration: 18s !important;\r\n }\r\n .skw-main-wrapper .laser-2 {\r\n right: 12% !important;\r\n top: -15% !important;\r\n animation-duration: 22s !important;\r\n animation-delay: -5s !important;\r\n }\r\n\r\n @keyframes floatSlow {\r\n 0% { transform: translateY(0) rotate(0deg) scale(0.95); }\r\n 50% { transform: translateY(-35px) rotate(180deg) scale(1.05); }\r\n 100% { transform: translateY(0) rotate(360deg) scale(0.95); }\r\n }\r\n @keyframes pulseFade {\r\n 0%, 100% { opacity: 0.25; }\r\n 50% { opacity: 0.85; }\r\n }\r\n @keyframes laserMove {\r\n 0% { transform: translateY(-200px); top: 0%; }\r\n 100% { transform: translateY(200px); top: 100%; }\r\n }\r\n \r\n \/* ==========================================================\r\n UPGRADED LUXURY FONTS, 3D BUTTONS & SPECIFICITY FIXES\r\n ========================================================== *\/\r\n .skw-main-wrapper,\r\n .skw-main-wrapper p,\r\n .skw-main-wrapper span,\r\n .skw-main-wrapper li,\r\n .skw-main-wrapper div,\r\n .skw-main-wrapper input,\r\n .skw-main-wrapper textarea,\r\n .skw-main-wrapper button,\r\n .skw-main-wrapper a {\r\n font-family: 'Inter', sans-serif !important;\r\n }\r\n\r\n .skw-main-wrapper h1, \r\n .skw-main-wrapper h2, \r\n .skw-main-wrapper h3, \r\n .skw-main-wrapper h4, \r\n .skw-main-wrapper h5, \r\n .skw-main-wrapper h6,\r\n .skw-main-wrapper .navbar-brand {\r\n font-family: 'Outfit', sans-serif !important;\r\n }\r\n\r\n .skw-main-wrapper a:not(.portal-btn):not(.portal-btn-secondary):not(.nav-link):not(.navbar-brand):not(.dropdown-item) {\r\n color: var(--light) !important;\r\n text-decoration: underline !important;\r\n transition: opacity 0.2s !important;\r\n }\r\n .skw-main-wrapper a:not(.portal-btn):not(.portal-btn-secondary):not(.nav-link):not(.navbar-brand):not(.dropdown-item):hover {\r\n opacity: 0.8 !important;\r\n }\r\n\r\n \/* 3D Tactile Push Buttons Styling (Vibrant Red) *\/\r\n div.skw-main-wrapper a.portal-btn,\r\n div.skw-main-wrapper a.portal-btn:link,\r\n div.skw-main-wrapper a.portal-btn:visited,\r\n div.skw-main-wrapper a.portal-btn:focus,\r\n div.skw-main-wrapper a.portal-btn:hover,\r\n div.skw-main-wrapper a.portal-btn:active,\r\n div.skw-main-wrapper .btn.portal-btn,\r\n div.skw-main-wrapper .btn.portal-btn:hover,\r\n div.skw-main-wrapper .btn.portal-btn:active,\r\n div.skw-main-wrapper .btn.portal-btn:focus {\r\n position: relative !important;\r\n display: inline-flex !important;\r\n align-items: center !important;\r\n justify-content: center !important;\r\n gap: 10px !important;\r\n width: 100% !important;\r\n height: 54px !important;\r\n border-radius: 12px !important;\r\n font-family: 'Outfit', sans-serif !important;\r\n font-size: 16px !important;\r\n font-weight: 800 !important;\r\n text-transform: uppercase !important;\r\n letter-spacing: 0.5px !important;\r\n color: #ffffff !important;\r\n text-decoration: none !important;\r\n background: linear-gradient(to bottom, #ef4444 0%, #dc2626 100%) !important;\r\n border: 1px solid rgba(255, 255, 255, 0.25) !important;\r\n border-bottom: 2px solid rgba(0, 0, 0, 0.3) !important;\r\n box-shadow: 0 6px 0 #990000, 0 12px 20px rgba(0, 0, 0, 0.55), inset 0 1px 0 rgba(255, 255, 255, 0.45) !important;\r\n transform: translateY(-2px) !important;\r\n transition: all 0.15s ease-in-out !important;\r\n cursor: pointer !important;\r\n z-index: 2 !important;\r\n }\r\n\r\n div.skw-main-wrapper a.portal-btn:hover,\r\n div.skw-main-wrapper a.portal-btn:focus:hover,\r\n div.skw-main-wrapper .btn.portal-btn:hover {\r\n background: linear-gradient(to bottom, #ff5c5c 0%, #ef4444 100%) !important;\r\n box-shadow: 0 4px 0 #990000, 0 8px 15px rgba(0, 0, 0, 0.55), inset 0 1px 0 rgba(255, 255, 255, 0.45) !important;\r\n transform: translateY(0px) !important;\r\n color: #ffffff !important;\r\n border-color: rgba(255, 255, 255, 0.35) !important;\r\n }\r\n\r\n div.skw-main-wrapper a.portal-btn:active,\r\n div.skw-main-wrapper .btn.portal-btn:active {\r\n box-shadow: 0 2px 0 #990000, 0 4px 8px rgba(0, 0, 0, 0.55), inset 0 1px 0 rgba(255, 255, 255, 0.45) !important;\r\n transform: translateY(2px) !important;\r\n color: #ffffff !important;\r\n }\r\n\r\n \/* 3D Tactile Push Buttons Secondary Styling (Carbon Dark) *\/\r\n div.skw-main-wrapper a.portal-btn-secondary,\r\n div.skw-main-wrapper a.portal-btn-secondary:link,\r\n div.skw-main-wrapper a.portal-btn-secondary:visited,\r\n div.skw-main-wrapper a.portal-btn-secondary:focus,\r\n div.skw-main-wrapper a.portal-btn-secondary:hover,\r\n div.skw-main-wrapper a.portal-btn-secondary:active,\r\n div.skw-main-wrapper .btn.portal-btn-secondary,\r\n div.skw-main-wrapper .btn.portal-btn-secondary:hover,\r\n div.skw-main-wrapper .btn.portal-btn-secondary:active,\r\n div.skw-main-wrapper .btn.portal-btn-secondary:focus {\r\n position: relative !important;\r\n display: inline-flex !important;\r\n align-items: center !important;\r\n justify-content: center !important;\r\n gap: 10px !important;\r\n width: 100% !important;\r\n height: 54px !important;\r\n border-radius: 12px !important;\r\n font-family: 'Outfit', sans-serif !important;\r\n font-size: 16px !important;\r\n font-weight: 800 !important;\r\n text-transform: uppercase !important;\r\n letter-spacing: 0.5px !important;\r\n color: #ffffff !important;\r\n text-decoration: none !important;\r\n background: linear-gradient(to bottom, rgba(40, 40, 40, 0.95) 0%, rgba(20, 20, 20, 0.98) 100%) !important;\r\n border: 1px solid rgba(255, 255, 255, 0.15) !important;\r\n border-bottom: 2px solid rgba(0, 0, 0, 0.4) !important;\r\n box-shadow: 0 6px 0 #151515, 0 12px 20px rgba(0, 0, 0, 0.55), inset 0 1px 0 rgba(255, 255, 255, 0.2) !important;\r\n transform: translateY(-2px) !important;\r\n transition: all 0.15s ease-in-out !important;\r\n cursor: pointer !important;\r\n z-index: 2 !important;\r\n }\r\n\r\n div.skw-main-wrapper a.portal-btn-secondary:hover,\r\n div.skw-main-wrapper a.portal-btn-secondary:focus:hover,\r\n div.skw-main-wrapper .btn.portal-btn-secondary:hover {\r\n background: linear-gradient(to bottom, rgba(60, 60, 60, 0.95) 0%, rgba(40, 40, 40, 0.98) 100%) !important;\r\n box-shadow: 0 4px 0 #151515, 0 8px 15px rgba(0, 0, 0, 0.55), inset 0 1px 0 rgba(255, 255, 255, 0.2) !important;\r\n transform: translateY(0px) !important;\r\n color: #ffffff !important;\r\n border-color: rgba(255, 255, 255, 0.25) !important;\r\n }\r\n\r\n div.skw-main-wrapper a.portal-btn-secondary:active,\r\n div.skw-main-wrapper .btn.portal-btn-secondary:active {\r\n box-shadow: 0 2px 0 #151515, 0 4px 8px rgba(0, 0, 0, 0.55), inset 0 1px 0 rgba(255, 255, 255, 0.2) !important;\r\n transform: translateY(2px) !important;\r\n color: #ffffff !important;\r\n }\r\n\r\n \/* Prevent theme stretching of modal logos *\/\r\n #pwa-install-banner img.banner-logo,\r\n .install-banner img.banner-logo,\r\n div.skw-main-wrapper img.banner-logo,\r\n img.banner-logo {\r\n width: 52px !important;\r\n height: 52px !important;\r\n min-width: 52px !important;\r\n max-width: 52px !important;\r\n min-height: 52px !important;\r\n max-height: 52px !important;\r\n border-radius: 12px !important;\r\n border: 1.5px solid var(--primary) !important;\r\n object-fit: cover !important;\r\n display: inline-block !important;\r\n }\r\n\r\n #ios-install-modal img.modal-logo,\r\n .ios-modal img.modal-logo,\r\n div.skw-main-wrapper img.modal-logo,\r\n img.modal-logo {\r\n width: 65px !important;\r\n height: 65px !important;\r\n min-width: 65px !important;\r\n max-width: 65px !important;\r\n min-height: 65px !important;\r\n max-height: 65px !important;\r\n border-radius: 14px !important;\r\n border: 1.5px solid var(--primary) !important;\r\n margin-bottom: 15px !important;\r\n object-fit: cover !important;\r\n display: inline-block !important;\r\n }\r\n\r\n <\/style>\r\n <div class=\"sport-stripes\"><\/div>\r\n\r\n \r\n <div class=\"martial-arts-bg-elements\">\r\n <div class=\"floating-svg-element pose-1\">\r\n <svg viewBox=\"0 0 100 100\" fill=\"none\" stroke=\"rgba(239, 68, 68, 0.08)\" stroke-width=\"1.5\" stroke-linecap=\"round\">\r\n <path d=\"M 50 20 L 48 35 L 35 40 M 48 35 L 60 30 L 75 30 M 48 35 L 50 60 L 40 85 M 50 60 L 65 85\" \/>\r\n <circle cx=\"50\" cy=\"15\" r=\"5\" \/>\r\n <\/svg>\r\n <\/div>\r\n <div class=\"floating-svg-element pose-2\">\r\n <svg viewBox=\"0 0 100 100\" fill=\"none\" stroke=\"rgba(255, 255, 255, 0.05)\" stroke-width=\"1.5\" stroke-linecap=\"round\">\r\n <path d=\"M 35 25 L 37 40 L 45 42 M 37 40 L 25 35 L 15 35 M 37 40 L 42 65 L 75 40 M 42 65 L 55 90\" \/>\r\n <circle cx=\"35\" cy=\"20\" r=\"5\" \/>\r\n <\/svg>\r\n <\/div>\r\n <div class=\"floating-kanji\">\u7a7a\u624b\u9053<\/div>\r\n <div class=\"floating-kanji kanji-2\">\u6b66\u9053<\/div>\r\n <div class=\"animated-laser-line laser-1\"><\/div>\r\n <div class=\"animated-laser-line laser-2\"><\/div>\r\n <\/div>\r\n\r\n \r\n <nav class=\"navbar navbar-expand-lg fixed-top\">\r\n <div class=\"container-fluid px-lg-5\">\r\n <a class=\"navbar-brand\" href=\"#\">\r\n \r\n <img decoding=\"async\" src=\"https:\/\/smartkaratewarriors.reejinet.com\/wp-content\/uploads\/2026\/05\/logo.png\" onerror=\"this.onerror=null; this.src='https:\/\/smartkaratewarriors.reejinet.com\/wp-content\/uploads\/2026\/05\/logo.png';\" alt=\"Smart Karate Warriors Logo\">\r\n <span class=\"ms-1\">Smart Karate Warriors<\/span>\r\n <\/a>\r\n \r\n <button class=\"navbar-toggler text-white\" type=\"button\" data-bs-toggle=\"collapse\" data-bs-target=\"#navbarContent\" aria-controls=\"navbarContent\" aria-expanded=\"false\" aria-label=\"Toggle navigation\">\r\n <span style=\"font-size: 20px; color: var(--light);\">\u2630<\/span>\r\n <\/button>\r\n \r\n <div class=\"collapse navbar-collapse\" id=\"navbarContent\">\r\n <ul class=\"navbar-nav mx-auto mb-2 mb-lg-0\">\r\n <li class=\"nav-item\">\r\n <a class=\"nav-link active\" href=\"#\">Home<\/a>\r\n <\/li>\r\n <li class=\"nav-item\">\r\n <a class=\"nav-link\" href=\"#about\">About Us<\/a>\r\n <\/li>\r\n <li class=\"nav-item\">\r\n <a class=\"nav-link\" href=\"#classes\">Classes<\/a>\r\n <\/li>\r\n <li class=\"nav-item\">\r\n <a class=\"nav-link\" href=\"#timetable\">Timetable<\/a>\r\n <\/li>\r\n <li class=\"nav-item\">\r\n <a class=\"nav-link\" href=\"#leadership\">Leadership<\/a>\r\n <\/li>\r\n <li class=\"nav-item\">\r\n <a class=\"nav-link\" href=\"#syllabus\">Katas<\/a>\r\n <\/li>\r\n <li class=\"nav-item\">\r\n <a class=\"nav-link\" href=\"#portals\">Portals<\/a>\r\n <\/li>\r\n <li class=\"nav-item\">\r\n <a class=\"nav-link\" href=\"#contact\">Contact<\/a>\r\n <\/li>\r\n <\/ul>\r\n \r\n <div class=\"d-flex align-items-center gap-3\">\r\n \r\n <div class=\"dropdown\">\r\n <button class=\"btn header-btn btn-portal-dropdown dropdown-toggle d-flex align-items-center gap-2\" type=\"button\" id=\"portalDropdown\" data-bs-toggle=\"dropdown\" aria-expanded=\"false\">\r\n \ud83e\udd4b Portal Login\r\n <\/button>\r\n <ul class=\"dropdown-menu dropdown-menu-end\" aria-labelledby=\"portalDropdown\">\r\n <li><a class=\"dropdown-item\" href=\"admin\/login.php\">\ud83e\udd4b Instructor Portal<\/a><\/li>\r\n <li><a class=\"dropdown-item\" href=\"student\/login.php\">\ud83d\udc64 Student Portal<\/a><\/li>\r\n <\/ul>\r\n <\/div>\r\n \r\n \r\n <a href=\"#contact\" class=\"btn header-btn btn-contact d-none d-md-inline-block\">Contact Now<\/a>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/nav>\r\n\r\n \r\n <section class=\"hero-section\">\r\n <div class=\"spotlight spotlight-red\" style=\"width: 500px; height: 500px; top: -10%; left: -10%;\"><\/div>\r\n <div class=\"spotlight spotlight-white\" style=\"width: 400px; height: 400px; bottom: 0; right: -5%;\"><\/div>\r\n <div class=\"container\">\r\n <div class=\"row align-items-center g-5\">\r\n <div class=\"col-lg-6 text-center text-lg-start\" data-aos=\"fade-right\">\r\n <h1 class=\"hero-title\">Train Like A <br><span class=\"gradient-text-red\">Warrior<\/span><\/h1>\r\n <p class=\"hero-subtitle\">\r\n Welcome to <strong>Smart Karate Warriors<\/strong> (established in 2025), running under the roof of <strong>Smart Public School, Goalpara<\/strong>. We focus on martial arts training, building character, self-defense, and inner discipline. Manage your grading eligibility, attendance records, and billing statements through our PWA mobile portal.\r\n <\/p>\r\n <div class=\"d-flex flex-column flex-sm-row justify-content-center justify-content-lg-start gap-3 hero-buttons-container\">\r\n <a href=\"#contact\" class=\"btn portal-btn px-4\">Join Academy Now<\/a>\r\n <a href=\"#portals\" class=\"btn portal-btn portal-btn-secondary px-4\">Access Login Portals<\/a>\r\n <\/div>\r\n \r\n \r\n <div class=\"row mt-5 g-3\">\r\n <div class=\"col-4\">\r\n <div class=\"stats-badge\">\r\n <h3>200+<\/h3>\r\n <p>Students<\/p>\r\n <\/div>\r\n <\/div>\r\n <div class=\"col-4\">\r\n <div class=\"stats-badge\">\r\n <h3>8+<\/h3>\r\n <p>Belts<\/p>\r\n <\/div>\r\n <\/div>\r\n <div class=\"col-4\">\r\n <div class=\"stats-badge\">\r\n <h3>100%<\/h3>\r\n <p>Digital<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n \r\n <div class=\"col-lg-6 hero-image-container\" data-aos=\"zoom-in\" data-aos-delay=\"200\">\r\n <div class=\"hero-image-frame\">\r\n \r\n <img decoding=\"async\" src=\"https:\/\/smartkaratewarriors.reejinet.com\/wp-content\/uploads\/2026\/05\/pngegg.png\" onerror=\"this.onerror=null; this.src='https:\/\/images.unsplash.com\/photo-1549719386-74dfcbf7dbed?auto=format&fit=crop&w=800&q=80';\" alt=\"Smart Karate Warriors Player Pose\" class=\"hero-image\">\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n \r\n <section id=\"about\" class=\"section-padding\">\r\n <div class=\"spotlight spotlight-red\" style=\"width: 450px; height: 450px; bottom: 5%; right: 5%;\"><\/div>\r\n <div class=\"container\">\r\n <h2 class=\"section-title\" data-aos=\"fade-up\">Develop Mind, <span class=\"gradient-text-red\">Body, & Spirit<\/span><\/h2>\r\n <p class=\"section-subtitle\" data-aos=\"fade-up\" data-aos-delay=\"50\">Discover the training principles, dedication, and goals behind Smart Karate Warriors.<\/p>\r\n \r\n <div class=\"row g-5 align-items-center\">\r\n <div class=\"col-lg-6\" data-aos=\"fade-right\" data-aos-delay=\"100\">\r\n <div class=\"hero-image-frame\">\r\n \r\n <img decoding=\"async\" src=\"https:\/\/smartkaratewarriors.reejinet.com\/wp-content\/uploads\/2026\/05\/gemini-2.5-flash-image_change_the_background_as_karate_academy_-_Smart_Karate_Warriors-0.jpg\" onerror=\"this.onerror=null; this.src='https:\/\/images.unsplash.com\/photo-1555597673-b21d5c935865?auto=format&fit=crop&w=800&q=80';\" alt=\"Smart Karate Warriors Dojo Team\" class=\"w-100\" style=\"border-radius:20px; object-fit: cover; height: 360px;\">\r\n <\/div>\r\n <\/div>\r\n \r\n <div class=\"col-lg-6\" data-aos=\"fade-left\" data-aos-delay=\"150\">\r\n <h3 class=\"mb-3 text-white\" style=\"font-size: 26px; font-weight:700;\">Building Discipline & Character<\/h3>\r\n <p style=\"opacity: 0.85; line-height: 1.8; margin-bottom: 25px; font-size: 15px;\">\r\n At Smart Karate Warriors, we do not just teach martial arts movements; we train our warriors to be disciplined, respectful, and focused citizens. Our classes are designed for all age levels, focusing on building physical resilience, core strength, agility, and practical self-defense techniques.\r\n <\/p>\r\n \r\n \r\n <div class=\"glass-card\" style=\"border-left: 4px solid var(--primary) !important; padding: 25px !important; border-radius: 16px !important;\">\r\n <h4 class=\"d-flex align-items-center gap-2 mb-3\" style=\"font-size:18px;\">\r\n <span style=\"color: var(--primary);\">\ud83e\udd4b<\/span> Dojo Principles\r\n <\/h4>\r\n <ul style=\"list-style: none; padding-left: 0; line-height: 2.2; margin: 0; font-size: 14px;\">\r\n <li><strong style=\"color: var(--primary);\">Respect (Reigi)<\/strong> - Treat all instructors and peers with honor.<\/li>\r\n <li><strong style=\"color: var(--primary);\">Consistency (Shugyo)<\/strong> - Show up and train with heart.<\/li>\r\n <li><strong style=\"color: var(--primary);\">Self-Control (Jisei)<\/strong> - Maintain calm under stress.<\/li>\r\n <\/ul>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n \r\n <section id=\"classes\" class=\"section-padding\" style=\"background: rgba(15, 1, 2, 0.45) !important;\">\r\n <div class=\"spotlight spotlight-white\" style=\"width: 450px; height: 450px; top: -10%; left: 5%;\"><\/div>\r\n <div class=\"container\">\r\n <h2 class=\"section-title\" data-aos=\"fade-up\">Elite <span class=\"gradient-text-red\">Belt Programs<\/span><\/h2>\r\n <p class=\"section-subtitle\" data-aos=\"fade-up\" data-aos-delay=\"50\">We guide students through a structured progression from White Belt to advanced black belt rankings.<\/p>\r\n \r\n <div class=\"row g-4\">\r\n \r\n <div class=\"col-md-4\" data-aos=\"fade-up\" data-aos-delay=\"100\">\r\n <div class=\"glass-card d-flex flex-column h-100\">\r\n \r\n <div class=\"card-image-wrap mb-4\" style=\"height: 180px; overflow: hidden; border-radius: 18px; border: 1px solid rgba(255,255,255,0.05); position: relative;\">\r\n <img decoding=\"async\" src=\"uploads\/1779553496_SKW PLAYERS IMAGE-07.png\" onerror=\"this.onerror=null; this.src='https:\/\/images.unsplash.com\/photo-1526506118085-60ce8714f8c5?auto=format&fit=crop&w=600&q=80';\" alt=\"Beginner Belt Training\" style=\"width: 100%; height: 100%; object-fit: cover;\">\r\n <div style=\"position: absolute; bottom: 10px; left: 10px; background: rgba(6,0,1,0.75); padding: 5px 12px; border-radius: 12px; border: 1px solid rgba(255,255,255,0.1); backdrop-filter: blur(5px);\">\r\n <span style=\"font-size:13px; font-weight:700; color: #ffffff;\">\u26aa Beginner Belts<\/span>\r\n <\/div>\r\n <\/div>\r\n <h3>Beginner Belt Program<\/h3>\r\n <p class=\"mb-4\" style=\"font-size: 14px; opacity: 0.8; line-height: 1.6;\">Focused on White and Yellow belt students. Students learn basic stances, blocking forms (Uke), basic punches (Tsuki), and foundational kicks (Geri).<\/p>\r\n <div class=\"mt-auto\">\r\n <span class=\"badge p-2 px-3\" style=\"font-size:11px; border-radius: 30px; background: rgba(255,255,255,0.05); border: 1px solid rgba(255,255,255,0.1); color: var(--light-muted);\">Level: Beginners<\/span>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n \r\n \r\n <div class=\"col-md-4\" data-aos=\"fade-up\" data-aos-delay=\"200\">\r\n <div class=\"glass-card d-flex flex-column h-100\" style=\"border-color: rgba(239, 68, 68, 0.4) !important;\">\r\n \r\n <div class=\"card-image-wrap mb-4\" style=\"height: 180px; overflow: hidden; border-radius: 18px; border: 1px solid rgba(239,68,68,0.2); position: relative;\">\r\n <img decoding=\"async\" src=\"uploads\/1779476788_SKW PLAYERS IMAGE-03.png\" onerror=\"this.onerror=null; this.src='https:\/\/images.unsplash.com\/photo-1517838277536-f5f99be501cd?auto=format&fit=crop&w=600&q=80';\" alt=\"Intermediate Belt Training\" style=\"width: 100%; height: 100%; object-fit: cover;\">\r\n <div style=\"position: absolute; bottom: 10px; left: 10px; background: rgba(6,0,1,0.75); padding: 5px 12px; border-radius: 12px; border: 1px solid rgba(239,68,68,0.3); backdrop-filter: blur(5px);\">\r\n <span style=\"font-size:13px; font-weight:700; color: var(--primary);\">\ud83d\udfe2 Intermediate<\/span>\r\n <\/div>\r\n <\/div>\r\n <h3>Intermediate Program<\/h3>\r\n <p class=\"mb-4\" style=\"font-size: 14px; opacity: 0.8; line-height: 1.6;\">For Orange, Green, and Blue belt students. Enhances combinations, introduces intermediate Katas, and develops light-contact sparring coordinates (Kumite).<\/p>\r\n <div class=\"mt-auto\">\r\n <span class=\"badge p-2 px-3\" style=\"font-size:11px; border-radius: 30px; background: rgba(239,68,68,0.1); border: 1px solid rgba(239,68,68,0.2); color: var(--primary);\">Level: Intermediate<\/span>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n \r\n \r\n <div class=\"col-md-4\" data-aos=\"fade-up\" data-aos-delay=\"300\">\r\n <div class=\"glass-card d-flex flex-column h-100\">\r\n \r\n <div class=\"card-image-wrap mb-4\" style=\"height: 180px; overflow: hidden; border-radius: 18px; border: 1px solid rgba(255,255,255,0.05); position: relative;\">\r\n <img decoding=\"async\" src=\"uploads\/1779477247_SKW PLAYERS IMAGE-13.png\" onerror=\"this.onerror=null; this.src='https:\/\/images.unsplash.com\/photo-1599058917212-d750089bc07e?auto=format&fit=crop&w=600&q=80';\" alt=\"Advanced Belt Training\" style=\"width: 100%; height: 100%; object-fit: cover;\">\r\n <div style=\"position: absolute; bottom: 10px; left: 10px; background: rgba(6,0,1,0.75); padding: 5px 12px; border-radius: 12px; border: 1px solid rgba(255,255,255,0.1); backdrop-filter: blur(5px);\">\r\n <span style=\"font-size:13px; font-weight:700; color: #ff3b30;\">\ud83d\udd34 Advanced Belts<\/span>\r\n <\/div>\r\n <\/div>\r\n <h3>Advanced Belt Program<\/h3>\r\n <p class=\"mb-4\" style=\"font-size: 14px; opacity: 0.8; line-height: 1.6;\">Tailored for Purple, Brown, and Black belts. Advanced kata analysis (Bunkai), high-speed endurance training, leadership development, and master grading exams.<\/p>\r\n <div class=\"mt-auto\">\r\n <span class=\"badge p-2 px-3\" style=\"font-size:11px; border-radius: 30px; background: rgba(255,255,255,0.05); border: 1px solid rgba(255,255,255,0.1); color: #ff3b30;\">Level: Advanced<\/span>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n \r\n <section id=\"timetable\" class=\"section-padding\">\r\n <div class=\"spotlight spotlight-red\" style=\"width: 500px; height: 500px; top: -10%; left: -10%;\"><\/div>\r\n <div class=\"container\">\r\n <h2 class=\"section-title\" data-aos=\"fade-up\">Training <span class=\"gradient-text-red\">Schedule<\/span><\/h2>\r\n <p class=\"section-subtitle\" data-aos=\"fade-up\" data-aos-delay=\"50\">Join our weekly weekend classes. We train with intensity, discipline, and focus.<\/p>\r\n \r\n <div class=\"row g-4 justify-content-center\">\r\n \r\n <div class=\"col-md-5\" data-aos=\"fade-right\" data-aos-delay=\"100\">\r\n <div class=\"glass-card text-center d-flex flex-column align-items-center\">\r\n <div class=\"d-inline-flex align-items-center justify-content-center mb-4\" style=\"width: 70px; height: 70px; background: rgba(239, 68, 68, 0.1); border: 2px solid var(--primary); border-radius: 50%; color: var(--primary); font-size: 28px; font-weight: 800; font-family: 'Outfit';\">\r\n SAT\r\n <\/div>\r\n <h3 style=\"font-size: 24px; margin-bottom: 12px; font-weight: 700;\">Saturday Session<\/h3>\r\n <div class=\"badge bg-danger mb-4 px-4 py-2\" style=\"font-size: 16px; font-weight: 800; border-radius: 30px; letter-spacing: 0.5px; background: linear-gradient(135deg, #ef4444 0%, #b91c1c 100%) !important;\">\r\n \ud83d\udd52 04:00 PM\r\n <\/div>\r\n <p style=\"font-size: 14px; opacity: 0.85; line-height: 1.7; margin-bottom: 0;\">\r\n Focus on basic Stance (Tachi), Blocking forms (Uke), Punches (Tsuki), and foundational sparring techniques. Perfect for beginners and intermediate ranks.\r\n <\/p>\r\n <\/div>\r\n <\/div>\r\n \r\n \r\n <div class=\"col-md-5\" data-aos=\"fade-left\" data-aos-delay=\"150\">\r\n <div class=\"glass-card text-center d-flex flex-column align-items-center\" style=\"border-color: rgba(255, 255, 255, 0.18) !important;\">\r\n <div class=\"d-inline-flex align-items-center justify-content-center mb-4\" style=\"width: 70px; height: 70px; background: rgba(255, 255, 255, 0.05); border: 2px solid #ffffff; border-radius: 50%; color: #ffffff; font-size: 28px; font-weight: 800; font-family: 'Outfit';\">\r\n SUN\r\n <\/div>\r\n <h3 style=\"font-size: 24px; margin-bottom: 12px; font-weight: 700;\">Sunday Session<\/h3>\r\n <div class=\"badge mb-4 px-4 py-2\" style=\"font-size: 16px; font-weight: 800; border-radius: 30px; letter-spacing: 0.5px; background: rgba(255, 255, 255, 0.1) !important; border: 1px solid rgba(255,255,255,0.2); color: #ffffff;\">\r\n \ud83d\udd52 11:00 AM\r\n <\/div>\r\n <p style=\"font-size: 14px; opacity: 0.85; line-height: 1.7; margin-bottom: 0;\">\r\n Focus on advanced Kata analysis (Bunkai), high-speed endurance training, weapons practice, and grading promotion preparations. Recommended for all rank levels.\r\n <\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n \r\n <section id=\"leadership\" class=\"section-padding\" style=\"background: rgba(15, 1, 2, 0.45) !important;\">\r\n <div class=\"spotlight spotlight-red\" style=\"width: 500px; height: 500px; top: -10%; left: -10%;\"><\/div>\r\n <div class=\"container\">\r\n <h2 class=\"section-title\" data-aos=\"fade-up\">Dojo <span>Leadership<\/span><\/h2>\r\n <p class=\"section-subtitle\" data-aos=\"fade-up\" data-aos-delay=\"50\">Led and supervised by experienced martial arts masters dedicated to traditional Shotokan standards.<\/p>\r\n \r\n <div class=\"row g-5 align-items-center\">\r\n \r\n <div class=\"col-lg-6\" data-aos=\"fade-right\" data-aos-delay=\"100\">\r\n <h3 class=\"mb-4 text-white\" style=\"font-size:28px; font-weight:700;\">Masters of the Dojo<\/h3>\r\n <p style=\"opacity: 0.85; line-height: 1.8; margin-bottom: 25px;\">\r\n Established in 2025, <strong>Smart Karate Warriors<\/strong> is running under the roof of <strong>Smart Public School, Goalpara<\/strong>, situated in Goalpara, Assam. Our academy operates under the expert supervision of <strong>Sensei Rupak Rajbangshi<\/strong> and is headed by <strong>Sensei Jim Alam<\/strong>.\r\n <\/p>\r\n \r\n <div class=\"glass-card mb-4\" style=\"border-left: 4px solid var(--primary) !important; padding: 20px 25px !important; border-radius: 12px !important;\">\r\n <h5 style=\"font-weight:700; color: #ffffff; margin-bottom: 8px;\">Sensei Rupak Rajbangshi<\/h5>\r\n <p style=\"font-size:14px; opacity: 0.9; margin: 0;\">Supervising Instructor, providing technical grading oversight and master training pathways.<\/p>\r\n <\/div>\r\n \r\n <div class=\"glass-card mb-4\" style=\"border-left: 4px solid var(--primary) !important; padding: 20px 25px !important; border-radius: 12px !important;\">\r\n <h5 style=\"font-weight:700; color: #ffffff; margin-bottom: 8px;\">Sensei Jim Alam<\/h5>\r\n <p style=\"font-size:14px; opacity: 0.9; margin: 0;\">Head Instructor, directing day-to-day training classes, registrations, and student syllabus progress.<\/p>\r\n <\/div>\r\n\r\n <div class=\"glass-card\" style=\"border-left: 4px solid #ffffff !important; padding: 20px 25px !important; border-radius: 12px !important;\">\r\n <h5 style=\"font-weight:700; color: #ffffff; margin-bottom: 8px;\">Official Affiliation<\/h5>\r\n <p style=\"font-size:14px; opacity: 0.9; margin: 0; color: var(--light-muted);\">\r\n Affiliated under the <strong>World Traditional Shotokan Karate Federation, Assam<\/strong>.\r\n <\/p>\r\n <\/div>\r\n <\/div>\r\n \r\n \r\n <div class=\"col-lg-6 text-center\" data-aos=\"fade-left\" data-aos-delay=\"150\">\r\n <div class=\"hero-image-frame\" style=\"max-width: 480px; margin: 0 auto;\">\r\n \r\n <img decoding=\"async\" src=\"https:\/\/smartkaratewarriors.reejinet.com\/wp-content\/uploads\/2026\/05\/instructor-licence.jpg\" onerror=\"this.onerror=null; this.src='https:\/\/images.unsplash.com\/photo-1576008675274-cf47dfcf0130?auto=format&fit=crop&w=800&q=80';\" alt=\"Sensei Instructor's License\" style=\"width:100%; height: auto; border-radius: 20px; object-fit: contain;\">\r\n <div style=\"background: rgba(18,18,18,0.85); padding: 12px; border-radius: 0 0 20px 20px; border-top: 1px solid var(--glass-border); font-size:13px; font-weight:700;\">\r\n \ud83d\udcdc Official Instructor Credentials & License\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n \r\n <section id=\"syllabus\" class=\"section-padding\">\r\n <div class=\"spotlight spotlight-white\" style=\"width: 500px; height: 500px; bottom: -10%; right: -5%;\"><\/div>\r\n <div class=\"container\">\r\n <h2 class=\"section-title\" data-aos=\"fade-up\">10 Shotokan <span class=\"gradient-text-red\">Katas<\/span><\/h2>\r\n <p class=\"section-subtitle\" data-aos=\"fade-up\" data-aos-delay=\"50\">Traditional Shotokan karate forms practiced in our academy for belt examinations and coordinates mastery.<\/p>\r\n \r\n <div class=\"row g-4 align-items-center mb-5\">\r\n <div class=\"col-lg-7\" data-aos=\"fade-right\" data-aos-delay=\"100\">\r\n <div class=\"row g-3\">\r\n <div class=\"col-6 col-md-6 col-lg-4\" data-aos=\"zoom-in\" data-aos-delay=\"50\">\r\n <div class=\"glass-card text-center p-3\">\r\n <span style=\"font-size: 11px; color: var(--primary); font-weight: 850;\">KATA 01<\/span>\r\n <h5 style=\"font-size: 15px; margin-top: 5px; font-weight: 700; color:#fff;\">Heian Shodan<\/h5>\r\n <\/div>\r\n <\/div>\r\n <div class=\"col-6 col-md-6 col-lg-4\" data-aos=\"zoom-in\" data-aos-delay=\"100\">\r\n <div class=\"glass-card text-center p-3\">\r\n <span style=\"font-size: 11px; color: var(--primary); font-weight: 850;\">KATA 02<\/span>\r\n <h5 style=\"font-size: 15px; margin-top: 5px; font-weight: 700; color:#fff;\">Heian Nidan<\/h5>\r\n <\/div>\r\n <\/div>\r\n <div class=\"col-6 col-md-6 col-lg-4\" data-aos=\"zoom-in\" data-aos-delay=\"150\">\r\n <div class=\"glass-card text-center p-3\">\r\n <span style=\"font-size: 11px; color: var(--primary); font-weight: 850;\">KATA 03<\/span>\r\n <h5 style=\"font-size: 15px; margin-top: 5px; font-weight: 700; color:#fff;\">Heian Sandan<\/h5>\r\n <\/div>\r\n <\/div>\r\n <div class=\"col-6 col-md-6 col-lg-4\" data-aos=\"zoom-in\" data-aos-delay=\"200\">\r\n <div class=\"glass-card text-center p-3\">\r\n <span style=\"font-size: 11px; color: var(--primary); font-weight: 850;\">KATA 04<\/span>\r\n <h5 style=\"font-size: 15px; margin-top: 5px; font-weight: 700; color:#fff;\">Heian Yondan<\/h5>\r\n <\/div>\r\n <\/div>\r\n <div class=\"col-6 col-md-6 col-lg-4\" data-aos=\"zoom-in\" data-aos-delay=\"250\">\r\n <div class=\"glass-card text-center p-3\">\r\n <span style=\"font-size: 11px; color: var(--primary); font-weight: 850;\">KATA 05<\/span>\r\n <h5 style=\"font-size: 15px; margin-top: 5px; font-weight: 700; color:#fff;\">Heian Godan<\/h5>\r\n <\/div>\r\n <\/div>\r\n <div class=\"col-6 col-md-6 col-lg-4\" data-aos=\"zoom-in\" data-aos-delay=\"300\">\r\n <div class=\"glass-card text-center p-3\">\r\n <span style=\"font-size: 11px; color: var(--primary); font-weight: 850;\">KATA 06<\/span>\r\n <h5 style=\"font-size: 15px; margin-top: 5px; font-weight: 700; color:#fff;\">Tekki Shodan<\/h5>\r\n <\/div>\r\n <\/div>\r\n <div class=\"col-6 col-md-6 col-lg-4\" data-aos=\"zoom-in\" data-aos-delay=\"350\">\r\n <div class=\"glass-card text-center p-3\">\r\n <span style=\"font-size: 11px; color: var(--primary); font-weight: 850;\">KATA 07<\/span>\r\n <h5 style=\"font-size: 15px; margin-top: 5px; font-weight: 700; color:#fff;\">Bassai Dai<\/h5>\r\n <\/div>\r\n <\/div>\r\n <div class=\"col-6 col-md-6 col-lg-4\" data-aos=\"zoom-in\" data-aos-delay=\"400\">\r\n <div class=\"glass-card text-center p-3\">\r\n <span style=\"font-size: 11px; color: var(--primary); font-weight: 850;\">KATA 08<\/span>\r\n <h5 style=\"font-size: 15px; margin-top: 5px; font-weight: 700; color:#fff;\">Kanku Dai<\/h5>\r\n <\/div>\r\n <\/div>\r\n <div class=\"col-6 col-md-6 col-lg-4\" data-aos=\"zoom-in\" data-aos-delay=\"450\">\r\n <div class=\"glass-card text-center p-3\">\r\n <span style=\"font-size: 11px; color: var(--primary); font-weight: 850;\">KATA 09<\/span>\r\n <h5 style=\"font-size: 15px; margin-top: 5px; font-weight: 700; color:#fff;\">Jion<\/h5>\r\n <\/div>\r\n <\/div>\r\n <div class=\"col-6 col-md-6 col-lg-4 mx-auto\" data-aos=\"zoom-in\" data-aos-delay=\"500\">\r\n <div class=\"glass-card text-center p-3\">\r\n <span style=\"font-size: 11px; color: var(--primary); font-weight: 850;\">KATA 10<\/span>\r\n <h5 style=\"font-size: 15px; margin-top: 5px; font-weight: 700; color:#fff;\">Enpi<\/h5>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n \r\n <div class=\"col-lg-5 text-center\" data-aos=\"fade-left\" data-aos-delay=\"150\">\r\n <div class=\"hero-image-frame\">\r\n \r\n <img decoding=\"async\" src=\"https:\/\/smartkaratewarriors.reejinet.com\/wp-content\/uploads\/2026\/05\/shotokan-karate-kata-Copy.jpg\" onerror=\"this.onerror=null; this.src='https:\/\/images.unsplash.com\/photo-1599058917212-d750089bc07e?auto=format&fit=crop&w=800&q=80';\" alt=\"Shotokan Kata Focus\" class=\"w-100\" style=\"border-radius:20px; object-fit: cover; height: 320px;\">\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n \r\n <section id=\"portals\" class=\"section-padding\" style=\"background: rgba(15, 1, 2, 0.45) !important;\">\r\n <div class=\"spotlight spotlight-red\" style=\"width: 450px; height: 450px; bottom: -10%; left: -10%;\"><\/div>\r\n <div class=\"container\">\r\n <h2 class=\"section-title\" data-aos=\"fade-up\">Academy <span class=\"gradient-text-red\">Digital Portals<\/span><\/h2>\r\n <p class=\"section-subtitle\" data-aos=\"fade-up\" data-aos-delay=\"50\">Log in to manage records as an instructor, or view your progress profile as a student.<\/p>\r\n \r\n <div class=\"row g-4 justify-content-center\">\r\n \r\n <div class=\"col-md-5\" data-aos=\"fade-right\" data-aos-delay=\"100\">\r\n <div class=\"glass-card text-center d-flex flex-column align-items-center\">\r\n <div class=\"contact-info-icon mb-4\" style=\"width:65px; height:65px; font-size: 28px; background: rgba(239, 68, 68, 0.1); border-color: rgba(239, 68, 68, 0.4);\">\r\n \ud83e\udd4b\r\n <\/div>\r\n <h3 style=\"font-size:24px; font-weight:700;\">Instructor \/ Admin<\/h3>\r\n <p class=\"mb-4 opacity-75\" style=\"font-size: 14px; line-height: 1.6;\">\r\n Manage student registrations, mark daily attendance, clear billing statements, nominate eligible players, and execute belt grading promotions.\r\n <\/p>\r\n <a href=\"admin\/login.php\" class=\"portal-btn mt-auto\" style=\"max-width: 280px;\">Instructor Login<\/a>\r\n <\/div>\r\n <\/div>\r\n \r\n \r\n <div class=\"col-md-5\" data-aos=\"fade-left\" data-aos-delay=\"150\">\r\n <div class=\"glass-card text-center d-flex flex-column align-items-center\" style=\"border-color: rgba(255, 255, 255, 0.15) !important;\">\r\n <div class=\"contact-info-icon mb-4\" style=\"width:65px; height:65px; font-size: 28px; background: rgba(255, 255, 255, 0.03); border-color: rgba(255, 255, 255, 0.2);\">\r\n \ud83d\udc64\r\n <\/div>\r\n <h3 style=\"font-size:24px; font-weight:700;\">Student \/ Parent<\/h3>\r\n <p class=\"mb-4 opacity-75\" style=\"font-size: 14px; line-height: 1.6;\">\r\n Check attendance percentages, verify monthly dues status, download payment invoices, track belt grading marks, and view academy announcements.\r\n <\/p>\r\n <a href=\"student\/login.php\" class=\"portal-btn portal-btn-secondary mt-auto\" style=\"max-width: 280px;\">Student Login<\/a>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n \r\n <section id=\"contact\" class=\"section-padding\">\r\n <div class=\"spotlight spotlight-white\" style=\"width: 500px; height: 500px; top: -5%; right: -5%;\"><\/div>\r\n <div class=\"container\">\r\n <h2 class=\"section-title\" data-aos=\"fade-up\">Admission <span class=\"gradient-text-red\">Inquiry<\/span><\/h2>\r\n <p class=\"section-subtitle\" data-aos=\"fade-up\" data-aos-delay=\"50\">Have questions about class schedules, age groups, or fees? Send us an inquiry today.<\/p>\r\n \r\n <div class=\"row g-5\">\r\n \r\n <div class=\"col-lg-5\" data-aos=\"fade-right\" data-aos-delay=\"100\">\r\n <h3 class=\"mb-4 text-white\" style=\"font-size:26px; font-weight:700;\">Dojo Contacts<\/h3>\r\n \r\n <div class=\"contact-info-box\">\r\n <div class=\"contact-info-icon\">\ud83d\udcde<\/div>\r\n <div class=\"contact-info-text\">\r\n <h5>Call \/ WhatsApp<\/h5>\r\n <p>7002626803<\/p>\r\n <\/div>\r\n <\/div>\r\n \r\n <div class=\"contact-info-box\">\r\n <div class=\"contact-info-icon\">\ud83d\udccd<\/div>\r\n <div class=\"contact-info-text\">\r\n <h5>Dojo Location<\/h5>\r\n <p>Smart Public School , Bakurpara, Goalpara Pancharatna Road, Near Hafizia Madrasa, Goalpara-783101<\/p>\r\n <\/div>\r\n <\/div>\r\n \r\n <div class=\"contact-info-box\">\r\n <div class=\"contact-info-icon\">\u2709\ufe0f<\/div>\r\n <div class=\"contact-info-text\">\r\n <h5>Email Support<\/h5>\r\n <p>jimalam86@gmail.com<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n \r\n \r\n <div class=\"col-lg-7\" data-aos=\"fade-left\" data-aos-delay=\"150\">\r\n <div class=\"glass-card\">\r\n <h3 class=\"mb-4\" style=\"font-size:22px; font-weight:700;\">Send A Message<\/h3>\r\n <form onsubmit=\"alert('Thank you for your interest! We will contact you shortly.'); this.reset(); return false;\">\r\n <div class=\"row g-3\">\r\n <div class=\"col-md-6\">\r\n <label class=\"form-label\">Full Name<\/label>\r\n <input type=\"text\" class=\"form-control\" placeholder=\"Your Name\" required>\r\n <\/div>\r\n <div class=\"col-md-6\">\r\n <label class=\"form-label\">Mobile Number<\/label>\r\n <input type=\"tel\" class=\"form-control\" placeholder=\"Your Phone Number\" required>\r\n <\/div>\r\n <div class=\"col-12\">\r\n <label class=\"form-label\">Email Address<\/label>\r\n <input type=\"email\" class=\"form-control\" placeholder=\"Your Email Address\" required>\r\n <\/div>\r\n <div class=\"col-12\">\r\n <label class=\"form-label\">Message \/ Inquiry Details<\/label>\r\n <textarea class=\"form-control\" rows=\"4\" placeholder=\"How can we help you?\" required><\/textarea>\r\n <\/div>\r\n <div class=\"col-12\">\r\n <button type=\"submit\" class=\"btn portal-btn mt-2\">Send Message<\/button>\r\n <\/div>\r\n <\/div>\r\n <\/form>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n \r\n <footer style=\"background: #dc2626 !important; border-top: 2px solid rgba(255, 255, 255, 0.2) !important; padding: 50px 0 30px 0 !important; color: #ffffff !important; text-align: center !important;\">\r\n <div class=\"container\">\r\n \r\n <div class=\"mb-3 d-flex justify-content-center\" data-aos=\"fade-up\">\r\n <img decoding=\"async\" src=\"https:\/\/smartkaratewarriors.reejinet.com\/wp-content\/uploads\/2026\/05\/logo.png\" onerror=\"this.onerror=null; this.src='https:\/\/smartkaratewarriors.reejinet.com\/wp-content\/uploads\/2026\/05\/logo.png';\" alt=\"Smart Karate Warriors Logo\" style=\"width: 75px; height: 75px; border-radius: 50%; border: 3px solid #ffffff; box-shadow: 0 0 20px rgba(255,255,255,0.4); object-fit: cover;\">\r\n <\/div>\r\n \r\n \r\n <h3 class=\"mb-2 text-white\" style=\"font-size: 28px; font-weight: 900; letter-spacing: -0.5px; text-transform: uppercase;\" data-aos=\"fade-up\" data-aos-delay=\"50\">\r\n Smart Karate Warriors\r\n <\/h3>\r\n \r\n \r\n <p class=\"mb-2 text-white-50\" style=\"font-size: 15px; font-weight: 500;\" data-aos=\"fade-up\" data-aos-delay=\"100\">\r\n Established in 2025 <span class=\"mx-2\">|<\/span> Running under the roof of <strong>Smart Public School, Goalpara<\/strong>\r\n <\/p>\r\n \r\n \r\n <p class=\"mb-4 text-white-50\" style=\"font-size: 14px;\" data-aos=\"fade-up\" data-aos-delay=\"150\">\r\n Operating under the supervision of <strong>Sensei Rupak Rajbangshi<\/strong> & headed by <strong>Sensei Jim Alam<\/strong>\r\n <\/p>\r\n \r\n \r\n <div class=\"d-flex flex-wrap justify-content-center gap-md-4 gap-2 mb-4 text-white\" style=\"font-size: 14px; font-weight: 600;\" data-aos=\"fade-up\" data-aos-delay=\"200\">\r\n <span>\ud83d\udccd Goalpara, Assam<\/span>\r\n <span class=\"d-none d-md-inline\">\u2022<\/span>\r\n <span>\ud83d\udcde 7002626803<\/span>\r\n <span class=\"d-none d-md-inline\">\u2022<\/span>\r\n <span>\u2709\ufe0f jimalam86@gmail.com<\/span>\r\n <\/div>\r\n \r\n <hr style=\"border-top: 1px solid rgba(255, 255, 255, 0.25); margin: 30px auto 20px auto; max-width: 600px;\">\r\n \r\n \r\n <div class=\"row align-items-center text-white-50\" style=\"font-size: 12px;\" data-aos=\"fade-up\" data-aos-delay=\"250\">\r\n <div class=\"col-md-6 text-center text-md-start mb-2 mb-md-0\">\r\n <p class=\"mb-0\">© 2026 Smart Karate Warriors. All Rights Reserved.<\/p>\r\n <\/div>\r\n <div class=\"col-md-6 text-center text-md-end\">\r\n <p class=\"mb-0\">Affiliated to World Traditional Shotokan Karate Federation, Assam.<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/footer>\r\n\r\n \r\n <a href=\"https:\/\/wa.me\/917002626803\" class=\"whatsapp-chat-float\" target=\"_blank\" title=\"Chat on WhatsApp\">\r\n <svg viewBox=\"0 0 24 24\" width=\"32\" height=\"32\" fill=\"currentColor\">\r\n <path d=\"M.057 24l1.687-6.163c-1.041-1.804-1.588-3.849-1.587-5.946C.06 5.348 5.397.01 12.008.01c3.202.001 6.212 1.246 8.477 3.514 2.266 2.268 3.507 5.28 3.505 8.484-.004 6.657-5.34 11.997-11.953 11.997-2.005-.001-3.973-.502-5.73-1.455L0 24zm6.59-4.846c1.6.95 3.188 1.449 4.825 1.451 5.436 0 9.86-4.37 9.864-9.799.002-2.63-1.023-5.101-2.885-6.965C16.59 1.988 14.113 1.057 11.5 1.054c-5.44 0-9.866 4.372-9.87 9.802 0 1.701.459 3.364 1.328 4.815l-.997 3.642 3.734-.972zm12.112-5.461c-.301-.15-1.78-.879-2.056-.979-.275-.1-.475-.15-.675.15-.2.3-.775.979-.95 1.179-.175.2-.35.225-.65.075-1.041-.521-2.05-1.12-2.885-1.894-.735-.633-1.27-1.391-1.415-1.641-.145-.25-.015-.385.11-.51.111-.11.251-.291.375-.437.125-.146.166-.25.25-.417.083-.167.042-.313-.021-.437-.062-.125-.475-1.15-.65-1.575-.171-.413-.343-.356-.475-.363-.121-.007-.261-.008-.4-.008s-.367.05-.558.263c-.191.213-.733.717-.733 1.748 0 1.03.75 2.023.854 2.162.104.138 1.476 2.254 3.578 3.162.5.216.89.346 1.196.443.504.16 1.01.137 1.39.08.423-.062 1.396-.57 1.597-1.12.201-.55.201-1.025.141-1.125-.06-.1-.225-.15-.526-.3z\" \/>\r\n <\/svg>\r\n <\/a>\r\n\r\n \r\n <div id=\"pwa-install-banner\" class=\"install-banner\">\r\n <div class=\"install-banner-content\">\r\n <span class=\"close-banner\" onclick=\"dismissInstallBanner()\">×<\/span>\r\n <img decoding=\"async\" src=\"https:\/\/smartkaratewarriors.reejinet.com\/wp-content\/uploads\/2026\/05\/logo.png\" onerror=\"this.onerror=null; this.src='https:\/\/smartkaratewarriors.reejinet.com\/wp-content\/uploads\/2026\/05\/logo.png';\" alt=\"App Logo\" class=\"banner-logo\">\r\n <div class=\"banner-text\">\r\n <h3>Install Karate ERP App<\/h3>\r\n <p>Add to your home screen for quick access and full-screen layout.<\/p>\r\n <\/div>\r\n <button id=\"btn-pwa-install\" class=\"banner-btn\" onclick=\"triggerPwaInstall()\">Install Now<\/button>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div id=\"ios-install-modal\" class=\"ios-modal\">\r\n <div class=\"ios-modal-content\">\r\n <span class=\"close-modal\" onclick=\"closeIosModal()\">×<\/span>\r\n <img decoding=\"async\" src=\"https:\/\/smartkaratewarriors.reejinet.com\/wp-content\/uploads\/2026\/05\/logo.png\" onerror=\"this.onerror=null; this.src='https:\/\/smartkaratewarriors.reejinet.com\/wp-content\/uploads\/2026\/05\/logo.png';\" alt=\"App Logo\" class=\"modal-logo\">\r\n <h3>Install on your iPhone\/iPad<\/h3>\r\n <p>Follow these simple steps to install the app:<\/p>\r\n <div class=\"ios-step\">\r\n <span class=\"step-num\">1<\/span>\r\n <span class=\"step-desc\">Tap Safari's **Share** button <span style=\"font-size: 15px;\">\u238b<\/span> (at the bottom toolbar).<\/span>\r\n <\/div>\r\n <div class=\"ios-step\">\r\n <span class=\"step-num\">2<\/span>\r\n <span class=\"step-desc\">Scroll down and select **\"Add to Home Screen\"** <span style=\"font-size: 15px;\">\u229e<\/span>.<\/span>\r\n <\/div>\r\n <div class=\"ios-step\">\r\n <span class=\"step-num\">3<\/span>\r\n <span class=\"step-desc\">Tap **\"Add\"** in the top-right corner to confirm.<\/span>\r\n <\/div>\r\n <button class=\"modal-btn-close\" onclick=\"closeIosModal()\">Got It<\/button>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n \r\n\r\n \r\n\r\n \r\n \r\n <script src=\"https:\/\/cdn.jsdelivr.net\/npm\/bootstrap@5.3.2\/dist\/js\/bootstrap.bundle.min.js\"><\/script>\r\n\r\n \r\n <script src=\"https:\/\/unpkg.com\/aos@next\/dist\/aos.js\"><\/script>\r\n \r\n <script>\r\n \/\/ Initialize AOS animations\r\n AOS.init({\r\n duration: 1000,\r\n once: true,\r\n easing: 'ease-out-cubic'\r\n });\r\n\r\n \/\/ Sticky Header scroll styling effect\r\n window.addEventListener('scroll', function() {\r\n const navbar = document.querySelector('.navbar');\r\n if (window.scrollY > 50) {\r\n navbar.classList.add('navbar-scrolled');\r\n } else {\r\n navbar.classList.remove('navbar-scrolled');\r\n }\r\n });\r\n\r\n \/\/ Bootstrap collapse menu link auto-closing (mobile user friendliness)\r\n const navLinks = document.querySelectorAll('.nav-link:not(.dropdown-toggle)');\r\n const menuToggle = document.getElementById('navbarContent');\r\n if (menuToggle) {\r\n navLinks.forEach((link) => {\r\n link.addEventListener('click', () => {\r\n if (window.innerWidth < 992) {\r\n const bsCollapse = new bootstrap.Collapse(menuToggle, { toggle: false });\r\n bsCollapse.hide();\r\n }\r\n });\r\n });\r\n }\r\n \r\n \/\/ PWA & iOS install triggers\r\n if ('serviceWorker' in navigator) {\r\n window.addEventListener('load', () => {\r\n navigator.serviceWorker.register('sw.js')\r\n .then((reg) => {\r\n console.log('Service Worker registered successfully:', reg.scope);\r\n })\r\n .catch((err) => {\r\n console.error('Service Worker registration failed:', err);\r\n });\r\n });\r\n }\r\n\r\n let deferredPrompt;\r\n\r\n \/\/ Capture PWA Install trigger from browser\r\n window.addEventListener('beforeinstallprompt', (e) => {\r\n e.preventDefault();\r\n deferredPrompt = e;\r\n \r\n \/\/ Show custom install prompt banner immediately\r\n showInstallBanner();\r\n });\r\n\r\n function showInstallBanner() {\r\n const dismissed = localStorage.getItem('pwa_banner_dismissed');\r\n \/\/ If they haven't dismissed it, show the install banner\r\n if (!dismissed) {\r\n document.getElementById('pwa-install-banner').classList.add('show');\r\n }\r\n }\r\n\r\n function dismissInstallBanner() {\r\n document.getElementById('pwa-install-banner').classList.remove('show');\r\n localStorage.setItem('pwa_banner_dismissed', 'true');\r\n }\r\n\r\n function triggerPwaInstall() {\r\n dismissInstallBanner();\r\n \r\n if (deferredPrompt) {\r\n deferredPrompt.prompt();\r\n deferredPrompt.userChoice.then((choiceResult) => {\r\n if (choiceResult.outcome === 'accepted') {\r\n console.log('User accepted the PWA install');\r\n } else {\r\n console.log('User dismissed the PWA install');\r\n }\r\n deferredPrompt = null;\r\n });\r\n } else {\r\n \/\/ If beforeinstallprompt hasn't fired, check if iOS\r\n const isiOS = \/iPad|iPhone|iPod\/.test(navigator.userAgent) && !window.MSStream;\r\n const isStandalone = window.navigator.standalone === true || window.matchMedia('(display-mode: standalone)').matches;\r\n \r\n if (isiOS && !isStandalone) {\r\n showIosModal();\r\n } else {\r\n \/\/ Fallback alert for Android browsers that already have it installed or need manual click\r\n alert(\"To install: tap your browser's menu button (3 dots) and select 'Add to Home Screen' or 'Install App'.\");\r\n }\r\n }\r\n }\r\n\r\n function showIosModal() {\r\n document.getElementById('ios-install-modal').classList.add('show');\r\n }\r\n\r\n function closeIosModal() {\r\n document.getElementById('ios-install-modal').classList.remove('show');\r\n }\r\n\r\n \/\/ iOS Auto-trigger instructions (since Safari doesn't fire beforeinstallprompt)\r\n window.addEventListener('DOMContentLoaded', () => {\r\n const isiOS = \/iPad|iPhone|iPod\/.test(navigator.userAgent) && !window.MSStream;\r\n const isStandalone = window.navigator.standalone === true || window.matchMedia('(display-mode: standalone)').matches;\r\n const dismissed = localStorage.getItem('pwa_banner_dismissed');\r\n\r\n if (isiOS && !isStandalone && !dismissed) {\r\n \/\/ Auto show the banner for iOS users after 2 seconds to guide them\r\n setTimeout(() => {\r\n showInstallBanner();\r\n }, 2000);\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>Smart Karate Warriors – Martial Arts Academy \u7a7a\u624b\u9053 \u6b66\u9053 Smart Karate Warriors \u2630 Home About Us Classes Timetable Leadership Katas […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_canvas","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":"","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":"","ast-breadcrumbs-content":"","ast-featured-img":"disabled","footer-sml-layout":"","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-6","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/smartkaratewarriors.reejinet.com\/index.php?rest_route=\/wp\/v2\/pages\/6","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/smartkaratewarriors.reejinet.com\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/smartkaratewarriors.reejinet.com\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/smartkaratewarriors.reejinet.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/smartkaratewarriors.reejinet.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=6"}],"version-history":[{"count":38,"href":"https:\/\/smartkaratewarriors.reejinet.com\/index.php?rest_route=\/wp\/v2\/pages\/6\/revisions"}],"predecessor-version":[{"id":69,"href":"https:\/\/smartkaratewarriors.reejinet.com\/index.php?rest_route=\/wp\/v2\/pages\/6\/revisions\/69"}],"wp:attachment":[{"href":"https:\/\/smartkaratewarriors.reejinet.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=6"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

\n\t\t\t\t

\n \t\t

\n\t\t\t\t\t\r\n\r\n\r\n \r\n \r\n Smart Karate Warriors - Martial Arts Academy<\/title>\r\n \r\n \r\n <meta name=\"theme-color\" content=\"#ef4444\">\r\n <meta name=\"apple-mobile-web-app-capable\" content=\"yes\">\r\n <meta name=\"apple-mobile-web-app-status-bar-style\" content=\"black-translucent\">\r\n <meta name=\"apple-mobile-web-app-title\" content=\"Smart Karate Warriors\">\r\n <link rel=\"apple-touch-icon\" href=\"https:\/\/smartkaratewarriors.reejinet.com\/wp-content\/uploads\/2026\/05\/logo.png\">\r\n <link rel=\"manifest\" href=\"manifest.json\">\r\n \r\n \r\n <link href=\"https:\/\/cdn.jsdelivr.net\/npm\/bootstrap@5.3.2\/dist\/css\/bootstrap.min.css\" rel=\"stylesheet\">\r\n \r\n \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=Outfit:wght@400;600;700;800;900&family=Inter:wght@400;500;600;700&display=swap\" rel=\"stylesheet\">\r\n \r\n \r\n <link rel=\"stylesheet\" href=\"https:\/\/unpkg.com\/aos@next\/dist\/aos.css\" \/>\r\n\r\n \r\n<\/head>\r\n<body>\r\n\r\n \r\n <div class=\"skw-main-wrapper\">\r\n<style>\r\n \/* ==========================================================\r\n GLOBAL DESIGN TOKENS (RED, BLACK & WHITE SPORTS SCHEME)\r\n ========================================================== *\/\r\n :root {\r\n --primary: #ef4444; \/* Hot Crimson Red *\/\r\n --primary-dark: #b91c1c;\r\n --primary-glow: rgba(239, 68, 68, 0.3);\r\n --dark-bg: #080808; \/* Jet Black *\/\r\n --dark-card: rgba(18, 18, 18, 0.65);\r\n --light: #ffffff; \/* Crisp White *\/\r\n --light-muted: #cbd5e1; \/* Slate Muted White *\/\r\n --glass-border: rgba(255, 255, 255, 0.1);\r\n --glass-border-red: rgba(239, 68, 68, 0.25);\r\n }\r\n \r\n \/* Body overrides to maintain dark backdrop defaults *\/\r\n body {\r\n background-color: var(--dark-bg);\r\n color: var(--light);\r\n margin: 0;\r\n padding: 0;\r\n overflow-x: hidden;\r\n }\r\n\r\n \/* Scope everything inside the wrapper to prevent WordPress theme bleed *\/\r\n .skw-main-wrapper {\r\n background-color: var(--dark-bg) !important;\r\n color: var(--light) !important;\r\n font-family: 'Inter', sans-serif;\r\n position: relative;\r\n overflow-x: hidden;\r\n width: 100%;\r\n }\r\n\r\n .skw-main-wrapper * {\r\n box-sizing: border-box;\r\n }\r\n\r\n .skw-main-wrapper section {\r\n position: relative !important;\r\n background-color: var(--dark-bg) !important;\r\n padding: 100px 0 !important;\r\n z-index: 2 !important;\r\n overflow: hidden !important;\r\n }\r\n\r\n \/* Particle spark overlay background *\/\r\n .skw-main-wrapper::before {\r\n content: '';\r\n position: absolute;\r\n inset: 0;\r\n background-image: radial-gradient(rgba(255, 255, 255, 0.05) 1px, transparent 1px);\r\n background-size: 24px 24px;\r\n pointer-events: none;\r\n opacity: 0.5;\r\n z-index: 1;\r\n }\r\n\r\n \/* Sports carbon fiber stripes effect *\/\r\n .skw-main-wrapper .sport-stripes {\r\n position: absolute !important;\r\n top: 0 !important;\r\n left: 0 !important;\r\n width: 100% !important;\r\n height: 100% !important;\r\n background: repeating-linear-gradient(\r\n 45deg,\r\n rgba(255, 255, 255, 0.003),\r\n rgba(255, 255, 255, 0.003) 10px,\r\n rgba(0, 0, 0, 0.08) 10px,\r\n rgba(0, 0, 0, 0.08) 20px\r\n ) !important;\r\n pointer-events: none !important;\r\n z-index: 1 !important;\r\n }\r\n\r\n \/* Radial Spotlight Glows *\/\r\n .skw-main-wrapper .spotlight {\r\n position: absolute !important;\r\n border-radius: 50% !important;\r\n filter: blur(80px) !important;\r\n -webkit-filter: blur(80px) !important;\r\n pointer-events: none !important;\r\n z-index: 1 !important;\r\n opacity: 0.8 !important;\r\n }\r\n .skw-main-wrapper .spotlight-red {\r\n background: radial-gradient(circle, rgba(239, 68, 68, 0.18) 0%, rgba(239, 68, 68, 0) 70%) !important;\r\n }\r\n .skw-main-wrapper .spotlight-white {\r\n background: radial-gradient(circle, rgba(255, 255, 255, 0.06) 0%, rgba(255, 255, 255, 0) 70%) !important;\r\n }\r\n\r\n .skw-main-wrapper h1, \r\n .skw-main-wrapper h2, \r\n .skw-main-wrapper h3, \r\n .skw-main-wrapper h4, \r\n .skw-main-wrapper h5, \r\n .skw-main-wrapper h6 {\r\n font-family: 'Outfit', sans-serif !important;\r\n color: var(--light) !important;\r\n font-weight: 700;\r\n }\r\n\r\n \/* Headings gradients (Red, Black & White scheme) *\/\r\n .skw-main-wrapper .gradient-text-red {\r\n background: linear-gradient(135deg, #ffffff 30%, #ef4444 85%) !important;\r\n -webkit-background-clip: text !important;\r\n -webkit-text-fill-color: transparent !important;\r\n }\r\n\r\n .skw-main-wrapper .gradient-text-white {\r\n background: linear-gradient(135deg, #ffffff 40%, #cbd5e1 100%) !important;\r\n -webkit-background-clip: text !important;\r\n -webkit-text-fill-color: transparent !important;\r\n }\r\n\r\n \/* Glassmorphic Card Styling (Red\/Black\/White Theme) with Beveled 3D look *\/\r\n .skw-main-wrapper .glass-card {\r\n background: linear-gradient(135deg, rgba(20, 20, 20, 0.7) 0%, rgba(10, 10, 10, 0.8) 100%) !important;\r\n backdrop-filter: blur(16px) !important;\r\n -webkit-backdrop-filter: blur(16px) !important;\r\n border: 1px solid rgba(255, 255, 255, 0.1) !important;\r\n border-top: 1px solid rgba(255, 255, 255, 0.22) !important;\r\n box-shadow: 0 10px 30px rgba(0, 0, 0, 0.6), inset 0 1px 0 rgba(255, 255, 255, 0.1) !important;\r\n border-radius: 20px !important;\r\n padding: 35px 25px !important;\r\n height: 100% !important;\r\n transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1) !important;\r\n position: relative !important;\r\n overflow: hidden !important;\r\n z-index: 2 !important;\r\n }\r\n \r\n .skw-main-wrapper .glass-card:hover {\r\n transform: translateY(-6px) !important;\r\n border-color: rgba(239, 68, 68, 0.5) !important;\r\n border-top-color: rgba(255, 255, 255, 0.35) !important;\r\n box-shadow: 0 20px 40px rgba(0, 0, 0, 0.8), 0 0 20px rgba(239, 68, 68, 0.3), inset 0 1px 0 rgba(255, 255, 255, 0.2) !important;\r\n }\r\n\r\n \/* Glass Card reflection hover animation *\/\r\n .skw-main-wrapper .glass-card::after {\r\n content: '' !important;\r\n position: absolute !important;\r\n top: -50% !important;\r\n left: -60% !important;\r\n width: 30% !important;\r\n height: 200% !important;\r\n background: linear-gradient(\r\n to right,\r\n rgba(255, 255, 255, 0) 0%,\r\n rgba(255, 255, 255, 0.1) 50%,\r\n rgba(255, 255, 255, 0) 100%\r\n ) !important;\r\n transform: rotate(25deg) !important;\r\n transition: all 0.75s ease !important;\r\n pointer-events: none !important;\r\n z-index: 3 !important;\r\n opacity: 0 !important;\r\n }\r\n .skw-main-wrapper .glass-card:hover::after {\r\n left: 130% !important;\r\n opacity: 1 !important;\r\n }\r\n\r\n \/* ==========================================\r\n HEADER NAVBAR STYLES (GLASS EFFECT PROMINENT & RED SPORTS THEME)\r\n ========================================== *\/\r\n .navbar, .skw-main-wrapper .navbar {\r\n transition: all 0.4s ease !important;\r\n background: rgba(153, 27, 27, 0.22) !important; \/* Prominent Translucent Red Glass *\/\r\n backdrop-filter: blur(16px) !important;\r\n -webkit-backdrop-filter: blur(16px) !important;\r\n border-bottom: 2px solid rgba(239, 68, 68, 0.35) !important;\r\n z-index: 1040 !important;\r\n padding-top: 15px !important;\r\n padding-bottom: 15px !important;\r\n }\r\n \r\n .navbar.navbar-scrolled, .skw-main-wrapper .navbar.navbar-scrolled {\r\n background: rgba(153, 27, 27, 0.96) !important; \/* Premium Vibrant Red Glass on Scroll *\/\r\n backdrop-filter: blur(20px) !important;\r\n -webkit-backdrop-filter: blur(20px) !important;\r\n padding-top: 10px !important;\r\n padding-bottom: 10px !important;\r\n border-bottom: 2px solid #ef4444 !important;\r\n box-shadow: 0 8px 32px rgba(0, 0, 0, 0.65), 0 0 15px rgba(239, 68, 68, 0.25) !important;\r\n }\r\n \r\n .skw-main-wrapper .navbar-brand {\r\n display: flex !important;\r\n align-items: center !important;\r\n gap: 12px !important;\r\n font-family: 'Outfit', sans-serif !important;\r\n font-weight: 900 !important;\r\n font-size: 22px !important;\r\n color: #ffffff !important;\r\n text-transform: uppercase !important;\r\n letter-spacing: -0.5px;\r\n }\r\n \r\n .skw-main-wrapper .navbar-brand img {\r\n width: 48px !important;\r\n height: 48px !important;\r\n border-radius: 50% !important;\r\n object-fit: cover !important;\r\n border: 2px solid var(--light) !important;\r\n box-shadow: 0 0 12px rgba(255, 255, 255, 0.3) !important;\r\n transition: transform 0.3s ease !important;\r\n }\r\n\r\n .skw-main-wrapper .navbar-brand:hover img {\r\n transform: rotate(15deg) scale(1.05) !important;\r\n border-color: var(--primary) !important;\r\n box-shadow: 0 0 12px rgba(239, 68, 68, 0.5) !important;\r\n }\r\n \r\n .skw-main-wrapper .nav-link {\r\n font-family: 'Outfit', sans-serif !important;\r\n font-weight: 600 !important;\r\n color: var(--light-muted) !important;\r\n padding: 8px 16px !important;\r\n transition: all 0.3s !important;\r\n font-size: 15px !important;\r\n border-radius: 20px;\r\n }\r\n \r\n .skw-main-wrapper .nav-link:hover, \r\n .skw-main-wrapper .nav-link.active {\r\n color: #ffffff !important;\r\n background: rgba(255, 255, 255, 0.1);\r\n text-shadow: 0 0 8px rgba(255, 255, 255, 0.3);\r\n }\r\n \r\n \/* Dropdown custom styling *\/\r\n .skw-main-wrapper .dropdown-menu {\r\n background: rgba(18, 2, 3, 0.98) !important;\r\n border: 1px solid rgba(239, 68, 68, 0.3) !important;\r\n border-radius: 16px !important;\r\n backdrop-filter: blur(15px) !important;\r\n -webkit-backdrop-filter: blur(15px) !important;\r\n box-shadow: 0 15px 35px rgba(0,0,0,0.7) !important;\r\n padding: 10px !important;\r\n }\r\n \r\n .skw-main-wrapper .dropdown-item {\r\n color: var(--light-muted) !important;\r\n font-family: 'Outfit', sans-serif !important;\r\n font-weight: 600 !important;\r\n padding: 10px 18px !important;\r\n border-radius: 10px !important;\r\n transition: all 0.2s !important;\r\n }\r\n \r\n .skw-main-wrapper .dropdown-item:hover {\r\n background: linear-gradient(135deg, #ef4444 0%, #b91c1c 100%) !important;\r\n color: #ffffff !important;\r\n padding-left: 22px !important;\r\n }\r\n \r\n \/* Header Buttons *\/\r\n .skw-main-wrapper .header-btn {\r\n font-family: 'Outfit', sans-serif !important;\r\n font-weight: 700 !important;\r\n font-size: 14px !important;\r\n padding: 10px 22px !important;\r\n border-radius: 30px !important;\r\n transition: all 0.3s !important;\r\n }\r\n \r\n .skw-main-wrapper .btn-contact {\r\n background: linear-gradient(to bottom, #ef4444 0%, #dc2626 100%) !important;\r\n border: 1px solid #ff7b87 !important;\r\n color: #ffffff !important;\r\n box-shadow: 0 4px 15px rgba(220, 38, 38, 0.45) !important;\r\n }\r\n \r\n .skw-main-wrapper .btn-contact:hover {\r\n transform: translateY(-2px) !important;\r\n box-shadow: 0 6px 20px rgba(239, 68, 68, 0.65) !important;\r\n color: #ffffff !important;\r\n border-color: #ffffff !important;\r\n }\r\n \r\n .skw-main-wrapper .btn-portal-dropdown {\r\n background: rgba(255, 255, 255, 0.08) !important;\r\n border: 1px solid rgba(255, 255, 255, 0.15) !important;\r\n color: #ffffff !important;\r\n }\r\n .skw-main-wrapper .btn-portal-dropdown:hover {\r\n background: rgba(255, 255, 255, 0.15) !important;\r\n border-color: #ffffff !important;\r\n color: #ffffff !important;\r\n }\r\n\r\n \/* Hamburger button styles *\/\r\n .skw-main-wrapper .navbar-toggler {\r\n border: 1px solid rgba(255, 255, 255, 0.25) !important;\r\n background: rgba(255, 255, 255, 0.08) !important;\r\n padding: 6px 12px !important;\r\n border-radius: 8px !important;\r\n transition: all 0.3s ease !important;\r\n }\r\n .skw-main-wrapper .navbar-toggler:focus {\r\n box-shadow: 0 0 12px rgba(239, 68, 68, 0.5) !important;\r\n border-color: var(--primary) !important;\r\n }\r\n\r\n \/* Mobile Header Responsiveness *\/\r\n @media (max-width: 991.98px) {\r\n .skw-main-wrapper .navbar-collapse {\r\n background: rgba(18, 2, 3, 0.98) !important;\r\n backdrop-filter: blur(25px) !important;\r\n -webkit-backdrop-filter: blur(25px) !important;\r\n border: 1px solid rgba(239, 68, 68, 0.35) !important;\r\n border-radius: 20px !important;\r\n padding: 25px !important;\r\n margin-top: 15px !important;\r\n box-shadow: 0 15px 40px rgba(0, 0, 0, 0.85), 0 0 20px rgba(239, 68, 68, 0.15) !important;\r\n }\r\n .skw-main-wrapper .nav-link {\r\n padding: 12px 20px !important;\r\n border-bottom: 1px solid rgba(255, 255, 255, 0.05) !important;\r\n text-align: center !important;\r\n border-radius: 0px !important;\r\n }\r\n .skw-main-wrapper .nav-link:last-of-type {\r\n border-bottom: none !important;\r\n }\r\n .skw-main-wrapper .navbar-nav {\r\n margin-bottom: 20px !important;\r\n }\r\n .skw-main-wrapper .navbar-collapse .d-flex {\r\n flex-direction: column !important;\r\n align-items: center !important;\r\n gap: 15px !important;\r\n width: 100% !important;\r\n }\r\n .skw-main-wrapper .navbar-collapse .dropdown,\r\n .skw-main-wrapper .navbar-collapse .dropdown button,\r\n .skw-main-wrapper .navbar-collapse .btn-contact {\r\n width: 100% !important;\r\n text-align: center !important;\r\n justify-content: center !important;\r\n }\r\n }\r\n\r\n @media (max-width: 576px) {\r\n .skw-main-wrapper .navbar-brand {\r\n font-size: 16px !important;\r\n gap: 8px !important;\r\n }\r\n .skw-main-wrapper .navbar-brand img {\r\n width: 38px !important;\r\n height: 38px !important;\r\n }\r\n }\r\n\r\n \/* ==========================================\r\n HERO SECTION\r\n ========================================== *\/\r\n .skw-main-wrapper .hero-section {\r\n position: relative !important;\r\n padding: 180px 0 110px !important;\r\n background: radial-gradient(circle at 50% 30%, #350308 0%, #080808 80%) !important; \/* Premium Dark Crimson to Jet Black *\/\r\n overflow: hidden !important;\r\n z-index: 2 !important;\r\n }\r\n \r\n .skw-main-wrapper .hero-section::after {\r\n content: '' !important;\r\n position: absolute !important;\r\n bottom: 0 !important;\r\n left: 0 !important;\r\n right: 0 !important;\r\n height: 100px !important;\r\n background: linear-gradient(to top, var(--dark-bg), transparent) !important;\r\n pointer-events: none !important;\r\n }\r\n \r\n .skw-main-wrapper .hero-title {\r\n font-size: 58px !important;\r\n font-weight: 900 !important;\r\n line-height: 1.1 !important;\r\n text-transform: uppercase !important;\r\n margin-bottom: 25px !important;\r\n letter-spacing: -1px !important;\r\n }\r\n \r\n .skw-main-wrapper .hero-subtitle {\r\n font-size: 18px !important;\r\n color: var(--light-muted) !important;\r\n margin-bottom: 35px !important;\r\n line-height: 1.6 !important;\r\n opacity: 0.95 !important;\r\n }\r\n \r\n .skw-main-wrapper .hero-image-container {\r\n position: relative !important;\r\n display: flex !important;\r\n justify-content: center !important;\r\n align-items: center !important;\r\n z-index: 3 !important;\r\n }\r\n \r\n .skw-main-wrapper .hero-image-frame {\r\n position: relative !important;\r\n border-radius: 30px !important;\r\n padding: 10px !important;\r\n background: linear-gradient(135deg, rgba(255,255,255,0.03) 0%, rgba(239,68,68,0.15) 100%) !important;\r\n border: 1px solid rgba(255,255,255,0.1) !important;\r\n box-shadow: 0 20px 50px rgba(0,0,0,0.65) !important;\r\n }\r\n \r\n .skw-main-wrapper .hero-image-frame::before {\r\n content: '' !important;\r\n position: absolute !important;\r\n inset: -2px !important;\r\n border-radius: 32px !important;\r\n background: linear-gradient(135deg, rgba(255,255,255,0.1) 0%, rgba(239,68,68,0.45) 100%) !important;\r\n z-index: -1 !important;\r\n }\r\n \r\n .skw-main-wrapper .hero-image {\r\n max-width: 100% !important;\r\n height: auto !important;\r\n max-height: 480px !important;\r\n border-radius: 20px !important;\r\n object-fit: cover !important;\r\n filter: drop-shadow(0 15px 30px rgba(0, 0, 0, 0.6)) !important;\r\n animation: floatImage 6s ease-in-out infinite !important;\r\n }\r\n \r\n @keyframes floatImage {\r\n 0%, 100% { transform: translateY(0); }\r\n 50% { transform: translateY(-12px); }\r\n }\r\n \r\n \/* Stats badges stylized *\/\r\n .skw-main-wrapper .stats-badge {\r\n background: rgba(255, 255, 255, 0.03) !important;\r\n border: 1px solid var(--glass-border) !important;\r\n border-radius: 20px !important;\r\n padding: 18px 25px !important;\r\n text-align: center !important;\r\n backdrop-filter: blur(8px) !important;\r\n -webkit-backdrop-filter: blur(8px) !important;\r\n transition: all 0.3s ease !important;\r\n }\r\n \r\n .skw-main-wrapper .stats-badge:hover {\r\n border-color: var(--primary) !important;\r\n background: rgba(239, 68, 68, 0.05) !important;\r\n transform: translateY(-3px) !important;\r\n box-shadow: 0 10px 20px rgba(239, 68, 68, 0.15) !important;\r\n }\r\n\r\n .skw-main-wrapper .stats-badge h3 {\r\n color: var(--primary) !important;\r\n font-weight: 850 !important;\r\n font-size: 30px !important;\r\n margin-bottom: 5px !important;\r\n }\r\n \r\n .skw-main-wrapper .stats-badge p {\r\n font-size: 12px !important;\r\n color: #ffffff !important;\r\n opacity: 0.8 !important;\r\n margin: 0 !important;\r\n text-transform: uppercase !important;\r\n letter-spacing: 1.5px !important;\r\n font-weight: 600 !important;\r\n }\r\n\r\n \/* ==========================================\r\n SECTIONS GENERAL\r\n ========================================== *\/\r\n .skw-main-wrapper .section-title {\r\n font-size: 42px !important;\r\n font-weight: 800 !important;\r\n text-transform: uppercase !important;\r\n text-align: center !important;\r\n margin-bottom: 15px !important;\r\n letter-spacing: -0.5px !important;\r\n }\r\n \r\n .skw-main-wrapper .section-title span {\r\n color: var(--primary) !important;\r\n }\r\n \r\n .skw-main-wrapper .section-subtitle {\r\n font-size: 16px !important;\r\n color: var(--light-muted) !important;\r\n text-align: center !important;\r\n margin-bottom: 60px !important;\r\n max-width: 620px !important;\r\n margin-left: auto !important;\r\n margin-right: auto !important;\r\n opacity: 0.9 !important;\r\n line-height: 1.6 !important;\r\n }\r\n\r\n \/* 3D Push Buttons Styling *\/\r\n .skw-main-wrapper a.portal-btn,\r\n .skw-main-wrapper .btn.portal-btn {\r\n position: relative !important;\r\n display: inline-flex !important;\r\n align-items: center !important;\r\n justify-content: center !important;\r\n gap: 10px !important;\r\n width: 100% !important;\r\n height: 54px !important;\r\n border-radius: 12px !important;\r\n font-family: 'Outfit', sans-serif !important;\r\n font-size: 16px !important;\r\n font-weight: 800 !important;\r\n text-transform: uppercase !important;\r\n letter-spacing: 0.5px !important;\r\n color: #ffffff !important;\r\n text-decoration: none !important;\r\n background: linear-gradient(to bottom, #ef4444 0%, #dc2626 100%) !important;\r\n border: 1px solid rgba(255, 255, 255, 0.2) !important;\r\n border-bottom: 2px solid rgba(0, 0, 0, 0.3) !important;\r\n box-shadow: 0 6px 0 #990000, 0 12px 20px rgba(0, 0, 0, 0.6) !important;\r\n transform: translateY(-2px) !important;\r\n transition: all 0.15s ease-in-out !important;\r\n cursor: pointer !important;\r\n z-index: 2 !important;\r\n }\r\n\r\n .skw-main-wrapper a.portal-btn:hover,\r\n .skw-main-wrapper .btn.portal-btn:hover {\r\n background: linear-gradient(to bottom, #ff5c5c 0%, #ef4444 100%) !important;\r\n box-shadow: 0 4px 0 #990000, 0 8px 15px rgba(0, 0, 0, 0.6) !important;\r\n transform: translateY(0px) !important;\r\n color: #ffffff !important;\r\n border-color: rgba(255, 255, 255, 0.3) !important;\r\n }\r\n\r\n .skw-main-wrapper a.portal-btn:active,\r\n .skw-main-wrapper .btn.portal-btn:active {\r\n box-shadow: 0 2px 0 #990000, 0 4px 8px rgba(0, 0, 0, 0.6) !important;\r\n transform: translateY(2px) !important;\r\n color: #ffffff !important;\r\n }\r\n \r\n .skw-main-wrapper a.portal-btn::after {\r\n content: '' !important;\r\n position: absolute !important;\r\n top: 0 !important;\r\n left: -100% !important;\r\n width: 100% !important;\r\n height: 100% !important;\r\n background: linear-gradient(90deg, transparent, rgba(255,255,255,0.25), transparent) !important;\r\n transition: all 0.6s ease !important;\r\n }\r\n \r\n .skw-main-wrapper a.portal-btn:hover::after {\r\n left: 100% !important;\r\n }\r\n\r\n \/* 3D Push Buttons Secondary *\/\r\n .skw-main-wrapper a.portal-btn-secondary,\r\n .skw-main-wrapper .btn.portal-btn-secondary {\r\n position: relative !important;\r\n display: inline-flex !important;\r\n align-items: center !important;\r\n justify-content: center !important;\r\n gap: 10px !important;\r\n width: 100% !important;\r\n height: 54px !important;\r\n border-radius: 12px !important;\r\n font-family: 'Outfit', sans-serif !important;\r\n font-size: 16px !important;\r\n font-weight: 800 !important;\r\n text-transform: uppercase !important;\r\n letter-spacing: 0.5px !important;\r\n color: #ffffff !important;\r\n text-decoration: none !important;\r\n background: linear-gradient(to bottom, rgba(40, 40, 40, 0.9) 0%, rgba(20, 20, 20, 0.95) 100%) !important;\r\n border: 1px solid rgba(255, 255, 255, 0.15) !important;\r\n border-bottom: 2px solid rgba(0, 0, 0, 0.4) !important;\r\n box-shadow: 0 6px 0 #151515, 0 12px 20px rgba(0, 0, 0, 0.6) !important;\r\n transform: translateY(-2px) !important;\r\n transition: all 0.15s ease-in-out !important;\r\n cursor: pointer !important;\r\n z-index: 2 !important;\r\n }\r\n\r\n .skw-main-wrapper a.portal-btn-secondary:hover,\r\n .skw-main-wrapper .btn.portal-btn-secondary:hover {\r\n background: linear-gradient(to bottom, rgba(60, 60, 60, 0.9) 0%, rgba(40, 40, 40, 0.95) 100%) !important;\r\n box-shadow: 0 4px 0 #151515, 0 8px 15px rgba(0, 0, 0, 0.6) !important;\r\n transform: translateY(0px) !important;\r\n color: #ffffff !important;\r\n border-color: rgba(255, 255, 255, 0.25) !important;\r\n }\r\n\r\n .skw-main-wrapper a.portal-btn-secondary:active,\r\n .skw-main-wrapper .btn.portal-btn-secondary:active {\r\n box-shadow: 0 2px 0 #151515, 0 4px 8px rgba(0, 0, 0, 0.6) !important;\r\n transform: translateY(2px) !important;\r\n color: #ffffff !important;\r\n }\r\n\r\n \/* Desktop specific sizing for Hero Buttons *\/\r\n @media (min-width: 576px) {\r\n .skw-main-wrapper .hero-buttons-container {\r\n max-width: 520px !important;\r\n }\r\n .skw-main-wrapper .hero-buttons-container .portal-btn,\r\n .skw-main-wrapper .hero-buttons-container .portal-btn-secondary {\r\n width: 240px !important;\r\n }\r\n }\r\n\r\n \/* Card images settings *\/\r\n .skw-main-wrapper .card-image-wrap img {\r\n transition: transform 0.6s cubic-bezier(0.2, 0.8, 0.2, 1) !important;\r\n }\r\n .skw-main-wrapper .glass-card:hover .card-image-wrap img {\r\n transform: scale(1.08) !important;\r\n }\r\n\r\n \/* ==========================================\r\n CONTACT & FORM INPUTS\r\n ========================================== *\/\r\n .skw-main-wrapper .contact-info-box {\r\n display: flex !important;\r\n gap: 18px !important;\r\n margin-bottom: 25px !important;\r\n background: rgba(255, 255, 255, 0.02) !important;\r\n padding: 16px 20px !important;\r\n border-radius: 16px !important;\r\n border: 1px solid rgba(255, 255, 255, 0.03) !important;\r\n transition: all 0.3s ease !important;\r\n }\r\n .skw-main-wrapper .contact-info-box:hover {\r\n border-color: rgba(239, 68, 68, 0.2) !important;\r\n background: rgba(239, 68, 68, 0.03) !important;\r\n }\r\n .skw-main-wrapper .contact-info-icon {\r\n width: 48px !important;\r\n height: 48px !important;\r\n background: rgba(239, 68, 68, 0.1) !important;\r\n border: 1px solid var(--primary) !important;\r\n border-radius: 14px !important;\r\n display: flex !important;\r\n align-items: center !important;\r\n justify-content: center !important;\r\n font-size: 20px !important;\r\n color: var(--primary) !important;\r\n flex-shrink: 0 !important;\r\n box-shadow: 0 0 10px rgba(239, 68, 68, 0.15) !important;\r\n }\r\n .skw-main-wrapper .contact-info-text h5 {\r\n font-family: 'Outfit', sans-serif !important;\r\n font-weight: 700 !important;\r\n margin-bottom: 5px !important;\r\n color: #ffffff !important;\r\n font-size: 17px !important;\r\n }\r\n .skw-main-wrapper .contact-info-text p {\r\n font-size: 14px !important;\r\n opacity: 0.8 !important;\r\n margin: 0 !important;\r\n color: #ffffff !important;\r\n line-height: 1.5 !important;\r\n }\r\n \r\n .skw-main-wrapper .form-control {\r\n background: rgba(255, 255, 255, 0.02) !important;\r\n border: 1px solid rgba(255, 255, 255, 0.15) !important;\r\n border-radius: 14px !important;\r\n color: #ffffff !important;\r\n padding: 12px 18px !important;\r\n font-size: 14px !important;\r\n transition: all 0.3s ease !important;\r\n }\r\n .skw-main-wrapper .form-control:focus {\r\n background: rgba(255, 255, 255, 0.05) !important;\r\n border-color: var(--primary) !important;\r\n box-shadow: 0 0 12px rgba(239, 68, 68, 0.3) !important;\r\n color: #ffffff !important;\r\n outline: 0 !important;\r\n }\r\n .skw-main-wrapper .form-label {\r\n font-weight: 600 !important;\r\n font-size: 13px !important;\r\n letter-spacing: 0.5px !important;\r\n text-transform: uppercase !important;\r\n color: var(--light-muted) !important;\r\n margin-bottom: 8px !important;\r\n }\r\n\r\n \/* ==========================================================\r\n CUSTOM INSTALL PROMPT OVERLAYS (PWA BANNER & iOS MODAL)\r\n ========================================================== *\/\r\n .skw-main-wrapper .install-banner, .install-banner {\r\n position: fixed !important;\r\n bottom: -150px;\r\n left: 50% !important;\r\n transform: translateX(-50%) !important;\r\n width: 90% !important;\r\n max-width: 420px !important;\r\n background: rgba(18, 18, 18, 0.85) !important;\r\n border: 1px solid var(--glass-border) !important;\r\n border-radius: 24px !important;\r\n padding: 18px 22px !important;\r\n box-shadow: 0 15px 40px rgba(0, 0, 0, 0.85), 0 0 25px rgba(239, 68, 68, 0.15) !important;\r\n backdrop-filter: blur(20px) !important;\r\n -webkit-backdrop-filter: blur(20px) !important;\r\n transition: bottom 0.5s cubic-bezier(0.175, 0.885, 0.32, 1.275) !important;\r\n z-index: 99999 !important;\r\n }\r\n \r\n .install-banner.show {\r\n bottom: 24px !important;\r\n }\r\n \r\n .install-banner-content {\r\n display: flex !important;\r\n align-items: center !important;\r\n gap: 15px !important;\r\n position: relative !important;\r\n text-align: left !important;\r\n }\r\n \r\n .close-banner {\r\n position: absolute !important;\r\n top: -12px !important;\r\n right: -6px !important;\r\n font-size: 24px !important;\r\n color: var(--light-muted) !important;\r\n cursor: pointer !important;\r\n opacity: 0.7 !important;\r\n transition: opacity 0.2s !important;\r\n }\r\n .close-banner:hover {\r\n opacity: 1 !important;\r\n }\r\n \r\n .banner-logo {\r\n width: 52px !important;\r\n height: 52px !important;\r\n border-radius: 12px !important;\r\n border: 1.5px solid var(--primary) !important;\r\n object-fit: cover !important;\r\n }\r\n \r\n .banner-text {\r\n flex: 1 !important;\r\n }\r\n \r\n .banner-text h3 {\r\n font-family: 'Outfit', sans-serif !important;\r\n font-size: 15px !important;\r\n color: #ffffff !important;\r\n font-weight: 700 !important;\r\n margin: 0 0 2px 0 !important;\r\n }\r\n \r\n .banner-text p {\r\n font-size: 11px !important;\r\n color: var(--light-muted) !important;\r\n line-height: 1.3 !important;\r\n opacity: 0.85 !important;\r\n margin: 0 !important;\r\n }\r\n \r\n .banner-btn {\r\n background: linear-gradient(135deg, #ef4444 0%, #b91c1c 100%) !important;\r\n border: 1px solid rgba(255, 255, 255, 0.15) !important;\r\n box-shadow: 0 4px 10px rgba(185, 28, 28, 0.4) !important;\r\n color: #ffffff !important;\r\n padding: 10px 14px !important;\r\n border-radius: 14px !important;\r\n font-family: 'Outfit', sans-serif !important;\r\n font-weight: 700 !important;\r\n font-size: 12px !important;\r\n cursor: pointer !important;\r\n transition: transform 0.2s !important;\r\n outline: none !important;\r\n }\r\n .banner-btn:hover {\r\n transform: scale(1.05) !important;\r\n }\r\n\r\n .skw-main-wrapper .ios-modal, .ios-modal {\r\n position: fixed !important;\r\n inset: 0 !important;\r\n background: rgba(0, 0, 0, 0.85) !important;\r\n display: flex !important;\r\n align-items: center !important;\r\n justify-content: center !important;\r\n padding: 20px !important;\r\n opacity: 0 !important;\r\n pointer-events: none !important;\r\n transition: opacity 0.3s ease !important;\r\n z-index: 999999 !important;\r\n }\r\n \r\n .ios-modal.show {\r\n opacity: 1 !important;\r\n pointer-events: auto !important;\r\n }\r\n \r\n .ios-modal-content {\r\n background: rgba(18, 18, 18, 0.9) !important;\r\n border: 1px solid var(--glass-border) !important;\r\n border-radius: 28px !important;\r\n width: 100% !important;\r\n max-width: 360px !important;\r\n padding: 30px 24px !important;\r\n text-align: center !important;\r\n box-shadow: 0 20px 50px rgba(0, 0, 0, 0.9) !important;\r\n position: relative !important;\r\n backdrop-filter: blur(20px) !important;\r\n -webkit-backdrop-filter: blur(20px) !important;\r\n animation: scaleIn 0.3s cubic-bezier(0.16, 1, 0.3, 1) !important;\r\n }\r\n \r\n @keyframes scaleIn {\r\n from { transform: scale(0.9); opacity: 0; }\r\n to { transform: scale(1); opacity: 1; }\r\n }\r\n \r\n .close-modal {\r\n position: absolute !important;\r\n top: 15px !important;\r\n right: 20px !important;\r\n font-size: 24px !important;\r\n color: var(--light-muted) !important;\r\n cursor: pointer !important;\r\n opacity: 0.7 !important;\r\n }\r\n \r\n .modal-logo {\r\n width: 65px !important;\r\n height: 65px !important;\r\n border-radius: 14px !important;\r\n border: 1.5px solid var(--primary) !important;\r\n margin-bottom: 15px !important;\r\n object-fit: cover !important;\r\n }\r\n \r\n .ios-modal-content h3 {\r\n font-family: 'Outfit', sans-serif !important;\r\n font-size: 19px !important;\r\n color: #ffffff !important;\r\n margin-bottom: 8px !important;\r\n }\r\n \r\n .ios-modal-content p {\r\n font-size: 12px !important;\r\n color: var(--light-muted) !important;\r\n margin-bottom: 20px !important;\r\n opacity: 0.9 !important;\r\n }\r\n \r\n .ios-step {\r\n display: flex !important;\r\n align-items: flex-start !important;\r\n gap: 12px !important;\r\n text-align: left !important;\r\n margin-bottom: 15px !important;\r\n background: rgba(255, 255, 255, 0.03) !important;\r\n padding: 10px 14px !important;\r\n border-radius: 12px !important;\r\n border: 1px solid rgba(255, 255, 255, 0.05) !important;\r\n }\r\n \r\n .step-num {\r\n background: var(--primary) !important;\r\n color: #ffffff !important;\r\n width: 20px !important;\r\n height: 20px !important;\r\n border-radius: 50% !important;\r\n display: flex !important;\r\n align-items: center !important;\r\n justify-content: center !important;\r\n font-size: 12px !important;\r\n font-weight: 700 !important;\r\n flex-shrink: 0 !important;\r\n margin-top: 2px !important;\r\n }\r\n \r\n .step-desc {\r\n font-size: 12px !important;\r\n color: #ffffff !important;\r\n line-height: 1.4 !important;\r\n }\r\n \r\n .modal-btn-close {\r\n background: linear-gradient(135deg, #ef4444 0%, #b91c1c 100%) !important;\r\n border: 1px solid rgba(255, 255, 255, 0.15) !important;\r\n color: #ffffff !important;\r\n width: 100% !important;\r\n padding: 12px !important;\r\n border-radius: 16px !important;\r\n font-family: 'Outfit', sans-serif !important;\r\n font-weight: 700 !important;\r\n font-size: 14px !important;\r\n cursor: pointer !important;\r\n margin-top: 15px !important;\r\n outline: none !important;\r\n box-shadow: 0 4px 12px rgba(185, 28, 28, 0.4) !important;\r\n }\r\n\r\n \/* Pulsing floating WhatsApp float *\/\r\n .whatsapp-chat-float {\r\n position: fixed !important;\r\n bottom: 30px !important;\r\n right: 30px !important;\r\n width: 60px !important;\r\n height: 60px !important;\r\n background: #25d366 !important;\r\n border: 2px solid #ffffff !important;\r\n border-radius: 50% !important;\r\n display: flex !important;\r\n align-items: center !important;\r\n justify-content: center !important;\r\n color: #ffffff !important;\r\n font-size: 32px !important;\r\n box-shadow: 0 8px 25px rgba(37, 211, 102, 0.5) !important;\r\n text-decoration: none !important;\r\n z-index: 99999 !important;\r\n transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275) !important;\r\n animation: pulseWhatsapp 2s infinite !important;\r\n }\r\n .whatsapp-chat-float:hover {\r\n transform: scale(1.1) rotate(8deg) !important;\r\n box-shadow: 0 12px 30px rgba(37, 211, 102, 0.7) !important;\r\n color: #ffffff !important;\r\n }\r\n @keyframes pulseWhatsapp {\r\n 0%, 100% { box-shadow: 0 0 0 0 rgba(37, 211, 102, 0.6); }\r\n 70% { box-shadow: 0 0 0 15px rgba(37, 211, 102, 0); }\r\n }\r\n\r\n \/* Red Footer styling *\/\r\n .skw-main-wrapper footer {\r\n background: #dc2626 !important; \/* Proper Red *\/\r\n color: #ffffff !important;\r\n padding: 60px 0 30px 0 !important;\r\n border-top: 2px solid rgba(255, 255, 255, 0.2) !important;\r\n position: relative !important;\r\n z-index: 2 !important;\r\n }\r\n \r\n .skw-main-wrapper footer a {\r\n color: rgba(255, 255, 255, 0.85) !important;\r\n text-decoration: none !important;\r\n transition: all 0.3s ease !important;\r\n }\r\n \r\n .skw-main-wrapper footer a:hover {\r\n color: #ffffff !important;\r\n text-shadow: 0 0 5px rgba(255, 255, 255, 0.5) !important;\r\n padding-left: 5px;\r\n }\r\n \r\n .skw-main-wrapper footer h5 {\r\n font-size: 18px !important;\r\n font-weight: 700 !important;\r\n color: #ffffff !important;\r\n border-bottom: 2px solid rgba(255, 255, 255, 0.15) !important;\r\n padding-bottom: 10px !important;\r\n margin-bottom: 20px !important;\r\n text-transform: uppercase !important;\r\n letter-spacing: 0.5px !important;\r\n }\r\n \r\n .skw-main-wrapper footer p {\r\n color: rgba(255, 255, 255, 0.85) !important;\r\n line-height: 1.6 !important;\r\n font-size: 14px !important;\r\n }\r\n\r\n \/* ==========================================================\r\n CLASSY MARTIAL ARTS ANIMATED BACKGROUND LAYERS\r\n ========================================================== *\/\r\n .skw-main-wrapper .martial-arts-bg-elements {\r\n position: absolute !important;\r\n inset: 0 !important;\r\n pointer-events: none !important;\r\n overflow: hidden !important;\r\n z-index: 1 !important;\r\n }\r\n \r\n .skw-main-wrapper .floating-svg-element {\r\n position: absolute !important;\r\n width: 200px !important;\r\n height: 200px !important;\r\n opacity: 0.6 !important;\r\n animation: floatSlow 24s infinite linear !important;\r\n }\r\n .skw-main-wrapper .pose-1 {\r\n top: 15% !important;\r\n left: 4% !important;\r\n animation-duration: 28s !important;\r\n }\r\n .skw-main-wrapper .pose-2 {\r\n top: 48% !important;\r\n right: 5% !important;\r\n animation-duration: 32s !important;\r\n animation-delay: -7s !important;\r\n }\r\n \r\n .skw-main-wrapper .floating-kanji {\r\n position: absolute !important;\r\n font-family: 'Outfit', sans-serif !important;\r\n font-size: 160px !important;\r\n font-weight: 900 !important;\r\n color: rgba(255, 255, 255, 0.012) !important;\r\n user-select: none !important;\r\n writing-mode: vertical-rl !important;\r\n text-orientation: upright !important;\r\n top: 25% !important;\r\n right: 2% !important;\r\n animation: pulseFade 12s infinite ease-in-out !important;\r\n }\r\n .skw-main-wrapper .kanji-2 {\r\n top: 72% !important;\r\n left: 2% !important;\r\n color: rgba(239, 68, 68, 0.015) !important;\r\n animation-delay: -4s !important;\r\n }\r\n\r\n .skw-main-wrapper .animated-laser-line {\r\n position: absolute !important;\r\n width: 2px !important;\r\n height: 180px !important;\r\n background: linear-gradient(to bottom, transparent, var(--primary), transparent) !important;\r\n animation: laserMove 15s infinite linear !important;\r\n opacity: 0.25 !important;\r\n }\r\n .skw-main-wrapper .laser-1 {\r\n left: 10% !important;\r\n top: -15% !important;\r\n animation-duration: 18s !important;\r\n }\r\n .skw-main-wrapper .laser-2 {\r\n right: 12% !important;\r\n top: -15% !important;\r\n animation-duration: 22s !important;\r\n animation-delay: -5s !important;\r\n }\r\n\r\n @keyframes floatSlow {\r\n 0% { transform: translateY(0) rotate(0deg) scale(0.95); }\r\n 50% { transform: translateY(-35px) rotate(180deg) scale(1.05); }\r\n 100% { transform: translateY(0) rotate(360deg) scale(0.95); }\r\n }\r\n @keyframes pulseFade {\r\n 0%, 100% { opacity: 0.25; }\r\n 50% { opacity: 0.85; }\r\n }\r\n @keyframes laserMove {\r\n 0% { transform: translateY(-200px); top: 0%; }\r\n 100% { transform: translateY(200px); top: 100%; }\r\n }\r\n \r\n \/* ==========================================================\r\n UPGRADED LUXURY FONTS, 3D BUTTONS & SPECIFICITY FIXES\r\n ========================================================== *\/\r\n .skw-main-wrapper,\r\n .skw-main-wrapper p,\r\n .skw-main-wrapper span,\r\n .skw-main-wrapper li,\r\n .skw-main-wrapper div,\r\n .skw-main-wrapper input,\r\n .skw-main-wrapper textarea,\r\n .skw-main-wrapper button,\r\n .skw-main-wrapper a {\r\n font-family: 'Inter', sans-serif !important;\r\n }\r\n\r\n .skw-main-wrapper h1, \r\n .skw-main-wrapper h2, \r\n .skw-main-wrapper h3, \r\n .skw-main-wrapper h4, \r\n .skw-main-wrapper h5, \r\n .skw-main-wrapper h6,\r\n .skw-main-wrapper .navbar-brand {\r\n font-family: 'Outfit', sans-serif !important;\r\n }\r\n\r\n .skw-main-wrapper a:not(.portal-btn):not(.portal-btn-secondary):not(.nav-link):not(.navbar-brand):not(.dropdown-item) {\r\n color: var(--light) !important;\r\n text-decoration: underline !important;\r\n transition: opacity 0.2s !important;\r\n }\r\n .skw-main-wrapper a:not(.portal-btn):not(.portal-btn-secondary):not(.nav-link):not(.navbar-brand):not(.dropdown-item):hover {\r\n opacity: 0.8 !important;\r\n }\r\n\r\n \/* 3D Tactile Push Buttons Styling (Vibrant Red) *\/\r\n div.skw-main-wrapper a.portal-btn,\r\n div.skw-main-wrapper a.portal-btn:link,\r\n div.skw-main-wrapper a.portal-btn:visited,\r\n div.skw-main-wrapper a.portal-btn:focus,\r\n div.skw-main-wrapper a.portal-btn:hover,\r\n div.skw-main-wrapper a.portal-btn:active,\r\n div.skw-main-wrapper .btn.portal-btn,\r\n div.skw-main-wrapper .btn.portal-btn:hover,\r\n div.skw-main-wrapper .btn.portal-btn:active,\r\n div.skw-main-wrapper .btn.portal-btn:focus {\r\n position: relative !important;\r\n display: inline-flex !important;\r\n align-items: center !important;\r\n justify-content: center !important;\r\n gap: 10px !important;\r\n width: 100% !important;\r\n height: 54px !important;\r\n border-radius: 12px !important;\r\n font-family: 'Outfit', sans-serif !important;\r\n font-size: 16px !important;\r\n font-weight: 800 !important;\r\n text-transform: uppercase !important;\r\n letter-spacing: 0.5px !important;\r\n color: #ffffff !important;\r\n text-decoration: none !important;\r\n background: linear-gradient(to bottom, #ef4444 0%, #dc2626 100%) !important;\r\n border: 1px solid rgba(255, 255, 255, 0.25) !important;\r\n border-bottom: 2px solid rgba(0, 0, 0, 0.3) !important;\r\n box-shadow: 0 6px 0 #990000, 0 12px 20px rgba(0, 0, 0, 0.55), inset 0 1px 0 rgba(255, 255, 255, 0.45) !important;\r\n transform: translateY(-2px) !important;\r\n transition: all 0.15s ease-in-out !important;\r\n cursor: pointer !important;\r\n z-index: 2 !important;\r\n }\r\n\r\n div.skw-main-wrapper a.portal-btn:hover,\r\n div.skw-main-wrapper a.portal-btn:focus:hover,\r\n div.skw-main-wrapper .btn.portal-btn:hover {\r\n background: linear-gradient(to bottom, #ff5c5c 0%, #ef4444 100%) !important;\r\n box-shadow: 0 4px 0 #990000, 0 8px 15px rgba(0, 0, 0, 0.55), inset 0 1px 0 rgba(255, 255, 255, 0.45) !important;\r\n transform: translateY(0px) !important;\r\n color: #ffffff !important;\r\n border-color: rgba(255, 255, 255, 0.35) !important;\r\n }\r\n\r\n div.skw-main-wrapper a.portal-btn:active,\r\n div.skw-main-wrapper .btn.portal-btn:active {\r\n box-shadow: 0 2px 0 #990000, 0 4px 8px rgba(0, 0, 0, 0.55), inset 0 1px 0 rgba(255, 255, 255, 0.45) !important;\r\n transform: translateY(2px) !important;\r\n color: #ffffff !important;\r\n }\r\n\r\n \/* 3D Tactile Push Buttons Secondary Styling (Carbon Dark) *\/\r\n div.skw-main-wrapper a.portal-btn-secondary,\r\n div.skw-main-wrapper a.portal-btn-secondary:link,\r\n div.skw-main-wrapper a.portal-btn-secondary:visited,\r\n div.skw-main-wrapper a.portal-btn-secondary:focus,\r\n div.skw-main-wrapper a.portal-btn-secondary:hover,\r\n div.skw-main-wrapper a.portal-btn-secondary:active,\r\n div.skw-main-wrapper .btn.portal-btn-secondary,\r\n div.skw-main-wrapper .btn.portal-btn-secondary:hover,\r\n div.skw-main-wrapper .btn.portal-btn-secondary:active,\r\n div.skw-main-wrapper .btn.portal-btn-secondary:focus {\r\n position: relative !important;\r\n display: inline-flex !important;\r\n align-items: center !important;\r\n justify-content: center !important;\r\n gap: 10px !important;\r\n width: 100% !important;\r\n height: 54px !important;\r\n border-radius: 12px !important;\r\n font-family: 'Outfit', sans-serif !important;\r\n font-size: 16px !important;\r\n font-weight: 800 !important;\r\n text-transform: uppercase !important;\r\n letter-spacing: 0.5px !important;\r\n color: #ffffff !important;\r\n text-decoration: none !important;\r\n background: linear-gradient(to bottom, rgba(40, 40, 40, 0.95) 0%, rgba(20, 20, 20, 0.98) 100%) !important;\r\n border: 1px solid rgba(255, 255, 255, 0.15) !important;\r\n border-bottom: 2px solid rgba(0, 0, 0, 0.4) !important;\r\n box-shadow: 0 6px 0 #151515, 0 12px 20px rgba(0, 0, 0, 0.55), inset 0 1px 0 rgba(255, 255, 255, 0.2) !important;\r\n transform: translateY(-2px) !important;\r\n transition: all 0.15s ease-in-out !important;\r\n cursor: pointer !important;\r\n z-index: 2 !important;\r\n }\r\n\r\n div.skw-main-wrapper a.portal-btn-secondary:hover,\r\n div.skw-main-wrapper a.portal-btn-secondary:focus:hover,\r\n div.skw-main-wrapper .btn.portal-btn-secondary:hover {\r\n background: linear-gradient(to bottom, rgba(60, 60, 60, 0.95) 0%, rgba(40, 40, 40, 0.98) 100%) !important;\r\n box-shadow: 0 4px 0 #151515, 0 8px 15px rgba(0, 0, 0, 0.55), inset 0 1px 0 rgba(255, 255, 255, 0.2) !important;\r\n transform: translateY(0px) !important;\r\n color: #ffffff !important;\r\n border-color: rgba(255, 255, 255, 0.25) !important;\r\n }\r\n\r\n div.skw-main-wrapper a.portal-btn-secondary:active,\r\n div.skw-main-wrapper .btn.portal-btn-secondary:active {\r\n box-shadow: 0 2px 0 #151515, 0 4px 8px rgba(0, 0, 0, 0.55), inset 0 1px 0 rgba(255, 255, 255, 0.2) !important;\r\n transform: translateY(2px) !important;\r\n color: #ffffff !important;\r\n }\r\n\r\n \/* Prevent theme stretching of modal logos *\/\r\n #pwa-install-banner img.banner-logo,\r\n .install-banner img.banner-logo,\r\n div.skw-main-wrapper img.banner-logo,\r\n img.banner-logo {\r\n width: 52px !important;\r\n height: 52px !important;\r\n min-width: 52px !important;\r\n max-width: 52px !important;\r\n min-height: 52px !important;\r\n max-height: 52px !important;\r\n border-radius: 12px !important;\r\n border: 1.5px solid var(--primary) !important;\r\n object-fit: cover !important;\r\n display: inline-block !important;\r\n }\r\n\r\n #ios-install-modal img.modal-logo,\r\n .ios-modal img.modal-logo,\r\n div.skw-main-wrapper img.modal-logo,\r\n img.modal-logo {\r\n width: 65px !important;\r\n height: 65px !important;\r\n min-width: 65px !important;\r\n max-width: 65px !important;\r\n min-height: 65px !important;\r\n max-height: 65px !important;\r\n border-radius: 14px !important;\r\n border: 1.5px solid var(--primary) !important;\r\n margin-bottom: 15px !important;\r\n object-fit: cover !important;\r\n display: inline-block !important;\r\n }\r\n\r\n <\/style>\r\n <div class=\"sport-stripes\"><\/div>\r\n\r\n \r\n <div class=\"martial-arts-bg-elements\">\r\n <div class=\"floating-svg-element pose-1\">\r\n <svg viewBox=\"0 0 100 100\" fill=\"none\" stroke=\"rgba(239, 68, 68, 0.08)\" stroke-width=\"1.5\" stroke-linecap=\"round\">\r\n <path d=\"M 50 20 L 48 35 L 35 40 M 48 35 L 60 30 L 75 30 M 48 35 L 50 60 L 40 85 M 50 60 L 65 85\" \/>\r\n <circle cx=\"50\" cy=\"15\" r=\"5\" \/>\r\n <\/svg>\r\n <\/div>\r\n <div class=\"floating-svg-element pose-2\">\r\n <svg viewBox=\"0 0 100 100\" fill=\"none\" stroke=\"rgba(255, 255, 255, 0.05)\" stroke-width=\"1.5\" stroke-linecap=\"round\">\r\n <path d=\"M 35 25 L 37 40 L 45 42 M 37 40 L 25 35 L 15 35 M 37 40 L 42 65 L 75 40 M 42 65 L 55 90\" \/>\r\n <circle cx=\"35\" cy=\"20\" r=\"5\" \/>\r\n <\/svg>\r\n <\/div>\r\n <div class=\"floating-kanji\">\u7a7a\u624b\u9053<\/div>\r\n <div class=\"floating-kanji kanji-2\">\u6b66\u9053<\/div>\r\n <div class=\"animated-laser-line laser-1\"><\/div>\r\n <div class=\"animated-laser-line laser-2\"><\/div>\r\n <\/div>\r\n\r\n \r\n <nav class=\"navbar navbar-expand-lg fixed-top\">\r\n <div class=\"container-fluid px-lg-5\">\r\n <a class=\"navbar-brand\" href=\"#\">\r\n \r\n <img decoding=\"async\" src=\"https:\/\/smartkaratewarriors.reejinet.com\/wp-content\/uploads\/2026\/05\/logo.png\" onerror=\"this.onerror=null; this.src='https:\/\/smartkaratewarriors.reejinet.com\/wp-content\/uploads\/2026\/05\/logo.png';\" alt=\"Smart Karate Warriors Logo\">\r\n <span class=\"ms-1\">Smart Karate Warriors<\/span>\r\n <\/a>\r\n \r\n <button class=\"navbar-toggler text-white\" type=\"button\" data-bs-toggle=\"collapse\" data-bs-target=\"#navbarContent\" aria-controls=\"navbarContent\" aria-expanded=\"false\" aria-label=\"Toggle navigation\">\r\n <span style=\"font-size: 20px; color: var(--light);\">\u2630<\/span>\r\n <\/button>\r\n \r\n <div class=\"collapse navbar-collapse\" id=\"navbarContent\">\r\n <ul class=\"navbar-nav mx-auto mb-2 mb-lg-0\">\r\n <li class=\"nav-item\">\r\n <a class=\"nav-link active\" href=\"#\">Home<\/a>\r\n <\/li>\r\n <li class=\"nav-item\">\r\n <a class=\"nav-link\" href=\"#about\">About Us<\/a>\r\n <\/li>\r\n <li class=\"nav-item\">\r\n <a class=\"nav-link\" href=\"#classes\">Classes<\/a>\r\n <\/li>\r\n <li class=\"nav-item\">\r\n <a class=\"nav-link\" href=\"#timetable\">Timetable<\/a>\r\n <\/li>\r\n <li class=\"nav-item\">\r\n <a class=\"nav-link\" href=\"#leadership\">Leadership<\/a>\r\n <\/li>\r\n <li class=\"nav-item\">\r\n <a class=\"nav-link\" href=\"#syllabus\">Katas<\/a>\r\n <\/li>\r\n <li class=\"nav-item\">\r\n <a class=\"nav-link\" href=\"#portals\">Portals<\/a>\r\n <\/li>\r\n <li class=\"nav-item\">\r\n <a class=\"nav-link\" href=\"#contact\">Contact<\/a>\r\n <\/li>\r\n <\/ul>\r\n \r\n <div class=\"d-flex align-items-center gap-3\">\r\n \r\n <div class=\"dropdown\">\r\n <button class=\"btn header-btn btn-portal-dropdown dropdown-toggle d-flex align-items-center gap-2\" type=\"button\" id=\"portalDropdown\" data-bs-toggle=\"dropdown\" aria-expanded=\"false\">\r\n \ud83e\udd4b Portal Login\r\n <\/button>\r\n <ul class=\"dropdown-menu dropdown-menu-end\" aria-labelledby=\"portalDropdown\">\r\n <li><a class=\"dropdown-item\" href=\"admin\/login.php\">\ud83e\udd4b Instructor Portal<\/a><\/li>\r\n <li><a class=\"dropdown-item\" href=\"student\/login.php\">\ud83d\udc64 Student Portal<\/a><\/li>\r\n <\/ul>\r\n <\/div>\r\n \r\n \r\n <a href=\"#contact\" class=\"btn header-btn btn-contact d-none d-md-inline-block\">Contact Now<\/a>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/nav>\r\n\r\n \r\n <section class=\"hero-section\">\r\n <div class=\"spotlight spotlight-red\" style=\"width: 500px; height: 500px; top: -10%; left: -10%;\"><\/div>\r\n <div class=\"spotlight spotlight-white\" style=\"width: 400px; height: 400px; bottom: 0; right: -5%;\"><\/div>\r\n <div class=\"container\">\r\n <div class=\"row align-items-center g-5\">\r\n <div class=\"col-lg-6 text-center text-lg-start\" data-aos=\"fade-right\">\r\n <h1 class=\"hero-title\">Train Like A <br><span class=\"gradient-text-red\">Warrior<\/span><\/h1>\r\n <p class=\"hero-subtitle\">\r\n Welcome to <strong>Smart Karate Warriors<\/strong> (established in 2025), running under the roof of <strong>Smart Public School, Goalpara<\/strong>. We focus on martial arts training, building character, self-defense, and inner discipline. Manage your grading eligibility, attendance records, and billing statements through our PWA mobile portal.\r\n <\/p>\r\n <div class=\"d-flex flex-column flex-sm-row justify-content-center justify-content-lg-start gap-3 hero-buttons-container\">\r\n <a href=\"#contact\" class=\"btn portal-btn px-4\">Join Academy Now<\/a>\r\n <a href=\"#portals\" class=\"btn portal-btn portal-btn-secondary px-4\">Access Login Portals<\/a>\r\n <\/div>\r\n \r\n \r\n <div class=\"row mt-5 g-3\">\r\n <div class=\"col-4\">\r\n <div class=\"stats-badge\">\r\n <h3>200+<\/h3>\r\n <p>Students<\/p>\r\n <\/div>\r\n <\/div>\r\n <div class=\"col-4\">\r\n <div class=\"stats-badge\">\r\n <h3>8+<\/h3>\r\n <p>Belts<\/p>\r\n <\/div>\r\n <\/div>\r\n <div class=\"col-4\">\r\n <div class=\"stats-badge\">\r\n <h3>100%<\/h3>\r\n <p>Digital<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n \r\n <div class=\"col-lg-6 hero-image-container\" data-aos=\"zoom-in\" data-aos-delay=\"200\">\r\n <div class=\"hero-image-frame\">\r\n \r\n <img decoding=\"async\" src=\"https:\/\/smartkaratewarriors.reejinet.com\/wp-content\/uploads\/2026\/05\/pngegg.png\" onerror=\"this.onerror=null; this.src='https:\/\/images.unsplash.com\/photo-1549719386-74dfcbf7dbed?auto=format&fit=crop&w=800&q=80';\" alt=\"Smart Karate Warriors Player Pose\" class=\"hero-image\">\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n \r\n <section id=\"about\" class=\"section-padding\">\r\n <div class=\"spotlight spotlight-red\" style=\"width: 450px; height: 450px; bottom: 5%; right: 5%;\"><\/div>\r\n <div class=\"container\">\r\n <h2 class=\"section-title\" data-aos=\"fade-up\">Develop Mind, <span class=\"gradient-text-red\">Body, & Spirit<\/span><\/h2>\r\n <p class=\"section-subtitle\" data-aos=\"fade-up\" data-aos-delay=\"50\">Discover the training principles, dedication, and goals behind Smart Karate Warriors.<\/p>\r\n \r\n <div class=\"row g-5 align-items-center\">\r\n <div class=\"col-lg-6\" data-aos=\"fade-right\" data-aos-delay=\"100\">\r\n <div class=\"hero-image-frame\">\r\n \r\n <img decoding=\"async\" src=\"https:\/\/smartkaratewarriors.reejinet.com\/wp-content\/uploads\/2026\/05\/gemini-2.5-flash-image_change_the_background_as_karate_academy_-_Smart_Karate_Warriors-0.jpg\" onerror=\"this.onerror=null; this.src='https:\/\/images.unsplash.com\/photo-1555597673-b21d5c935865?auto=format&fit=crop&w=800&q=80';\" alt=\"Smart Karate Warriors Dojo Team\" class=\"w-100\" style=\"border-radius:20px; object-fit: cover; height: 360px;\">\r\n <\/div>\r\n <\/div>\r\n \r\n <div class=\"col-lg-6\" data-aos=\"fade-left\" data-aos-delay=\"150\">\r\n <h3 class=\"mb-3 text-white\" style=\"font-size: 26px; font-weight:700;\">Building Discipline & Character<\/h3>\r\n <p style=\"opacity: 0.85; line-height: 1.8; margin-bottom: 25px; font-size: 15px;\">\r\n At Smart Karate Warriors, we do not just teach martial arts movements; we train our warriors to be disciplined, respectful, and focused citizens. Our classes are designed for all age levels, focusing on building physical resilience, core strength, agility, and practical self-defense techniques.\r\n <\/p>\r\n \r\n \r\n <div class=\"glass-card\" style=\"border-left: 4px solid var(--primary) !important; padding: 25px !important; border-radius: 16px !important;\">\r\n <h4 class=\"d-flex align-items-center gap-2 mb-3\" style=\"font-size:18px;\">\r\n <span style=\"color: var(--primary);\">\ud83e\udd4b<\/span> Dojo Principles\r\n <\/h4>\r\n <ul style=\"list-style: none; padding-left: 0; line-height: 2.2; margin: 0; font-size: 14px;\">\r\n <li><strong style=\"color: var(--primary);\">Respect (Reigi)<\/strong> - Treat all instructors and peers with honor.<\/li>\r\n <li><strong style=\"color: var(--primary);\">Consistency (Shugyo)<\/strong> - Show up and train with heart.<\/li>\r\n <li><strong style=\"color: var(--primary);\">Self-Control (Jisei)<\/strong> - Maintain calm under stress.<\/li>\r\n <\/ul>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n \r\n <section id=\"classes\" class=\"section-padding\" style=\"background: rgba(15, 1, 2, 0.45) !important;\">\r\n <div class=\"spotlight spotlight-white\" style=\"width: 450px; height: 450px; top: -10%; left: 5%;\"><\/div>\r\n <div class=\"container\">\r\n <h2 class=\"section-title\" data-aos=\"fade-up\">Elite <span class=\"gradient-text-red\">Belt Programs<\/span><\/h2>\r\n <p class=\"section-subtitle\" data-aos=\"fade-up\" data-aos-delay=\"50\">We guide students through a structured progression from White Belt to advanced black belt rankings.<\/p>\r\n \r\n <div class=\"row g-4\">\r\n \r\n <div class=\"col-md-4\" data-aos=\"fade-up\" data-aos-delay=\"100\">\r\n <div class=\"glass-card d-flex flex-column h-100\">\r\n \r\n <div class=\"card-image-wrap mb-4\" style=\"height: 180px; overflow: hidden; border-radius: 18px; border: 1px solid rgba(255,255,255,0.05); position: relative;\">\r\n <img decoding=\"async\" src=\"uploads\/1779553496_SKW PLAYERS IMAGE-07.png\" onerror=\"this.onerror=null; this.src='https:\/\/images.unsplash.com\/photo-1526506118085-60ce8714f8c5?auto=format&fit=crop&w=600&q=80';\" alt=\"Beginner Belt Training\" style=\"width: 100%; height: 100%; object-fit: cover;\">\r\n <div style=\"position: absolute; bottom: 10px; left: 10px; background: rgba(6,0,1,0.75); padding: 5px 12px; border-radius: 12px; border: 1px solid rgba(255,255,255,0.1); backdrop-filter: blur(5px);\">\r\n <span style=\"font-size:13px; font-weight:700; color: #ffffff;\">\u26aa Beginner Belts<\/span>\r\n <\/div>\r\n <\/div>\r\n <h3>Beginner Belt Program<\/h3>\r\n <p class=\"mb-4\" style=\"font-size: 14px; opacity: 0.8; line-height: 1.6;\">Focused on White and Yellow belt students. Students learn basic stances, blocking forms (Uke), basic punches (Tsuki), and foundational kicks (Geri).<\/p>\r\n <div class=\"mt-auto\">\r\n <span class=\"badge p-2 px-3\" style=\"font-size:11px; border-radius: 30px; background: rgba(255,255,255,0.05); border: 1px solid rgba(255,255,255,0.1); color: var(--light-muted);\">Level: Beginners<\/span>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n \r\n \r\n <div class=\"col-md-4\" data-aos=\"fade-up\" data-aos-delay=\"200\">\r\n <div class=\"glass-card d-flex flex-column h-100\" style=\"border-color: rgba(239, 68, 68, 0.4) !important;\">\r\n \r\n <div class=\"card-image-wrap mb-4\" style=\"height: 180px; overflow: hidden; border-radius: 18px; border: 1px solid rgba(239,68,68,0.2); position: relative;\">\r\n <img decoding=\"async\" src=\"uploads\/1779476788_SKW PLAYERS IMAGE-03.png\" onerror=\"this.onerror=null; this.src='https:\/\/images.unsplash.com\/photo-1517838277536-f5f99be501cd?auto=format&fit=crop&w=600&q=80';\" alt=\"Intermediate Belt Training\" style=\"width: 100%; height: 100%; object-fit: cover;\">\r\n <div style=\"position: absolute; bottom: 10px; left: 10px; background: rgba(6,0,1,0.75); padding: 5px 12px; border-radius: 12px; border: 1px solid rgba(239,68,68,0.3); backdrop-filter: blur(5px);\">\r\n <span style=\"font-size:13px; font-weight:700; color: var(--primary);\">\ud83d\udfe2 Intermediate<\/span>\r\n <\/div>\r\n <\/div>\r\n <h3>Intermediate Program<\/h3>\r\n <p class=\"mb-4\" style=\"font-size: 14px; opacity: 0.8; line-height: 1.6;\">For Orange, Green, and Blue belt students. Enhances combinations, introduces intermediate Katas, and develops light-contact sparring coordinates (Kumite).<\/p>\r\n <div class=\"mt-auto\">\r\n <span class=\"badge p-2 px-3\" style=\"font-size:11px; border-radius: 30px; background: rgba(239,68,68,0.1); border: 1px solid rgba(239,68,68,0.2); color: var(--primary);\">Level: Intermediate<\/span>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n \r\n \r\n <div class=\"col-md-4\" data-aos=\"fade-up\" data-aos-delay=\"300\">\r\n <div class=\"glass-card d-flex flex-column h-100\">\r\n \r\n <div class=\"card-image-wrap mb-4\" style=\"height: 180px; overflow: hidden; border-radius: 18px; border: 1px solid rgba(255,255,255,0.05); position: relative;\">\r\n <img decoding=\"async\" src=\"uploads\/1779477247_SKW PLAYERS IMAGE-13.png\" onerror=\"this.onerror=null; this.src='https:\/\/images.unsplash.com\/photo-1599058917212-d750089bc07e?auto=format&fit=crop&w=600&q=80';\" alt=\"Advanced Belt Training\" style=\"width: 100%; height: 100%; object-fit: cover;\">\r\n <div style=\"position: absolute; bottom: 10px; left: 10px; background: rgba(6,0,1,0.75); padding: 5px 12px; border-radius: 12px; border: 1px solid rgba(255,255,255,0.1); backdrop-filter: blur(5px);\">\r\n <span style=\"font-size:13px; font-weight:700; color: #ff3b30;\">\ud83d\udd34 Advanced Belts<\/span>\r\n <\/div>\r\n <\/div>\r\n <h3>Advanced Belt Program<\/h3>\r\n <p class=\"mb-4\" style=\"font-size: 14px; opacity: 0.8; line-height: 1.6;\">Tailored for Purple, Brown, and Black belts. Advanced kata analysis (Bunkai), high-speed endurance training, leadership development, and master grading exams.<\/p>\r\n <div class=\"mt-auto\">\r\n <span class=\"badge p-2 px-3\" style=\"font-size:11px; border-radius: 30px; background: rgba(255,255,255,0.05); border: 1px solid rgba(255,255,255,0.1); color: #ff3b30;\">Level: Advanced<\/span>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n \r\n <section id=\"timetable\" class=\"section-padding\">\r\n <div class=\"spotlight spotlight-red\" style=\"width: 500px; height: 500px; top: -10%; left: -10%;\"><\/div>\r\n <div class=\"container\">\r\n <h2 class=\"section-title\" data-aos=\"fade-up\">Training <span class=\"gradient-text-red\">Schedule<\/span><\/h2>\r\n <p class=\"section-subtitle\" data-aos=\"fade-up\" data-aos-delay=\"50\">Join our weekly weekend classes. We train with intensity, discipline, and focus.<\/p>\r\n \r\n <div class=\"row g-4 justify-content-center\">\r\n \r\n <div class=\"col-md-5\" data-aos=\"fade-right\" data-aos-delay=\"100\">\r\n <div class=\"glass-card text-center d-flex flex-column align-items-center\">\r\n <div class=\"d-inline-flex align-items-center justify-content-center mb-4\" style=\"width: 70px; height: 70px; background: rgba(239, 68, 68, 0.1); border: 2px solid var(--primary); border-radius: 50%; color: var(--primary); font-size: 28px; font-weight: 800; font-family: 'Outfit';\">\r\n SAT\r\n <\/div>\r\n <h3 style=\"font-size: 24px; margin-bottom: 12px; font-weight: 700;\">Saturday Session<\/h3>\r\n <div class=\"badge bg-danger mb-4 px-4 py-2\" style=\"font-size: 16px; font-weight: 800; border-radius: 30px; letter-spacing: 0.5px; background: linear-gradient(135deg, #ef4444 0%, #b91c1c 100%) !important;\">\r\n \ud83d\udd52 04:00 PM\r\n <\/div>\r\n <p style=\"font-size: 14px; opacity: 0.85; line-height: 1.7; margin-bottom: 0;\">\r\n Focus on basic Stance (Tachi), Blocking forms (Uke), Punches (Tsuki), and foundational sparring techniques. Perfect for beginners and intermediate ranks.\r\n <\/p>\r\n <\/div>\r\n <\/div>\r\n \r\n \r\n <div class=\"col-md-5\" data-aos=\"fade-left\" data-aos-delay=\"150\">\r\n <div class=\"glass-card text-center d-flex flex-column align-items-center\" style=\"border-color: rgba(255, 255, 255, 0.18) !important;\">\r\n <div class=\"d-inline-flex align-items-center justify-content-center mb-4\" style=\"width: 70px; height: 70px; background: rgba(255, 255, 255, 0.05); border: 2px solid #ffffff; border-radius: 50%; color: #ffffff; font-size: 28px; font-weight: 800; font-family: 'Outfit';\">\r\n SUN\r\n <\/div>\r\n <h3 style=\"font-size: 24px; margin-bottom: 12px; font-weight: 700;\">Sunday Session<\/h3>\r\n <div class=\"badge mb-4 px-4 py-2\" style=\"font-size: 16px; font-weight: 800; border-radius: 30px; letter-spacing: 0.5px; background: rgba(255, 255, 255, 0.1) !important; border: 1px solid rgba(255,255,255,0.2); color: #ffffff;\">\r\n \ud83d\udd52 11:00 AM\r\n <\/div>\r\n <p style=\"font-size: 14px; opacity: 0.85; line-height: 1.7; margin-bottom: 0;\">\r\n Focus on advanced Kata analysis (Bunkai), high-speed endurance training, weapons practice, and grading promotion preparations. Recommended for all rank levels.\r\n <\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n \r\n <section id=\"leadership\" class=\"section-padding\" style=\"background: rgba(15, 1, 2, 0.45) !important;\">\r\n <div class=\"spotlight spotlight-red\" style=\"width: 500px; height: 500px; top: -10%; left: -10%;\"><\/div>\r\n <div class=\"container\">\r\n <h2 class=\"section-title\" data-aos=\"fade-up\">Dojo <span>Leadership<\/span><\/h2>\r\n <p class=\"section-subtitle\" data-aos=\"fade-up\" data-aos-delay=\"50\">Led and supervised by experienced martial arts masters dedicated to traditional Shotokan standards.<\/p>\r\n \r\n <div class=\"row g-5 align-items-center\">\r\n \r\n <div class=\"col-lg-6\" data-aos=\"fade-right\" data-aos-delay=\"100\">\r\n <h3 class=\"mb-4 text-white\" style=\"font-size:28px; font-weight:700;\">Masters of the Dojo<\/h3>\r\n <p style=\"opacity: 0.85; line-height: 1.8; margin-bottom: 25px;\">\r\n Established in 2025, <strong>Smart Karate Warriors<\/strong> is running under the roof of <strong>Smart Public School, Goalpara<\/strong>, situated in Goalpara, Assam. Our academy operates under the expert supervision of <strong>Sensei Rupak Rajbangshi<\/strong> and is headed by <strong>Sensei Jim Alam<\/strong>.\r\n <\/p>\r\n \r\n <div class=\"glass-card mb-4\" style=\"border-left: 4px solid var(--primary) !important; padding: 20px 25px !important; border-radius: 12px !important;\">\r\n <h5 style=\"font-weight:700; color: #ffffff; margin-bottom: 8px;\">Sensei Rupak Rajbangshi<\/h5>\r\n <p style=\"font-size:14px; opacity: 0.9; margin: 0;\">Supervising Instructor, providing technical grading oversight and master training pathways.<\/p>\r\n <\/div>\r\n \r\n <div class=\"glass-card mb-4\" style=\"border-left: 4px solid var(--primary) !important; padding: 20px 25px !important; border-radius: 12px !important;\">\r\n <h5 style=\"font-weight:700; color: #ffffff; margin-bottom: 8px;\">Sensei Jim Alam<\/h5>\r\n <p style=\"font-size:14px; opacity: 0.9; margin: 0;\">Head Instructor, directing day-to-day training classes, registrations, and student syllabus progress.<\/p>\r\n <\/div>\r\n\r\n <div class=\"glass-card\" style=\"border-left: 4px solid #ffffff !important; padding: 20px 25px !important; border-radius: 12px !important;\">\r\n <h5 style=\"font-weight:700; color: #ffffff; margin-bottom: 8px;\">Official Affiliation<\/h5>\r\n <p style=\"font-size:14px; opacity: 0.9; margin: 0; color: var(--light-muted);\">\r\n Affiliated under the <strong>World Traditional Shotokan Karate Federation, Assam<\/strong>.\r\n <\/p>\r\n <\/div>\r\n <\/div>\r\n \r\n \r\n <div class=\"col-lg-6 text-center\" data-aos=\"fade-left\" data-aos-delay=\"150\">\r\n <div class=\"hero-image-frame\" style=\"max-width: 480px; margin: 0 auto;\">\r\n \r\n <img decoding=\"async\" src=\"https:\/\/smartkaratewarriors.reejinet.com\/wp-content\/uploads\/2026\/05\/instructor-licence.jpg\" onerror=\"this.onerror=null; this.src='https:\/\/images.unsplash.com\/photo-1576008675274-cf47dfcf0130?auto=format&fit=crop&w=800&q=80';\" alt=\"Sensei Instructor's License\" style=\"width:100%; height: auto; border-radius: 20px; object-fit: contain;\">\r\n <div style=\"background: rgba(18,18,18,0.85); padding: 12px; border-radius: 0 0 20px 20px; border-top: 1px solid var(--glass-border); font-size:13px; font-weight:700;\">\r\n \ud83d\udcdc Official Instructor Credentials & License\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n \r\n <section id=\"syllabus\" class=\"section-padding\">\r\n <div class=\"spotlight spotlight-white\" style=\"width: 500px; height: 500px; bottom: -10%; right: -5%;\"><\/div>\r\n <div class=\"container\">\r\n <h2 class=\"section-title\" data-aos=\"fade-up\">10 Shotokan <span class=\"gradient-text-red\">Katas<\/span><\/h2>\r\n <p class=\"section-subtitle\" data-aos=\"fade-up\" data-aos-delay=\"50\">Traditional Shotokan karate forms practiced in our academy for belt examinations and coordinates mastery.<\/p>\r\n \r\n <div class=\"row g-4 align-items-center mb-5\">\r\n <div class=\"col-lg-7\" data-aos=\"fade-right\" data-aos-delay=\"100\">\r\n <div class=\"row g-3\">\r\n <div class=\"col-6 col-md-6 col-lg-4\" data-aos=\"zoom-in\" data-aos-delay=\"50\">\r\n <div class=\"glass-card text-center p-3\">\r\n <span style=\"font-size: 11px; color: var(--primary); font-weight: 850;\">KATA 01<\/span>\r\n <h5 style=\"font-size: 15px; margin-top: 5px; font-weight: 700; color:#fff;\">Heian Shodan<\/h5>\r\n <\/div>\r\n <\/div>\r\n <div class=\"col-6 col-md-6 col-lg-4\" data-aos=\"zoom-in\" data-aos-delay=\"100\">\r\n <div class=\"glass-card text-center p-3\">\r\n <span style=\"font-size: 11px; color: var(--primary); font-weight: 850;\">KATA 02<\/span>\r\n <h5 style=\"font-size: 15px; margin-top: 5px; font-weight: 700; color:#fff;\">Heian Nidan<\/h5>\r\n <\/div>\r\n <\/div>\r\n <div class=\"col-6 col-md-6 col-lg-4\" data-aos=\"zoom-in\" data-aos-delay=\"150\">\r\n <div class=\"glass-card text-center p-3\">\r\n <span style=\"font-size: 11px; color: var(--primary); font-weight: 850;\">KATA 03<\/span>\r\n <h5 style=\"font-size: 15px; margin-top: 5px; font-weight: 700; color:#fff;\">Heian Sandan<\/h5>\r\n <\/div>\r\n <\/div>\r\n <div class=\"col-6 col-md-6 col-lg-4\" data-aos=\"zoom-in\" data-aos-delay=\"200\">\r\n <div class=\"glass-card text-center p-3\">\r\n <span style=\"font-size: 11px; color: var(--primary); font-weight: 850;\">KATA 04<\/span>\r\n <h5 style=\"font-size: 15px; margin-top: 5px; font-weight: 700; color:#fff;\">Heian Yondan<\/h5>\r\n <\/div>\r\n <\/div>\r\n <div class=\"col-6 col-md-6 col-lg-4\" data-aos=\"zoom-in\" data-aos-delay=\"250\">\r\n <div class=\"glass-card text-center p-3\">\r\n <span style=\"font-size: 11px; color: var(--primary); font-weight: 850;\">KATA 05<\/span>\r\n <h5 style=\"font-size: 15px; margin-top: 5px; font-weight: 700; color:#fff;\">Heian Godan<\/h5>\r\n <\/div>\r\n <\/div>\r\n <div class=\"col-6 col-md-6 col-lg-4\" data-aos=\"zoom-in\" data-aos-delay=\"300\">\r\n <div class=\"glass-card text-center p-3\">\r\n <span style=\"font-size: 11px; color: var(--primary); font-weight: 850;\">KATA 06<\/span>\r\n <h5 style=\"font-size: 15px; margin-top: 5px; font-weight: 700; color:#fff;\">Tekki Shodan<\/h5>\r\n <\/div>\r\n <\/div>\r\n <div class=\"col-6 col-md-6 col-lg-4\" data-aos=\"zoom-in\" data-aos-delay=\"350\">\r\n <div class=\"glass-card text-center p-3\">\r\n <span style=\"font-size: 11px; color: var(--primary); font-weight: 850;\">KATA 07<\/span>\r\n <h5 style=\"font-size: 15px; margin-top: 5px; font-weight: 700; color:#fff;\">Bassai Dai<\/h5>\r\n <\/div>\r\n <\/div>\r\n <div class=\"col-6 col-md-6 col-lg-4\" data-aos=\"zoom-in\" data-aos-delay=\"400\">\r\n <div class=\"glass-card text-center p-3\">\r\n <span style=\"font-size: 11px; color: var(--primary); font-weight: 850;\">KATA 08<\/span>\r\n <h5 style=\"font-size: 15px; margin-top: 5px; font-weight: 700; color:#fff;\">Kanku Dai<\/h5>\r\n <\/div>\r\n <\/div>\r\n <div class=\"col-6 col-md-6 col-lg-4\" data-aos=\"zoom-in\" data-aos-delay=\"450\">\r\n <div class=\"glass-card text-center p-3\">\r\n <span style=\"font-size: 11px; color: var(--primary); font-weight: 850;\">KATA 09<\/span>\r\n <h5 style=\"font-size: 15px; margin-top: 5px; font-weight: 700; color:#fff;\">Jion<\/h5>\r\n <\/div>\r\n <\/div>\r\n <div class=\"col-6 col-md-6 col-lg-4 mx-auto\" data-aos=\"zoom-in\" data-aos-delay=\"500\">\r\n <div class=\"glass-card text-center p-3\">\r\n <span style=\"font-size: 11px; color: var(--primary); font-weight: 850;\">KATA 10<\/span>\r\n <h5 style=\"font-size: 15px; margin-top: 5px; font-weight: 700; color:#fff;\">Enpi<\/h5>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n \r\n <div class=\"col-lg-5 text-center\" data-aos=\"fade-left\" data-aos-delay=\"150\">\r\n <div class=\"hero-image-frame\">\r\n \r\n <img decoding=\"async\" src=\"https:\/\/smartkaratewarriors.reejinet.com\/wp-content\/uploads\/2026\/05\/shotokan-karate-kata-Copy.jpg\" onerror=\"this.onerror=null; this.src='https:\/\/images.unsplash.com\/photo-1599058917212-d750089bc07e?auto=format&fit=crop&w=800&q=80';\" alt=\"Shotokan Kata Focus\" class=\"w-100\" style=\"border-radius:20px; object-fit: cover; height: 320px;\">\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n \r\n <section id=\"portals\" class=\"section-padding\" style=\"background: rgba(15, 1, 2, 0.45) !important;\">\r\n <div class=\"spotlight spotlight-red\" style=\"width: 450px; height: 450px; bottom: -10%; left: -10%;\"><\/div>\r\n <div class=\"container\">\r\n <h2 class=\"section-title\" data-aos=\"fade-up\">Academy <span class=\"gradient-text-red\">Digital Portals<\/span><\/h2>\r\n <p class=\"section-subtitle\" data-aos=\"fade-up\" data-aos-delay=\"50\">Log in to manage records as an instructor, or view your progress profile as a student.<\/p>\r\n \r\n <div class=\"row g-4 justify-content-center\">\r\n \r\n <div class=\"col-md-5\" data-aos=\"fade-right\" data-aos-delay=\"100\">\r\n <div class=\"glass-card text-center d-flex flex-column align-items-center\">\r\n <div class=\"contact-info-icon mb-4\" style=\"width:65px; height:65px; font-size: 28px; background: rgba(239, 68, 68, 0.1); border-color: rgba(239, 68, 68, 0.4);\">\r\n \ud83e\udd4b\r\n <\/div>\r\n <h3 style=\"font-size:24px; font-weight:700;\">Instructor \/ Admin<\/h3>\r\n <p class=\"mb-4 opacity-75\" style=\"font-size: 14px; line-height: 1.6;\">\r\n Manage student registrations, mark daily attendance, clear billing statements, nominate eligible players, and execute belt grading promotions.\r\n <\/p>\r\n <a href=\"admin\/login.php\" class=\"portal-btn mt-auto\" style=\"max-width: 280px;\">Instructor Login<\/a>\r\n <\/div>\r\n <\/div>\r\n \r\n \r\n <div class=\"col-md-5\" data-aos=\"fade-left\" data-aos-delay=\"150\">\r\n <div class=\"glass-card text-center d-flex flex-column align-items-center\" style=\"border-color: rgba(255, 255, 255, 0.15) !important;\">\r\n <div class=\"contact-info-icon mb-4\" style=\"width:65px; height:65px; font-size: 28px; background: rgba(255, 255, 255, 0.03); border-color: rgba(255, 255, 255, 0.2);\">\r\n \ud83d\udc64\r\n <\/div>\r\n <h3 style=\"font-size:24px; font-weight:700;\">Student \/ Parent<\/h3>\r\n <p class=\"mb-4 opacity-75\" style=\"font-size: 14px; line-height: 1.6;\">\r\n Check attendance percentages, verify monthly dues status, download payment invoices, track belt grading marks, and view academy announcements.\r\n <\/p>\r\n <a href=\"student\/login.php\" class=\"portal-btn portal-btn-secondary mt-auto\" style=\"max-width: 280px;\">Student Login<\/a>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n \r\n <section id=\"contact\" class=\"section-padding\">\r\n <div class=\"spotlight spotlight-white\" style=\"width: 500px; height: 500px; top: -5%; right: -5%;\"><\/div>\r\n <div class=\"container\">\r\n <h2 class=\"section-title\" data-aos=\"fade-up\">Admission <span class=\"gradient-text-red\">Inquiry<\/span><\/h2>\r\n <p class=\"section-subtitle\" data-aos=\"fade-up\" data-aos-delay=\"50\">Have questions about class schedules, age groups, or fees? Send us an inquiry today.<\/p>\r\n \r\n <div class=\"row g-5\">\r\n \r\n <div class=\"col-lg-5\" data-aos=\"fade-right\" data-aos-delay=\"100\">\r\n <h3 class=\"mb-4 text-white\" style=\"font-size:26px; font-weight:700;\">Dojo Contacts<\/h3>\r\n \r\n <div class=\"contact-info-box\">\r\n <div class=\"contact-info-icon\">\ud83d\udcde<\/div>\r\n <div class=\"contact-info-text\">\r\n <h5>Call \/ WhatsApp<\/h5>\r\n <p>7002626803<\/p>\r\n <\/div>\r\n <\/div>\r\n \r\n <div class=\"contact-info-box\">\r\n <div class=\"contact-info-icon\">\ud83d\udccd<\/div>\r\n <div class=\"contact-info-text\">\r\n <h5>Dojo Location<\/h5>\r\n <p>Smart Public School , Bakurpara, Goalpara Pancharatna Road, Near Hafizia Madrasa, Goalpara-783101<\/p>\r\n <\/div>\r\n <\/div>\r\n \r\n <div class=\"contact-info-box\">\r\n <div class=\"contact-info-icon\">\u2709\ufe0f<\/div>\r\n <div class=\"contact-info-text\">\r\n <h5>Email Support<\/h5>\r\n <p>jimalam86@gmail.com<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n \r\n \r\n <div class=\"col-lg-7\" data-aos=\"fade-left\" data-aos-delay=\"150\">\r\n <div class=\"glass-card\">\r\n <h3 class=\"mb-4\" style=\"font-size:22px; font-weight:700;\">Send A Message<\/h3>\r\n <form onsubmit=\"alert('Thank you for your interest! We will contact you shortly.'); this.reset(); return false;\">\r\n <div class=\"row g-3\">\r\n <div class=\"col-md-6\">\r\n <label class=\"form-label\">Full Name<\/label>\r\n <input type=\"text\" class=\"form-control\" placeholder=\"Your Name\" required>\r\n <\/div>\r\n <div class=\"col-md-6\">\r\n <label class=\"form-label\">Mobile Number<\/label>\r\n <input type=\"tel\" class=\"form-control\" placeholder=\"Your Phone Number\" required>\r\n <\/div>\r\n <div class=\"col-12\">\r\n <label class=\"form-label\">Email Address<\/label>\r\n <input type=\"email\" class=\"form-control\" placeholder=\"Your Email Address\" required>\r\n <\/div>\r\n <div class=\"col-12\">\r\n <label class=\"form-label\">Message \/ Inquiry Details<\/label>\r\n <textarea class=\"form-control\" rows=\"4\" placeholder=\"How can we help you?\" required><\/textarea>\r\n <\/div>\r\n <div class=\"col-12\">\r\n <button type=\"submit\" class=\"btn portal-btn mt-2\">Send Message<\/button>\r\n <\/div>\r\n <\/div>\r\n <\/form>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n \r\n <footer style=\"background: #dc2626 !important; border-top: 2px solid rgba(255, 255, 255, 0.2) !important; padding: 50px 0 30px 0 !important; color: #ffffff !important; text-align: center !important;\">\r\n <div class=\"container\">\r\n \r\n <div class=\"mb-3 d-flex justify-content-center\" data-aos=\"fade-up\">\r\n <img decoding=\"async\" src=\"https:\/\/smartkaratewarriors.reejinet.com\/wp-content\/uploads\/2026\/05\/logo.png\" onerror=\"this.onerror=null; this.src='https:\/\/smartkaratewarriors.reejinet.com\/wp-content\/uploads\/2026\/05\/logo.png';\" alt=\"Smart Karate Warriors Logo\" style=\"width: 75px; height: 75px; border-radius: 50%; border: 3px solid #ffffff; box-shadow: 0 0 20px rgba(255,255,255,0.4); object-fit: cover;\">\r\n <\/div>\r\n \r\n \r\n <h3 class=\"mb-2 text-white\" style=\"font-size: 28px; font-weight: 900; letter-spacing: -0.5px; text-transform: uppercase;\" data-aos=\"fade-up\" data-aos-delay=\"50\">\r\n Smart Karate Warriors\r\n <\/h3>\r\n \r\n \r\n <p class=\"mb-2 text-white-50\" style=\"font-size: 15px; font-weight: 500;\" data-aos=\"fade-up\" data-aos-delay=\"100\">\r\n Established in 2025 <span class=\"mx-2\">|<\/span> Running under the roof of <strong>Smart Public School, Goalpara<\/strong>\r\n <\/p>\r\n \r\n \r\n <p class=\"mb-4 text-white-50\" style=\"font-size: 14px;\" data-aos=\"fade-up\" data-aos-delay=\"150\">\r\n Operating under the supervision of <strong>Sensei Rupak Rajbangshi<\/strong> & headed by <strong>Sensei Jim Alam<\/strong>\r\n <\/p>\r\n \r\n \r\n <div class=\"d-flex flex-wrap justify-content-center gap-md-4 gap-2 mb-4 text-white\" style=\"font-size: 14px; font-weight: 600;\" data-aos=\"fade-up\" data-aos-delay=\"200\">\r\n <span>\ud83d\udccd Goalpara, Assam<\/span>\r\n <span class=\"d-none d-md-inline\">\u2022<\/span>\r\n <span>\ud83d\udcde 7002626803<\/span>\r\n <span class=\"d-none d-md-inline\">\u2022<\/span>\r\n <span>\u2709\ufe0f jimalam86@gmail.com<\/span>\r\n <\/div>\r\n \r\n <hr style=\"border-top: 1px solid rgba(255, 255, 255, 0.25); margin: 30px auto 20px auto; max-width: 600px;\">\r\n \r\n \r\n <div class=\"row align-items-center text-white-50\" style=\"font-size: 12px;\" data-aos=\"fade-up\" data-aos-delay=\"250\">\r\n <div class=\"col-md-6 text-center text-md-start mb-2 mb-md-0\">\r\n <p class=\"mb-0\">© 2026 Smart Karate Warriors. All Rights Reserved.<\/p>\r\n <\/div>\r\n <div class=\"col-md-6 text-center text-md-end\">\r\n <p class=\"mb-0\">Affiliated to World Traditional Shotokan Karate Federation, Assam.<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/footer>\r\n\r\n \r\n <a href=\"https:\/\/wa.me\/917002626803\" class=\"whatsapp-chat-float\" target=\"_blank\" title=\"Chat on WhatsApp\">\r\n <svg viewBox=\"0 0 24 24\" width=\"32\" height=\"32\" fill=\"currentColor\">\r\n <path d=\"M.057 24l1.687-6.163c-1.041-1.804-1.588-3.849-1.587-5.946C.06 5.348 5.397.01 12.008.01c3.202.001 6.212 1.246 8.477 3.514 2.266 2.268 3.507 5.28 3.505 8.484-.004 6.657-5.34 11.997-11.953 11.997-2.005-.001-3.973-.502-5.73-1.455L0 24zm6.59-4.846c1.6.95 3.188 1.449 4.825 1.451 5.436 0 9.86-4.37 9.864-9.799.002-2.63-1.023-5.101-2.885-6.965C16.59 1.988 14.113 1.057 11.5 1.054c-5.44 0-9.866 4.372-9.87 9.802 0 1.701.459 3.364 1.328 4.815l-.997 3.642 3.734-.972zm12.112-5.461c-.301-.15-1.78-.879-2.056-.979-.275-.1-.475-.15-.675.15-.2.3-.775.979-.95 1.179-.175.2-.35.225-.65.075-1.041-.521-2.05-1.12-2.885-1.894-.735-.633-1.27-1.391-1.415-1.641-.145-.25-.015-.385.11-.51.111-.11.251-.291.375-.437.125-.146.166-.25.25-.417.083-.167.042-.313-.021-.437-.062-.125-.475-1.15-.65-1.575-.171-.413-.343-.356-.475-.363-.121-.007-.261-.008-.4-.008s-.367.05-.558.263c-.191.213-.733.717-.733 1.748 0 1.03.75 2.023.854 2.162.104.138 1.476 2.254 3.578 3.162.5.216.89.346 1.196.443.504.16 1.01.137 1.39.08.423-.062 1.396-.57 1.597-1.12.201-.55.201-1.025.141-1.125-.06-.1-.225-.15-.526-.3z\" \/>\r\n <\/svg>\r\n <\/a>\r\n\r\n \r\n <div id=\"pwa-install-banner\" class=\"install-banner\">\r\n <div class=\"install-banner-content\">\r\n <span class=\"close-banner\" onclick=\"dismissInstallBanner()\">×<\/span>\r\n <img decoding=\"async\" src=\"https:\/\/smartkaratewarriors.reejinet.com\/wp-content\/uploads\/2026\/05\/logo.png\" onerror=\"this.onerror=null; this.src='https:\/\/smartkaratewarriors.reejinet.com\/wp-content\/uploads\/2026\/05\/logo.png';\" alt=\"App Logo\" class=\"banner-logo\">\r\n <div class=\"banner-text\">\r\n <h3>Install Karate ERP App<\/h3>\r\n <p>Add to your home screen for quick access and full-screen layout.<\/p>\r\n <\/div>\r\n <button id=\"btn-pwa-install\" class=\"banner-btn\" onclick=\"triggerPwaInstall()\">Install Now<\/button>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div id=\"ios-install-modal\" class=\"ios-modal\">\r\n <div class=\"ios-modal-content\">\r\n <span class=\"close-modal\" onclick=\"closeIosModal()\">×<\/span>\r\n <img decoding=\"async\" src=\"https:\/\/smartkaratewarriors.reejinet.com\/wp-content\/uploads\/2026\/05\/logo.png\" onerror=\"this.onerror=null; this.src='https:\/\/smartkaratewarriors.reejinet.com\/wp-content\/uploads\/2026\/05\/logo.png';\" alt=\"App Logo\" class=\"modal-logo\">\r\n <h3>Install on your iPhone\/iPad<\/h3>\r\n <p>Follow these simple steps to install the app:<\/p>\r\n <div class=\"ios-step\">\r\n <span class=\"step-num\">1<\/span>\r\n <span class=\"step-desc\">Tap Safari's **Share** button <span style=\"font-size: 15px;\">\u238b<\/span> (at the bottom toolbar).<\/span>\r\n <\/div>\r\n <div class=\"ios-step\">\r\n <span class=\"step-num\">2<\/span>\r\n <span class=\"step-desc\">Scroll down and select **\"Add to Home Screen\"** <span style=\"font-size: 15px;\">\u229e<\/span>.<\/span>\r\n <\/div>\r\n <div class=\"ios-step\">\r\n <span class=\"step-num\">3<\/span>\r\n <span class=\"step-desc\">Tap **\"Add\"** in the top-right corner to confirm.<\/span>\r\n <\/div>\r\n <button class=\"modal-btn-close\" onclick=\"closeIosModal()\">Got It<\/button>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n \r\n\r\n \r\n\r\n \r\n \r\n <script src=\"https:\/\/cdn.jsdelivr.net\/npm\/bootstrap@5.3.2\/dist\/js\/bootstrap.bundle.min.js\"><\/script>\r\n\r\n \r\n <script src=\"https:\/\/unpkg.com\/aos@next\/dist\/aos.js\"><\/script>\r\n \r\n <script>\r\n \/\/ Initialize AOS animations\r\n AOS.init({\r\n duration: 1000,\r\n once: true,\r\n easing: 'ease-out-cubic'\r\n });\r\n\r\n \/\/ Sticky Header scroll styling effect\r\n window.addEventListener('scroll', function() {\r\n const navbar = document.querySelector('.navbar');\r\n if (window.scrollY > 50) {\r\n navbar.classList.add('navbar-scrolled');\r\n } else {\r\n navbar.classList.remove('navbar-scrolled');\r\n }\r\n });\r\n\r\n \/\/ Bootstrap collapse menu link auto-closing (mobile user friendliness)\r\n const navLinks = document.querySelectorAll('.nav-link:not(.dropdown-toggle)');\r\n const menuToggle = document.getElementById('navbarContent');\r\n if (menuToggle) {\r\n navLinks.forEach((link) => {\r\n link.addEventListener('click', () => {\r\n if (window.innerWidth < 992) {\r\n const bsCollapse = new bootstrap.Collapse(menuToggle, { toggle: false });\r\n bsCollapse.hide();\r\n }\r\n });\r\n });\r\n }\r\n \r\n \/\/ PWA & iOS install triggers\r\n if ('serviceWorker' in navigator) {\r\n window.addEventListener('load', () => {\r\n navigator.serviceWorker.register('sw.js')\r\n .then((reg) => {\r\n console.log('Service Worker registered successfully:', reg.scope);\r\n })\r\n .catch((err) => {\r\n console.error('Service Worker registration failed:', err);\r\n });\r\n });\r\n }\r\n\r\n let deferredPrompt;\r\n\r\n \/\/ Capture PWA Install trigger from browser\r\n window.addEventListener('beforeinstallprompt', (e) => {\r\n e.preventDefault();\r\n deferredPrompt = e;\r\n \r\n \/\/ Show custom install prompt banner immediately\r\n showInstallBanner();\r\n });\r\n\r\n function showInstallBanner() {\r\n const dismissed = localStorage.getItem('pwa_banner_dismissed');\r\n \/\/ If they haven't dismissed it, show the install banner\r\n if (!dismissed) {\r\n document.getElementById('pwa-install-banner').classList.add('show');\r\n }\r\n }\r\n\r\n function dismissInstallBanner() {\r\n document.getElementById('pwa-install-banner').classList.remove('show');\r\n localStorage.setItem('pwa_banner_dismissed', 'true');\r\n }\r\n\r\n function triggerPwaInstall() {\r\n dismissInstallBanner();\r\n \r\n if (deferredPrompt) {\r\n deferredPrompt.prompt();\r\n deferredPrompt.userChoice.then((choiceResult) => {\r\n if (choiceResult.outcome === 'accepted') {\r\n console.log('User accepted the PWA install');\r\n } else {\r\n console.log('User dismissed the PWA install');\r\n }\r\n deferredPrompt = null;\r\n });\r\n } else {\r\n \/\/ If beforeinstallprompt hasn't fired, check if iOS\r\n const isiOS = \/iPad|iPhone|iPod\/.test(navigator.userAgent) && !window.MSStream;\r\n const isStandalone = window.navigator.standalone === true || window.matchMedia('(display-mode: standalone)').matches;\r\n \r\n if (isiOS && !isStandalone) {\r\n showIosModal();\r\n } else {\r\n \/\/ Fallback alert for Android browsers that already have it installed or need manual click\r\n alert(\"To install: tap your browser's menu button (3 dots) and select 'Add to Home Screen' or 'Install App'.\");\r\n }\r\n }\r\n }\r\n\r\n function showIosModal() {\r\n document.getElementById('ios-install-modal').classList.add('show');\r\n }\r\n\r\n function closeIosModal() {\r\n document.getElementById('ios-install-modal').classList.remove('show');\r\n }\r\n\r\n \/\/ iOS Auto-trigger instructions (since Safari doesn't fire beforeinstallprompt)\r\n window.addEventListener('DOMContentLoaded', () => {\r\n const isiOS = \/iPad|iPhone|iPod\/.test(navigator.userAgent) && !window.MSStream;\r\n const isStandalone = window.navigator.standalone === true || window.matchMedia('(display-mode: standalone)').matches;\r\n const dismissed = localStorage.getItem('pwa_banner_dismissed');\r\n\r\n if (isiOS && !isStandalone && !dismissed) {\r\n \/\/ Auto show the banner for iOS users after 2 seconds to guide them\r\n setTimeout(() => {\r\n showInstallBanner();\r\n }, 2000);\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>Smart Karate Warriors – Martial Arts Academy \u7a7a\u624b\u9053 \u6b66\u9053 Smart Karate Warriors \u2630 Home About Us Classes Timetable Leadership Katas […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_canvas","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":"","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":"","ast-breadcrumbs-content":"","ast-featured-img":"disabled","footer-sml-layout":"","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-6","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/smartkaratewarriors.reejinet.com\/index.php?rest_route=\/wp\/v2\/pages\/6","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/smartkaratewarriors.reejinet.com\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/smartkaratewarriors.reejinet.com\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/smartkaratewarriors.reejinet.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/smartkaratewarriors.reejinet.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=6"}],"version-history":[{"count":38,"href":"https:\/\/smartkaratewarriors.reejinet.com\/index.php?rest_route=\/wp\/v2\/pages\/6\/revisions"}],"predecessor-version":[{"id":69,"href":"https:\/\/smartkaratewarriors.reejinet.com\/index.php?rest_route=\/wp\/v2\/pages\/6\/revisions\/69"}],"wp:attachment":[{"href":"https:\/\/smartkaratewarriors.reejinet.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=6"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}