{"id":9625,"date":"2026-04-27T13:43:20","date_gmt":"2026-04-27T06:43:20","guid":{"rendered":"https:\/\/brighteducation.id\/?page_id=9625"},"modified":"2026-04-27T13:50:56","modified_gmt":"2026-04-27T06:50:56","slug":"courses","status":"publish","type":"page","link":"https:\/\/brighteducation.id\/en\/courses\/","title":{"rendered":"Courses"},"content":{"rendered":"
\n\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t
\n\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\r\n\r\n\r\n \r\n \r\n Program Ausbildung - Bright Education<\/title>\r\n <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/5.15.4\/css\/all.min.css\">\r\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700;800&display=swap\" rel=\"stylesheet\">\r\n \r\n <style>\r\n \/* --- 1. VARIABLES & RESET --- *\/\r\n :root {\r\n \/* Palette Aesthetic Classroom *\/\r\n --primary: #2c3e50; \/* Dark Blue-Grey (Pen Ink\/Chalk) *\/\r\n --primary-light: #34495e;\r\n --secondary: #1a252f; \r\n --accent: #f1c40f; \/* Highlighter Yellow *\/\r\n --accent-hover: #f39c12;\r\n \r\n \/* Paper & Board Colors *\/\r\n --surface-paper: #fffbf0; \/* Warm Paper Color *\/\r\n --surface-white: #ffffff;\r\n --chalkboard: #1e293b; \/* Dark Chalkboard *\/\r\n --grid-line: #e2e8f0;\r\n \r\n --text-main: #334155;\r\n --text-light: #64748b;\r\n \r\n \/* Spacing & Radius (Compact) *\/\r\n --radius-sm: 6px;\r\n --radius-md: 16px;\r\n --radius-lg: 24px;\r\n \r\n \/* Shadows: Softer, like paper lifting *\/\r\n --shadow-paper: 0 4px 6px -1px rgba(0, 0, 0, 0.05), 0 2px 4px -1px rgba(0, 0, 0, 0.03);\r\n --shadow-lift: 0 10px 15px -3px rgba(0, 0, 0, 0.08), 0 4px 6px -2px rgba(0, 0, 0, 0.04);\r\n --shadow-float: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);\r\n }\r\n\r\n * {\r\n box-sizing: border-box;\r\n margin: 0;\r\n padding: 0;\r\n }\r\n\r\n html {\r\n scroll-behavior: smooth;\r\n }\r\n\r\n body {\r\n font-family: 'Plus Jakarta Sans', sans-serif; \r\n color: var(--text-main);\r\n \/* Math Grid Background Pattern *\/\r\n background-color: var(--surface-paper);\r\n background-image: linear-gradient(var(--grid-line) 1px, transparent 1px),\r\n linear-gradient(90deg, var(--grid-line) 1px, transparent 1px);\r\n background-size: 24px 24px;\r\n line-height: 1.5;\r\n overflow-x: hidden;\r\n font-size: 14px;\r\n }\r\n\r\n \/* --- 2. UTILITIES & LAYOUT --- *\/\r\n .container {\r\n width: 100%;\r\n max-width: 1200px;\r\n margin: 0 auto;\r\n padding: 0 20px;\r\n position: relative;\r\n z-index: 2;\r\n }\r\n\r\n .section-padding {\r\n padding: 60px 0;\r\n }\r\n\r\n .text-center { text-align: center; }\r\n \r\n .section-header {\r\n text-align: center;\r\n max-width: 700px;\r\n margin: 0 auto 40px auto;\r\n position: relative;\r\n z-index: 2;\r\n }\r\n\r\n .section-title {\r\n font-size: clamp(24px, 4vw, 32px);\r\n font-weight: 800;\r\n color: var(--primary);\r\n margin-bottom: 12px;\r\n letter-spacing: -0.02em;\r\n display: inline-block;\r\n \/* Highlighter Effect *\/\r\n position: relative;\r\n z-index: 1;\r\n }\r\n\r\n \/* The yellow marker line under text *\/\r\n .section-title::after {\r\n content: '';\r\n position: absolute;\r\n bottom: 2px;\r\n left: -5px;\r\n right: -5px;\r\n height: 8px;\r\n background-color: rgba(241, 196, 15, 0.4); \/* Transparent Yellow *\/\r\n z-index: -1;\r\n border-radius: 4px;\r\n transform: rotate(-1deg);\r\n }\r\n\r\n .section-subtitle {\r\n font-size: 16px;\r\n color: var(--text-light);\r\n line-height: 1.6;\r\n background: rgba(255,255,255,0.6);\r\n padding: 4px 10px;\r\n border-radius: 4px;\r\n display: inline-block;\r\n }\r\n\r\n \/* --- 3. COMPONENTS --- *\/\r\n \/* Buttons *\/\r\n .btn {\r\n display: inline-flex;\r\n align-items: center;\r\n justify-content: center;\r\n gap: 8px;\r\n padding: 12px 32px;\r\n border-radius: 50px;\r\n font-weight: 700;\r\n font-size: 14px;\r\n text-decoration: none;\r\n transition: all 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94);\r\n cursor: pointer;\r\n border: none;\r\n position: relative;\r\n z-index: 1;\r\n box-shadow: 0 4px 0 rgba(0,0,0,0.1); \/* Button press effect *\/\r\n }\r\n\r\n .btn:active {\r\n transform: translateY(4px);\r\n box-shadow: none;\r\n }\r\n\r\n .btn-primary {\r\n background-color: var(--accent);\r\n color: var(--primary);\r\n border: 2px solid #f1c40f;\r\n }\r\n \r\n .btn-primary:hover {\r\n background-color: #f39c12;\r\n border-color: #e67e22;\r\n }\r\n\r\n .btn-outline {\r\n background-color: var(--surface-white);\r\n color: var(--primary);\r\n border: 2px solid var(--primary);\r\n }\r\n\r\n .btn-outline:hover {\r\n background-color: var(--primary);\r\n color: #fff;\r\n }\r\n\r\n .btn-wa {\r\n background-color: #25D366;\r\n color: #fff;\r\n border: 2px solid #20bd5a;\r\n }\r\n\r\n .btn-wa:hover {\r\n background-color: #1ebc59;\r\n }\r\n\r\n \/* Paper Card Style *\/\r\n .card-base {\r\n background: var(--surface-white);\r\n border-radius: 4px 4px 16px 16px; \/* Slightly organic feel *\/\r\n padding: 24px;\r\n \/* Subtle paper texture shadow *\/\r\n box-shadow: 2px 2px 0px rgba(0,0,0,0.05), 5px 5px 10px rgba(0,0,0,0.05);\r\n transition: transform 0.3s ease;\r\n height: 100%;\r\n position: relative;\r\n }\r\n \r\n \/* Tape Effect at top of some cards *\/\r\n .card-base::before {\r\n content: '';\r\n position: absolute;\r\n top: -12px;\r\n left: 50%;\r\n transform: translateX(-50%) rotate(-2deg);\r\n width: 60px;\r\n height: 24px;\r\n background-color: rgba(255,255,255,0.6);\r\n border-left: 2px dotted rgba(0,0,0,0.1);\r\n border-right: 2px dotted rgba(0,0,0,0.1);\r\n box-shadow: 0 2px 4px rgba(0,0,0,0.1);\r\n z-index: 3;\r\n }\r\n\r\n .card-base:hover {\r\n transform: translateY(-5px) rotate(1deg);\r\n box-shadow: 4px 4px 0px rgba(0,0,0,0.05), 10px 10px 20px rgba(0,0,0,0.1);\r\n }\r\n\r\n \/* --- 4. SECTIONS DESIGN --- *\/\r\n\r\n \/* Hero (Chalkboard Style) *\/\r\n .hero {\r\n background-color: var(--chalkboard);\r\n background-image: radial-gradient(rgba(255,255,255,0.05) 1px, transparent 1px); \/* Chalk dust *\/\r\n background-size: 20px 20px;\r\n color: #fff;\r\n padding: 80px 20px 60px;\r\n text-align: center;\r\n position: relative;\r\n overflow: hidden;\r\n border-bottom: 4px solid #f1c40f; \/* Wood frame border *\/\r\n }\r\n\r\n .hero-content {\r\n position: relative;\r\n z-index: 2;\r\n max-width: 900px;\r\n margin: 0 auto;\r\n }\r\n\r\n .hero h1 {\r\n color: #ffffff !important;\r\n font-size: clamp(32px, 5vw, 42px);\r\n font-weight: 800;\r\n line-height: 1.2;\r\n margin-bottom: 16px;\r\n text-shadow: 2px 2px 0px rgba(0,0,0,0.3); \/* Chalk depth *\/\r\n letter-spacing: -1px;\r\n }\r\n\r\n .hero p {\r\n font-size: 16px;\r\n font-weight: 400;\r\n margin-bottom: 24px;\r\n opacity: 0.9;\r\n font-family: 'Courier New', monospace; \/* Handwritten vibe fallback *\/\r\n max-width: 800px;\r\n margin-left: auto;\r\n margin-right: auto;\r\n }\r\n\r\n .hero-buttons {\r\n display: flex;\r\n flex-wrap: wrap;\r\n gap: 15px;\r\n justify-content: center;\r\n }\r\n\r\n \/* Values Grid (Sticky Notes) *\/\r\n .values-grid {\r\n display: grid;\r\n grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));\r\n gap: 20px;\r\n margin-top: -40px;\r\n position: relative;\r\n z-index: 10;\r\n }\r\n\r\n .value-card {\r\n background: #fff9c4; \/* Sticky note yellow *\/\r\n padding: 30px 20px;\r\n \/* Sticky note curl *\/\r\n box-shadow: 2px 4px 6px rgba(0,0,0,0.1);\r\n transform: rotate(-2deg);\r\n transition: 0.3s;\r\n }\r\n\r\n \/* Alternate rotations for randomness *\/\r\n .value-card:nth-child(even) { transform: rotate(1deg); background: #ffe0b2; \/* Orange note *\/ }\r\n .value-card:nth-child(3n) { transform: rotate(2deg); background: #c8e6c9; \/* Green note *\/ }\r\n\r\n .value-card:hover {\r\n transform: scale(1.05) rotate(0deg);\r\n z-index: 10;\r\n }\r\n\r\n .value-card i {\r\n font-size: 32px;\r\n color: var(--primary);\r\n margin-bottom: 16px;\r\n display: block;\r\n }\r\n\r\n .value-card h4 {\r\n font-size: 18px;\r\n color: var(--secondary);\r\n margin-bottom: 10px;\r\n font-weight: 700;\r\n }\r\n \r\n .value-card p {\r\n font-size: 13px;\r\n margin: 0;\r\n color: #333;\r\n }\r\n\r\n \/* Pricing \/ Choice (Notebooks) *\/\r\n .pricing-section {\r\n \/* Just spacing, background is transparent to show grid *\/\r\n }\r\n\r\n .pricing-grid {\r\n display: flex;\r\n flex-wrap: wrap;\r\n gap: 25px;\r\n justify-content: center;\r\n align-items: stretch;\r\n }\r\n\r\n .pricing-card {\r\n flex: 1 1 300px;\r\n max-width: 340px;\r\n background: var(--surface-white);\r\n border-radius: 4px;\r\n display: flex;\r\n flex-direction: column;\r\n position: relative;\r\n border: 1px solid #e0e0e0;\r\n \/* Spiral bound effect on left *\/\r\n border-left: 4px double #ddd;\r\n }\r\n\r\n .pricing-card.popular {\r\n border: 2px solid var(--accent);\r\n transform: scale(1.02);\r\n box-shadow: 0 10px 25px rgba(0,0,0,0.1);\r\n z-index: 5;\r\n border-left: 4px double var(--accent);\r\n }\r\n\r\n .badge-ribbon {\r\n position: absolute;\r\n top: 15px;\r\n right: -35px;\r\n background: var(--accent);\r\n color: var(--primary);\r\n padding: 6px 40px;\r\n font-size: 10px;\r\n font-weight: 800;\r\n transform: rotate(45deg);\r\n box-shadow: 0 2px 5px rgba(0,0,0,0.2);\r\n text-transform: uppercase;\r\n z-index: 10;\r\n }\r\n\r\n .pricing-header {\r\n padding: 30px 20px 15px;\r\n text-align: center;\r\n border-bottom: 2px dashed #eee; \/* Dashed line like notebook *\/\r\n }\r\n\r\n .pricing-card.popular .pricing-header {\r\n background: #fffde7; \/* Pale yellow highlighter bg *\/\r\n }\r\n\r\n .pricing-card h3 {\r\n font-size: 22px;\r\n font-weight: 800;\r\n color: var(--primary);\r\n margin-bottom: 8px;\r\n font-family: 'Courier New', monospace; \/* Header font style *\/\r\n }\r\n\r\n .pricing-card .desc {\r\n color: var(--text-light);\r\n font-size: 13px;\r\n font-style: italic;\r\n }\r\n\r\n .pricing-body {\r\n padding: 0;\r\n flex-grow: 1;\r\n display: flex;\r\n flex-direction: column;\r\n }\r\n\r\n .card-image {\r\n width: 100%;\r\n height: 160px;\r\n object-fit: cover;\r\n border-bottom: 2px dashed #eee;\r\n filter: grayscale(20%); \/* Slightly vintage filter *\/\r\n transition: 0.3s;\r\n }\r\n \r\n .pricing-card:hover .card-image {\r\n filter: grayscale(0%);\r\n }\r\n\r\n .pricing-content-inner {\r\n padding: 20px;\r\n display: flex;\r\n flex-direction: column;\r\n flex-grow: 1;\r\n }\r\n\r\n .pricing-features {\r\n list-style: none;\r\n margin-bottom: 20px;\r\n flex-grow: 1;\r\n }\r\n\r\n .pricing-features li {\r\n margin-bottom: 12px;\r\n font-size: 13px;\r\n display: flex;\r\n align-items: flex-start;\r\n color: var(--text-main);\r\n }\r\n\r\n .pricing-features li i {\r\n color: var(--accent);\r\n margin-right: 10px;\r\n margin-top: 3px;\r\n font-size: 14px;\r\n }\r\n\r\n \/* Split Section (Index Cards) *\/\r\n .split-grid {\r\n display: grid;\r\n grid-template-columns: 1fr 1fr;\r\n gap: 30px;\r\n }\r\n\r\n .split-box {\r\n padding: 30px;\r\n border-radius: 4px;\r\n display: flex;\r\n flex-direction: column;\r\n }\r\n\r\n .box-target {\r\n background: #fff;\r\n border: 2px solid var(--primary);\r\n \/* Corner fold effect *\/\r\n background: linear-gradient(135deg, transparent 20px, #fff 20px);\r\n }\r\n\r\n .box-outcome {\r\n background: var(--primary);\r\n color: #fff;\r\n background: linear-gradient(135deg, transparent 20px, var(--primary) 20px);\r\n }\r\n\r\n .box-outcome h3 { color: var(--accent); margin-top: 0; margin-bottom: 15px; font-size: 20px; }\r\n .box-outcome p { color: rgba(255,255,255,0.85); margin-bottom: 20px; font-size: 13px; }\r\n .box-target h3 { color: var(--primary); margin-top: 0; margin-bottom: 15px; font-size: 20px; }\r\n \r\n .check-list { list-style: none; }\r\n .check-list li {\r\n margin-bottom: 12px;\r\n display: flex;\r\n align-items: flex-start;\r\n font-size: 13px;\r\n line-height: 1.5;\r\n }\r\n .check-list li i { margin-right: 10px; margin-top: 3px; flex-shrink: 0; }\r\n .box-outcome .check-list li i { color: var(--accent); }\r\n .box-target .check-list li i { color: var(--primary); }\r\n\r\n \/* Learning System (Flashcards) *\/\r\n .system-grid {\r\n display: grid;\r\n grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));\r\n gap: 20px;\r\n }\r\n\r\n .system-item {\r\n display: flex;\r\n gap: 15px;\r\n background: #fff;\r\n padding: 20px;\r\n border-radius: 4px;\r\n border: 1px solid #ddd;\r\n \/* Pin effect *\/\r\n border-top: 4px solid var(--accent);\r\n transition: 0.3s;\r\n }\r\n\r\n .system-item:hover {\r\n transform: translateX(5px);\r\n box-shadow: 2px 2px 10px rgba(0,0,0,0.05);\r\n }\r\n\r\n .system-icon {\r\n width: 40px;\r\n height: 40px;\r\n background: var(--surface-paper);\r\n color: var(--primary);\r\n border-radius: 50%;\r\n display: flex;\r\n justify-content: center;\r\n align-items: center;\r\n font-size: 18px;\r\n flex-shrink: 0;\r\n border: 2px solid var(--primary);\r\n }\r\n\r\n .system-text h4 {\r\n font-size: 16px;\r\n margin-bottom: 6px;\r\n color: var(--primary);\r\n font-weight: 700;\r\n }\r\n \r\n .system-text p {\r\n font-size: 13px;\r\n margin: 0;\r\n color: var(--text-light);\r\n }\r\n\r\n \/* Lifestyle (Doodle Style) *\/\r\n .lifestyle-grid {\r\n display: grid;\r\n grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));\r\n gap: 20px;\r\n }\r\n\r\n .fac-item {\r\n background: #fff;\r\n color: var(--text-main);\r\n padding: 24px;\r\n border-radius: 16px; \/* Bubble shape *\/\r\n text-align: center;\r\n transition: 0.3s;\r\n border: 2px solid var(--grid-line);\r\n }\r\n\r\n .fac-item:hover { \r\n transform: scale(1.05); \r\n border-color: var(--accent);\r\n }\r\n .fac-item i { font-size: 32px; color: var(--accent); margin-bottom: 15px; display: block; }\r\n .fac-item h4 { margin-bottom: 8px; font-size: 16px; font-weight: 700; }\r\n .fac-item p { font-size: 13px; opacity: 0.7; margin: 0; }\r\n\r\n \/* Timeline (String & Pins) *\/\r\n .timeline-container {\r\n position: relative;\r\n margin-top: 40px;\r\n display: flex;\r\n justify-content: space-between;\r\n flex-wrap: wrap;\r\n gap: 15px;\r\n }\r\n\r\n .timeline-container::before {\r\n content: '';\r\n position: absolute;\r\n top: 25px;\r\n left: 50px;\r\n right: 50px;\r\n height: 2px; \/* Thin string *\/\r\n background: #ccc;\r\n border-bottom: 2px dashed #ccc; \/* Dashed string *\/\r\n z-index: 0;\r\n }\r\n\r\n .timeline-step {\r\n text-align: center;\r\n flex: 1;\r\n min-width: 180px;\r\n position: relative;\r\n z-index: 2;\r\n padding: 0 10px;\r\n }\r\n\r\n .step-circle {\r\n width: 48px;\r\n height: 48px;\r\n background: #fff;\r\n color: var(--primary);\r\n border: 3px solid var(--primary);\r\n border-radius: 50%; \/* Pin head *\/\r\n display: flex;\r\n justify-content: center;\r\n align-items: center;\r\n font-weight: 800;\r\n font-size: 18px;\r\n margin: 0 auto 15px;\r\n \/* Pin shadow *\/\r\n box-shadow: 2px 4px 6px rgba(0,0,0,0.2);\r\n transition: 0.3s;\r\n }\r\n\r\n .timeline-step:hover .step-circle {\r\n background: var(--accent);\r\n border-color: var(--accent);\r\n transform: scale(1.1);\r\n }\r\n\r\n .timeline-step h4 { color: var(--primary); font-size: 15px; margin-bottom: 8px; font-weight: 700; }\r\n .timeline-step p { font-size: 12px; color: var(--text-light); line-height: 1.4; }\r\n\r\n \/* FAQ Toggle (Sticky Notes) *\/\r\n .faq-toggle-area {\r\n text-align: center;\r\n margin-bottom: 20px;\r\n }\r\n\r\n .faq-grid {\r\n display: grid;\r\n grid-template-columns: repeat(auto-fit, minmax(350px, 1fr));\r\n gap: 20px;\r\n }\r\n\r\n .faq-box {\r\n background: #fff;\r\n padding: 20px;\r\n border-radius: 2px;\r\n border: 1px solid #ddd;\r\n \/* Folded corner effect *\/\r\n background: linear-gradient(135deg, #f1f1f1 25%, transparent 25%) -10px 0,\r\n linear-gradient(225deg, #f1f1f1 25%, transparent 25%) -10px 0,\r\n linear-gradient(315deg, #f1f1f1 25%, transparent 25%),\r\n linear-gradient(45deg, #f1f1f1 25%, transparent 25%);\r\n background-size: 20px 20px;\r\n background-color: #fff;\r\n transition: 0.3s;\r\n }\r\n\r\n .faq-box:hover {\r\n box-shadow: 4px 4px 0 rgba(0,0,0,0.05);\r\n transform: translateY(-2px);\r\n }\r\n\r\n .faq-q {\r\n display: flex;\r\n align-items: flex-start;\r\n gap: 10px;\r\n margin-bottom: 10px;\r\n font-weight: 700;\r\n color: var(--primary);\r\n font-size: 15px;\r\n line-height: 1.4;\r\n }\r\n \r\n .faq-q i {\r\n color: var(--accent);\r\n margin-top: 3px;\r\n flex-shrink: 0;\r\n }\r\n\r\n .faq-a {\r\n font-size: 13px; \r\n color: var(--text-light);\r\n line-height: 1.5;\r\n padding-left: 26px; \r\n background: rgba(241, 196, 15, 0.1); \/* Yellow highlight text bg *\/\r\n padding: 10px 10px 10px 36px;\r\n border-left: 2px solid var(--accent);\r\n }\r\n \r\n .faq-a ul {\r\n margin-top: 8px;\r\n padding-left: 18px;\r\n }\r\n .faq-a li {\r\n margin-bottom: 5px;\r\n }\r\n\r\n \/* CTA Footer (Wood Board) *\/\r\n .cta-footer {\r\n background: #e67e22; \/* Wood color *\/\r\n color: #fff;\r\n padding: 60px 20px;\r\n text-align: center;\r\n position: relative;\r\n border-top: 10px solid #d35400;\r\n background-image: url(\"data:image\/svg+xml,%3Csvg width='40' height='40' viewBox='0 0 40 40' xmlns='http:\/\/www.w3.org\/2000\/svg'%3E%3Cpath d='M20 20.5V18c0-1.1-.9-2-2-2s-2 .9-2 2v2.5H10v-10h20v10h-6zM14 18c0 .6-.4 1-1 1s-1-.4-1-1V8c0-.6.4-1 1-1s1 .4 1 1v10z' fill='%23d35400' fill-opacity='0.1' fill-rule='evenodd'\/%3E%3C\/svg%3E\");\r\n }\r\n\r\n .cta-footer h2 {\r\n font-size: clamp(24px, 4vw, 36px);\r\n font-weight: 800;\r\n margin-bottom: 15px;\r\n text-shadow: 1px 1px 0 rgba(0,0,0,0.1);\r\n }\r\n \r\n .cta-footer p {\r\n font-size: 14px;\r\n margin-bottom: 30px;\r\n }\r\n\r\n \/* --- 5. ANIMATION UTILS --- *\/\r\n .reveal {\r\n opacity: 0;\r\n transform: translateY(30px);\r\n transition: all 0.8s ease-out;\r\n }\r\n\r\n .reveal.active {\r\n opacity: 1;\r\n transform: translateY(0);\r\n }\r\n\r\n \/* --- 6. RESPONSIVE MEDIA QUERIES --- *\/\r\n @media (max-width: 992px) {\r\n .pricing-card.popular { transform: scale(1); }\r\n }\r\n\r\n @media (max-width: 768px) {\r\n .hero { padding: 60px 20px 40px; }\r\n .values-grid { margin-top: 0; }\r\n .split-grid { grid-template-columns: 1fr; }\r\n \r\n .timeline-container { flex-direction: column; gap: 30px; }\r\n .timeline-container::before {\r\n width: 4px;\r\n height: 100%;\r\n left: 24px;\r\n top: 0;\r\n right: auto;\r\n }\r\n .timeline-step { display: flex; text-align: left; align-items: flex-start; gap: 15px; width: 100%; }\r\n .step-circle { margin: 0; flex-shrink: 0; width: 40px; height: 40px; font-size: 16px; }\r\n .step-content { margin-top: 5px; }\r\n \r\n .faq-grid {\r\n grid-template-columns: 1fr; \r\n }\r\n \r\n .btn { width: 100%; }\r\n }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n\r\n <!-- 1. HERO SECTION (Chalkboard Style) -->\r\n <section class=\"hero\">\r\n <div class=\"hero-content reveal\">\r\n <h1>Dari Nol ke B1 & Siap Kerja di Jerman<\/h1>\r\n <p>Program Ausbildung dengan Pendampingan Hingga Diterima Perusahaan<\/p>\r\n <div class=\"hero-buttons\">\r\n <a href=\"#pilihan-kelas\" class=\"btn btn-primary\"><i class=\"fas fa-graduation-cap\"><\/i> Lihat Pilihan Program<\/a>\r\n <a href=\"https:\/\/wa.me\/6287717570174\" class=\"btn btn-wa\">\r\n <i class=\"fab fa-whatsapp\"><\/i> Konsultasi Gratis\r\n <\/a>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n <!-- 2. VALUE PROPOSITION (Sticky Notes) -->\r\n <section class=\"container\">\r\n <div class=\"values-grid\">\r\n <div class=\"value-card reveal\">\r\n <i class=\"fas fa-rocket\"><\/i>\r\n <h4>Progress Terukur<\/h4>\r\n <p style=\"color:#333;\">Kurikulum khusus menargetkan kelulusan Goethe level B1 dalam waktu 6-8 Bulan.<\/p>\r\n <\/div>\r\n <div class=\"value-card reveal\">\r\n <i class=\"fas fa-chalkboard-teacher\"><\/i>\r\n <h4>Mentor Profesional<\/h4>\r\n <p style=\"color:#333;\">Dibimbing langsung oleh pengajar yang kompeten di bidang bahasa Jerman.<\/p>\r\n <\/div>\r\n <div class=\"value-card reveal\">\r\n <i class=\"fas fa-comments\"><\/i>\r\n <h4>Full Immersion<\/h4>\r\n <p style=\"color:#333;\">Lingkungan berbahasa Jerman aktif setiap hari untuk peserta Boarding.<\/p>\r\n <\/div>\r\n <div class=\"value-card reveal\">\r\n <i class=\"fas fa-handshake\"><\/i>\r\n <h4>Pendampingan Penuh<\/h4>\r\n <p style=\"color:#333;\">Garansi pendampingan Matching Job sampai Anda diterima di Perusahaan Jerman.<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n <!-- 3. PRICING \/ CHOICE (Notebook Style) -->\r\n <section id=\"pilihan-kelas\" class=\"section-padding pricing-section\">\r\n <div class=\"container\">\r\n <div class=\"section-header reveal\">\r\n <h2 class=\"section-title\">Pilih Mode Belajar Anda<\/h2>\r\n <p class=\"section-subtitle\">Pilih metode yang sesuai dengan kesibukan Anda. Materi dan jaminan pendampingan tetap sama!<\/p>\r\n <\/div>\r\n \r\n <div class=\"pricing-grid\">\r\n <!-- Online Card -->\r\n <div class=\"pricing-card reveal\">\r\n <div class=\"pricing-header\">\r\n <h3>Online Class<\/h3>\r\n <p class=\"desc\">Belajar fleksibel dari rumah via Zoom.<\/p>\r\n <\/div>\r\n <div class=\"pricing-body\">\r\n <img decoding=\"async\" src=\"https:\/\/brighteducation.id\/wp-content\/uploads\/2026\/04\/online.png\" alt=\"Online Class\" class=\"card-image\">\r\n \r\n <div class=\"pricing-content-inner\">\r\n <ul class=\"pricing-features\">\r\n <li><i class=\"fas fa-bullseye\"><\/i> <div><strong>Target Belajar:<\/strong> Fleksibel<\/div><\/li>\r\n <li><i class=\"fas fa-calendar-alt\"><\/i> <div><strong>Jadwal:<\/strong> Senin - Jumat<\/div><\/li>\r\n <li><i class=\"fas fa-clock\"><\/i> <div>Tersedia kelas Pagi, Siang & Malam<\/div><\/li>\r\n <li><i class=\"fas fa-laptop-code\"><\/i> <div>Interaktif & Modul Digital Lengkap<\/div><\/li>\r\n <\/ul>\r\n <a href=\"https:\/\/wa.me\/6287717570174?text=Halo%20saya%20ingin%20konsultasi%20untuk%20kelas%20Online\" class=\"btn btn-outline\" style=\"width: 100%;\">Pilih Online<\/a>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <!-- Boarding Card (Popular) -->\r\n <div class=\"pricing-card popular reveal\">\r\n <div class=\"badge-ribbon\">Recommended<\/div>\r\n <div class=\"pricing-header\">\r\n <h3>Boarding Course<\/h3>\r\n <p class=\"desc\">Belajar intensif & tinggal di asrama khusus.<\/p>\r\n <\/div>\r\n <div class=\"pricing-body\">\r\n <img decoding=\"async\" src=\"https:\/\/brighteducation.id\/wp-content\/uploads\/2026\/04\/boardingcourse.png\" alt=\"Boarding Course\" class=\"card-image\">\r\n\r\n <div class=\"pricing-content-inner\">\r\n <ul class=\"pricing-features\">\r\n <li><i class=\"fas fa-bullseye\"><\/i> <div><strong>Target Lulus B1:<\/strong> 6 Bulan<\/div><\/li>\r\n <li><i class=\"fas fa-calendar-alt\"><\/i> <div><strong>Jadwal:<\/strong> Senin - Jumat (08.00 - 16.30)<\/div><\/li>\r\n <li><i class=\"fas fa-bed\"><\/i> <div><strong>Gratis Asrama<\/strong> + Proyek hari Sabtu<\/div><\/li>\r\n <li><i class=\"fas fa-coffee\"><\/i> <div>3x Waktu Istirahat \/ Hari<\/div><\/li>\r\n <li><i class=\"fas fa-users\"><\/i> <div>Aturan wajib bahasa Jerman (Disiplin tinggi)<\/div><\/li>\r\n <\/ul>\r\n <a href=\"https:\/\/wa.me\/6287717570174?text=Halo%20saya%20ingin%20konsultasi%20untuk%20kelas%20Boarding\" class=\"btn btn-primary\" style=\"width: 100%;\">Pilih Boarding<\/a>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <!-- Intensive Card -->\r\n <div class=\"pricing-card reveal\">\r\n <div class=\"pricing-header\">\r\n <h3>Super Intensive<\/h3>\r\n <p class=\"desc\">Datang ke cabang terdekat seperti sekolah reguler.<\/p>\r\n <\/div>\r\n <div class=\"pricing-body\">\r\n <img decoding=\"async\" src=\"https:\/\/brighteducation.id\/wp-content\/uploads\/2026\/04\/superintensive.png\" alt=\"Super Intensive\" class=\"card-image\">\r\n\r\n <div class=\"pricing-content-inner\">\r\n <ul class=\"pricing-features\">\r\n <li><i class=\"fas fa-bullseye\"><\/i> <div><strong>Target Lulus B1:<\/strong> 8 Bulan<\/div><\/li>\r\n <li><i class=\"fas fa-calendar-alt\"><\/i> <div><strong>Jadwal:<\/strong> Senin - Jumat<\/div><\/li>\r\n <li><i class=\"fas fa-clock\"><\/i> <div>Sesi Pagi (08.00-12.00) <strong>ATAU<\/strong> Siang (12.30-16.30)<\/div><\/li>\r\n <li><i class=\"fas fa-chalkboard\"><\/i> <div>Tatap Muka Langsung<\/div><\/li>\r\n <li><i class=\"fas fa-map-marker-alt\"><\/i> <div><a href=\"https:\/\/brighteducation.id\/en\/our-story\/\" target=\"_blank\" style=\"color:var(--primary); font-weight:bold; text-decoration:underline;\">Lokasi Tersedia di 6 Kota<\/a><\/div><\/li>\r\n <\/ul>\r\n <a href=\"https:\/\/wa.me\/6287717570174?text=Halo%20saya%20ingin%20konsultasi%20untuk%20kelas%20Super%20Intensive\" class=\"btn btn-outline\" style=\"width: 100%;\">Pilih Intensive<\/a>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n <section class=\"section-padding\">\r\n <div class=\"container\">\r\n <div class=\"section-header\">\r\n <h2 class=\"section-title\">Alur Program Anda<\/h2>\r\n <br>\r\n <p class=\"section-subtitle\">Dari belajar hingga berangkat ke Jerman<\/p>\r\n <\/div>\r\n \r\n <div class=\"timeline-container\">\r\n <div class=\"timeline-step\">\r\n <div class=\"step-circle\">1<\/div>\r\n <h4>Pilih Program<\/h4>\r\n <p>Boarding, Intensive, atau Online<\/p>\r\n <\/div>\r\n <div class=\"timeline-step\">\r\n <div class=\"step-circle\">2<\/div>\r\n <h4>Belajar dari Nol<\/h4>\r\n <p>Mulai dari A1 hingga B1<\/p>\r\n <\/div>\r\n <div class=\"timeline-step\">\r\n <div class=\"step-circle\">3<\/div>\r\n <h4>Lulus B1<\/h4>\r\n <p>Siap lanjut proses kerja<\/p>\r\n <\/div>\r\n <div class=\"timeline-step\">\r\n <div class=\"step-circle\">4<\/div>\r\n <h4>Matching Job<\/h4>\r\n <p>Kami bantu cari perusahaan<\/p>\r\n <\/div>\r\n <div class=\"timeline-step\">\r\n <div class=\"step-circle\">5<\/div>\r\n <h4>Interview<\/h4>\r\n <p>Persiapan & simulasi<\/p>\r\n <\/div>\r\n <div class=\"timeline-step\">\r\n <div class=\"step-circle\"><i class=\"fas fa-plane\"><\/i><\/div>\r\n <h4>Berangkat<\/h4>\r\n <p>Mulai karir di Jerman<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n <!-- 7. LIFESTYLE (Bubbles) -->\r\n <section class=\"container section-padding\" style=\"padding-top: 0;\"> \r\n <div class=\"section-header reveal\">\r\n <h2 class=\"section-title\">Life at Bright Education Asrama<\/h2>\r\n <p class=\"section-subtitle\">Khusus peserta Boarding Course, asrama bukan hanya tempat tidur, tapi wadah pengembangan diri yang terstruktur.<\/p>\r\n <\/div>\r\n \r\n <div class=\"lifestyle-grid\">\r\n <div class=\"fac-item reveal\">\r\n <i class=\"fas fa-book-reader\"><\/i>\r\n <h4>Fokus Belajar<\/h4>\r\n <p>Wajib bahasa Jerman di area asrama.<\/p>\r\n <\/div>\r\n <div class=\"fac-item reveal\">\r\n <i class=\"fas fa-running\"><\/i>\r\n <h4>Olahraga Pagi<\/h4>\r\n <p>Menjaga kebugaran jasmani peserta.<\/p>\r\n <\/div>\r\n <div class=\"fac-item reveal\">\r\n <i class=\"fas fa-praying-hands\"><\/i>\r\n <h4>Keagamaan<\/h4>\r\n <p>Shalat jamaah, baca kitab, \/ meditasi untuk non muslim.<\/p>\r\n <\/div>\r\n <div class=\"fac-item reveal\">\r\n <i class=\"fas fa-project-diagram\"><\/i>\r\n <h4>Proyek Sabtu<\/h4>\r\n <p>Pembekalan khusus seputar Ausbildung.<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n <!-- 4 & 5. TARGET & OUTCOME (Index Cards) -->\r\n \r\n\r\n <!-- 6. LEARNING METHOD (Flashcards) -->\r\n <section class=\"section-padding pricing-section\">\r\n <div class=\"container\">\r\n <div class=\"section-header reveal\">\r\n <h2 class=\"section-title\">Metode Belajar Terbukti<\/h2>\r\n <p class=\"section-subtitle\">Bukan sekadar teori. Kami menggunakan metode yang membantu peserta bisa berbicara dan lulus ujian Goethe Institut.<\/p>\r\n <\/div>\r\n \r\n <div class=\"system-grid\">\r\n <div class=\"system-item reveal\">\r\n <div class=\"system-icon\"><i class=\"fas fa-video\"><\/i><\/div>\r\n <div class=\"system-text\">\r\n <h4>Live Teaching & Practice<\/h4>\r\n <p style=\"margin:0; color:var(--text-light);\">Kombinasi praktik berbicara dan pemahaman tata bahasa (Grammatik).<\/p>\r\n <\/div>\r\n <\/div>\r\n <div class=\"system-item reveal\">\r\n <div class=\"system-icon\"><i class=\"fas fa-microphone-alt\"><\/i><\/div>\r\n <div class=\"system-text\">\r\n <h4>Daily Speaking Session<\/h4>\r\n <p style=\"margin:0; color:var(--text-light);\">Pembiasaan interaksi bahasa Jerman agar siap saat interview dengan HRD Jerman.<\/p>\r\n <\/div>\r\n <\/div>\r\n <div class=\"system-item reveal\">\r\n <div class=\"system-icon\"><i class=\"fas fa-clipboard-check\"><\/i><\/div>\r\n <div class=\"system-text\">\r\n <h4>Weekly Evaluation<\/h4>\r\n <p style=\"margin:0; color:var(--text-light);\">Ujian mingguan untuk memantau progress pemahaman Anda secara real-time.<\/p>\r\n <\/div>\r\n <\/div>\r\n <div class=\"system-item reveal\">\r\n <div class=\"system-icon\"><i class=\"fas fa-file-alt\"><\/i><\/div>\r\n <div class=\"system-text\">\r\n <h4>Simulasi Ujian Internal<\/h4>\r\n <p style=\"margin:0; color:var(--text-light);\">Simulasi ujian agar mental siap 100% saat ujian asli.<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n <!-- 8. TIMELINE (Corkboard & Pins) -->\r\n \r\n <section class=\"container section-padding\">\r\n <div class=\"split-grid\">\r\n <div class=\"split-box box-target reveal\">\r\n <h3><i class=\"fas fa-clipboard-list\" style=\"color:var(--accent);\"><\/i> Syarat Pendaftaran:<\/h3>\r\n <ul class=\"check-list\">\r\n <li><i class=\"fas fa-check-circle\"><\/i> <div><strong>Pendidikan:<\/strong> Minimal Lulusan SMA\/SMK sederajat.<\/div><\/li>\r\n <li><i class=\"fas fa-check-circle\"><\/i> <div><strong>Usia & Fisik:<\/strong> Maksimal 28 tahun. Tinggi min. 160 cm (Pria) \/ 150 cm (Wanita) & BB ideal.<\/div><\/li>\r\n <li><i class=\"fas fa-check-circle\"><\/i> <div><strong>Bahasa:<\/strong> Pemula (Nol) bisa ikut! Komitmen belajar sampai Level B1.<\/div><\/li>\r\n <li><i class=\"fas fa-check-circle\"><\/i> <div><strong>Medis:<\/strong> Sehat jasmani, rohani, dan bersedia melakukan MCU.<\/div><\/li>\r\n <li><i class=\"fas fa-check-circle\"><\/i> <div><strong>Sikap:<\/strong> Berkelakuan baik dan punya minat kuat berkarir di Jerman.<\/div><\/li>\r\n <\/ul>\r\n <\/div>\r\n <div class=\"split-box box-outcome reveal\">\r\n <h3>Benefit Yang Anda Dapatkan:<\/h3>\r\n <p>Setelah lulus B1 dan berangkat ke Jerman:<\/p>\r\n <ul class=\"check-list\">\r\n <li><i class=\"fas fa-euro-sign\"><\/i> <div><strong>Uang Saku:<\/strong> Minimal \u20ac 1.048 \/ bulan (naik tiap tahun).<\/div><\/li>\r\n <li><i class=\"fas fa-briefcase\"><\/i> <div><strong>Kontrak Resmi:<\/strong> Pendidikan & praktik kerja 2-3 Tahun.<\/div><\/li>\r\n <li><i class=\"fas fa-plane-departure\"><\/i> <div><strong>Cuti & Visa:<\/strong> Hak cuti berbayar min. 24 hari\/tahun & akses bebas visa ke 27 Negara Eropa.<\/div><\/li>\r\n <li><i class=\"fas fa-shield-alt\"><\/i> <div><strong>Jaminan:<\/strong> Asuransi kesehatan & jaminan sosial Jerman.<\/div><\/li>\r\n <li><i class=\"fas fa-graduation-cap\"><\/i> <div><strong>Lulusan:<\/strong> Ijazah standar Internasional & prospek kerja tinggi di seluruh Eropa.<\/div><\/li>\r\n <\/ul>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n <!-- 9. FAQ (Folded Paper) -->\r\n <section class=\"container section-padding\">\r\n <div class=\"section-header reveal\">\r\n <h2 class=\"section-title\">Pertanyaan Yang Sering Diajukan (FAQ)<\/h2>\r\n <p class=\"section-subtitle\">Temukan jawaban atas pertanyaan umum seputar program Ausbildung.<\/p>\r\n <\/div>\r\n \r\n <div class=\"faq-toggle-area reveal\">\r\n <button id=\"toggle-faq-btn\" class=\"btn btn-outline\">\r\n <i class=\"fas fa-plus-circle\"><\/i> Lihat Semua Pertanyaan\r\n <\/button>\r\n <\/div>\r\n \r\n <div id=\"faq-container\" class=\"reveal\" style=\"display: none;\">\r\n <div class=\"faq-grid\">\r\n <!-- Item 1 -->\r\n <div class=\"faq-box\">\r\n <div class=\"faq-q\"><i class=\"fas fa-question-circle\"><\/i> Apakah dijamin pasti berangkat dan mendapat kerja di Jerman?<\/div>\r\n <div class=\"faq-a\">Ya, kami memberikan garansi pendampingan Matching Job hingga Anda diterima di perusahaan Jerman, dengan syarat Anda telah <strong>Lulus Ujian Bahasa Jerman Level B1<\/strong> dan mengikuti seluruh arahan akademik kami dengan baik.<\/div>\r\n <\/div>\r\n\r\n <!-- Item 2 -->\r\n <div class=\"faq-box\">\r\n <div class=\"faq-q\"><i class=\"fas fa-question-circle\"><\/i> Berapa lama program Ausbildung di Jerman berlangsung?<\/div>\r\n <div class=\"faq-a\">Program pendidikan dan praktik kerja Ausbildung di Jerman rata-rata berdurasi antara <strong>2 sampai 3 tahun<\/strong>, tergantung dari profesi yang diambil.<\/div>\r\n <\/div>\r\n\r\n <!-- Item 3 -->\r\n <div class=\"faq-box\">\r\n <div class=\"faq-q\"><i class=\"fas fa-question-circle\"><\/i> Bidang profesi apa saja yang tersedia?<\/div>\r\n <div class=\"faq-a\">\r\n Sangat banyak! Bidang yang populer meliputi:\r\n <ul>\r\n <li>Perhotelan (Hotel Service) & Restoran<\/li>\r\n <li>Perawat Kesehatan dan Rumah Sakit<\/li>\r\n <li>Logistik dan Petugas Gudang<\/li>\r\n <li>Tenaga Penjualan Ritel<\/li>\r\n <li>Teknisi (Logam, Elektronik\/Listrik)<\/li>\r\n <li>Dan berbagai bidang teknis lainnya.<\/li>\r\n <\/ul>\r\n <\/div>\r\n <\/div>\r\n\r\n <!-- Item 4 -->\r\n <div class=\"faq-box\">\r\n <div class=\"faq-q\"><i class=\"fas fa-question-circle\"><\/i> Apakah saya bisa mendaftar jika belum ada pengalaman kerja?<\/div>\r\n <div class=\"faq-a\">Bisa. Namun, kami sangat menyarankan peserta untuk mencari pengalaman yang relevan (magang, kerja part-time, atau volunteer) <em>sambil<\/em> belajar bahasa di Bright Education. Kualifikasi perusahaan Jerman kini semakin ketat.<\/div>\r\n <\/div>\r\n\r\n <!-- Item 5 -->\r\n <div class=\"faq-box\">\r\n <div class=\"faq-q\"><i class=\"fas fa-question-circle\"><\/i> Bagaimana jika saya belajar lebih lama dari target 6-8 bulan?<\/div>\r\n <div class=\"faq-a\">Jika Anda butuh waktu lebih dari 8 bulan untuk kelas bahasa, ada biaya perpanjangan senilai Rp 500.000\/Bulan. Untuk fasilitas asrama (jika lebih dari 6 bulan), dikenakan biaya Rp 300.000\/Bulan. Hal ini diberlakukan agar peserta memiliki motivasi tinggi untuk cepat lulus.<\/div>\r\n <\/div>\r\n\r\n <!-- Item 6 -->\r\n <div class=\"faq-box\">\r\n <div class=\"faq-q\"><i class=\"fas fa-question-circle\"><\/i> Apakah wajib melakukan Medical Check Up (MCU)?<\/div>\r\n <div class=\"faq-a\">Ya, wajib dilakukan 2 kali. Pertama, sebelum mulai pembelajaran bahasa (tes BTA\/Paru-paru). Kedua, setelah mendapatkan kontrak kerja sebelum keberangkatan ke Jerman.<\/div>\r\n <\/div>\r\n\r\n <!-- Item 7 -->\r\n <div class=\"faq-box\">\r\n <div class=\"faq-q\"><i class=\"fas fa-question-circle\"><\/i> Bagi wanita, apakah diperbolehkan berhijab?<\/div>\r\n <div class=\"faq-a\">Tergantung kebijakan perusahaan dan rumah sakit di Jerman. Beberapa melarang penggunaan atribut keagamaan saat operasional kerja medis demi alasan higienitas, namun saat bersekolah di dalam kelas atau kehidupan sehari-hari tentu saja diperbolehkan.<\/div>\r\n <\/div>\r\n\r\n <!-- Item 8 -->\r\n <div class=\"faq-box\">\r\n <div class=\"faq-q\"><i class=\"fas fa-question-circle\"><\/i> Apakah pembuatan Paspor bisa dibantu oleh Bright Education?<\/div>\r\n <div class=\"faq-a\">Bisa. Jika Anda belum memiliki paspor, kami bisa membantu pengurusannya dengan biaya Rp 1.000.000 (Reguler) atau Rp 2.000.000 (Jalur Express).<\/div>\r\n <\/div>\r\n\r\n <!-- Item 9 -->\r\n <div class=\"faq-box\">\r\n <div class=\"faq-q\"><i class=\"fas fa-question-circle\"><\/i> Di mana saja lokasi cabang Bright Education?<\/div>\r\n <div class=\"faq-a\">Kantor pusat kami berada di <strong>Bandung<\/strong>. Selain itu, kami memiliki cabang aktif di Majalengka, Depok, Bogor, Ponorogo, dan Bengkulu.<\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n <!-- 10. FOOTER CTA (Wood Board) -->\r\n <section id=\"daftar\" class=\"cta-footer\">\r\n <div class=\"container reveal\">\r\n <h2>Jangan Tunda Karir Global Anda!<\/h2>\r\n <p style=\"font-size: 16px; margin-bottom: 30px; opacity: 0.9; max-width: 700px; margin-left: auto; margin-right: auto;\">Kuasai bahasa Jerman, terbang ke Eropa, dan raih masa depan gemilang bersama Bright Education.<\/p>\r\n \r\n <div style=\"display: flex; flex-wrap: wrap; justify-content: center; gap: 12px;\">\r\n <a href=\"https:\/\/brighteducation.id\/en\/buat-jadwal\/\" class=\"btn btn-primary\" style=\"padding: 14px 50px;\">Register Now!<\/a>\r\n <a href=\"https:\/\/wa.me\/6287717570174\" class=\"btn btn-wa\" style=\"padding: 14px 40px;\"><i class=\"fab fa-whatsapp\"><\/i> Chat Admin Sekarang<\/a>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n <!-- JS for Scroll Animations & FAQ Toggle -->\r\n <script>\r\n document.addEventListener('DOMContentLoaded', () => {\r\n \/\/ 1. Scroll Animation Logic\r\n const observerOptions = {\r\n root: null,\r\n rootMargin: '0px',\r\n threshold: 0.1\r\n };\r\n\r\n const observer = new IntersectionObserver((entries, observer) => {\r\n entries.forEach(entry => {\r\n if (entry.isIntersecting) {\r\n entry.target.classList.add('active');\r\n }\r\n });\r\n }, observerOptions);\r\n\r\n const revealElements = document.querySelectorAll('.reveal');\r\n revealElements.forEach(el => observer.observe(el));\r\n\r\n \/\/ 2. FAQ Toggle Logic\r\n const toggleBtn = document.getElementById('toggle-faq-btn');\r\n const faqContainer = document.getElementById('faq-container');\r\n\r\n if(toggleBtn && faqContainer) {\r\n toggleBtn.addEventListener('click', () => {\r\n if (faqContainer.style.display === 'none') {\r\n \/\/ Show\r\n faqContainer.style.display = 'block';\r\n toggleBtn.innerHTML = '<i class=\"fas fa-minus-circle\"><\/i> Tutup Daftar Pertanyaan';\r\n \/\/ Trigger reveal animation immediately\r\n faqContainer.classList.add('active');\r\n \r\n \/\/ Smooth scroll to FAQ container slightly\r\n setTimeout(() => {\r\n faqContainer.scrollIntoView({ behavior: 'smooth', block: 'start' });\r\n }, 100);\r\n } else {\r\n \/\/ Hide\r\n faqContainer.style.display = 'none';\r\n toggleBtn.innerHTML = '<i class=\"fas fa-plus-circle\"><\/i> Lihat Semua Pertanyaan';\r\n }\r\n });\r\n }\r\n });\r\n <\/script>\r\n\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>","protected":false},"excerpt":{"rendered":"<p>Program Ausbildung – Bright Education Dari Nol ke B1 & Siap Kerja di Jerman Program Ausbildung dengan Pendampingan Hingga Diterima Perusahaan Lihat Pilihan Program Konsultasi Gratis Progress Terukur Kurikulum khusus menargetkan kelulusan Goethe level B1 dalam waktu 6-8 Bulan. Mentor Profesional Dibimbing langsung oleh pengajar yang kompeten di bidang bahasa Jerman. Full Immersion Lingkungan berbahasa […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"site-sidebar-layout":"no-sidebar","site-content-layout":"page-builder","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":"disabled","ast-breadcrumbs-content":"","ast-featured-img":"disabled","footer-sml-layout":"","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":"","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-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":"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":""},"mobile":{"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":""}},"footnotes":""},"wf_page_folders":[],"class_list":["post-9625","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/brighteducation.id\/en\/wp-json\/wp\/v2\/pages\/9625","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/brighteducation.id\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/brighteducation.id\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/brighteducation.id\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/brighteducation.id\/en\/wp-json\/wp\/v2\/comments?post=9625"}],"version-history":[{"count":13,"href":"https:\/\/brighteducation.id\/en\/wp-json\/wp\/v2\/pages\/9625\/revisions"}],"predecessor-version":[{"id":9641,"href":"https:\/\/brighteducation.id\/en\/wp-json\/wp\/v2\/pages\/9625\/revisions\/9641"}],"wp:attachment":[{"href":"https:\/\/brighteducation.id\/en\/wp-json\/wp\/v2\/media?parent=9625"}],"wp:term":[{"taxonomy":"wf_page_folders","embeddable":true,"href":"https:\/\/brighteducation.id\/en\/wp-json\/wp\/v2\/wf_page_folders?post=9625"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}