SavvyScope Academy | Learn Beyond Borders<\/title>\n <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n <link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Inter:opsz,wght@14..32,400;14..32,500;14..32,600;14..32,700;14..32,800&family=Poppins:wght@400;500;600;700;800;900&display=swap\" rel=\"stylesheet\">\n <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.0.0-beta3\/css\/all.min.css\">\n <style>\n \/* ============================================================\n SCOPED HERO SECTION\n Prefix: ssa-hero-\n Fully isolated \u2013 no global leaks\n ============================================================ *\/\n .ssa-hero-wrap {\n width: 100%;\n position: relative;\n isolation: isolate;\n font-family: 'Inter', sans-serif;\n overflow: hidden;\n min-height: 85vh;\n display: flex;\n align-items: center;\n }\n\n \/* ========== FULL-WIDTH BACKGROUND IMAGE ========== *\/\n .ssa-hero-wrap .ssa-hero-bg {\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n background-image: url('https:\/\/savvyscopeacademy.com\/wp-content\/uploads\/2026\/06\/Home-Hero-Photo-Savvyscope-Academy.png');\n background-size: cover;\n background-position: center;\n z-index: 0;\n }\n\n \/* Dark Navy to Transparent Gradient Overlay *\/\n .ssa-hero-wrap .ssa-hero-overlay {\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n background: linear-gradient(135deg, rgba(8, 27, 75, 0.92) 0%, rgba(8, 27, 75, 0.80) 30%, rgba(8, 27, 75, 0.50) 60%, rgba(8, 27, 75, 0.20) 85%, transparent 100%);\n z-index: 1;\n }\n\n \/* Mobile overlay - darker for readability *\/\n @media screen and (max-width: 880px) {\n .ssa-hero-wrap .ssa-hero-overlay {\n background: linear-gradient(135deg, rgba(8, 27, 75, 0.95) 0%, rgba(8, 27, 75, 0.85) 50%, rgba(8, 27, 75, 0.75) 100%);\n }\n }\n\n \/* ========== CONTAINER ========== *\/\n .ssa-hero-wrap .ssa-container {\n max-width: 1280px;\n margin: 0 auto;\n padding: 60px 40px 80px;\n position: relative;\n z-index: 2;\n width: 100%;\n }\n\n .ssa-hero-wrap .ssa-hero-grid {\n display: flex;\n align-items: center;\n min-height: 70vh;\n }\n\n .ssa-hero-wrap .ssa-hero-content {\n max-width: 600px;\n opacity: 0;\n transform: translateY(30px);\n animation: ssa-fade-up 0.8s ease-out forwards;\n }\n\n @keyframes ssa-fade-up {\n to { opacity: 1; transform: translateY(0); }\n }\n\n \/* ========== EYEBROW ========== *\/\n .ssa-hero-wrap .ssa-eyebrow {\n font-family: 'Inter', sans-serif;\n font-size: 13px;\n font-weight: 600;\n letter-spacing: 2px;\n text-transform: uppercase;\n color: #F4B400;\n margin-bottom: 16px;\n }\n\n \/* ========== HEADLINE ========== *\/\n .ssa-hero-wrap .ssa-headline {\n font-family: 'Poppins', sans-serif;\n font-weight: 800;\n font-size: clamp(28px, 4.5vw, 48px);\n color: #FFFFFF;\n line-height: 1.15;\n margin-bottom: 24px;\n letter-spacing: -0.02em;\n }\n\n .ssa-hero-wrap .ssa-headline .ssa-line {\n display: block;\n }\n\n .ssa-hero-wrap .ssa-headline .ssa-highlight-gold {\n color: #F4B400;\n display: inline-block;\n position: relative;\n min-height: 1.2em;\n }\n\n \/* Typewriter cursor styling *\/\n .ssa-hero-wrap .ssa-typewriter-cursor {\n display: inline-block;\n width: 3px;\n height: 0.9em;\n background-color: #F4B400;\n margin-left: 2px;\n vertical-align: text-bottom;\n animation: ssa-blink 0.7s step-end infinite;\n }\n\n @keyframes ssa-blink {\n 0%, 100% { opacity: 1; }\n 50% { opacity: 0; }\n }\n\n \/* ========== SUBTEXT ========== *\/\n .ssa-hero-wrap .ssa-subtext {\n font-family: 'Inter', sans-serif;\n font-size: 16px;\n line-height: 1.7;\n color: rgba(255, 255, 255, 0.92);\n max-width: 550px;\n margin-bottom: 28px;\n font-weight: 400;\n animation-delay: 0.2s;\n opacity: 0;\n transform: translateY(20px);\n animation: ssa-fade-up 0.7s ease-out 0.2s forwards;\n letter-spacing: -0.01em;\n }\n\n \/* ========== CTA BUTTON - GOLD BACKGROUND ========== *\/\n .ssa-hero-wrap .ssa-cta-group {\n display: flex;\n flex-wrap: wrap;\n gap: 16px;\n margin-bottom: 0;\n animation-delay: 0.4s;\n opacity: 0;\n transform: translateY(20px);\n animation: ssa-fade-up 0.7s ease-out 0.4s forwards;\n }\n\n .ssa-hero-wrap .ssa-btn-primary {\n display: inline-flex;\n align-items: center;\n gap: 10px;\n background: #F4B400;\n color: #081B4B;\n font-family: 'Poppins', sans-serif;\n font-weight: 700;\n font-size: 0.95rem;\n padding: 16px 42px;\n border-radius: 60px;\n text-decoration: none;\n transition: all 0.3s ease;\n box-shadow: 0 8px 20px rgba(244, 180, 0, 0.3);\n border: none;\n cursor: pointer;\n }\n\n .ssa-hero-wrap .ssa-btn-primary:hover {\n transform: translateY(-3px);\n box-shadow: 0 15px 35px rgba(244, 180, 0, 0.4);\n background: #e0a800;\n }\n\n .ssa-hero-wrap .ssa-btn-primary:focus-visible {\n outline: 3px solid #081B4B;\n outline-offset: 3px;\n border-radius: 60px;\n }\n\n \/* ========== FLOATING CARDS ========== *\/\n .ssa-hero-wrap .ssa-floating-cards {\n position: absolute;\n right: 6%;\n top: 50%;\n transform: translateY(-50%);\n z-index: 3;\n display: flex;\n flex-direction: column;\n gap: 18px;\n pointer-events: none;\n }\n\n .ssa-hero-wrap .ssa-float-card {\n background: rgba(255, 255, 255, 0.08);\n backdrop-filter: blur(16px);\n -webkit-backdrop-filter: blur(16px);\n border: 1px solid rgba(255, 255, 255, 0.12);\n border-radius: 20px;\n padding: 16px 22px;\n color: white;\n font-family: 'Inter', sans-serif;\n font-size: 14px;\n font-weight: 500;\n display: flex;\n align-items: center;\n gap: 12px;\n box-shadow: 0 8px 25px rgba(0, 0, 0, 0.15);\n animation: ssa-float 5s ease-in-out infinite;\n pointer-events: none;\n white-space: nowrap;\n }\n\n .ssa-hero-wrap .ssa-float-card:nth-child(1) { animation-delay: 0s; }\n .ssa-hero-wrap .ssa-float-card:nth-child(2) { animation-delay: 1.2s; }\n .ssa-hero-wrap .ssa-float-card:nth-child(3) { animation-delay: 2.4s; }\n\n .ssa-hero-wrap .ssa-float-card i {\n font-size: 20px;\n color: #F4B400;\n }\n\n @keyframes ssa-float {\n 0%, 100% { transform: translateY(0px); }\n 50% { transform: translateY(-10px); }\n }\n\n \/* Hide floating cards on tablet\/mobile *\/\n @media screen and (max-width: 992px) {\n .ssa-hero-wrap .ssa-floating-cards {\n display: none;\n }\n }\n\n \/* ========== RESPONSIVE ========== *\/\n @media screen and (max-width: 1024px) {\n .ssa-hero-wrap .ssa-container {\n padding: 50px 32px 70px;\n }\n .ssa-hero-wrap .ssa-headline {\n font-size: 38px;\n }\n }\n\n @media screen and (max-width: 880px) {\n .ssa-hero-wrap .ssa-hero-content {\n max-width: 100%;\n text-align: center;\n }\n .ssa-hero-wrap .ssa-container {\n padding: 45px 24px 60px;\n }\n .ssa-hero-wrap .ssa-headline {\n font-size: 32px;\n }\n .ssa-hero-wrap .ssa-subtext {\n max-width: 100%;\n font-size: 16px;\n }\n .ssa-hero-wrap .ssa-cta-group {\n justify-content: center;\n }\n .ssa-hero-wrap .ssa-hero-grid {\n min-height: 65vh;\n }\n }\n\n @media screen and (max-width: 580px) {\n .ssa-hero-wrap .ssa-container {\n padding: 40px 20px 50px;\n }\n .ssa-hero-wrap .ssa-headline {\n font-size: 28px;\n font-weight: 800;\n }\n .ssa-hero-wrap .ssa-subtext {\n font-size: 15px;\n }\n .ssa-hero-wrap .ssa-btn-primary {\n padding: 14px 28px;\n font-size: 0.85rem;\n width: 100%;\n justify-content: center;\n }\n .ssa-hero-wrap .ssa-cta-group {\n flex-direction: column;\n align-items: center;\n width: 100%;\n }\n .ssa-hero-wrap .ssa-eyebrow {\n font-size: 11px;\n }\n .ssa-hero-wrap .ssa-hero-grid {\n min-height: 60vh;\n }\n }\n\n \/* ========== REDUCED MOTION ========== *\/\n @media (prefers-reduced-motion: reduce) {\n .ssa-hero-wrap * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n .ssa-hero-wrap .ssa-typewriter-cursor {\n animation: none !important;\n }\n .ssa-hero-wrap .ssa-float-card {\n animation: none !important;\n }\n .ssa-hero-wrap .ssa-hero-content {\n opacity: 1;\n transform: none;\n }\n .ssa-hero-wrap .ssa-subtext {\n opacity: 1;\n transform: none;\n }\n .ssa-hero-wrap .ssa-cta-group {\n opacity: 1;\n transform: none;\n }\n }\n <\/style>\n<\/head>\n<body>\n <section class=\"ssa-hero-wrap\" aria-label=\"Hero Section\">\n \n <div class=\"ssa-hero-bg\"><\/div>\n \n <div class=\"ssa-hero-overlay\"><\/div>\n\n \n <div class=\"ssa-floating-cards\">\n <div class=\"ssa-float-card\"><i class=\"fas fa-graduation-cap\"><\/i> Scholarships Available<\/div>\n <div class=\"ssa-float-card\"><i class=\"fas fa-globe-africa\"><\/i> Study Abroad Opportunities<\/div>\n <div class=\"ssa-float-card\"><i class=\"fas fa-robot\"><\/i> AI & Future Skills<\/div>\n <\/div>\n\n \n <div class=\"ssa-container\">\n <div class=\"ssa-hero-grid\">\n <div class=\"ssa-hero-content\">\n \n <div class=\"ssa-eyebrow\">Empowering African Learners<\/div>\n\n \n <h1 class=\"ssa-headline\">\n <span class=\"ssa-line\">Learn Beyond Borders.<\/span>\n <span class=\"ssa-line\">Build Skills.<\/span>\n <span class=\"ssa-line ssa-highlight-gold\">\n <span id=\"ssa-typewriter-text\"><\/span>\n <span class=\"ssa-typewriter-cursor\"><\/span>\n <\/span>\n <\/h1>\n\n \n <p class=\"ssa-subtext\">\n SavvyScope Academy equips students, professionals, and entrepreneurs with global education pathways, digital skills, AI knowledge, career development support, and scholarship opportunities to thrive in today's world.\n <\/p>\n\n \n <div class=\"ssa-cta-group\">\n <a href=\"https:\/\/savvyscopeacademy.com\/index.php\/apply-now\/\" class=\"ssa-btn-primary\">\n Apply Now <i class=\"fas fa-arrow-right\"><\/i>\n <\/a>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n <script>\n (function() {\n 'use strict';\n\n const text = \"Create Opportunities.\";\n const element = document.getElementById('ssa-typewriter-text');\n if (!element) return;\n\n let index = 0;\n let isDeleting = false;\n let timeoutId = null;\n const typingSpeed = 60;\n const deletingSpeed = 40;\n const pauseDuration = 2500;\n\n function typeWriter() {\n if (!isDeleting) {\n if (index < text.length) {\n element.textContent = text.substring(0, index + 1);\n index++;\n timeoutId = setTimeout(typeWriter, typingSpeed);\n } else {\n timeoutId = setTimeout(function() {\n isDeleting = true;\n typeWriter();\n }, pauseDuration);\n }\n } else {\n if (index > 0) {\n element.textContent = text.substring(0, index - 1);\n index--;\n timeoutId = setTimeout(typeWriter, deletingSpeed);\n } else {\n isDeleting = false;\n timeoutId = setTimeout(typeWriter, pauseDuration \/ 2);\n }\n }\n }\n\n \/\/ Check for reduced motion preference\n const prefersReduced = window.matchMedia('(prefers-reduced-motion: reduce)');\n if (prefersReduced.matches) {\n element.textContent = text;\n } else {\n setTimeout(typeWriter, 1200);\n }\n\n \/\/ Cleanup\n window.addEventListener('beforeunload', function() {\n if (timeoutId) {\n clearTimeout(timeoutId);\n }\n });\n })();\n <\/script>\n<\/body>\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-9685c8c e-con-full e-flex e-con e-parent\" data-id=\"9685c8c\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{"background_background":"classic"}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-1f670dd elementor-widget elementor-widget-html\" data-id=\"1f670dd\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!DOCTYPE html>\n<html lang=\"en\">\n<head>\n <meta charset=\"UTF-8\">\n <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0, viewport-fit=cover\">\n <title>SavvyScope Academy | Programs<\/title>\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Inter:opsz,wght@14..32,300;14..32,400;14..32,500;14..32,600;14..32,700;14..32,800&family=Poppins:wght@400;500;600;700;800;900&display=swap\" rel=\"stylesheet\">\n <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.0.0-beta3\/css\/all.min.css\">\n <style>\n \/* ============================================\n SCOPED PROGRAMS SECTION\n Prefix: ssa-programs-\n No global leaks\n ============================================ *\/\n .ssa-programs-section {\n width: 100%;\n background: #F8F9FC;\n font-family: 'Inter', sans-serif;\n isolation: isolate;\n position: relative;\n overflow-x: clip;\n padding: 60px 24px;\n }\n\n .ssa-programs-section::before {\n content: '';\n position: absolute;\n top: -20%;\n right: -10%;\n width: 500px;\n height: 500px;\n background: radial-gradient(circle, rgba(91, 46, 255, 0.05) 0%, transparent 70%);\n border-radius: 50%;\n pointer-events: none;\n z-index: 0;\n animation: ssa-programs-float 20s infinite ease-in-out;\n }\n\n .ssa-programs-section::after {\n content: '';\n position: absolute;\n bottom: -15%;\n left: -5%;\n width: 400px;\n height: 400px;\n background: radial-gradient(circle, rgba(244, 180, 0, 0.04) 0%, transparent 70%);\n border-radius: 50%;\n pointer-events: none;\n z-index: 0;\n animation: ssa-programs-float-reverse 18s infinite ease-in-out;\n }\n\n @keyframes ssa-programs-float {\n 0%, 100% { transform: translate(0, 0) scale(1); }\n 50% { transform: translate(40px, -30px) scale(1.1); }\n }\n\n @keyframes ssa-programs-float-reverse {\n 0%, 100% { transform: translate(0, 0) scale(1); }\n 50% { transform: translate(-30px, 40px) scale(1.15); }\n }\n\n .ssa-programs-section .ssa-programs-container {\n max-width: 1280px;\n margin: 0 auto;\n position: relative;\n z-index: 2;\n }\n\n \/* ========== SECTION HEADER ========== *\/\n .ssa-programs-section .ssa-programs-header {\n text-align: center;\n margin-bottom: 40px;\n opacity: 0;\n transform: translateY(30px);\n animation: ssa-programs-fade-up 0.8s ease-out forwards;\n }\n\n @keyframes ssa-programs-fade-up {\n to { opacity: 1; transform: translateY(0); }\n }\n\n .ssa-programs-section .ssa-programs-label {\n display: inline-flex;\n align-items: center;\n gap: 14px;\n font-family: 'Poppins', sans-serif;\n font-weight: 700;\n font-size: 0.75rem;\n letter-spacing: 0.2em;\n text-transform: uppercase;\n color: #081B4B;\n margin-bottom: 14px;\n }\n\n .ssa-programs-section .ssa-programs-label::before {\n content: '';\n width: 44px;\n height: 4px;\n background: linear-gradient(90deg, #F4B400, #f7c948);\n border-radius: 6px;\n box-shadow: 0 0 20px rgba(244, 180, 0, 0.15);\n }\n\n .ssa-programs-section .ssa-programs-title {\n font-family: 'Poppins', sans-serif;\n font-weight: 800;\n font-size: 2.4rem;\n line-height: 1.2;\n color: #081B4B;\n margin-bottom: 14px;\n letter-spacing: -0.02em;\n }\n\n .ssa-programs-section .ssa-programs-title .ssa-programs-highlight {\n color: #5B2EFF;\n display: inline-block;\n position: relative;\n }\n\n .ssa-programs-section .ssa-programs-title .ssa-programs-highlight::after {\n content: '';\n position: absolute;\n left: 0;\n bottom: 4px;\n width: 100%;\n height: 10px;\n background: rgba(91, 46, 255, 0.12);\n border-radius: 4px;\n z-index: -1;\n }\n\n .ssa-programs-section .ssa-programs-subtitle {\n font-family: 'Inter', sans-serif;\n font-size: 16px;\n line-height: 1.7;\n color: #374151;\n max-width: 700px;\n margin: 0 auto;\n font-weight: 400;\n letter-spacing: -0.01em;\n }\n\n \/* ========== PROGRAMS GRID ========== *\/\n .ssa-programs-section .ssa-programs-grid {\n display: grid;\n grid-template-columns: repeat(4, 1fr);\n gap: 16px;\n margin-top: 16px;\n }\n\n \/* ========== PROGRAM CARD ========== *\/\n .ssa-programs-section .ssa-programs-card {\n position: relative;\n height: 340px;\n border-radius: 0;\n overflow: hidden;\n box-shadow: 0 8px 24px rgba(0, 0, 0, 0.06);\n transition: all 0.4s cubic-bezier(0.2, 0.9, 0.4, 1.1);\n opacity: 0;\n transform: translateY(60px);\n }\n\n .ssa-programs-section .ssa-programs-card.ssa-programs-revealed {\n opacity: 1;\n transform: translateY(0);\n }\n\n .ssa-programs-section .ssa-programs-card:nth-child(1).ssa-programs-revealed { transition-delay: 0ms; }\n .ssa-programs-section .ssa-programs-card:nth-child(2).ssa-programs-revealed { transition-delay: 150ms; }\n .ssa-programs-section .ssa-programs-card:nth-child(3).ssa-programs-revealed { transition-delay: 300ms; }\n .ssa-programs-section .ssa-programs-card:nth-child(4).ssa-programs-revealed { transition-delay: 450ms; }\n\n .ssa-programs-section .ssa-programs-card:hover {\n transform: translateY(-8px);\n box-shadow: 0 20px 40px rgba(91, 46, 255, 0.12);\n }\n\n \/* ========== CARD BACKGROUND IMAGES ========== *\/\n .ssa-programs-section .ssa-programs-card-img {\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n object-fit: cover;\n z-index: 0;\n transition: transform 0.6s ease;\n }\n\n .ssa-programs-section .ssa-programs-card:hover .ssa-programs-card-img {\n transform: scale(1.05);\n }\n\n \/* Dark Overlay *\/\n .ssa-programs-section .ssa-programs-card-overlay {\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n background: rgba(8, 27, 75, 0.72);\n z-index: 1;\n transition: background 0.4s ease;\n }\n\n .ssa-programs-section .ssa-programs-card:hover .ssa-programs-card-overlay {\n background: rgba(8, 27, 75, 0.62);\n }\n\n \/* ========== CARD CONTENT - CENTER ALIGNED ========== *\/\n .ssa-programs-section .ssa-programs-card-content {\n position: relative;\n z-index: 2;\n display: flex;\n flex-direction: column;\n justify-content: center;\n align-items: center;\n text-align: center;\n height: 100%;\n padding: 30px 24px 65px;\n color: #FFFFFF;\n }\n\n \/* Bottom Dotted Line ONLY *\/\n .ssa-programs-section .ssa-programs-card-content::after {\n content: '';\n position: absolute;\n bottom: 22%;\n left: 15%;\n right: 15%;\n height: 1px;\n border-bottom: 1px dotted rgba(255, 255, 255, 0.25);\n pointer-events: none;\n }\n\n \/* Card Title *\/\n .ssa-programs-section .ssa-programs-card-title {\n font-family: 'Poppins', sans-serif;\n font-size: 18px;\n font-weight: 700;\n margin-bottom: 10px;\n transition: color 0.4s ease;\n line-height: 1.2;\n color: #FFFFFF;\n position: relative;\n z-index: 1;\n }\n\n .ssa-programs-section .ssa-programs-card:hover .ssa-programs-card-title {\n color: #F4B400;\n }\n\n \/* Card Description *\/\n .ssa-programs-section .ssa-programs-card-desc {\n font-family: 'Inter', sans-serif;\n font-size: 0.8rem;\n line-height: 1.4;\n color: rgba(255, 255, 255, 0.9);\n margin-bottom: 12px;\n max-width: 95%;\n position: relative;\n z-index: 1;\n }\n\n \/* Card CTA *\/\n .ssa-programs-section .ssa-programs-card-cta {\n display: inline-flex;\n align-items: center;\n gap: 6px;\n font-family: 'Inter', sans-serif;\n font-weight: 600;\n font-size: 0.78rem;\n color: #F4B400;\n text-decoration: none;\n transition: all 0.3s ease;\n margin-top: 0;\n position: relative;\n z-index: 1;\n }\n\n .ssa-programs-section .ssa-programs-card-cta i {\n font-size: 10px;\n transition: transform 0.3s ease;\n }\n\n .ssa-programs-section .ssa-programs-card:hover .ssa-programs-card-cta {\n gap: 10px;\n }\n\n .ssa-programs-section .ssa-programs-card:hover .ssa-programs-card-cta i {\n transform: translateX(5px);\n }\n\n \/* ========== FLOATING ICON BADGE ========== *\/\n .ssa-programs-section .ssa-programs-icon {\n position: absolute;\n bottom: 16px;\n left: 22px;\n z-index: 3;\n width: 46px;\n height: 46px;\n background: #FFFFFF;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n box-shadow: 0 4px 16px rgba(0, 0, 0, 0.12);\n transition: all 0.4s cubic-bezier(0.2, 0.9, 0.4, 1.1);\n }\n\n .ssa-programs-section .ssa-programs-icon i {\n font-size: 20px;\n color: #5B2EFF;\n transition: all 0.4s ease;\n }\n\n .ssa-programs-section .ssa-programs-card:hover .ssa-programs-icon {\n transform: scale(1.08);\n box-shadow: 0 8px 24px rgba(91, 46, 255, 0.2);\n }\n\n .ssa-programs-section .ssa-programs-card:hover .ssa-programs-icon i {\n color: #F4B400;\n }\n\n \/* ========== RESPONSIVE ========== *\/\n @media screen and (max-width: 1024px) {\n .ssa-programs-section .ssa-programs-grid {\n grid-template-columns: repeat(2, 1fr);\n gap: 16px;\n }\n .ssa-programs-section .ssa-programs-card {\n height: 320px;\n }\n .ssa-programs-section .ssa-programs-title {\n font-size: 2.2rem;\n }\n .ssa-programs-section .ssa-programs-card-title {\n font-size: 17px;\n }\n .ssa-programs-section .ssa-programs-card-desc {\n font-size: 0.78rem;\n }\n .ssa-programs-section .ssa-programs-icon {\n width: 44px;\n height: 44px;\n bottom: 14px;\n left: 18px;\n }\n .ssa-programs-section .ssa-programs-icon i {\n font-size: 18px;\n }\n .ssa-programs-section .ssa-programs-card-content::after {\n left: 12%;\n right: 12%;\n bottom: 20%;\n }\n }\n\n @media screen and (max-width: 768px) {\n .ssa-programs-section {\n padding: 40px 20px;\n }\n .ssa-programs-section .ssa-programs-card {\n height: 300px;\n }\n .ssa-programs-section .ssa-programs-title {\n font-size: 1.9rem;\n }\n .ssa-programs-section .ssa-programs-subtitle {\n font-size: 16px;\n }\n .ssa-programs-section .ssa-programs-card-content {\n padding: 24px 18px 58px;\n }\n .ssa-programs-section .ssa-programs-card-title {\n font-size: 16px;\n }\n .ssa-programs-section .ssa-programs-card-desc {\n font-size: 0.75rem;\n }\n .ssa-programs-section .ssa-programs-icon {\n width: 40px;\n height: 40px;\n bottom: 12px;\n left: 16px;\n }\n .ssa-programs-section .ssa-programs-icon i {\n font-size: 16px;\n }\n .ssa-programs-section .ssa-programs-card-cta {\n font-size: 0.72rem;\n }\n .ssa-programs-section .ssa-programs-card-content::after {\n left: 10%;\n right: 10%;\n bottom: 18%;\n }\n }\n\n @media screen and (max-width: 580px) {\n .ssa-programs-section .ssa-programs-grid {\n grid-template-columns: 1fr;\n gap: 16px;\n max-width: 420px;\n margin: 0 auto;\n }\n .ssa-programs-section .ssa-programs-card {\n height: 280px;\n }\n .ssa-programs-section .ssa-programs-title {\n font-size: 1.6rem;\n }\n .ssa-programs-section .ssa-programs-card-content {\n padding: 20px 16px 52px;\n }\n .ssa-programs-section .ssa-programs-card-title {\n font-size: 17px;\n }\n .ssa-programs-section .ssa-programs-card-desc {\n font-size: 0.78rem;\n }\n .ssa-programs-section .ssa-programs-icon {\n width: 42px;\n height: 42px;\n bottom: 12px;\n left: 16px;\n }\n .ssa-programs-section .ssa-programs-icon i {\n font-size: 17px;\n }\n .ssa-programs-section .ssa-programs-card-content::after {\n bottom: 16%;\n left: 8%;\n right: 8%;\n }\n }\n\n \/* ========== ACCESSIBILITY ========== *\/\n .ssa-programs-section .ssa-programs-card-cta:focus-visible {\n outline: 2px solid #F4B400;\n outline-offset: 2px;\n border-radius: 4px;\n }\n <\/style>\n<\/head>\n<body>\n <section class=\"ssa-programs-section\" aria-label=\"Our Programs\">\n <div class=\"ssa-programs-container\">\n \n <div class=\"ssa-programs-header\">\n <div class=\"ssa-programs-label\">Programs<\/div>\n <h2 class=\"ssa-programs-title\">\n Choose Your <span class=\"ssa-programs-highlight\">Learning Pathway<\/span>\n <\/h2>\n <p class=\"ssa-programs-subtitle\">\n Build the skills, knowledge, and opportunities you need to thrive in a global and technology-driven world.\n <\/p>\n <\/div>\n\n \n <div class=\"ssa-programs-grid\">\n \n \n <div class=\"ssa-programs-card ssa-programs-card-1\">\n <img decoding=\"async\" class=\"ssa-programs-card-img\" \n src=\"https:\/\/savvyscopeacademy.com\/wp-content\/uploads\/2026\/06\/International-Exams-Prep.png\" \n alt=\"International Exam Preparation\" \n loading=\"lazy\">\n <div class=\"ssa-programs-card-overlay\"><\/div>\n \n <div class=\"ssa-programs-card-content\">\n <h3 class=\"ssa-programs-card-title\">International Exam Preparation<\/h3>\n <p class=\"ssa-programs-card-desc\">\n Prepare for TOEFL, IELTS, SAT, GMAT, and GRE examinations with expert guidance, proven strategies, and personalized support.\n <\/p>\n <a href=\"https:\/\/savvyscopeacademy.com\/index.php\/international-exams-prep\/\" class=\"ssa-programs-card-cta\">\n Explore Program <i class=\"fas fa-arrow-right\"><\/i>\n <\/a>\n <\/div>\n \n <div class=\"ssa-programs-icon\">\n <i class=\"fas fa-graduation-cap\"><\/i>\n <\/div>\n <\/div>\n\n \n <div class=\"ssa-programs-card ssa-programs-card-2\">\n <img decoding=\"async\" class=\"ssa-programs-card-img\" \n src=\"https:\/\/savvyscopeacademy.com\/wp-content\/uploads\/2026\/06\/Digital-Skills.png\" \n alt=\"Digital Skills\" \n loading=\"lazy\">\n <div class=\"ssa-programs-card-overlay\"><\/div>\n \n <div class=\"ssa-programs-card-content\">\n <h3 class=\"ssa-programs-card-title\">Digital Skills<\/h3>\n <p class=\"ssa-programs-card-desc\">\n Develop practical skills in digital marketing, graphic design, virtual assistance, content creation, and social media management.\n <\/p>\n <a href=\"https:\/\/savvyscopeacademy.com\/index.php\/digital-skills\/\" class=\"ssa-programs-card-cta\">\n Explore Program <i class=\"fas fa-arrow-right\"><\/i>\n <\/a>\n <\/div>\n \n <div class=\"ssa-programs-icon\">\n <i class=\"fas fa-laptop-code\"><\/i>\n <\/div>\n <\/div>\n\n \n <div class=\"ssa-programs-card ssa-programs-card-3\">\n <img decoding=\"async\" class=\"ssa-programs-card-img\" \n src=\"https:\/\/savvyscopeacademy.com\/wp-content\/uploads\/2026\/06\/AI-Technology.png\" \n alt=\"AI & Technology\" \n loading=\"lazy\">\n <div class=\"ssa-programs-card-overlay\"><\/div>\n \n <div class=\"ssa-programs-card-content\">\n <h3 class=\"ssa-programs-card-title\">AI & Technology<\/h3>\n <p class=\"ssa-programs-card-desc\">\n Master artificial intelligence tools, prompt engineering, automation, and emerging technologies shaping the future of work.\n <\/p>\n <a href=\"https:\/\/savvyscopeacademy.com\/index.php\/ai-technology\/\" class=\"ssa-programs-card-cta\">\n Explore Program <i class=\"fas fa-arrow-right\"><\/i>\n <\/a>\n <\/div>\n \n <div class=\"ssa-programs-icon\">\n <i class=\"fas fa-brain\"><\/i>\n <\/div>\n <\/div>\n\n \n <div class=\"ssa-programs-card ssa-programs-card-4\">\n <img decoding=\"async\" class=\"ssa-programs-card-img\" \n src=\"https:\/\/images.unsplash.com\/photo-1556905055-8f358a7a47b2?w=800&q=80\" \n alt=\"Fashion Entrepreneurship\" \n loading=\"lazy\">\n <div class=\"ssa-programs-card-overlay\"><\/div>\n \n <div class=\"ssa-programs-card-content\">\n <h3 class=\"ssa-programs-card-title\">Fashion Entrepreneurship<\/h3>\n <p class=\"ssa-programs-card-desc\">\n Learn fashion design, tailoring, branding, business management, and entrepreneurship to build sustainable ventures.\n <\/p>\n <a href=\"https:\/\/savvyscopeacademy.com\/index.php\/fashion-entrepreneurship\/\" class=\"ssa-programs-card-cta\">\n Explore Program <i class=\"fas fa-arrow-right\"><\/i>\n <\/a>\n <\/div>\n \n <div class=\"ssa-programs-icon\">\n <i class=\"fas fa-tshirt\"><\/i>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n \n <script>\n (function() {\n const cards = document.querySelectorAll('.ssa-programs-section .ssa-programs-card');\n if (cards.length === 0) return;\n \n if ('IntersectionObserver' in window) {\n const observer = new IntersectionObserver((entries) => {\n entries.forEach(entry => {\n if (entry.isIntersecting) {\n entry.target.classList.add('ssa-programs-revealed');\n observer.unobserve(entry.target);\n }\n });\n }, { \n threshold: 0.15,\n rootMargin: '0px 0px -30px 0px'\n });\n \n cards.forEach(card => {\n observer.observe(card);\n });\n } else {\n cards.forEach(card => {\n card.classList.add('ssa-programs-revealed');\n });\n }\n })();\n <\/script>\n<\/body>\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-700ab13 e-con-full e-flex e-con e-parent\" data-id=\"700ab13\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-b019c77 elementor-widget elementor-widget-html\" data-id=\"b019c77\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!DOCTYPE html>\n<html lang=\"en\">\n<head>\n <meta charset=\"UTF-8\" \/>\n <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\" \/>\n <title>Our Approach \u00b7 SavvyScope Academy<\/title>\n <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\" \/>\n <link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin \/>\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Inter:opsz,wght@14..32,400;14..32,500;14..32,600;14..32,700&family=Poppins:wght@600;700;800;900&display=swap\" rel=\"stylesheet\" \/>\n <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.0.0-beta3\/css\/all.min.css\" \/>\n <style>\n \/* \u2500\u2500 reset \/ base (fully scoped) \u2500\u2500 *\/\n .ssa-approach-section * {\n margin: 0;\n padding: 0;\n box-sizing: border-box;\n }\n .ssa-approach-section {\n font-family: 'Inter', sans-serif;\n background: #F8F9FC;\n padding: 40px 0 50px;\n position: relative;\n overflow: hidden;\n isolation: isolate;\n }\n\n \/* \u2500\u2500 blurred orbs \u2500\u2500 *\/\n .ssa-approach-section .ssa-approach-orb {\n position: absolute;\n border-radius: 50%;\n filter: blur(160px);\n pointer-events: none;\n z-index: 0;\n }\n .ssa-approach-orb--purple {\n width: 700px;\n height: 700px;\n background: #5B2EFF;\n top: -300px;\n right: -200px;\n opacity: 0.06;\n }\n .ssa-approach-orb--gold {\n width: 600px;\n height: 600px;\n background: #F4B400;\n bottom: -250px;\n left: -180px;\n opacity: 0.05;\n }\n\n .ssa-approach-container {\n max-width: 1440px;\n margin: 0 auto;\n padding: 0 48px;\n position: relative;\n z-index: 2;\n }\n\n \/* \u2500\u2500 split layout \u2500\u2500 *\/\n .ssa-approach-split {\n display: flex;\n gap: 70px;\n align-items: center;\n }\n\n \/* \u2500\u2500 LEFT PANEL \u2500\u2500 *\/\n .ssa-approach-content {\n flex: 0 0 45%;\n display: flex;\n flex-direction: column;\n justify-content: center;\n }\n .ssa-approach-eyebrow {\n display: flex;\n align-items: center;\n gap: 16px;\n font-family: 'Poppins', sans-serif;\n font-weight: 700;\n font-size: 0.8rem;\n letter-spacing: 0.2em;\n text-transform: uppercase;\n color: #081B4B;\n margin-bottom: 16px;\n opacity: 0;\n transform: translateY(20px);\n transition: opacity 0.7s ease, transform 0.7s ease;\n }\n .ssa-approach-eyebrow.reveal {\n opacity: 1;\n transform: translateY(0);\n }\n .ssa-approach-gold-line {\n width: 52px;\n height: 5px;\n background: linear-gradient(90deg, #F4B400, #f7c948);\n border-radius: 8px;\n box-shadow: 0 0 24px rgba(244, 180, 0, 0.2);\n }\n .ssa-approach-heading {\n font-family: 'Poppins', sans-serif;\n font-weight: 800;\n font-size: 2.4rem;\n line-height: 1.2;\n color: #081B4B;\n margin-bottom: 16px;\n letter-spacing: -0.02em;\n opacity: 0;\n transform: translateY(24px);\n transition: opacity 0.8s ease, transform 0.8s ease;\n }\n .ssa-approach-heading.reveal {\n opacity: 1;\n transform: translateY(0);\n }\n .ssa-approach-heading .ssa-approach-highlight {\n color: #5B2EFF;\n display: inline-block;\n position: relative;\n }\n .ssa-approach-heading .ssa-approach-highlight::after {\n content: '';\n position: absolute;\n left: 0;\n bottom: 4px;\n width: 100%;\n height: 10px;\n background: rgba(91, 46, 255, 0.12);\n border-radius: 4px;\n z-index: -1;\n }\n .ssa-approach-desc {\n font-size: 16px;\n line-height: 1.7;\n color: #374151;\n max-width: 600px;\n margin-bottom: 24px;\n font-weight: 400;\n letter-spacing: -0.01em;\n opacity: 0;\n transform: translateY(20px);\n transition: opacity 0.7s ease 0.15s, transform 0.7s ease 0.15s;\n }\n .ssa-approach-desc.reveal {\n opacity: 1;\n transform: translateY(0);\n }\n .ssa-approach-btn {\n background: #F4B400;\n border: none;\n padding: 12px 32px;\n border-radius: 60px;\n font-family: 'Poppins', sans-serif;\n font-weight: 700;\n font-size: 0.95rem;\n color: #081B4B;\n display: inline-flex;\n align-items: center;\n gap: 12px;\n cursor: pointer;\n box-shadow: 0 6px 24px rgba(244, 180, 0, 0.3);\n width: fit-content;\n letter-spacing: 0.2px;\n text-decoration: none;\n opacity: 0;\n transform: translateY(20px);\n transition: opacity 0.7s ease 0.3s, transform 0.7s ease 0.3s, box-shadow 0.4s, transform 0.4s;\n }\n .ssa-approach-btn.reveal {\n opacity: 1;\n transform: translateY(0);\n }\n .ssa-approach-btn:hover {\n transform: translateY(-4px) scale(1.02);\n box-shadow: 0 12px 36px rgba(244, 180, 0, 0.45);\n }\n .ssa-approach-btn i {\n transition: transform 0.35s ease;\n }\n .ssa-approach-btn:hover i {\n transform: translateX(6px) scale(1.1);\n }\n\n \/* \u2500\u2500 RIGHT PANEL: pathway \u2500\u2500 *\/\n .ssa-approach-pathway-wrap {\n flex: 1;\n position: relative;\n padding: 10px 0 10px 10px;\n }\n\n .ssa-approach-pathway-svg {\n position: absolute;\n top: 0;\n left: 30px;\n width: 4px;\n height: 100%;\n z-index: 1;\n opacity: 0;\n transition: opacity 0.8s ease 0.2s;\n }\n .ssa-approach-pathway-svg.reveal {\n opacity: 1;\n }\n .ssa-approach-pathway-line {\n stroke: #d0d8ec;\n stroke-width: 4;\n fill: none;\n stroke-linecap: round;\n stroke-dasharray: 1200;\n stroke-dashoffset: 1200;\n transition: stroke-dashoffset 2.5s cubic-bezier(0.15, 0.85, 0.35, 1);\n }\n .ssa-approach-pathway-line.reveal {\n stroke-dashoffset: 0;\n }\n .ssa-approach-pathway-pulse {\n stroke: #5B2EFF;\n stroke-width: 4;\n fill: none;\n stroke-linecap: round;\n stroke-dasharray: 8 12;\n animation: ssaPulseMove 2.4s linear infinite;\n opacity: 0;\n transition: opacity 0.6s ease 0.8s;\n }\n .ssa-approach-pathway-pulse.reveal {\n opacity: 1;\n }\n @keyframes ssaPulseMove {\n 0% { stroke-dashoffset: 0; }\n 100% { stroke-dashoffset: -40; }\n }\n\n .ssa-approach-steps {\n display: flex;\n flex-direction: column;\n gap: 20px;\n padding-left: 72px;\n position: relative;\n z-index: 3;\n }\n\n .ssa-approach-step {\n display: flex;\n align-items: flex-start;\n gap: 20px;\n padding: 12px 18px 12px 14px;\n border-radius: 20px;\n background: rgba(255, 255, 255, 0.6);\n backdrop-filter: blur(4px);\n -webkit-backdrop-filter: blur(4px);\n border: 1px solid rgba(255, 255, 255, 0.7);\n transition: all 0.5s cubic-bezier(0.12, 0.75, 0.25, 1);\n cursor: default;\n position: relative;\n box-shadow: 0 4px 16px rgba(8, 27, 75, 0.02);\n opacity: 0;\n transform: translateX(30px);\n transition: opacity 0.7s ease, transform 0.8s cubic-bezier(0.12, 0.75, 0.25, 1), box-shadow 0.5s, background 0.4s;\n }\n .ssa-approach-step.reveal {\n opacity: 1;\n transform: translateX(0);\n }\n .ssa-approach-step:hover {\n background: rgba(255, 255, 255, 0.92);\n box-shadow: 0 16px 48px rgba(91, 46, 255, 0.08), 0 4px 20px rgba(8, 27, 75, 0.04);\n transform: translateX(6px) scale(1.01);\n border-color: rgba(91, 46, 255, 0.15);\n }\n\n .ssa-approach-step-icon {\n flex-shrink: 0;\n width: 48px;\n height: 48px;\n background: rgba(91, 46, 255, 0.06);\n border-radius: 16px;\n display: flex;\n align-items: center;\n justify-content: center;\n font-size: 1.4rem;\n color: #5B2EFF;\n transition: all 0.5s cubic-bezier(0.12, 0.75, 0.25, 1);\n }\n \/* \u2500\u2500 ON HOVER: icon turns GOLD \u2500\u2500 *\/\n .ssa-approach-step:hover .ssa-approach-step-icon {\n background: #F4B400;\n color: #081B4B;\n transform: scale(1.08) rotate(2deg);\n box-shadow: 0 8px 28px rgba(244, 180, 0, 0.35);\n }\n\n .ssa-approach-step-text {\n flex: 1;\n }\n .ssa-approach-step-title {\n font-family: 'Poppins', sans-serif;\n font-weight: 800;\n font-size: 1.1rem;\n color: #081B4B;\n margin-bottom: 2px;\n letter-spacing: -0.01em;\n }\n .ssa-approach-step-desc {\n font-size: 0.9rem;\n line-height: 1.5;\n color: #374151;\n font-weight: 400;\n opacity: 0.7;\n transition: opacity 0.4s ease;\n }\n .ssa-approach-step:hover .ssa-approach-step-desc {\n opacity: 1;\n }\n\n \/* \u2500\u2500 responsive \u2500\u2500 *\/\n @media (max-width: 1100px) {\n .ssa-approach-split {\n flex-direction: column;\n gap: 40px;\n }\n .ssa-approach-content {\n flex: 1 1 auto;\n }\n .ssa-approach-heading {\n font-size: 2.2rem;\n }\n .ssa-approach-desc {\n max-width: 100%;\n }\n .ssa-approach-pathway-wrap {\n width: 100%;\n padding: 10px 0;\n }\n .ssa-approach-steps {\n padding-left: 60px;\n }\n }\n @media (max-width: 700px) {\n .ssa-approach-section {\n padding: 30px 0 35px;\n }\n .ssa-approach-container {\n padding: 0 20px;\n }\n .ssa-approach-heading {\n font-size: 1.9rem;\n }\n .ssa-approach-desc {\n font-size: 16px;\n }\n .ssa-approach-btn {\n padding: 10px 24px;\n font-size: 0.9rem;\n width: 100%;\n justify-content: center;\n }\n .ssa-approach-steps {\n padding-left: 0;\n gap: 16px;\n }\n .ssa-approach-pathway-svg {\n display: none;\n }\n .ssa-approach-step {\n padding: 10px 14px;\n background: rgba(255, 255, 255, 0.8);\n backdrop-filter: blur(4px);\n border-radius: 16px;\n transform: translateY(20px);\n }\n .ssa-approach-step.reveal {\n transform: translateY(0);\n }\n .ssa-approach-step-icon {\n width: 40px;\n height: 40px;\n font-size: 1.2rem;\n border-radius: 12px;\n }\n .ssa-approach-step-title {\n font-size: 1rem;\n }\n .ssa-approach-step-desc {\n font-size: 0.85rem;\n }\n }\n @media (max-width: 480px) {\n .ssa-approach-heading {\n font-size: 1.6rem;\n }\n }\n\n \/* \u2500\u2500 reduced motion \u2500\u2500 *\/\n @media (prefers-reduced-motion: reduce) {\n .ssa-approach-step,\n .ssa-approach-pathway-pulse,\n .ssa-approach-btn,\n .ssa-approach-step-icon,\n .ssa-approach-pathway-line,\n .ssa-approach-eyebrow,\n .ssa-approach-heading,\n .ssa-approach-desc {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n .ssa-approach-pathway-pulse {\n animation: none;\n stroke-dasharray: none;\n }\n .ssa-approach-pathway-line {\n stroke-dashoffset: 0 !important;\n }\n }\n\n \/* \u2500\u2500 accessibility \u2500\u2500 *\/\n .ssa-approach-step:focus-visible {\n outline: 4px solid #5B2EFF;\n outline-offset: 4px;\n }\n .ssa-approach-btn:focus-visible {\n outline: 4px solid #081B4B;\n outline-offset: 4px;\n }\n <\/style>\n<\/head>\n<body>\n <section class=\"ssa-approach-section\" aria-label=\"Our Approach at SavvyScope Academy\">\n <div class=\"ssa-approach-orb ssa-approach-orb--purple\"><\/div>\n <div class=\"ssa-approach-orb ssa-approach-orb--gold\"><\/div>\n\n <div class=\"ssa-approach-container\">\n <div class=\"ssa-approach-split\">\n\n <div class=\"ssa-approach-content\">\n <div class=\"ssa-approach-eyebrow\">\n <span class=\"ssa-approach-gold-line\"><\/span>\n OUR APPROACH\n <\/div>\n\n <h2 class=\"ssa-approach-heading\">\n Creating Pathways to<br \/>\n Education, <span class=\"ssa-approach-highlight\">Skills & Opportunity<\/span>\n <\/h2>\n\n <p class=\"ssa-approach-desc\">\n At SavvyScope Academy, we believe that talent is everywhere, but opportunity is not always equally accessible.<br \/><br \/>\n Through education, technology, entrepreneurship, and global learning pathways, we help learners unlock opportunities that transform lives and strengthen communities.\n <\/p>\n\n <a href=\"https:\/\/savvyscopeacademy.com\/index.php\/our-approach\/\" class=\"ssa-approach-btn\" aria-label=\"Learn more about our approach\">\n <span>Learn More<\/span> <i class=\"fas fa-arrow-right\"><\/i>\n <\/a>\n <\/div>\n\n <div class=\"ssa-approach-pathway-wrap\">\n <svg class=\"ssa-approach-pathway-svg\" viewBox=\"0 0 4 600\" preserveAspectRatio=\"none\" aria-hidden=\"true\">\n <line x1=\"2\" y1=\"0\" x2=\"2\" y2=\"600\" class=\"ssa-approach-pathway-line\" \/>\n <line x1=\"2\" y1=\"0\" x2=\"2\" y2=\"600\" class=\"ssa-approach-pathway-pulse\" \/>\n <\/svg>\n\n <div class=\"ssa-approach-steps\">\n <div class=\"ssa-approach-step\" style=\"transition-delay: 0.05s;\" tabindex=\"0\" role=\"listitem\">\n <div class=\"ssa-approach-step-icon\"><i class=\"fas fa-book\"><\/i><\/div>\n <div class=\"ssa-approach-step-text\">\n <div class=\"ssa-approach-step-title\">Learn<\/div>\n <div class=\"ssa-approach-step-desc\">Access quality education, resources, mentorship, and training.<\/div>\n <\/div>\n <\/div>\n\n <div class=\"ssa-approach-step\" style=\"transition-delay: 0.20s;\" tabindex=\"0\" role=\"listitem\">\n <div class=\"ssa-approach-step-icon\"><i class=\"fas fa-laptop\"><\/i><\/div>\n <div class=\"ssa-approach-step-text\">\n <div class=\"ssa-approach-step-title\">Build Skills<\/div>\n <div class=\"ssa-approach-step-desc\">Develop practical competencies that solve real-world problems.<\/div>\n <\/div>\n <\/div>\n\n <div class=\"ssa-approach-step\" style=\"transition-delay: 0.35s;\" tabindex=\"0\" role=\"listitem\">\n <div class=\"ssa-approach-step-icon\"><i class=\"fas fa-rocket\"><\/i><\/div>\n <div class=\"ssa-approach-step-text\">\n <div class=\"ssa-approach-step-title\">Apply Knowledge<\/div>\n <div class=\"ssa-approach-step-desc\">Use your skills in education, employment, entrepreneurship, and career growth.<\/div>\n <\/div>\n <\/div>\n\n <div class=\"ssa-approach-step\" style=\"transition-delay: 0.50s;\" tabindex=\"0\" role=\"listitem\">\n <div class=\"ssa-approach-step-icon\"><i class=\"fas fa-globe\"><\/i><\/div>\n <div class=\"ssa-approach-step-text\">\n <div class=\"ssa-approach-step-title\">Access Opportunities<\/div>\n <div class=\"ssa-approach-step-desc\">Connect with scholarships, jobs, internships, and global opportunities.<\/div>\n <\/div>\n <\/div>\n\n <div class=\"ssa-approach-step\" style=\"transition-delay: 0.65s;\" tabindex=\"0\" role=\"listitem\">\n <div class=\"ssa-approach-step-icon\"><i class=\"fas fa-star\"><\/i><\/div>\n <div class=\"ssa-approach-step-text\">\n <div class=\"ssa-approach-step-title\">Create Impact<\/div>\n <div class=\"ssa-approach-step-desc\">Empowered learners create positive change within their communities.<\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n <script>\n (function() {\n 'use strict';\n\n const section = document.querySelector('.ssa-approach-section');\n if (!section) return;\n\n const elements = {\n eyebrow: section.querySelector('.ssa-approach-eyebrow'),\n heading: section.querySelector('.ssa-approach-heading'),\n desc: section.querySelector('.ssa-approach-desc'),\n btn: section.querySelector('.ssa-approach-btn'),\n svg: section.querySelector('.ssa-approach-pathway-svg'),\n line: section.querySelector('.ssa-approach-pathway-line'),\n pulse: section.querySelector('.ssa-approach-pathway-pulse'),\n steps: section.querySelectorAll('.ssa-approach-step'),\n };\n\n let revealed = false;\n\n const observer = new IntersectionObserver((entries) => {\n entries.forEach(entry => {\n if (entry.isIntersecting && !revealed) {\n revealed = true;\n triggerReveal();\n observer.unobserve(section);\n }\n });\n }, { threshold: 0.15 });\n\n observer.observe(section);\n\n function triggerReveal() {\n if (elements.eyebrow) elements.eyebrow.classList.add('reveal');\n if (elements.heading) elements.heading.classList.add('reveal');\n if (elements.desc) elements.desc.classList.add('reveal');\n if (elements.btn) elements.btn.classList.add('reveal');\n if (elements.svg) elements.svg.classList.add('reveal');\n if (elements.line) elements.line.classList.add('reveal');\n if (elements.pulse) elements.pulse.classList.add('reveal');\n\n elements.steps.forEach((step, index) => {\n setTimeout(() => {\n step.classList.add('reveal');\n }, 150 + index * 120);\n });\n }\n\n setTimeout(() => {\n if (!revealed) {\n const rect = section.getBoundingClientRect();\n if (rect.top < window.innerHeight - 100) {\n revealed = true;\n triggerReveal();\n observer.unobserve(section);\n }\n }\n }, 200);\n\n const prefersReduced = window.matchMedia('(prefers-reduced-motion: reduce)');\n if (prefersReduced.matches) {\n setTimeout(() => {\n if (!revealed) {\n revealed = true;\n triggerReveal();\n observer.unobserve(section);\n }\n }, 50);\n }\n })();\n <\/script>\n<\/body>\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-927de39 e-con-full e-flex e-con e-parent\" data-id=\"927de39\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-c5fe1af elementor-widget elementor-widget-html\" data-id=\"c5fe1af\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!DOCTYPE html>\n<html lang=\"en\">\n<head>\n <meta charset=\"UTF-8\">\n <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0, viewport-fit=cover\">\n <title>SavvyScope Academy | Impact Statistics<\/title>\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Inter:opsz,wght@14..32,300;14..32,400;14..32,500;14..32,600;14..32,700&family=Poppins:wght@400;500;600;700;800&display=swap\" rel=\"stylesheet\">\n <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.0.0-beta3\/css\/all.min.css\">\n <style>\n \/* ========== SCOPED STATISTICS SECTION ========== *\/\n .ssa-impact-section {\n width: 100%;\n padding: 50px 24px;\n background: #081B4B;\n font-family: 'Inter', sans-serif;\n isolation: isolate;\n position: relative;\n overflow: hidden;\n }\n\n \/* Animated Gradient Glow Background *\/\n .ssa-impact-section::before {\n content: '';\n position: absolute;\n top: -50%;\n left: -20%;\n width: 70%;\n height: 200%;\n background: radial-gradient(ellipse, rgba(91, 46, 255, 0.08) 0%, rgba(244, 180, 0, 0.03) 40%, transparent 70%);\n pointer-events: none;\n z-index: 0;\n animation: ssa-glow-pulse 12s ease-in-out infinite alternate;\n }\n\n .ssa-impact-section::after {\n content: '';\n position: absolute;\n bottom: -40%;\n right: -10%;\n width: 60%;\n height: 180%;\n background: radial-gradient(ellipse, rgba(244, 180, 0, 0.05) 0%, rgba(91, 46, 255, 0.03) 40%, transparent 70%);\n pointer-events: none;\n z-index: 0;\n animation: ssa-glow-pulse-reverse 15s ease-in-out infinite alternate;\n }\n\n @keyframes ssa-glow-pulse {\n 0% { opacity: 0.5; transform: scale(1); }\n 100% { opacity: 1; transform: scale(1.1); }\n }\n\n @keyframes ssa-glow-pulse-reverse {\n 0% { opacity: 0.6; transform: scale(1); }\n 100% { opacity: 1; transform: scale(1.15); }\n }\n\n .ssa-impact-section .ssa-container {\n max-width: 1280px;\n margin: 0 auto;\n position: relative;\n z-index: 2;\n }\n\n \/* ========== STATS GRID ========== *\/\n .ssa-impact-section .ssa-stats-grid {\n display: grid;\n grid-template-columns: repeat(4, 1fr);\n gap: 0;\n position: relative;\n }\n\n \/* Vertical Dividers *\/\n .ssa-impact-section .ssa-stat-item:not(:last-child)::after {\n content: '';\n position: absolute;\n right: 0;\n top: 50%;\n transform: translateY(-50%);\n width: 1px;\n height: 60px;\n background: linear-gradient(180deg, transparent, rgba(255, 255, 255, 0.2), transparent);\n }\n\n \/* ========== STAT ITEM ========== *\/\n .ssa-impact-section .ssa-stat-item {\n display: flex;\n align-items: center;\n gap: 20px;\n padding: 20px 24px;\n position: relative;\n opacity: 0;\n transform: translateY(35px);\n transition: all 0.6s cubic-bezier(0.2, 0.9, 0.4, 1.1);\n cursor: default;\n }\n\n .ssa-impact-section .ssa-stat-item.ssa-revealed {\n opacity: 1;\n transform: translateY(0);\n }\n\n \/* Stagger delays *\/\n .ssa-impact-section .ssa-stat-item:nth-child(1).ssa-revealed { transition-delay: 0ms; }\n .ssa-impact-section .ssa-stat-item:nth-child(2).ssa-revealed { transition-delay: 100ms; }\n .ssa-impact-section .ssa-stat-item:nth-child(3).ssa-revealed { transition-delay: 200ms; }\n .ssa-impact-section .ssa-stat-item:nth-child(4).ssa-revealed { transition-delay: 300ms; }\n\n \/* Hover Effect *\/\n .ssa-impact-section .ssa-stat-item:hover {\n transform: translateY(-6px);\n }\n\n \/* ========== ICON ========== *\/\n .ssa-impact-section .ssa-stat-icon {\n flex-shrink: 0;\n width: 60px;\n height: 60px;\n display: flex;\n align-items: center;\n justify-content: center;\n border-radius: 50%;\n background: rgba(255, 255, 255, 0.06);\n transition: all 0.3s ease;\n }\n\n .ssa-impact-section .ssa-stat-item:hover .ssa-stat-icon {\n background: rgba(255, 255, 255, 0.12);\n transform: scale(1.05);\n }\n\n .ssa-impact-section .ssa-stat-icon i {\n font-size: 28px;\n transition: transform 0.3s ease;\n }\n\n .ssa-impact-section .ssa-stat-item:hover .ssa-stat-icon i {\n transform: scale(1.1);\n }\n\n \/* Alternating icon colors *\/\n .ssa-impact-section .ssa-stat-item:nth-child(odd) .ssa-stat-icon i {\n color: #F4B400;\n }\n\n .ssa-impact-section .ssa-stat-item:nth-child(even) .ssa-stat-icon i {\n color: #F4B400;\n }\n\n \/* ========== NUMBER - ALL WHITE ========== *\/\n .ssa-impact-section .ssa-stat-number {\n font-family: 'Poppins', sans-serif;\n font-size: 44px;\n font-weight: 700;\n line-height: 1;\n margin-bottom: 6px;\n display: inline-block;\n transition: text-shadow 0.3s ease;\n color: #FFFFFF;\n }\n\n .ssa-impact-section .ssa-stat-item:hover .ssa-stat-number {\n text-shadow: 0 0 30px rgba(244, 180, 0, 0.2);\n }\n\n \/* ========== LABEL ========== *\/\n .ssa-impact-section .ssa-stat-label {\n font-family: 'Inter', sans-serif;\n font-size: 15px;\n font-weight: 400;\n color: rgba(255, 255, 255, 0.85);\n line-height: 1.4;\n letter-spacing: 0.2px;\n }\n\n \/* ========== RESPONSIVE ========== *\/\n @media screen and (max-width: 1100px) {\n .ssa-impact-section .ssa-stat-number {\n font-size: 38px;\n }\n .ssa-impact-section .ssa-stat-icon {\n width: 54px;\n height: 54px;\n }\n .ssa-impact-section .ssa-stat-icon i {\n font-size: 24px;\n }\n }\n\n @media screen and (max-width: 880px) {\n .ssa-impact-section .ssa-stats-grid {\n grid-template-columns: repeat(2, 1fr);\n gap: 32px 24px;\n }\n .ssa-impact-section .ssa-stat-item {\n padding: 0;\n flex-direction: column;\n text-align: center;\n gap: 12px;\n }\n .ssa-impact-section .ssa-stat-item:not(:last-child)::after {\n display: none;\n }\n .ssa-impact-section .ssa-stat-number {\n font-size: 36px;\n }\n .ssa-impact-section .ssa-stat-label {\n font-size: 14px;\n }\n .ssa-impact-section {\n padding: 40px 20px;\n }\n }\n\n @media screen and (max-width: 580px) {\n .ssa-impact-section .ssa-stats-grid {\n grid-template-columns: 1fr;\n gap: 28px;\n }\n .ssa-impact-section .ssa-stat-number {\n font-size: 34px;\n }\n .ssa-impact-section .ssa-stat-label {\n font-size: 13px;\n }\n .ssa-impact-section .ssa-stat-icon {\n width: 56px;\n height: 56px;\n }\n .ssa-impact-section .ssa-stat-icon i {\n font-size: 26px;\n }\n .ssa-impact-section {\n padding: 30px 16px;\n }\n }\n\n \/* ========== ACCESSIBILITY ========== *\/\n .ssa-impact-section .ssa-stat-item:focus-visible {\n outline: 2px solid #F4B400;\n outline-offset: 4px;\n border-radius: 12px;\n }\n <\/style>\n<\/head>\n<body>\n <section class=\"ssa-impact-section\" aria-label=\"Our Impact Statistics\">\n <div class=\"ssa-container\">\n <div class=\"ssa-stats-grid\">\n \n \n <div class=\"ssa-stat-item\" data-target=\"5000\" data-suffix=\"+\" data-prefix=\"\">\n <div class=\"ssa-stat-icon\">\n <i class=\"fas fa-graduation-cap\"><\/i>\n <\/div>\n <div class=\"ssa-stat-content\">\n <div class=\"ssa-stat-number\">0<\/div>\n <div class=\"ssa-stat-label\">Learners Supported<\/div>\n <\/div>\n <\/div>\n \n \n <div class=\"ssa-stat-item\" data-target=\"150\" data-suffix=\"+\" data-prefix=\"\">\n <div class=\"ssa-stat-icon\">\n <i class=\"fas fa-book-open\"><\/i>\n <\/div>\n <div class=\"ssa-stat-content\">\n <div class=\"ssa-stat-number\">0<\/div>\n <div class=\"ssa-stat-label\">Courses & Resources<\/div>\n <\/div>\n <\/div>\n \n \n <div class=\"ssa-stat-item\" data-target=\"25\" data-suffix=\"+\" data-prefix=\"\">\n <div class=\"ssa-stat-icon\">\n <i class=\"fas fa-globe\"><\/i>\n <\/div>\n <div class=\"ssa-stat-content\">\n <div class=\"ssa-stat-number\">0<\/div>\n <div class=\"ssa-stat-label\">Countries Reached<\/div>\n <\/div>\n <\/div>\n \n \n <div class=\"ssa-stat-item\" data-target=\"98\" data-suffix=\"%\" data-prefix=\"\">\n <div class=\"ssa-stat-icon\">\n <i class=\"fas fa-trophy\"><\/i>\n <\/div>\n <div class=\"ssa-stat-content\">\n <div class=\"ssa-stat-number\">0<\/div>\n <div class=\"ssa-stat-label\">Learner Satisfaction<\/div>\n <\/div>\n <\/div>\n \n <\/div>\n <\/div>\n <\/section>\n\n <script>\n (function() {\n const statItems = document.querySelectorAll('.ssa-impact-section .ssa-stat-item');\n if (statItems.length === 0) return;\n \n \/\/ Counter animation function\n function animateCounter(element, target, suffix, prefix) {\n let current = 0;\n const duration = 2000;\n const stepTime = 20;\n const steps = duration \/ stepTime;\n const increment = target \/ steps;\n \n const counter = setInterval(() => {\n current += increment;\n if (current >= target) {\n element.textContent = prefix + target + suffix;\n clearInterval(counter);\n } else {\n element.textContent = prefix + Math.floor(current) + suffix;\n }\n }, stepTime);\n }\n \n \/\/ Intersection Observer for scroll reveal + counter trigger\n const observer = new IntersectionObserver((entries) => {\n entries.forEach(entry => {\n if (entry.isIntersecting) {\n const statItem = entry.target;\n statItem.classList.add('ssa-revealed');\n \n const numberElement = statItem.querySelector('.ssa-stat-number');\n if (numberElement && !statItem.hasAttribute('data-animated')) {\n statItem.setAttribute('data-animated', 'true');\n const target = parseInt(statItem.getAttribute('data-target'), 10);\n const suffix = statItem.getAttribute('data-suffix') || '';\n const prefix = statItem.getAttribute('data-prefix') || '';\n animateCounter(numberElement, target, suffix, prefix);\n }\n observer.unobserve(statItem);\n }\n });\n }, { \n threshold: 0.25,\n rootMargin: '0px 0px -50px 0px'\n });\n \n \/\/ Stagger delays handled by CSS\n statItems.forEach(item => {\n observer.observe(item);\n });\n \n \/\/ Fallback: if section is already visible on page load\n if (statItems.length > 0) {\n const section = document.querySelector('.ssa-impact-section');\n if (section && section.getBoundingClientRect().top < window.innerHeight - 100) {\n statItems.forEach((item, idx) => {\n if (!item.classList.contains('ssa-revealed')) {\n item.classList.add('ssa-revealed');\n const numberElement = item.querySelector('.ssa-stat-number');\n if (numberElement && !item.hasAttribute('data-animated')) {\n item.setAttribute('data-animated', 'true');\n const target = parseInt(item.getAttribute('data-target'), 10);\n const suffix = item.getAttribute('data-suffix') || '';\n const prefix = item.getAttribute('data-prefix') || '';\n setTimeout(() => {\n animateCounter(numberElement, target, suffix, prefix);\n }, idx * 100);\n }\n }\n });\n }\n }\n })();\n <\/script>\n<\/body>\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-1911d42 e-con-full e-flex e-con e-parent\" data-id=\"1911d42\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-02652e2 elementor-widget elementor-widget-html\" data-id=\"02652e2\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!DOCTYPE html>\n<html lang=\"en\">\n<head>\n <meta charset=\"UTF-8\">\n <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0, viewport-fit=cover\">\n <title>SavvyScope Academy | Insights & Articles<\/title>\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Inter:opsz,wght@14..32,300;14..32,400;14..32,500;14..32,600;14..32,700;14..32,800&family=Poppins:wght@400;500;600;700;800;900&display=swap\" rel=\"stylesheet\">\n <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.0.0-beta3\/css\/all.min.css\">\n <style>\n \/* ---------- SCOPED BLOG SECTION STYLES ---------- *\/\n .ssa-blog-section {\n width: 100%;\n background: #FFFFFF;\n font-family: 'Inter', sans-serif;\n padding: 60px 24px 40px 24px;\n isolation: isolate;\n position: relative;\n overflow-x: clip;\n }\n\n .ssa-blog-section .ssa-container {\n max-width: 1280px;\n margin: 0 auto;\n position: relative;\n z-index: 2;\n }\n\n \/* Section Header - Fade Up with delay *\/\n .ssa-blog-section .ssa-blog-header {\n text-align: center;\n margin-bottom: 40px;\n opacity: 0;\n transform: translateY(30px);\n animation: ssa-fade-up 0.8s ease-out 0.2s forwards;\n }\n\n @keyframes ssa-fade-up {\n to {\n opacity: 1;\n transform: translateY(0);\n }\n }\n\n .ssa-blog-section .ssa-blog-label {\n display: inline-flex;\n align-items: center;\n gap: 14px;\n font-family: 'Poppins', sans-serif;\n font-weight: 700;\n font-size: 0.75rem;\n letter-spacing: 0.2em;\n text-transform: uppercase;\n color: #081B4B;\n margin-bottom: 14px;\n }\n\n .ssa-blog-section .ssa-blog-label::before {\n content: '';\n width: 44px;\n height: 4px;\n background: linear-gradient(90deg, #F4B400, #f7c948);\n border-radius: 6px;\n box-shadow: 0 0 20px rgba(244, 180, 0, 0.15);\n }\n\n .ssa-blog-section .ssa-blog-title {\n font-family: 'Poppins', sans-serif;\n font-weight: 800;\n font-size: 2.4rem;\n line-height: 1.2;\n color: #081B4B;\n margin-bottom: 14px;\n letter-spacing: -0.02em;\n }\n\n .ssa-blog-section .ssa-blog-title span {\n color: #5B2EFF;\n display: inline-block;\n position: relative;\n }\n\n .ssa-blog-section .ssa-blog-title span::after {\n content: '';\n position: absolute;\n left: 0;\n bottom: 4px;\n width: 100%;\n height: 10px;\n background: rgba(91, 46, 255, 0.12);\n border-radius: 4px;\n z-index: -1;\n }\n\n .ssa-blog-section .ssa-blog-subtitle {\n font-family: 'Inter', sans-serif;\n font-size: 16px;\n line-height: 1.7;\n color: #374151;\n max-width: 600px;\n margin: 0 auto;\n font-weight: 400;\n letter-spacing: -0.01em;\n opacity: 0;\n transform: translateY(20px);\n animation: ssa-fade-up-sub 0.6s ease-out 0.35s forwards;\n }\n\n @keyframes ssa-fade-up-sub {\n to {\n opacity: 1;\n transform: translateY(0);\n }\n }\n\n \/* Blog Grid - 4 columns *\/\n .ssa-blog-section .ssa-blog-grid {\n display: grid;\n grid-template-columns: repeat(4, 1fr);\n gap: 24px;\n margin-bottom: 30px;\n }\n\n \/* Blog Card - Scroll reveal handled by JS *\/\n .ssa-blog-section .ssa-blog-card {\n background: #FFFFFF;\n border-radius: 20px;\n overflow: hidden;\n box-shadow: 0 12px 28px rgba(0, 0, 0, 0.04), 0 2px 4px rgba(0, 0, 0, 0.02);\n transition: all 0.4s cubic-bezier(0.2, 0.9, 0.4, 1.1);\n display: flex;\n flex-direction: column;\n height: 100%;\n position: relative;\n opacity: 0;\n transform: translateY(40px);\n }\n\n .ssa-blog-section .ssa-blog-card.ssa-card-revealed {\n opacity: 1;\n transform: translateY(0);\n }\n\n .ssa-blog-section .ssa-blog-card:hover {\n transform: translateY(-8px);\n box-shadow: 0 28px 45px rgba(91, 46, 255, 0.1), 0 8px 16px rgba(0, 0, 0, 0.05);\n }\n\n \/* Card Image *\/\n .ssa-blog-section .ssa-card-image {\n position: relative;\n height: 200px;\n overflow: hidden;\n background: linear-gradient(135deg, #eef2f6, #e8edf3);\n }\n\n .ssa-blog-section .ssa-card-image img {\n width: 100%;\n height: 100%;\n object-fit: cover;\n transition: transform 0.5s ease;\n }\n\n .ssa-blog-section .ssa-blog-card:hover .ssa-card-image img {\n transform: scale(1.06);\n }\n\n \/* Category Badge *\/\n .ssa-blog-section .ssa-category-badge {\n position: absolute;\n top: 12px;\n left: 12px;\n background: #5B2EFF;\n color: white;\n font-family: 'Inter', sans-serif;\n font-weight: 600;\n font-size: 10px;\n padding: 4px 12px;\n border-radius: 30px;\n z-index: 2;\n letter-spacing: 0.3px;\n box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1);\n }\n\n \/* Card Content *\/\n .ssa-blog-section .ssa-card-content {\n padding: 18px 18px 22px;\n flex-grow: 1;\n display: flex;\n flex-direction: column;\n }\n\n \/* Meta Info *\/\n .ssa-blog-section .ssa-card-meta {\n display: flex;\n align-items: center;\n gap: 12px;\n margin-bottom: 10px;\n font-family: 'Inter', sans-serif;\n font-size: 11px;\n color: #6b7a8f;\n flex-wrap: wrap;\n }\n\n .ssa-blog-section .ssa-card-meta i {\n font-size: 10px;\n margin-right: 3px;\n color: #5B2EFF;\n }\n\n .ssa-blog-section .ssa-meta-date,\n .ssa-blog-section .ssa-meta-read {\n display: inline-flex;\n align-items: center;\n gap: 4px;\n }\n\n \/* Card Title *\/\n .ssa-blog-section .ssa-card-title {\n font-family: 'Poppins', sans-serif;\n font-size: 16px;\n font-weight: 600;\n color: #081B4B;\n margin-bottom: 10px;\n line-height: 1.4;\n transition: color 0.2s ease;\n }\n\n .ssa-blog-section .ssa-blog-card:hover .ssa-card-title {\n color: #5B2EFF;\n }\n\n \/* Card Excerpt *\/\n .ssa-blog-section .ssa-card-excerpt {\n font-family: 'Inter', sans-serif;\n font-size: 13px;\n line-height: 1.55;\n color: #5b6e8c;\n margin-bottom: 16px;\n flex-grow: 1;\n }\n\n \/* Read More Link *\/\n .ssa-blog-section .ssa-read-more {\n display: inline-flex;\n align-items: center;\n gap: 6px;\n font-family: 'Inter', sans-serif;\n font-weight: 600;\n font-size: 12px;\n color: #5B2EFF;\n text-decoration: none;\n transition: all 0.25s ease;\n margin-top: auto;\n }\n\n .ssa-blog-section .ssa-read-more i {\n font-size: 10px;\n transition: transform 0.2s ease;\n }\n\n .ssa-blog-section .ssa-read-more:hover {\n gap: 10px;\n color: #4a24d4;\n }\n\n .ssa-blog-section .ssa-read-more:hover i {\n transform: translateX(3px);\n }\n\n \/* View All Button - Aligned to Right *\/\n .ssa-blog-section .ssa-view-all-wrapper {\n text-align: right;\n opacity: 0;\n transform: translateY(20px);\n animation: ssa-fade-up-btn 0.6s ease-out 0.5s forwards;\n }\n\n @keyframes ssa-fade-up-btn {\n to {\n opacity: 1;\n transform: translateY(0);\n }\n }\n\n .ssa-blog-section .ssa-view-all-btn {\n display: inline-flex;\n align-items: center;\n gap: 10px;\n font-family: 'Poppins', sans-serif;\n font-weight: 600;\n font-size: 15px;\n color: #5B2EFF;\n background: transparent;\n text-decoration: none;\n transition: all 0.3s ease;\n border: none;\n cursor: pointer;\n }\n\n .ssa-blog-section .ssa-view-all-btn i {\n font-size: 13px;\n transition: transform 0.2s;\n }\n\n .ssa-blog-section .ssa-view-all-btn:hover {\n gap: 14px;\n color: #4a24d4;\n }\n\n .ssa-blog-section .ssa-view-all-btn:hover i {\n transform: translateX(5px);\n }\n\n \/* ========== RESPONSIVE BREAKPOINTS ========== *\/\n @media screen and (max-width: 1100px) {\n .ssa-blog-section .ssa-blog-grid {\n gap: 20px;\n }\n .ssa-blog-section .ssa-blog-title {\n font-size: 2.2rem;\n }\n .ssa-blog-section .ssa-card-title {\n font-size: 15px;\n }\n .ssa-blog-section .ssa-card-excerpt {\n font-size: 12px;\n }\n .ssa-blog-section .ssa-card-image {\n height: 180px;\n }\n }\n\n @media screen and (max-width: 880px) {\n .ssa-blog-section {\n padding: 40px 20px 30px 20px;\n }\n .ssa-blog-section .ssa-blog-grid {\n grid-template-columns: repeat(2, 1fr);\n gap: 24px;\n margin-bottom: 25px;\n }\n .ssa-blog-section .ssa-blog-title {\n font-size: 1.9rem;\n }\n .ssa-blog-section .ssa-card-image {\n height: 200px;\n }\n .ssa-blog-section .ssa-card-title {\n font-size: 16px;\n }\n .ssa-blog-section .ssa-blog-header {\n margin-bottom: 35px;\n }\n .ssa-blog-section .ssa-blog-subtitle {\n font-size: 16px;\n }\n }\n\n @media screen and (max-width: 640px) {\n .ssa-blog-section {\n padding: 35px 16px 25px 16px;\n }\n .ssa-blog-section .ssa-blog-grid {\n grid-template-columns: 1fr;\n gap: 20px;\n max-width: 420px;\n margin: 0 auto 20px auto;\n }\n .ssa-blog-section .ssa-blog-title {\n font-size: 1.6rem;\n }\n .ssa-blog-section .ssa-card-image {\n height: 200px;\n }\n .ssa-blog-section .ssa-card-title {\n font-size: 17px;\n }\n .ssa-blog-section .ssa-card-excerpt {\n font-size: 13px;\n }\n .ssa-blog-section .ssa-view-all-btn {\n font-size: 14px;\n }\n .ssa-blog-section .ssa-blog-header {\n margin-bottom: 30px;\n }\n .ssa-blog-section .ssa-blog-subtitle {\n font-size: 15px;\n }\n }\n\n @media screen and (max-width: 480px) {\n .ssa-blog-section .ssa-blog-title {\n font-size: 1.6rem;\n }\n .ssa-blog-section .ssa-blog-subtitle {\n font-size: 14px;\n }\n }\n <\/style>\n<\/head>\n<body>\n <section class=\"ssa-blog-section\">\n <div class=\"ssa-container\">\n \n <div class=\"ssa-blog-header\">\n <div class=\"ssa-blog-label\">Insights<\/div>\n <h2 class=\"ssa-blog-title\">\n Insights & <span>Articles<\/span>\n <\/h2>\n <p class=\"ssa-blog-subtitle\">\n Discover expert tips, study strategies, scholarship news, and career advice from our team.\n <\/p>\n <\/div>\n\n \n <div class=\"ssa-blog-grid\">\n \n \n <div class=\"ssa-blog-card\" data-card-index=\"0\">\n <div class=\"ssa-card-image\">\n <img decoding=\"async\" src=\"https:\/\/savvyscopeacademy.com\/wp-content\/uploads\/2026\/07\/Top-Scholarships-For-Africans.webp\" alt=\"Top Scholarships for Africans\" loading=\"lazy\">\n <span class=\"ssa-category-badge\">Study Abroad<\/span>\n <\/div>\n <div class=\"ssa-card-content\">\n <div class=\"ssa-card-meta\">\n <span class=\"ssa-meta-date\"><i class=\"far fa-calendar-alt\"><\/i> July 7, 2026<\/span>\n <span class=\"ssa-meta-read\"><i class=\"far fa-clock\"><\/i> 8 min read<\/span>\n <\/div>\n <h3 class=\"ssa-card-title\">Top 10 Scholarships for African Students in 2026<\/h3>\n <p class=\"ssa-card-excerpt\">\n Discover fully-funded scholarships, application tips, and deadlines to help you study abroad without financial stress.\n <\/p>\n <a href=\"https:\/\/savvyscopeacademy.com\/index.php\/2026\/07\/07\/top-10-scholarships-for-african-students-in-2026\/\" class=\"ssa-read-more\">\n Read More <i class=\"fas fa-arrow-right\"><\/i>\n <\/a>\n <\/div>\n <\/div>\n\n \n <div class=\"ssa-blog-card\" data-card-index=\"1\">\n <div class=\"ssa-card-image\">\n <img decoding=\"async\" src=\"https:\/\/savvyscopeacademy.com\/wp-content\/uploads\/2026\/07\/TOEFL-iBT-Study-Plan-2026-Complete-3-Month-Preparation-Guide.webp\" alt=\"How to ACE the TOEFL iBT\" loading=\"lazy\">\n <span class=\"ssa-category-badge\">Exam Tips<\/span>\n <\/div>\n <div class=\"ssa-card-content\">\n <div class=\"ssa-card-meta\">\n <span class=\"ssa-meta-date\"><i class=\"far fa-calendar-alt\"><\/i> July 8, 2026<\/span>\n <span class=\"ssa-meta-read\"><i class=\"far fa-clock\"><\/i> 10 min read<\/span>\n <\/div>\n <h3 class=\"ssa-card-title\">How to Ace the TOEFL iBT: A Complete Study Plan<\/h3>\n <p class=\"ssa-card-excerpt\">\n Learn proven strategies for each section, time management techniques, and resources to boost your score.\n <\/p>\n <a href=\"https:\/\/savvyscopeacademy.com\/index.php\/2026\/07\/08\/toefl-ibt-study-plan-2026-the-complete-3-month-guide-to-achieving-your-target-score\/\" class=\"ssa-read-more\">\n Read More <i class=\"fas fa-arrow-right\"><\/i>\n <\/a>\n <\/div>\n <\/div>\n\n \n <div class=\"ssa-blog-card\" data-card-index=\"2\">\n <div class=\"ssa-card-image\">\n <img decoding=\"async\" src=\"https:\/\/savvyscopeacademy.com\/wp-content\/uploads\/2026\/07\/Best-Remote-Career-Skills-in-2026.webp\" alt=\"Professional working on laptop\" loading=\"lazy\">\n <span class=\"ssa-category-badge\">Remote Work<\/span>\n <\/div>\n <div class=\"ssa-card-content\">\n <div class=\"ssa-card-meta\">\n <span class=\"ssa-meta-date\"><i class=\"far fa-calendar-alt\"><\/i> July 8, 2026<\/span>\n <span class=\"ssa-meta-read\"><i class=\"far fa-clock\"><\/i> 12 min read<\/span>\n <\/div>\n <h3 class=\"ssa-card-title\">Building a Remote Career: Skills That Pay in 2026<\/h3>\n <p class=\"ssa-card-excerpt\">\n Explore high-demand remote skills, freelancing platforms, and how to land your first virtual job.\n <\/p>\n <a href=\"https:\/\/savvyscopeacademy.com\/index.php\/2026\/07\/08\/best-remote-career-skills-in-2026-your-complete-guide-to-building-a-high-paying-remote-career\/\" class=\"ssa-read-more\">\n Read More <i class=\"fas fa-arrow-right\"><\/i>\n <\/a>\n <\/div>\n <\/div>\n\n \n <div class=\"ssa-blog-card\" data-card-index=\"3\">\n <div class=\"ssa-card-image\">\n <img decoding=\"async\" src=\"https:\/\/savvyscopeacademy.com\/wp-content\/uploads\/2026\/07\/How-Artificial-Intelligence-Is-Transforming-Education-in-Africa.webp\" alt=\"AI technology in education\" loading=\"lazy\">\n <span class=\"ssa-category-badge\">AI & Education<\/span>\n <\/div>\n <div class=\"ssa-card-content\">\n <div class=\"ssa-card-meta\">\n <span class=\"ssa-meta-date\"><i class=\"far fa-calendar-alt\"><\/i> July 8, 2026<\/span>\n <span class=\"ssa-meta-read\"><i class=\"far fa-clock\"><\/i> 12 min read<\/span>\n <\/div>\n <h3 class=\"ssa-card-title\">How AI is Transforming Education in Africa<\/h3>\n <p class=\"ssa-card-excerpt\">\n Discover how artificial intelligence is creating new learning opportunities and personalized education across the continent.\n <\/p>\n <a href=\"https:\/\/savvyscopeacademy.com\/index.php\/2026\/07\/08\/how-artificial-intelligence-is-transforming-education-in-africa-opportunities-challenges-and-the-future-of-learning\/\" class=\"ssa-read-more\">\n Read More <i class=\"fas fa-arrow-right\"><\/i>\n <\/a>\n <\/div>\n <\/div>\n <\/div>\n\n \n <div class=\"ssa-view-all-wrapper\">\n <a href=\"#\" class=\"ssa-view-all-btn\">\n View All Articles <i class=\"fas fa-arrow-right\"><\/i>\n <\/a>\n <\/div>\n <\/div>\n <\/section>\n\n \n <script>\n (function() {\n const cards = document.querySelectorAll('.ssa-blog-section .ssa-blog-card');\n if (cards.length === 0) return;\n \n const staggerDelays = [0, 100, 200, 300];\n \n if ('IntersectionObserver' in window) {\n const observer = new IntersectionObserver((entries) => {\n entries.forEach(entry => {\n if (entry.isIntersecting) {\n const card = entry.target;\n const index = parseInt(card.getAttribute('data-card-index') || 0);\n \n setTimeout(() => {\n card.classList.add('ssa-card-revealed');\n }, staggerDelays[index % staggerDelays.length]);\n \n observer.unobserve(card);\n }\n });\n }, { \n threshold: 0.15,\n rootMargin: '0px 0px -30px 0px'\n });\n \n cards.forEach(card => {\n observer.observe(card);\n });\n } else {\n cards.forEach((card, idx) => {\n setTimeout(() => {\n card.classList.add('ssa-card-revealed');\n }, staggerDelays[idx % staggerDelays.length]);\n });\n }\n })();\n <\/script>\n<\/body>\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-30fbc7f e-con-full e-flex e-con e-parent\" data-id=\"30fbc7f\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-8bb8fbe elementor-widget elementor-widget-html\" data-id=\"8bb8fbe\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!DOCTYPE html>\n<html lang=\"en\">\n<head>\n <meta charset=\"UTF-8\">\n <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0, viewport-fit=cover\">\n <title>SavvyScope Academy | Student Testimonials<\/title>\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Inter:opsz,wght@14..32,300;14..32,400;14..32,500;14..32,600;14..32,700;14..32,800&family=Poppins:wght@400;500;600;700;800;900&display=swap\" rel=\"stylesheet\">\n <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.0.0-beta3\/css\/all.min.css\">\n <style>\n \/* ---------- SCOPED TESTIMONIALS SECTION ---------- *\/\n .ssa-success-stories {\n width: 100%;\n background: #FFFFFF;\n padding: 60px 24px 50px 24px;\n isolation: isolate;\n position: relative;\n font-family: 'Inter', sans-serif;\n }\n\n .ssa-success-stories .ssa-container {\n max-width: 1400px;\n margin: 0 auto;\n }\n\n \/* Section Header *\/\n .ssa-success-stories .ssa-section-header {\n text-align: center;\n margin-bottom: 48px;\n opacity: 0;\n transform: translateY(30px);\n animation: ssa-fade-up 0.7s ease-out forwards;\n }\n\n @keyframes ssa-fade-up {\n to { opacity: 1; transform: translateY(0); }\n }\n\n .ssa-success-stories .ssa-section-label {\n display: inline-flex;\n align-items: center;\n gap: 14px;\n font-family: 'Poppins', sans-serif;\n font-weight: 700;\n font-size: 0.75rem;\n letter-spacing: 0.2em;\n text-transform: uppercase;\n color: #081B4B;\n margin-bottom: 14px;\n }\n\n .ssa-success-stories .ssa-section-label::before {\n content: '';\n width: 44px;\n height: 4px;\n background: linear-gradient(90deg, #F4B400, #f7c948);\n border-radius: 6px;\n box-shadow: 0 0 20px rgba(244, 180, 0, 0.15);\n }\n\n .ssa-success-stories .ssa-section-title {\n font-family: 'Poppins', sans-serif;\n font-weight: 800;\n font-size: 2.4rem;\n line-height: 1.2;\n color: #081B4B;\n margin-bottom: 14px;\n letter-spacing: -0.02em;\n }\n\n .ssa-success-stories .ssa-section-title span {\n color: #5B2EFF;\n display: inline-block;\n position: relative;\n }\n\n .ssa-success-stories .ssa-section-title span::after {\n content: '';\n position: absolute;\n left: 0;\n bottom: 4px;\n width: 100%;\n height: 10px;\n background: rgba(91, 46, 255, 0.12);\n border-radius: 4px;\n z-index: -1;\n }\n\n .ssa-success-stories .ssa-section-desc {\n font-family: 'Inter', sans-serif;\n font-size: 16px;\n line-height: 1.7;\n color: #374151;\n max-width: 650px;\n margin: 0 auto;\n font-weight: 400;\n letter-spacing: -0.01em;\n }\n\n \/* Masonry Grid - 4 columns *\/\n .ssa-success-stories .ssa-masonry-grid {\n display: grid;\n grid-template-columns: repeat(4, 1fr);\n gap: 24px;\n margin-bottom: 48px;\n }\n\n \/* Base Card Styles *\/\n .ssa-success-stories .ssa-card {\n background: #FFFFFF;\n border: 1px solid #E5E7EB;\n border-radius: 24px;\n padding: 32px;\n transition: all 0.3s cubic-bezier(0.2, 0.9, 0.4, 1.1);\n display: flex;\n flex-direction: column;\n opacity: 0;\n transform: translateY(40px);\n position: relative;\n overflow: hidden;\n }\n\n .ssa-success-stories .ssa-card.ssa-revealed {\n opacity: 1;\n transform: translateY(0);\n }\n\n .ssa-success-stories .ssa-card:hover {\n transform: translateY(-6px);\n box-shadow: 0 20px 35px -12px rgba(0, 0, 0, 0.1);\n }\n\n \/* Card Variants *\/\n .ssa-success-stories .ssa-card-gray {\n background: #F8F8FA;\n }\n\n .ssa-success-stories .ssa-card-cream {\n background: #F5F0E6;\n }\n\n \/* Featured Card - Taller, spans 2 rows naturally *\/\n .ssa-success-stories .ssa-card-featured {\n grid-row: span 2;\n background: #F5F0E6;\n position: relative;\n min-height: 480px;\n display: flex;\n flex-direction: column;\n justify-content: space-between;\n }\n\n .ssa-success-stories .ssa-card-featured .ssa-card-content {\n flex: 1;\n }\n\n \/* Quote Text *\/\n .ssa-success-stories .ssa-quote {\n font-family: 'Poppins', sans-serif;\n font-size: 22px;\n font-weight: 500;\n line-height: 1.35;\n color: #081B4B;\n margin-bottom: 24px;\n flex: 1;\n }\n\n .ssa-success-stories .ssa-card-featured .ssa-quote {\n font-size: 26px;\n }\n\n \/* Read Story Link *\/\n .ssa-success-stories .ssa-read-story {\n display: inline-flex;\n align-items: center;\n gap: 8px;\n font-family: 'Inter', sans-serif;\n font-weight: 600;\n font-size: 13px;\n color: #5B2EFF;\n text-decoration: none;\n transition: all 0.2s ease;\n margin-bottom: 20px;\n }\n\n .ssa-success-stories .ssa-read-story i {\n font-size: 11px;\n transition: transform 0.2s;\n }\n\n .ssa-success-stories .ssa-read-story:hover {\n gap: 12px;\n text-decoration: underline;\n }\n\n .ssa-success-stories .ssa-read-story:hover i {\n transform: translateX(4px);\n }\n\n \/* Customer Avatar - No images, just text *\/\n .ssa-success-stories .ssa-customer-avatar {\n display: flex;\n align-items: center;\n gap: 12px;\n margin-top: auto;\n padding-top: 20px;\n }\n\n .ssa-success-stories .ssa-customer-avatar .ssa-avatar-placeholder {\n width: 44px;\n height: 44px;\n border-radius: 50%;\n background: linear-gradient(135deg, #5B2EFF, #F4B400);\n display: flex;\n align-items: center;\n justify-content: center;\n color: #FFFFFF;\n font-family: 'Poppins', sans-serif;\n font-weight: 700;\n font-size: 16px;\n flex-shrink: 0;\n }\n\n .ssa-success-stories .ssa-customer-info {\n display: flex;\n flex-direction: column;\n }\n\n .ssa-success-stories .ssa-customer-name {\n font-family: 'Poppins', sans-serif;\n font-weight: 600;\n font-size: 14px;\n color: #081B4B;\n }\n\n .ssa-success-stories .ssa-customer-title {\n font-family: 'Inter', sans-serif;\n font-size: 12px;\n color: #6b7a8f;\n }\n\n \/* CTA Link - Text only with arrow *\/\n .ssa-success-stories .ssa-cta-wrapper {\n text-align: center;\n margin-top: 0;\n }\n\n .ssa-success-stories .ssa-cta-link {\n display: inline-flex;\n align-items: center;\n gap: 10px;\n font-family: 'Poppins', sans-serif;\n font-weight: 600;\n font-size: 16px;\n color: #5B2EFF;\n text-decoration: none;\n transition: all 0.3s ease;\n opacity: 0;\n transform: translateY(20px);\n animation: ssa-fade-up-link 0.6s ease-out 0.4s forwards;\n }\n\n @keyframes ssa-fade-up-link {\n to { opacity: 1; transform: translateY(0); }\n }\n\n .ssa-success-stories .ssa-cta-link i {\n font-size: 14px;\n transition: transform 0.2s;\n }\n\n .ssa-success-stories .ssa-cta-link:hover {\n gap: 14px;\n color: #4a24d4;\n }\n\n .ssa-success-stories .ssa-cta-link:hover i {\n transform: translateX(5px);\n }\n\n \/* Responsive Breakpoints *\/\n @media screen and (max-width: 1200px) {\n .ssa-success-stories .ssa-masonry-grid {\n grid-template-columns: repeat(3, 1fr);\n gap: 20px;\n }\n .ssa-success-stories .ssa-section-title {\n font-size: 2.2rem;\n }\n .ssa-success-stories .ssa-quote {\n font-size: 20px;\n }\n .ssa-success-stories .ssa-card-featured .ssa-quote {\n font-size: 24px;\n }\n }\n\n @media screen and (max-width: 900px) {\n .ssa-success-stories {\n padding: 40px 20px 35px 20px;\n }\n .ssa-success-stories .ssa-masonry-grid {\n grid-template-columns: repeat(2, 1fr);\n gap: 20px;\n margin-bottom: 40px;\n }\n .ssa-success-stories .ssa-section-title {\n font-size: 1.9rem;\n }\n .ssa-success-stories .ssa-section-desc {\n font-size: 16px;\n }\n .ssa-success-stories .ssa-card-featured {\n grid-row: span 1;\n }\n .ssa-success-stories .ssa-quote {\n font-size: 19px;\n }\n .ssa-success-stories .ssa-section-header {\n margin-bottom: 40px;\n }\n }\n\n @media screen and (max-width: 640px) {\n .ssa-success-stories {\n padding: 35px 16px 30px 16px;\n }\n .ssa-success-stories .ssa-masonry-grid {\n grid-template-columns: 1fr;\n gap: 20px;\n margin-bottom: 35px;\n }\n .ssa-success-stories .ssa-section-title {\n font-size: 1.6rem;\n }\n .ssa-success-stories .ssa-section-desc {\n font-size: 15px;\n }\n .ssa-success-stories .ssa-quote {\n font-size: 18px;\n }\n .ssa-success-stories .ssa-card {\n padding: 24px;\n }\n .ssa-success-stories .ssa-card-featured .ssa-quote {\n font-size: 20px;\n }\n .ssa-success-stories .ssa-cta-link {\n font-size: 14px;\n }\n .ssa-success-stories .ssa-section-header {\n margin-bottom: 32px;\n }\n }\n\n @media screen and (max-width: 480px) {\n .ssa-success-stories .ssa-section-title {\n font-size: 1.6rem;\n }\n .ssa-success-stories .ssa-section-desc {\n font-size: 14px;\n }\n }\n\n \/* Staggered Reveal Delays *\/\n .ssa-success-stories .ssa-card:nth-child(1).ssa-revealed { transition-delay: 0.03s; }\n .ssa-success-stories .ssa-card:nth-child(2).ssa-revealed { transition-delay: 0.08s; }\n .ssa-success-stories .ssa-card:nth-child(3).ssa-revealed { transition-delay: 0.12s; }\n .ssa-success-stories .ssa-card:nth-child(4).ssa-revealed { transition-delay: 0.16s; }\n .ssa-success-stories .ssa-card:nth-child(5).ssa-revealed { transition-delay: 0.2s; }\n .ssa-success-stories .ssa-card:nth-child(6).ssa-revealed { transition-delay: 0.24s; }\n .ssa-success-stories .ssa-card:nth-child(7).ssa-revealed { transition-delay: 0.28s; }\n .ssa-success-stories .ssa-card:nth-child(8).ssa-revealed { transition-delay: 0.32s; }\n .ssa-success-stories .ssa-card:nth-child(9).ssa-revealed { transition-delay: 0.36s; }\n <\/style>\n<\/head>\n<body>\n <section class=\"ssa-success-stories\">\n <div class=\"ssa-container\">\n \n <div class=\"ssa-section-header\">\n <div class=\"ssa-section-label\">Testimonials<\/div>\n <h2 class=\"ssa-section-title\">\n What Our <span>Students Say<\/span>\n <\/h2>\n <p class=\"ssa-section-desc\">\n Hear from learners who have gained skills, opportunities, and confidence to pursue their goals globally.\n <\/p>\n <\/div>\n\n \n <div class=\"ssa-masonry-grid\">\n \n \n <div class=\"ssa-card ssa-card-featured ssa-card-cream\">\n <div class=\"ssa-card-content\">\n <div class=\"ssa-quote\">\n \"The TOEFL and IELTS prep courses at SavvyScope Academy were exceptional. The instructors provided personalized feedback and strategies that boosted my scores significantly. I got into my dream university!\"\n <\/div>\n <a href=\"#\" class=\"ssa-read-story\">\n Read Story \u2192 <i class=\"fas fa-arrow-right\"><\/i>\n <\/a>\n <\/div>\n <\/div>\n\n \n <div class=\"ssa-card\">\n <div class=\"ssa-quote\">\n \"The scholarship guidance team helped me identify and apply for funding opportunities I never knew existed. I secured a fully-funded scholarship to study abroad!\"\n <\/div>\n <a href=\"#\" class=\"ssa-read-story\">\n Read Story \u2192 <i class=\"fas fa-arrow-right\"><\/i>\n <\/a>\n <div class=\"ssa-customer-avatar\">\n <div class=\"ssa-avatar-placeholder\">JM<\/div>\n <div class=\"ssa-customer-info\">\n <span class=\"ssa-customer-name\">James Mwangi<\/span>\n <span class=\"ssa-customer-title\">Scholarship Recipient, Kenya<\/span>\n <\/div>\n <\/div>\n <\/div>\n\n \n <div class=\"ssa-card ssa-card-gray\">\n <div class=\"ssa-quote\">\n \"The digital skills training transformed my career. I learned practical marketing, design, and content creation skills that helped me land a remote job within months!\"\n <\/div>\n <a href=\"#\" class=\"ssa-read-story\">\n Read Story \u2192 <i class=\"fas fa-arrow-right\"><\/i>\n <\/a>\n <div class=\"ssa-customer-avatar\">\n <div class=\"ssa-avatar-placeholder\">AK<\/div>\n <div class=\"ssa-customer-info\">\n <span class=\"ssa-customer-name\">Amina Kariuki<\/span>\n <span class=\"ssa-customer-title\">Digital Marketing Specialist, Kenya<\/span>\n <\/div>\n <\/div>\n <\/div>\n\n \n <div class=\"ssa-card ssa-card-cream\">\n <div class=\"ssa-quote\">\n \"The AI and Technology program demystified AI for me. I now use AI tools daily to automate tasks and improve productivity in my business. It's been a game-changer!\"\n <\/div>\n <a href=\"#\" class=\"ssa-read-story\">\n Read Story \u2192 <i class=\"fas fa-arrow-right\"><\/i>\n <\/a>\n <div class=\"ssa-customer-avatar\">\n <div class=\"ssa-avatar-placeholder\">DO<\/div>\n <div class=\"ssa-customer-info\">\n <span class=\"ssa-customer-name\">David Ochieng<\/span>\n <span class=\"ssa-customer-title\">Entrepreneur, Kenya<\/span>\n <\/div>\n <\/div>\n <\/div>\n\n \n <div class=\"ssa-card\">\n <div class=\"ssa-quote\">\n \"The Fashion Entrepreneurship program gave me the skills to turn my passion into a profitable business. I now run my own clothing brand and employ three people!\"\n <\/div>\n <a href=\"#\" class=\"ssa-read-story\">\n Read Story \u2192 <i class=\"fas fa-arrow-right\"><\/i>\n <\/a>\n <div class=\"ssa-customer-avatar\">\n <div class=\"ssa-avatar-placeholder\">FA<\/div>\n <div class=\"ssa-customer-info\">\n <span class=\"ssa-customer-name\">Faith Achieng<\/span>\n <span class=\"ssa-customer-title\">Fashion Entrepreneur, Kenya<\/span>\n <\/div>\n <\/div>\n <\/div>\n\n \n <div class=\"ssa-card ssa-card-gray\">\n <div class=\"ssa-quote\">\n \"The GMAT prep materials and practice tests were top-notch. The community support and expert guidance helped me score 730 and secure admission to a top business school!\"\n <\/div>\n <a href=\"#\" class=\"ssa-read-story\">\n Read Story \u2192 <i class=\"fas fa-arrow-right\"><\/i>\n <\/a>\n <div class=\"ssa-customer-avatar\">\n <div class=\"ssa-avatar-placeholder\">MO<\/div>\n <div class=\"ssa-customer-info\">\n <span class=\"ssa-customer-name\">Michael Otieno<\/span>\n <span class=\"ssa-customer-title\">MBA Candidate, Canada<\/span>\n <\/div>\n <\/div>\n <\/div>\n\n \n <div class=\"ssa-card ssa-card-cream\">\n <div class=\"ssa-quote\">\n \"The career support team helped me refine my CV, prepare for interviews, and identify scholarship opportunities. I'm now pursuing my master's degree in Germany on a full scholarship!\"\n <\/div>\n <a href=\"#\" class=\"ssa-read-story\">\n Read Story \u2192 <i class=\"fas fa-arrow-right\"><\/i>\n <\/a>\n <div class=\"ssa-customer-avatar\">\n <div class=\"ssa-avatar-placeholder\">FH<\/div>\n <div class=\"ssa-customer-info\">\n <span class=\"ssa-customer-name\">Fatima Hassan<\/span>\n <span class=\"ssa-customer-title\">Scholarship Recipient, Germany<\/span>\n <\/div>\n <\/div>\n <\/div>\n\n \n <div class=\"ssa-card\">\n <div class=\"ssa-quote\">\n \"The virtual assistant training gave me the skills to work remotely for international clients. I now earn a stable income from home while supporting my family.\"\n <\/div>\n <a href=\"#\" class=\"ssa-read-story\">\n Read Story \u2192 <i class=\"fas fa-arrow-right\"><\/i>\n <\/a>\n <div class=\"ssa-customer-avatar\">\n <div class=\"ssa-avatar-placeholder\">JO<\/div>\n <div class=\"ssa-customer-info\">\n <span class=\"ssa-customer-name\">Jane Omondi<\/span>\n <span class=\"ssa-customer-title\">Virtual Assistant, Kenya<\/span>\n <\/div>\n <\/div>\n <\/div>\n\n \n <div class=\"ssa-card ssa-card-gray\">\n <div class=\"ssa-quote\">\n \"The Prompt Engineering course gave me a competitive advantage in the job market. I can now effectively use AI tools to solve problems and streamline workflows.\"\n <\/div>\n <a href=\"#\" class=\"ssa-read-story\">\n Read Story \u2192 <i class=\"fas fa-arrow-right\"><\/i>\n <\/a>\n <div class=\"ssa-customer-avatar\">\n <div class=\"ssa-avatar-placeholder\">PK<\/div>\n <div class=\"ssa-customer-info\">\n <span class=\"ssa-customer-name\">Peter Kiprop<\/span>\n <span class=\"ssa-customer-title\">AI Specialist, Kenya<\/span>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n\n \n <div class=\"ssa-cta-wrapper\">\n <a href=\"#\" class=\"ssa-cta-link\">\n View All Stories <i class=\"fas fa-arrow-right\"><\/i>\n <\/a>\n <\/div>\n <\/div>\n <\/section>\n\n \n <script>\n (function() {\n const cards = document.querySelectorAll('.ssa-success-stories .ssa-card');\n if (cards.length === 0) return;\n \n if ('IntersectionObserver' in window) {\n const observer = new IntersectionObserver((entries) => {\n entries.forEach(entry => {\n if (entry.isIntersecting) {\n entry.target.classList.add('ssa-revealed');\n observer.unobserve(entry.target);\n }\n });\n }, { \n threshold: 0.1,\n rootMargin: '0px 0px -30px 0px'\n });\n \n cards.forEach(card => {\n observer.observe(card);\n });\n } else {\n cards.forEach(card => {\n card.classList.add('ssa-revealed');\n });\n }\n })();\n <\/script>\n<\/body>\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-20df1bd e-con-full e-flex e-con e-parent\" data-id=\"20df1bd\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-afd6eaa elementor-widget elementor-widget-html\" data-id=\"afd6eaa\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!DOCTYPE html>\n<html lang=\"en\">\n<head>\n <meta charset=\"UTF-8\">\n <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0, viewport-fit=cover\">\n <title>SavvyScope Academy | Start Your Journey<\/title>\n <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n <link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Inter:opsz,wght@14..32,400;14..32,500;14..32,600;14..32,700;14..32,800&family=Poppins:wght@400;500;600;700;800;900&display=swap\" rel=\"stylesheet\">\n <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.0.0-beta3\/css\/all.min.css\">\n <style>\n \/* ============================================================\n SCOPED CTA BANNER\n Prefix: ssa-cta-\n Fully isolated \u2013 no global leaks\n ============================================================ *\/\n .ssa-cta-wrap {\n width: 100%;\n position: relative;\n isolation: isolate;\n font-family: 'Inter', sans-serif;\n overflow-x: clip;\n }\n\n \/* Animated Gradient Background *\/\n .ssa-cta-wrap .ssa-bg-gradient {\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n background: linear-gradient(135deg, #2E1A8E 0%, #5B2EFF 40%, #7B2F9D 70%, #3D1C8A 100%);\n background-size: 200% 200%;\n animation: ssa-gradient-move 8s ease infinite;\n z-index: 0;\n overflow: hidden;\n }\n\n @keyframes ssa-gradient-move {\n 0% { background-position: 0% 50%; }\n 50% { background-position: 100% 50%; }\n 100% { background-position: 0% 50%; }\n }\n\n \/* Floating Animated Orbs *\/\n .ssa-cta-wrap .ssa-orb {\n position: absolute;\n border-radius: 50%;\n filter: blur(60px);\n pointer-events: none;\n animation: ssa-orb-float 15s infinite alternate ease-in-out;\n }\n\n .ssa-cta-wrap .ssa-orb-1 {\n width: 350px;\n height: 350px;\n background: rgba(244, 180, 0, 0.15);\n top: -100px;\n left: -100px;\n animation-duration: 12s;\n }\n\n .ssa-cta-wrap .ssa-orb-2 {\n width: 450px;\n height: 450px;\n background: rgba(255, 255, 255, 0.08);\n bottom: -150px;\n right: -150px;\n animation-duration: 18s;\n }\n\n .ssa-cta-wrap .ssa-orb-3 {\n width: 280px;\n height: 280px;\n background: rgba(91, 46, 255, 0.2);\n top: 40%;\n left: 20%;\n animation-duration: 14s;\n }\n\n .ssa-cta-wrap .ssa-orb-4 {\n width: 200px;\n height: 200px;\n background: rgba(244, 180, 0, 0.1);\n bottom: 20%;\n right: 15%;\n animation-duration: 10s;\n }\n\n @keyframes ssa-orb-float {\n 0% { transform: translate(0, 0) scale(1); }\n 100% { transform: translate(40px, -30px) scale(1.1); }\n }\n\n \/* Premium Tile Pattern *\/\n .ssa-cta-wrap .ssa-tiled-bg {\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n background-image: url(\"data:image\/svg+xml,%3Csvg width='80' height='80' viewBox='0 0 80 80' xmlns='http:\/\/www.w3.org\/2000\/svg'%3E%3Cpath d='M40 10 L65 25 L65 55 L40 70 L15 55 L15 25 Z' fill='none' stroke='rgba(255,255,255,0.03)' stroke-width='1.5'\/%3E%3Ccircle cx='40' cy='40' r='4' fill='rgba(255,255,255,0.04)'\/%3E%3Cpath d='M40 20 L50 27 L50 53 L40 60 L30 53 L30 27 Z' fill='none' stroke='rgba(255,255,255,0.02)' stroke-width='1'\/%3E%3C\/svg%3E\");\n background-repeat: repeat;\n background-size: 80px 80px;\n opacity: 0.5;\n pointer-events: none;\n z-index: 1;\n }\n\n \/* Subtle Noise Texture *\/\n .ssa-cta-wrap .ssa-noise {\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n background-image: url(\"data:image\/svg+xml,%3Csvg viewBox='0 0 400 400' xmlns='http:\/\/www.w3.org\/2000\/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.7' numOctaves='3' stitchTiles='stitch'\/%3E%3C\/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)' opacity='0.03'\/%3E%3C\/svg%3E\");\n opacity: 0.04;\n pointer-events: none;\n z-index: 2;\n }\n\n \/* Main Container *\/\n .ssa-cta-wrap .ssa-container {\n max-width: 1280px;\n margin: 0 auto;\n padding: 30px 48px;\n position: relative;\n z-index: 5;\n }\n\n \/* Content Wrapper *\/\n .ssa-cta-wrap .ssa-content-wrapper {\n display: flex;\n align-items: center;\n justify-content: space-between;\n gap: 60px;\n position: relative;\n z-index: 10;\n backdrop-filter: blur(2px);\n }\n\n \/* Center Content *\/\n .ssa-cta-wrap .ssa-center {\n flex: 2;\n text-align: center;\n }\n\n \/* Premium Heading - Consistent with Poppins 800 *\/\n .ssa-cta-wrap .ssa-heading {\n font-family: 'Poppins', sans-serif;\n font-weight: 800;\n font-size: clamp(28px, 4vw, 40px);\n letter-spacing: -0.02em;\n color: #FFFFFF;\n margin-bottom: 16px;\n line-height: 1.2;\n text-shadow: 0 2px 15px rgba(0, 0, 0, 0.1);\n }\n\n \/* Description - Consistent 16px body *\/\n .ssa-cta-wrap .ssa-description {\n font-family: 'Inter', sans-serif;\n font-size: 16px;\n line-height: 1.7;\n font-weight: 400;\n color: rgba(255, 255, 255, 0.92);\n max-width: 550px;\n margin: 0 auto;\n letter-spacing: -0.01em;\n }\n\n \/* Button Container *\/\n .ssa-cta-wrap .ssa-right {\n flex: 0.9;\n display: flex;\n flex-direction: row;\n gap: 20px;\n align-items: center;\n justify-content: flex-end;\n }\n\n \/* Primary Button *\/\n .ssa-cta-wrap .ssa-primary-btn {\n display: inline-flex;\n align-items: center;\n justify-content: center;\n gap: 12px;\n background: #F4B400;\n color: #081B4B;\n font-family: 'Poppins', sans-serif;\n font-weight: 700;\n font-size: 0.95rem;\n padding: 14px 32px;\n border-radius: 60px;\n text-decoration: none;\n transition: all 0.3s cubic-bezier(0.2, 0.9, 0.4, 1.1);\n box-shadow: 0 10px 25px rgba(244, 180, 0, 0.3);\n border: none;\n cursor: pointer;\n white-space: nowrap;\n position: relative;\n overflow: hidden;\n }\n\n .ssa-cta-wrap .ssa-primary-btn::before {\n content: '';\n position: absolute;\n top: 0;\n left: -100%;\n width: 100%;\n height: 100%;\n background: linear-gradient(90deg, transparent, rgba(255,255,255,0.3), transparent);\n transition: left 0.5s ease;\n }\n\n .ssa-cta-wrap .ssa-primary-btn:hover::before {\n left: 100%;\n }\n\n .ssa-cta-wrap .ssa-primary-btn i {\n font-size: 15px;\n transition: transform 0.2s;\n }\n\n .ssa-cta-wrap .ssa-primary-btn:hover {\n transform: translateY(-3px);\n box-shadow: 0 15px 30px rgba(244, 180, 0, 0.4);\n gap: 14px;\n }\n\n .ssa-cta-wrap .ssa-primary-btn:hover i {\n transform: translateX(6px);\n }\n\n \/* Secondary Button - Glassmorphism *\/\n .ssa-cta-wrap .ssa-secondary-btn {\n display: inline-flex;\n align-items: center;\n justify-content: center;\n gap: 10px;\n background: rgba(255, 255, 255, 0.1);\n backdrop-filter: blur(10px);\n color: white;\n font-family: 'Poppins', sans-serif;\n font-weight: 600;\n font-size: 0.9rem;\n padding: 12px 28px;\n border-radius: 60px;\n text-decoration: none;\n transition: all 0.3s ease;\n border: 1px solid rgba(255, 255, 255, 0.25);\n cursor: pointer;\n white-space: nowrap;\n }\n\n .ssa-cta-wrap .ssa-secondary-btn i {\n font-size: 13px;\n transition: transform 0.2s;\n }\n\n .ssa-cta-wrap .ssa-secondary-btn:hover {\n transform: translateY(-3px);\n border-color: rgba(255, 255, 255, 0.5);\n background: rgba(255, 255, 255, 0.18);\n gap: 12px;\n }\n\n .ssa-cta-wrap .ssa-secondary-btn:hover i {\n transform: translateX(5px);\n }\n\n \/* Scroll Reveal Animation *\/\n .ssa-cta-wrap .ssa-scroll-reveal {\n opacity: 0;\n transform: translateY(40px);\n transition: opacity 0.8s cubic-bezier(0.22, 0.61, 0.36, 1), transform 0.8s cubic-bezier(0.22, 0.61, 0.36, 1);\n }\n\n .ssa-cta-wrap .ssa-scroll-reveal.ssa-revealed {\n opacity: 1;\n transform: translateY(0);\n }\n\n \/* Sparkle Animation *\/\n @keyframes ssa-sparkle {\n 0%, 100% { opacity: 0.3; transform: scale(1); }\n 50% { opacity: 0.8; transform: scale(1.2); }\n }\n\n .ssa-cta-wrap .ssa-sparkle {\n position: absolute;\n width: 3px;\n height: 3px;\n background: #F4B400;\n border-radius: 50%;\n pointer-events: none;\n animation: ssa-sparkle 3s infinite;\n }\n\n \/* ========== RESPONSIVE ========== *\/\n @media screen and (max-width: 1100px) {\n .ssa-cta-wrap .ssa-container {\n padding: 25px 32px;\n }\n .ssa-cta-wrap .ssa-content-wrapper {\n gap: 40px;\n }\n .ssa-cta-wrap .ssa-heading {\n font-size: 32px;\n }\n .ssa-cta-wrap .ssa-description {\n font-size: 16px;\n }\n }\n\n @media screen and (max-width: 992px) {\n .ssa-cta-wrap .ssa-content-wrapper {\n flex-direction: column;\n text-align: center;\n }\n .ssa-cta-wrap .ssa-center {\n order: 1;\n }\n .ssa-cta-wrap .ssa-right {\n order: 2;\n justify-content: center;\n }\n .ssa-cta-wrap .ssa-heading {\n font-size: 30px;\n }\n }\n\n @media screen and (max-width: 768px) {\n .ssa-cta-wrap .ssa-container {\n padding: 20px 24px;\n }\n .ssa-cta-wrap .ssa-heading {\n font-size: 28px;\n }\n .ssa-cta-wrap .ssa-description {\n font-size: 16px;\n }\n .ssa-cta-wrap .ssa-right {\n flex-direction: column;\n width: 100%;\n }\n .ssa-cta-wrap .ssa-primary-btn,\n .ssa-cta-wrap .ssa-secondary-btn {\n width: 100%;\n justify-content: center;\n white-space: normal;\n padding: 12px 24px;\n }\n }\n\n @media screen and (max-width: 480px) {\n .ssa-cta-wrap .ssa-container {\n padding: 18px 20px;\n }\n .ssa-cta-wrap .ssa-heading {\n font-size: 26px;\n }\n .ssa-cta-wrap .ssa-description {\n font-size: 15px;\n }\n .ssa-cta-wrap .ssa-primary-btn {\n font-size: 0.85rem;\n padding: 12px 24px;\n }\n .ssa-cta-wrap .ssa-secondary-btn {\n font-size: 0.85rem;\n padding: 10px 24px;\n }\n }\n\n \/* ========== FOCUS STATES ========== *\/\n .ssa-cta-wrap .ssa-primary-btn:focus-visible,\n .ssa-cta-wrap .ssa-secondary-btn:focus-visible {\n outline: 3px solid #F4B400;\n outline-offset: 4px;\n border-radius: 60px;\n }\n\n \/* ========== REDUCED MOTION ========== *\/\n @media (prefers-reduced-motion: reduce) {\n .ssa-cta-wrap * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n .ssa-cta-wrap .ssa-bg-gradient {\n animation: none !important;\n }\n .ssa-cta-wrap .ssa-orb {\n animation: none !important;\n }\n .ssa-cta-wrap .ssa-sparkle {\n animation: none !important;\n }\n .ssa-cta-wrap .ssa-scroll-reveal {\n opacity: 1;\n transform: none;\n }\n }\n <\/style>\n<\/head>\n<body>\n <div class=\"ssa-cta-wrap\">\n \n <div class=\"ssa-bg-gradient\">\n <div class=\"ssa-orb ssa-orb-1\"><\/div>\n <div class=\"ssa-orb ssa-orb-2\"><\/div>\n <div class=\"ssa-orb ssa-orb-3\"><\/div>\n <div class=\"ssa-orb ssa-orb-4\"><\/div>\n <div class=\"ssa-tiled-bg\"><\/div>\n <div class=\"ssa-noise\"><\/div>\n <\/div>\n\n \n <div class=\"ssa-sparkle\" style=\"top: 15%; left: 10%; animation-delay: 0s;\"><\/div>\n <div class=\"ssa-sparkle\" style=\"top: 70%; left: 85%; animation-delay: 1s;\"><\/div>\n <div class=\"ssa-sparkle\" style=\"top: 30%; left: 90%; animation-delay: 0.5s;\"><\/div>\n <div class=\"ssa-sparkle\" style=\"top: 80%; left: 15%; animation-delay: 1.5s;\"><\/div>\n <div class=\"ssa-sparkle\" style=\"top: 45%; left: 5%; animation-delay: 2s;\"><\/div>\n\n <div class=\"ssa-container\">\n <div class=\"ssa-content-wrapper ssa-scroll-reveal\">\n <div class=\"ssa-center\">\n <h1 class=\"ssa-heading\">Ready to Start Your Success Story?<\/h1>\n <p class=\"ssa-description\">\n Join thousands of students achieving their academic and career goals with SavvyScope Academy.\n <\/p>\n <\/div>\n <div class=\"ssa-right\">\n <a href=\"https:\/\/savvyscopeacademy.com\/index.php\/apply-now\/\" class=\"ssa-primary-btn\">\n Join Now <i class=\"fas fa-arrow-right\"><\/i>\n <\/a>\n <a href=\"#\" class=\"ssa-secondary-btn\">\n Explore Courses <i class=\"fas fa-chevron-right\"><\/i>\n <\/a>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n\n <script>\n (function() {\n 'use strict';\n\n const revealElement = document.querySelector('.ssa-cta-wrap .ssa-scroll-reveal');\n\n if (revealElement && 'IntersectionObserver' in window) {\n const observer = new IntersectionObserver((entries) => {\n entries.forEach(entry => {\n if (entry.isIntersecting) {\n entry.target.classList.add('ssa-revealed');\n observer.unobserve(entry.target);\n }\n });\n }, { threshold: 0.2, rootMargin: '0px 0px -50px 0px' });\n\n observer.observe(revealElement);\n\n \/\/ Fallback: check if already visible\n setTimeout(() => {\n const rect = revealElement.getBoundingClientRect();\n if (rect.top < window.innerHeight - 100 && !revealElement.classList.contains('ssa-revealed')) {\n revealElement.classList.add('ssa-revealed');\n observer.unobserve(revealElement);\n }\n }, 300);\n } else if (revealElement) {\n revealElement.classList.add('ssa-revealed');\n }\n })();\n <\/script>\n<\/body>\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>SavvyScope Academy | Learn Beyond Borders Scholarships Available Study Abroad Opportunities AI & Future Skills Empowering African Learners Learn Beyond […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"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":"default","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"set","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-35","page","type-page","status-publish","hentry"],"yoast_head":"\n<title>Home - SavvyScope Academy<\/title>\n<meta name=\"description\" content=\"Unlock your potential with Savvyscope Academy. Explore scholarship opportunities and global education pathways today.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/savvyscopeacademy.com\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Home - SavvyScope Academy\" \/>\n<meta property=\"og:description\" content=\"Unlock your potential with Savvyscope Academy. Explore scholarship opportunities and global education pathways today.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/savvyscopeacademy.com\/\" \/>\n<meta property=\"og:site_name\" content=\"SavvyScope Academy\" \/>\n<meta property=\"article:modified_time\" content=\"2026-07-08T16:04:47+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/savvyscopeacademy.com\/wp-content\/uploads\/2026\/06\/International-Exams-Prep.png\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data1\" content=\"6 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/savvyscopeacademy.com\\\/\",\"url\":\"https:\\\/\\\/savvyscopeacademy.com\\\/\",\"name\":\"Home - SavvyScope Academy\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/savvyscopeacademy.com\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/savvyscopeacademy.com\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/savvyscopeacademy.com\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/savvyscopeacademy.com\\\/wp-content\\\/uploads\\\/2026\\\/06\\\/International-Exams-Prep.png\",\"datePublished\":\"2026-05-25T17:50:48+00:00\",\"dateModified\":\"2026-07-08T16:04:47+00:00\",\"description\":\"Unlock your potential with Savvyscope Academy. Explore scholarship opportunities and global education pathways today.\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/savvyscopeacademy.com\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/savvyscopeacademy.com\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/savvyscopeacademy.com\\\/#primaryimage\",\"url\":\"https:\\\/\\\/savvyscopeacademy.com\\\/wp-content\\\/uploads\\\/2026\\\/06\\\/International-Exams-Prep.png\",\"contentUrl\":\"https:\\\/\\\/savvyscopeacademy.com\\\/wp-content\\\/uploads\\\/2026\\\/06\\\/International-Exams-Prep.png\",\"width\":1536,\"height\":1024},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/savvyscopeacademy.com\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/savvyscopeacademy.com\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Home\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/savvyscopeacademy.com\\\/#website\",\"url\":\"https:\\\/\\\/savvyscopeacademy.com\\\/\",\"name\":\"SavvyScope Academy\",\"description\":\"\",\"publisher\":{\"@id\":\"https:\\\/\\\/savvyscopeacademy.com\\\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/savvyscopeacademy.com\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/savvyscopeacademy.com\\\/#organization\",\"name\":\"SavvyScope Academy\",\"url\":\"https:\\\/\\\/savvyscopeacademy.com\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/savvyscopeacademy.com\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/savvyscopeacademy.com\\\/wp-content\\\/uploads\\\/2026\\\/05\\\/logo.png\",\"contentUrl\":\"https:\\\/\\\/savvyscopeacademy.com\\\/wp-content\\\/uploads\\\/2026\\\/05\\\/logo.png\",\"width\":156,\"height\":40,\"caption\":\"SavvyScope Academy\"},\"image\":{\"@id\":\"https:\\\/\\\/savvyscopeacademy.com\\\/#\\\/schema\\\/logo\\\/image\\\/\"}}]}<\/script>\n","yoast_head_json":{"title":"Home - SavvyScope Academy","description":"Unlock your potential with Savvyscope Academy. Explore scholarship opportunities and global education pathways today.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/savvyscopeacademy.com\/","og_locale":"en_US","og_type":"article","og_title":"Home - SavvyScope Academy","og_description":"Unlock your potential with Savvyscope Academy. Explore scholarship opportunities and global education pathways today.","og_url":"https:\/\/savvyscopeacademy.com\/","og_site_name":"SavvyScope Academy","article_modified_time":"2026-07-08T16:04:47+00:00","og_image":[{"url":"https:\/\/savvyscopeacademy.com\/wp-content\/uploads\/2026\/06\/International-Exams-Prep.png","type":"","width":"","height":""}],"twitter_card":"summary_large_image","twitter_misc":{"Est. reading time":"6 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/savvyscopeacademy.com\/","url":"https:\/\/savvyscopeacademy.com\/","name":"Home - SavvyScope Academy","isPartOf":{"@id":"https:\/\/savvyscopeacademy.com\/#website"},"primaryImageOfPage":{"@id":"https:\/\/savvyscopeacademy.com\/#primaryimage"},"image":{"@id":"https:\/\/savvyscopeacademy.com\/#primaryimage"},"thumbnailUrl":"https:\/\/savvyscopeacademy.com\/wp-content\/uploads\/2026\/06\/International-Exams-Prep.png","datePublished":"2026-05-25T17:50:48+00:00","dateModified":"2026-07-08T16:04:47+00:00","description":"Unlock your potential with Savvyscope Academy. Explore scholarship opportunities and global education pathways today.","breadcrumb":{"@id":"https:\/\/savvyscopeacademy.com\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/savvyscopeacademy.com\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/savvyscopeacademy.com\/#primaryimage","url":"https:\/\/savvyscopeacademy.com\/wp-content\/uploads\/2026\/06\/International-Exams-Prep.png","contentUrl":"https:\/\/savvyscopeacademy.com\/wp-content\/uploads\/2026\/06\/International-Exams-Prep.png","width":1536,"height":1024},{"@type":"BreadcrumbList","@id":"https:\/\/savvyscopeacademy.com\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/savvyscopeacademy.com\/"},{"@type":"ListItem","position":2,"name":"Home"}]},{"@type":"WebSite","@id":"https:\/\/savvyscopeacademy.com\/#website","url":"https:\/\/savvyscopeacademy.com\/","name":"SavvyScope Academy","description":"","publisher":{"@id":"https:\/\/savvyscopeacademy.com\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/savvyscopeacademy.com\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/savvyscopeacademy.com\/#organization","name":"SavvyScope Academy","url":"https:\/\/savvyscopeacademy.com\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/savvyscopeacademy.com\/#\/schema\/logo\/image\/","url":"https:\/\/savvyscopeacademy.com\/wp-content\/uploads\/2026\/05\/logo.png","contentUrl":"https:\/\/savvyscopeacademy.com\/wp-content\/uploads\/2026\/05\/logo.png","width":156,"height":40,"caption":"SavvyScope Academy"},"image":{"@id":"https:\/\/savvyscopeacademy.com\/#\/schema\/logo\/image\/"}}]}},"_links":{"self":[{"href":"https:\/\/savvyscopeacademy.com\/index.php\/wp-json\/wp\/v2\/pages\/35","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/savvyscopeacademy.com\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/savvyscopeacademy.com\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/savvyscopeacademy.com\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/savvyscopeacademy.com\/index.php\/wp-json\/wp\/v2\/comments?post=35"}],"version-history":[{"count":0,"href":"https:\/\/savvyscopeacademy.com\/index.php\/wp-json\/wp\/v2\/pages\/35\/revisions"}],"wp:attachment":[{"href":"https:\/\/savvyscopeacademy.com\/index.php\/wp-json\/wp\/v2\/media?parent=35"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

\n\t\t\t\t

\n\t\t\t\t\t\n\n\n \n \n SavvyScope Academy | Learn Beyond Borders<\/title>\n <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n <link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Inter:opsz,wght@14..32,400;14..32,500;14..32,600;14..32,700;14..32,800&family=Poppins:wght@400;500;600;700;800;900&display=swap\" rel=\"stylesheet\">\n <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.0.0-beta3\/css\/all.min.css\">\n <style>\n \/* ============================================================\n SCOPED HERO SECTION\n Prefix: ssa-hero-\n Fully isolated \u2013 no global leaks\n ============================================================ *\/\n .ssa-hero-wrap {\n width: 100%;\n position: relative;\n isolation: isolate;\n font-family: 'Inter', sans-serif;\n overflow: hidden;\n min-height: 85vh;\n display: flex;\n align-items: center;\n }\n\n \/* ========== FULL-WIDTH BACKGROUND IMAGE ========== *\/\n .ssa-hero-wrap .ssa-hero-bg {\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n background-image: url('https:\/\/savvyscopeacademy.com\/wp-content\/uploads\/2026\/06\/Home-Hero-Photo-Savvyscope-Academy.png');\n background-size: cover;\n background-position: center;\n z-index: 0;\n }\n\n \/* Dark Navy to Transparent Gradient Overlay *\/\n .ssa-hero-wrap .ssa-hero-overlay {\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n background: linear-gradient(135deg, rgba(8, 27, 75, 0.92) 0%, rgba(8, 27, 75, 0.80) 30%, rgba(8, 27, 75, 0.50) 60%, rgba(8, 27, 75, 0.20) 85%, transparent 100%);\n z-index: 1;\n }\n\n \/* Mobile overlay - darker for readability *\/\n @media screen and (max-width: 880px) {\n .ssa-hero-wrap .ssa-hero-overlay {\n background: linear-gradient(135deg, rgba(8, 27, 75, 0.95) 0%, rgba(8, 27, 75, 0.85) 50%, rgba(8, 27, 75, 0.75) 100%);\n }\n }\n\n \/* ========== CONTAINER ========== *\/\n .ssa-hero-wrap .ssa-container {\n max-width: 1280px;\n margin: 0 auto;\n padding: 60px 40px 80px;\n position: relative;\n z-index: 2;\n width: 100%;\n }\n\n .ssa-hero-wrap .ssa-hero-grid {\n display: flex;\n align-items: center;\n min-height: 70vh;\n }\n\n .ssa-hero-wrap .ssa-hero-content {\n max-width: 600px;\n opacity: 0;\n transform: translateY(30px);\n animation: ssa-fade-up 0.8s ease-out forwards;\n }\n\n @keyframes ssa-fade-up {\n to { opacity: 1; transform: translateY(0); }\n }\n\n \/* ========== EYEBROW ========== *\/\n .ssa-hero-wrap .ssa-eyebrow {\n font-family: 'Inter', sans-serif;\n font-size: 13px;\n font-weight: 600;\n letter-spacing: 2px;\n text-transform: uppercase;\n color: #F4B400;\n margin-bottom: 16px;\n }\n\n \/* ========== HEADLINE ========== *\/\n .ssa-hero-wrap .ssa-headline {\n font-family: 'Poppins', sans-serif;\n font-weight: 800;\n font-size: clamp(28px, 4.5vw, 48px);\n color: #FFFFFF;\n line-height: 1.15;\n margin-bottom: 24px;\n letter-spacing: -0.02em;\n }\n\n .ssa-hero-wrap .ssa-headline .ssa-line {\n display: block;\n }\n\n .ssa-hero-wrap .ssa-headline .ssa-highlight-gold {\n color: #F4B400;\n display: inline-block;\n position: relative;\n min-height: 1.2em;\n }\n\n \/* Typewriter cursor styling *\/\n .ssa-hero-wrap .ssa-typewriter-cursor {\n display: inline-block;\n width: 3px;\n height: 0.9em;\n background-color: #F4B400;\n margin-left: 2px;\n vertical-align: text-bottom;\n animation: ssa-blink 0.7s step-end infinite;\n }\n\n @keyframes ssa-blink {\n 0%, 100% { opacity: 1; }\n 50% { opacity: 0; }\n }\n\n \/* ========== SUBTEXT ========== *\/\n .ssa-hero-wrap .ssa-subtext {\n font-family: 'Inter', sans-serif;\n font-size: 16px;\n line-height: 1.7;\n color: rgba(255, 255, 255, 0.92);\n max-width: 550px;\n margin-bottom: 28px;\n font-weight: 400;\n animation-delay: 0.2s;\n opacity: 0;\n transform: translateY(20px);\n animation: ssa-fade-up 0.7s ease-out 0.2s forwards;\n letter-spacing: -0.01em;\n }\n\n \/* ========== CTA BUTTON - GOLD BACKGROUND ========== *\/\n .ssa-hero-wrap .ssa-cta-group {\n display: flex;\n flex-wrap: wrap;\n gap: 16px;\n margin-bottom: 0;\n animation-delay: 0.4s;\n opacity: 0;\n transform: translateY(20px);\n animation: ssa-fade-up 0.7s ease-out 0.4s forwards;\n }\n\n .ssa-hero-wrap .ssa-btn-primary {\n display: inline-flex;\n align-items: center;\n gap: 10px;\n background: #F4B400;\n color: #081B4B;\n font-family: 'Poppins', sans-serif;\n font-weight: 700;\n font-size: 0.95rem;\n padding: 16px 42px;\n border-radius: 60px;\n text-decoration: none;\n transition: all 0.3s ease;\n box-shadow: 0 8px 20px rgba(244, 180, 0, 0.3);\n border: none;\n cursor: pointer;\n }\n\n .ssa-hero-wrap .ssa-btn-primary:hover {\n transform: translateY(-3px);\n box-shadow: 0 15px 35px rgba(244, 180, 0, 0.4);\n background: #e0a800;\n }\n\n .ssa-hero-wrap .ssa-btn-primary:focus-visible {\n outline: 3px solid #081B4B;\n outline-offset: 3px;\n border-radius: 60px;\n }\n\n \/* ========== FLOATING CARDS ========== *\/\n .ssa-hero-wrap .ssa-floating-cards {\n position: absolute;\n right: 6%;\n top: 50%;\n transform: translateY(-50%);\n z-index: 3;\n display: flex;\n flex-direction: column;\n gap: 18px;\n pointer-events: none;\n }\n\n .ssa-hero-wrap .ssa-float-card {\n background: rgba(255, 255, 255, 0.08);\n backdrop-filter: blur(16px);\n -webkit-backdrop-filter: blur(16px);\n border: 1px solid rgba(255, 255, 255, 0.12);\n border-radius: 20px;\n padding: 16px 22px;\n color: white;\n font-family: 'Inter', sans-serif;\n font-size: 14px;\n font-weight: 500;\n display: flex;\n align-items: center;\n gap: 12px;\n box-shadow: 0 8px 25px rgba(0, 0, 0, 0.15);\n animation: ssa-float 5s ease-in-out infinite;\n pointer-events: none;\n white-space: nowrap;\n }\n\n .ssa-hero-wrap .ssa-float-card:nth-child(1) { animation-delay: 0s; }\n .ssa-hero-wrap .ssa-float-card:nth-child(2) { animation-delay: 1.2s; }\n .ssa-hero-wrap .ssa-float-card:nth-child(3) { animation-delay: 2.4s; }\n\n .ssa-hero-wrap .ssa-float-card i {\n font-size: 20px;\n color: #F4B400;\n }\n\n @keyframes ssa-float {\n 0%, 100% { transform: translateY(0px); }\n 50% { transform: translateY(-10px); }\n }\n\n \/* Hide floating cards on tablet\/mobile *\/\n @media screen and (max-width: 992px) {\n .ssa-hero-wrap .ssa-floating-cards {\n display: none;\n }\n }\n\n \/* ========== RESPONSIVE ========== *\/\n @media screen and (max-width: 1024px) {\n .ssa-hero-wrap .ssa-container {\n padding: 50px 32px 70px;\n }\n .ssa-hero-wrap .ssa-headline {\n font-size: 38px;\n }\n }\n\n @media screen and (max-width: 880px) {\n .ssa-hero-wrap .ssa-hero-content {\n max-width: 100%;\n text-align: center;\n }\n .ssa-hero-wrap .ssa-container {\n padding: 45px 24px 60px;\n }\n .ssa-hero-wrap .ssa-headline {\n font-size: 32px;\n }\n .ssa-hero-wrap .ssa-subtext {\n max-width: 100%;\n font-size: 16px;\n }\n .ssa-hero-wrap .ssa-cta-group {\n justify-content: center;\n }\n .ssa-hero-wrap .ssa-hero-grid {\n min-height: 65vh;\n }\n }\n\n @media screen and (max-width: 580px) {\n .ssa-hero-wrap .ssa-container {\n padding: 40px 20px 50px;\n }\n .ssa-hero-wrap .ssa-headline {\n font-size: 28px;\n font-weight: 800;\n }\n .ssa-hero-wrap .ssa-subtext {\n font-size: 15px;\n }\n .ssa-hero-wrap .ssa-btn-primary {\n padding: 14px 28px;\n font-size: 0.85rem;\n width: 100%;\n justify-content: center;\n }\n .ssa-hero-wrap .ssa-cta-group {\n flex-direction: column;\n align-items: center;\n width: 100%;\n }\n .ssa-hero-wrap .ssa-eyebrow {\n font-size: 11px;\n }\n .ssa-hero-wrap .ssa-hero-grid {\n min-height: 60vh;\n }\n }\n\n \/* ========== REDUCED MOTION ========== *\/\n @media (prefers-reduced-motion: reduce) {\n .ssa-hero-wrap * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n .ssa-hero-wrap .ssa-typewriter-cursor {\n animation: none !important;\n }\n .ssa-hero-wrap .ssa-float-card {\n animation: none !important;\n }\n .ssa-hero-wrap .ssa-hero-content {\n opacity: 1;\n transform: none;\n }\n .ssa-hero-wrap .ssa-subtext {\n opacity: 1;\n transform: none;\n }\n .ssa-hero-wrap .ssa-cta-group {\n opacity: 1;\n transform: none;\n }\n }\n <\/style>\n<\/head>\n<body>\n <section class=\"ssa-hero-wrap\" aria-label=\"Hero Section\">\n \n <div class=\"ssa-hero-bg\"><\/div>\n \n <div class=\"ssa-hero-overlay\"><\/div>\n\n \n <div class=\"ssa-floating-cards\">\n <div class=\"ssa-float-card\"><i class=\"fas fa-graduation-cap\"><\/i> Scholarships Available<\/div>\n <div class=\"ssa-float-card\"><i class=\"fas fa-globe-africa\"><\/i> Study Abroad Opportunities<\/div>\n <div class=\"ssa-float-card\"><i class=\"fas fa-robot\"><\/i> AI & Future Skills<\/div>\n <\/div>\n\n \n <div class=\"ssa-container\">\n <div class=\"ssa-hero-grid\">\n <div class=\"ssa-hero-content\">\n \n <div class=\"ssa-eyebrow\">Empowering African Learners<\/div>\n\n \n <h1 class=\"ssa-headline\">\n <span class=\"ssa-line\">Learn Beyond Borders.<\/span>\n <span class=\"ssa-line\">Build Skills.<\/span>\n <span class=\"ssa-line ssa-highlight-gold\">\n <span id=\"ssa-typewriter-text\"><\/span>\n <span class=\"ssa-typewriter-cursor\"><\/span>\n <\/span>\n <\/h1>\n\n \n <p class=\"ssa-subtext\">\n SavvyScope Academy equips students, professionals, and entrepreneurs with global education pathways, digital skills, AI knowledge, career development support, and scholarship opportunities to thrive in today's world.\n <\/p>\n\n \n <div class=\"ssa-cta-group\">\n <a href=\"https:\/\/savvyscopeacademy.com\/index.php\/apply-now\/\" class=\"ssa-btn-primary\">\n Apply Now <i class=\"fas fa-arrow-right\"><\/i>\n <\/a>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n <script>\n (function() {\n 'use strict';\n\n const text = \"Create Opportunities.\";\n const element = document.getElementById('ssa-typewriter-text');\n if (!element) return;\n\n let index = 0;\n let isDeleting = false;\n let timeoutId = null;\n const typingSpeed = 60;\n const deletingSpeed = 40;\n const pauseDuration = 2500;\n\n function typeWriter() {\n if (!isDeleting) {\n if (index < text.length) {\n element.textContent = text.substring(0, index + 1);\n index++;\n timeoutId = setTimeout(typeWriter, typingSpeed);\n } else {\n timeoutId = setTimeout(function() {\n isDeleting = true;\n typeWriter();\n }, pauseDuration);\n }\n } else {\n if (index > 0) {\n element.textContent = text.substring(0, index - 1);\n index--;\n timeoutId = setTimeout(typeWriter, deletingSpeed);\n } else {\n isDeleting = false;\n timeoutId = setTimeout(typeWriter, pauseDuration \/ 2);\n }\n }\n }\n\n \/\/ Check for reduced motion preference\n const prefersReduced = window.matchMedia('(prefers-reduced-motion: reduce)');\n if (prefersReduced.matches) {\n element.textContent = text;\n } else {\n setTimeout(typeWriter, 1200);\n }\n\n \/\/ Cleanup\n window.addEventListener('beforeunload', function() {\n if (timeoutId) {\n clearTimeout(timeoutId);\n }\n });\n })();\n <\/script>\n<\/body>\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-9685c8c e-con-full e-flex e-con e-parent\" data-id=\"9685c8c\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{"background_background":"classic"}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-1f670dd elementor-widget elementor-widget-html\" data-id=\"1f670dd\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!DOCTYPE html>\n<html lang=\"en\">\n<head>\n <meta charset=\"UTF-8\">\n <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0, viewport-fit=cover\">\n <title>SavvyScope Academy | Programs<\/title>\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Inter:opsz,wght@14..32,300;14..32,400;14..32,500;14..32,600;14..32,700;14..32,800&family=Poppins:wght@400;500;600;700;800;900&display=swap\" rel=\"stylesheet\">\n <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.0.0-beta3\/css\/all.min.css\">\n <style>\n \/* ============================================\n SCOPED PROGRAMS SECTION\n Prefix: ssa-programs-\n No global leaks\n ============================================ *\/\n .ssa-programs-section {\n width: 100%;\n background: #F8F9FC;\n font-family: 'Inter', sans-serif;\n isolation: isolate;\n position: relative;\n overflow-x: clip;\n padding: 60px 24px;\n }\n\n .ssa-programs-section::before {\n content: '';\n position: absolute;\n top: -20%;\n right: -10%;\n width: 500px;\n height: 500px;\n background: radial-gradient(circle, rgba(91, 46, 255, 0.05) 0%, transparent 70%);\n border-radius: 50%;\n pointer-events: none;\n z-index: 0;\n animation: ssa-programs-float 20s infinite ease-in-out;\n }\n\n .ssa-programs-section::after {\n content: '';\n position: absolute;\n bottom: -15%;\n left: -5%;\n width: 400px;\n height: 400px;\n background: radial-gradient(circle, rgba(244, 180, 0, 0.04) 0%, transparent 70%);\n border-radius: 50%;\n pointer-events: none;\n z-index: 0;\n animation: ssa-programs-float-reverse 18s infinite ease-in-out;\n }\n\n @keyframes ssa-programs-float {\n 0%, 100% { transform: translate(0, 0) scale(1); }\n 50% { transform: translate(40px, -30px) scale(1.1); }\n }\n\n @keyframes ssa-programs-float-reverse {\n 0%, 100% { transform: translate(0, 0) scale(1); }\n 50% { transform: translate(-30px, 40px) scale(1.15); }\n }\n\n .ssa-programs-section .ssa-programs-container {\n max-width: 1280px;\n margin: 0 auto;\n position: relative;\n z-index: 2;\n }\n\n \/* ========== SECTION HEADER ========== *\/\n .ssa-programs-section .ssa-programs-header {\n text-align: center;\n margin-bottom: 40px;\n opacity: 0;\n transform: translateY(30px);\n animation: ssa-programs-fade-up 0.8s ease-out forwards;\n }\n\n @keyframes ssa-programs-fade-up {\n to { opacity: 1; transform: translateY(0); }\n }\n\n .ssa-programs-section .ssa-programs-label {\n display: inline-flex;\n align-items: center;\n gap: 14px;\n font-family: 'Poppins', sans-serif;\n font-weight: 700;\n font-size: 0.75rem;\n letter-spacing: 0.2em;\n text-transform: uppercase;\n color: #081B4B;\n margin-bottom: 14px;\n }\n\n .ssa-programs-section .ssa-programs-label::before {\n content: '';\n width: 44px;\n height: 4px;\n background: linear-gradient(90deg, #F4B400, #f7c948);\n border-radius: 6px;\n box-shadow: 0 0 20px rgba(244, 180, 0, 0.15);\n }\n\n .ssa-programs-section .ssa-programs-title {\n font-family: 'Poppins', sans-serif;\n font-weight: 800;\n font-size: 2.4rem;\n line-height: 1.2;\n color: #081B4B;\n margin-bottom: 14px;\n letter-spacing: -0.02em;\n }\n\n .ssa-programs-section .ssa-programs-title .ssa-programs-highlight {\n color: #5B2EFF;\n display: inline-block;\n position: relative;\n }\n\n .ssa-programs-section .ssa-programs-title .ssa-programs-highlight::after {\n content: '';\n position: absolute;\n left: 0;\n bottom: 4px;\n width: 100%;\n height: 10px;\n background: rgba(91, 46, 255, 0.12);\n border-radius: 4px;\n z-index: -1;\n }\n\n .ssa-programs-section .ssa-programs-subtitle {\n font-family: 'Inter', sans-serif;\n font-size: 16px;\n line-height: 1.7;\n color: #374151;\n max-width: 700px;\n margin: 0 auto;\n font-weight: 400;\n letter-spacing: -0.01em;\n }\n\n \/* ========== PROGRAMS GRID ========== *\/\n .ssa-programs-section .ssa-programs-grid {\n display: grid;\n grid-template-columns: repeat(4, 1fr);\n gap: 16px;\n margin-top: 16px;\n }\n\n \/* ========== PROGRAM CARD ========== *\/\n .ssa-programs-section .ssa-programs-card {\n position: relative;\n height: 340px;\n border-radius: 0;\n overflow: hidden;\n box-shadow: 0 8px 24px rgba(0, 0, 0, 0.06);\n transition: all 0.4s cubic-bezier(0.2, 0.9, 0.4, 1.1);\n opacity: 0;\n transform: translateY(60px);\n }\n\n .ssa-programs-section .ssa-programs-card.ssa-programs-revealed {\n opacity: 1;\n transform: translateY(0);\n }\n\n .ssa-programs-section .ssa-programs-card:nth-child(1).ssa-programs-revealed { transition-delay: 0ms; }\n .ssa-programs-section .ssa-programs-card:nth-child(2).ssa-programs-revealed { transition-delay: 150ms; }\n .ssa-programs-section .ssa-programs-card:nth-child(3).ssa-programs-revealed { transition-delay: 300ms; }\n .ssa-programs-section .ssa-programs-card:nth-child(4).ssa-programs-revealed { transition-delay: 450ms; }\n\n .ssa-programs-section .ssa-programs-card:hover {\n transform: translateY(-8px);\n box-shadow: 0 20px 40px rgba(91, 46, 255, 0.12);\n }\n\n \/* ========== CARD BACKGROUND IMAGES ========== *\/\n .ssa-programs-section .ssa-programs-card-img {\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n object-fit: cover;\n z-index: 0;\n transition: transform 0.6s ease;\n }\n\n .ssa-programs-section .ssa-programs-card:hover .ssa-programs-card-img {\n transform: scale(1.05);\n }\n\n \/* Dark Overlay *\/\n .ssa-programs-section .ssa-programs-card-overlay {\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n background: rgba(8, 27, 75, 0.72);\n z-index: 1;\n transition: background 0.4s ease;\n }\n\n .ssa-programs-section .ssa-programs-card:hover .ssa-programs-card-overlay {\n background: rgba(8, 27, 75, 0.62);\n }\n\n \/* ========== CARD CONTENT - CENTER ALIGNED ========== *\/\n .ssa-programs-section .ssa-programs-card-content {\n position: relative;\n z-index: 2;\n display: flex;\n flex-direction: column;\n justify-content: center;\n align-items: center;\n text-align: center;\n height: 100%;\n padding: 30px 24px 65px;\n color: #FFFFFF;\n }\n\n \/* Bottom Dotted Line ONLY *\/\n .ssa-programs-section .ssa-programs-card-content::after {\n content: '';\n position: absolute;\n bottom: 22%;\n left: 15%;\n right: 15%;\n height: 1px;\n border-bottom: 1px dotted rgba(255, 255, 255, 0.25);\n pointer-events: none;\n }\n\n \/* Card Title *\/\n .ssa-programs-section .ssa-programs-card-title {\n font-family: 'Poppins', sans-serif;\n font-size: 18px;\n font-weight: 700;\n margin-bottom: 10px;\n transition: color 0.4s ease;\n line-height: 1.2;\n color: #FFFFFF;\n position: relative;\n z-index: 1;\n }\n\n .ssa-programs-section .ssa-programs-card:hover .ssa-programs-card-title {\n color: #F4B400;\n }\n\n \/* Card Description *\/\n .ssa-programs-section .ssa-programs-card-desc {\n font-family: 'Inter', sans-serif;\n font-size: 0.8rem;\n line-height: 1.4;\n color: rgba(255, 255, 255, 0.9);\n margin-bottom: 12px;\n max-width: 95%;\n position: relative;\n z-index: 1;\n }\n\n \/* Card CTA *\/\n .ssa-programs-section .ssa-programs-card-cta {\n display: inline-flex;\n align-items: center;\n gap: 6px;\n font-family: 'Inter', sans-serif;\n font-weight: 600;\n font-size: 0.78rem;\n color: #F4B400;\n text-decoration: none;\n transition: all 0.3s ease;\n margin-top: 0;\n position: relative;\n z-index: 1;\n }\n\n .ssa-programs-section .ssa-programs-card-cta i {\n font-size: 10px;\n transition: transform 0.3s ease;\n }\n\n .ssa-programs-section .ssa-programs-card:hover .ssa-programs-card-cta {\n gap: 10px;\n }\n\n .ssa-programs-section .ssa-programs-card:hover .ssa-programs-card-cta i {\n transform: translateX(5px);\n }\n\n \/* ========== FLOATING ICON BADGE ========== *\/\n .ssa-programs-section .ssa-programs-icon {\n position: absolute;\n bottom: 16px;\n left: 22px;\n z-index: 3;\n width: 46px;\n height: 46px;\n background: #FFFFFF;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n box-shadow: 0 4px 16px rgba(0, 0, 0, 0.12);\n transition: all 0.4s cubic-bezier(0.2, 0.9, 0.4, 1.1);\n }\n\n .ssa-programs-section .ssa-programs-icon i {\n font-size: 20px;\n color: #5B2EFF;\n transition: all 0.4s ease;\n }\n\n .ssa-programs-section .ssa-programs-card:hover .ssa-programs-icon {\n transform: scale(1.08);\n box-shadow: 0 8px 24px rgba(91, 46, 255, 0.2);\n }\n\n .ssa-programs-section .ssa-programs-card:hover .ssa-programs-icon i {\n color: #F4B400;\n }\n\n \/* ========== RESPONSIVE ========== *\/\n @media screen and (max-width: 1024px) {\n .ssa-programs-section .ssa-programs-grid {\n grid-template-columns: repeat(2, 1fr);\n gap: 16px;\n }\n .ssa-programs-section .ssa-programs-card {\n height: 320px;\n }\n .ssa-programs-section .ssa-programs-title {\n font-size: 2.2rem;\n }\n .ssa-programs-section .ssa-programs-card-title {\n font-size: 17px;\n }\n .ssa-programs-section .ssa-programs-card-desc {\n font-size: 0.78rem;\n }\n .ssa-programs-section .ssa-programs-icon {\n width: 44px;\n height: 44px;\n bottom: 14px;\n left: 18px;\n }\n .ssa-programs-section .ssa-programs-icon i {\n font-size: 18px;\n }\n .ssa-programs-section .ssa-programs-card-content::after {\n left: 12%;\n right: 12%;\n bottom: 20%;\n }\n }\n\n @media screen and (max-width: 768px) {\n .ssa-programs-section {\n padding: 40px 20px;\n }\n .ssa-programs-section .ssa-programs-card {\n height: 300px;\n }\n .ssa-programs-section .ssa-programs-title {\n font-size: 1.9rem;\n }\n .ssa-programs-section .ssa-programs-subtitle {\n font-size: 16px;\n }\n .ssa-programs-section .ssa-programs-card-content {\n padding: 24px 18px 58px;\n }\n .ssa-programs-section .ssa-programs-card-title {\n font-size: 16px;\n }\n .ssa-programs-section .ssa-programs-card-desc {\n font-size: 0.75rem;\n }\n .ssa-programs-section .ssa-programs-icon {\n width: 40px;\n height: 40px;\n bottom: 12px;\n left: 16px;\n }\n .ssa-programs-section .ssa-programs-icon i {\n font-size: 16px;\n }\n .ssa-programs-section .ssa-programs-card-cta {\n font-size: 0.72rem;\n }\n .ssa-programs-section .ssa-programs-card-content::after {\n left: 10%;\n right: 10%;\n bottom: 18%;\n }\n }\n\n @media screen and (max-width: 580px) {\n .ssa-programs-section .ssa-programs-grid {\n grid-template-columns: 1fr;\n gap: 16px;\n max-width: 420px;\n margin: 0 auto;\n }\n .ssa-programs-section .ssa-programs-card {\n height: 280px;\n }\n .ssa-programs-section .ssa-programs-title {\n font-size: 1.6rem;\n }\n .ssa-programs-section .ssa-programs-card-content {\n padding: 20px 16px 52px;\n }\n .ssa-programs-section .ssa-programs-card-title {\n font-size: 17px;\n }\n .ssa-programs-section .ssa-programs-card-desc {\n font-size: 0.78rem;\n }\n .ssa-programs-section .ssa-programs-icon {\n width: 42px;\n height: 42px;\n bottom: 12px;\n left: 16px;\n }\n .ssa-programs-section .ssa-programs-icon i {\n font-size: 17px;\n }\n .ssa-programs-section .ssa-programs-card-content::after {\n bottom: 16%;\n left: 8%;\n right: 8%;\n }\n }\n\n \/* ========== ACCESSIBILITY ========== *\/\n .ssa-programs-section .ssa-programs-card-cta:focus-visible {\n outline: 2px solid #F4B400;\n outline-offset: 2px;\n border-radius: 4px;\n }\n <\/style>\n<\/head>\n<body>\n <section class=\"ssa-programs-section\" aria-label=\"Our Programs\">\n <div class=\"ssa-programs-container\">\n \n <div class=\"ssa-programs-header\">\n <div class=\"ssa-programs-label\">Programs<\/div>\n <h2 class=\"ssa-programs-title\">\n Choose Your <span class=\"ssa-programs-highlight\">Learning Pathway<\/span>\n <\/h2>\n <p class=\"ssa-programs-subtitle\">\n Build the skills, knowledge, and opportunities you need to thrive in a global and technology-driven world.\n <\/p>\n <\/div>\n\n \n <div class=\"ssa-programs-grid\">\n \n \n <div class=\"ssa-programs-card ssa-programs-card-1\">\n <img decoding=\"async\" class=\"ssa-programs-card-img\" \n src=\"https:\/\/savvyscopeacademy.com\/wp-content\/uploads\/2026\/06\/International-Exams-Prep.png\" \n alt=\"International Exam Preparation\" \n loading=\"lazy\">\n <div class=\"ssa-programs-card-overlay\"><\/div>\n \n <div class=\"ssa-programs-card-content\">\n <h3 class=\"ssa-programs-card-title\">International Exam Preparation<\/h3>\n <p class=\"ssa-programs-card-desc\">\n Prepare for TOEFL, IELTS, SAT, GMAT, and GRE examinations with expert guidance, proven strategies, and personalized support.\n <\/p>\n <a href=\"https:\/\/savvyscopeacademy.com\/index.php\/international-exams-prep\/\" class=\"ssa-programs-card-cta\">\n Explore Program <i class=\"fas fa-arrow-right\"><\/i>\n <\/a>\n <\/div>\n \n <div class=\"ssa-programs-icon\">\n <i class=\"fas fa-graduation-cap\"><\/i>\n <\/div>\n <\/div>\n\n \n <div class=\"ssa-programs-card ssa-programs-card-2\">\n <img decoding=\"async\" class=\"ssa-programs-card-img\" \n src=\"https:\/\/savvyscopeacademy.com\/wp-content\/uploads\/2026\/06\/Digital-Skills.png\" \n alt=\"Digital Skills\" \n loading=\"lazy\">\n <div class=\"ssa-programs-card-overlay\"><\/div>\n \n <div class=\"ssa-programs-card-content\">\n <h3 class=\"ssa-programs-card-title\">Digital Skills<\/h3>\n <p class=\"ssa-programs-card-desc\">\n Develop practical skills in digital marketing, graphic design, virtual assistance, content creation, and social media management.\n <\/p>\n <a href=\"https:\/\/savvyscopeacademy.com\/index.php\/digital-skills\/\" class=\"ssa-programs-card-cta\">\n Explore Program <i class=\"fas fa-arrow-right\"><\/i>\n <\/a>\n <\/div>\n \n <div class=\"ssa-programs-icon\">\n <i class=\"fas fa-laptop-code\"><\/i>\n <\/div>\n <\/div>\n\n \n <div class=\"ssa-programs-card ssa-programs-card-3\">\n <img decoding=\"async\" class=\"ssa-programs-card-img\" \n src=\"https:\/\/savvyscopeacademy.com\/wp-content\/uploads\/2026\/06\/AI-Technology.png\" \n alt=\"AI & Technology\" \n loading=\"lazy\">\n <div class=\"ssa-programs-card-overlay\"><\/div>\n \n <div class=\"ssa-programs-card-content\">\n <h3 class=\"ssa-programs-card-title\">AI & Technology<\/h3>\n <p class=\"ssa-programs-card-desc\">\n Master artificial intelligence tools, prompt engineering, automation, and emerging technologies shaping the future of work.\n <\/p>\n <a href=\"https:\/\/savvyscopeacademy.com\/index.php\/ai-technology\/\" class=\"ssa-programs-card-cta\">\n Explore Program <i class=\"fas fa-arrow-right\"><\/i>\n <\/a>\n <\/div>\n \n <div class=\"ssa-programs-icon\">\n <i class=\"fas fa-brain\"><\/i>\n <\/div>\n <\/div>\n\n \n <div class=\"ssa-programs-card ssa-programs-card-4\">\n <img decoding=\"async\" class=\"ssa-programs-card-img\" \n src=\"https:\/\/images.unsplash.com\/photo-1556905055-8f358a7a47b2?w=800&q=80\" \n alt=\"Fashion Entrepreneurship\" \n loading=\"lazy\">\n <div class=\"ssa-programs-card-overlay\"><\/div>\n \n <div class=\"ssa-programs-card-content\">\n <h3 class=\"ssa-programs-card-title\">Fashion Entrepreneurship<\/h3>\n <p class=\"ssa-programs-card-desc\">\n Learn fashion design, tailoring, branding, business management, and entrepreneurship to build sustainable ventures.\n <\/p>\n <a href=\"https:\/\/savvyscopeacademy.com\/index.php\/fashion-entrepreneurship\/\" class=\"ssa-programs-card-cta\">\n Explore Program <i class=\"fas fa-arrow-right\"><\/i>\n <\/a>\n <\/div>\n \n <div class=\"ssa-programs-icon\">\n <i class=\"fas fa-tshirt\"><\/i>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n \n <script>\n (function() {\n const cards = document.querySelectorAll('.ssa-programs-section .ssa-programs-card');\n if (cards.length === 0) return;\n \n if ('IntersectionObserver' in window) {\n const observer = new IntersectionObserver((entries) => {\n entries.forEach(entry => {\n if (entry.isIntersecting) {\n entry.target.classList.add('ssa-programs-revealed');\n observer.unobserve(entry.target);\n }\n });\n }, { \n threshold: 0.15,\n rootMargin: '0px 0px -30px 0px'\n });\n \n cards.forEach(card => {\n observer.observe(card);\n });\n } else {\n cards.forEach(card => {\n card.classList.add('ssa-programs-revealed');\n });\n }\n })();\n <\/script>\n<\/body>\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-700ab13 e-con-full e-flex e-con e-parent\" data-id=\"700ab13\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-b019c77 elementor-widget elementor-widget-html\" data-id=\"b019c77\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!DOCTYPE html>\n<html lang=\"en\">\n<head>\n <meta charset=\"UTF-8\" \/>\n <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\" \/>\n <title>Our Approach \u00b7 SavvyScope Academy<\/title>\n <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\" \/>\n <link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin \/>\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Inter:opsz,wght@14..32,400;14..32,500;14..32,600;14..32,700&family=Poppins:wght@600;700;800;900&display=swap\" rel=\"stylesheet\" \/>\n <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.0.0-beta3\/css\/all.min.css\" \/>\n <style>\n \/* \u2500\u2500 reset \/ base (fully scoped) \u2500\u2500 *\/\n .ssa-approach-section * {\n margin: 0;\n padding: 0;\n box-sizing: border-box;\n }\n .ssa-approach-section {\n font-family: 'Inter', sans-serif;\n background: #F8F9FC;\n padding: 40px 0 50px;\n position: relative;\n overflow: hidden;\n isolation: isolate;\n }\n\n \/* \u2500\u2500 blurred orbs \u2500\u2500 *\/\n .ssa-approach-section .ssa-approach-orb {\n position: absolute;\n border-radius: 50%;\n filter: blur(160px);\n pointer-events: none;\n z-index: 0;\n }\n .ssa-approach-orb--purple {\n width: 700px;\n height: 700px;\n background: #5B2EFF;\n top: -300px;\n right: -200px;\n opacity: 0.06;\n }\n .ssa-approach-orb--gold {\n width: 600px;\n height: 600px;\n background: #F4B400;\n bottom: -250px;\n left: -180px;\n opacity: 0.05;\n }\n\n .ssa-approach-container {\n max-width: 1440px;\n margin: 0 auto;\n padding: 0 48px;\n position: relative;\n z-index: 2;\n }\n\n \/* \u2500\u2500 split layout \u2500\u2500 *\/\n .ssa-approach-split {\n display: flex;\n gap: 70px;\n align-items: center;\n }\n\n \/* \u2500\u2500 LEFT PANEL \u2500\u2500 *\/\n .ssa-approach-content {\n flex: 0 0 45%;\n display: flex;\n flex-direction: column;\n justify-content: center;\n }\n .ssa-approach-eyebrow {\n display: flex;\n align-items: center;\n gap: 16px;\n font-family: 'Poppins', sans-serif;\n font-weight: 700;\n font-size: 0.8rem;\n letter-spacing: 0.2em;\n text-transform: uppercase;\n color: #081B4B;\n margin-bottom: 16px;\n opacity: 0;\n transform: translateY(20px);\n transition: opacity 0.7s ease, transform 0.7s ease;\n }\n .ssa-approach-eyebrow.reveal {\n opacity: 1;\n transform: translateY(0);\n }\n .ssa-approach-gold-line {\n width: 52px;\n height: 5px;\n background: linear-gradient(90deg, #F4B400, #f7c948);\n border-radius: 8px;\n box-shadow: 0 0 24px rgba(244, 180, 0, 0.2);\n }\n .ssa-approach-heading {\n font-family: 'Poppins', sans-serif;\n font-weight: 800;\n font-size: 2.4rem;\n line-height: 1.2;\n color: #081B4B;\n margin-bottom: 16px;\n letter-spacing: -0.02em;\n opacity: 0;\n transform: translateY(24px);\n transition: opacity 0.8s ease, transform 0.8s ease;\n }\n .ssa-approach-heading.reveal {\n opacity: 1;\n transform: translateY(0);\n }\n .ssa-approach-heading .ssa-approach-highlight {\n color: #5B2EFF;\n display: inline-block;\n position: relative;\n }\n .ssa-approach-heading .ssa-approach-highlight::after {\n content: '';\n position: absolute;\n left: 0;\n bottom: 4px;\n width: 100%;\n height: 10px;\n background: rgba(91, 46, 255, 0.12);\n border-radius: 4px;\n z-index: -1;\n }\n .ssa-approach-desc {\n font-size: 16px;\n line-height: 1.7;\n color: #374151;\n max-width: 600px;\n margin-bottom: 24px;\n font-weight: 400;\n letter-spacing: -0.01em;\n opacity: 0;\n transform: translateY(20px);\n transition: opacity 0.7s ease 0.15s, transform 0.7s ease 0.15s;\n }\n .ssa-approach-desc.reveal {\n opacity: 1;\n transform: translateY(0);\n }\n .ssa-approach-btn {\n background: #F4B400;\n border: none;\n padding: 12px 32px;\n border-radius: 60px;\n font-family: 'Poppins', sans-serif;\n font-weight: 700;\n font-size: 0.95rem;\n color: #081B4B;\n display: inline-flex;\n align-items: center;\n gap: 12px;\n cursor: pointer;\n box-shadow: 0 6px 24px rgba(244, 180, 0, 0.3);\n width: fit-content;\n letter-spacing: 0.2px;\n text-decoration: none;\n opacity: 0;\n transform: translateY(20px);\n transition: opacity 0.7s ease 0.3s, transform 0.7s ease 0.3s, box-shadow 0.4s, transform 0.4s;\n }\n .ssa-approach-btn.reveal {\n opacity: 1;\n transform: translateY(0);\n }\n .ssa-approach-btn:hover {\n transform: translateY(-4px) scale(1.02);\n box-shadow: 0 12px 36px rgba(244, 180, 0, 0.45);\n }\n .ssa-approach-btn i {\n transition: transform 0.35s ease;\n }\n .ssa-approach-btn:hover i {\n transform: translateX(6px) scale(1.1);\n }\n\n \/* \u2500\u2500 RIGHT PANEL: pathway \u2500\u2500 *\/\n .ssa-approach-pathway-wrap {\n flex: 1;\n position: relative;\n padding: 10px 0 10px 10px;\n }\n\n .ssa-approach-pathway-svg {\n position: absolute;\n top: 0;\n left: 30px;\n width: 4px;\n height: 100%;\n z-index: 1;\n opacity: 0;\n transition: opacity 0.8s ease 0.2s;\n }\n .ssa-approach-pathway-svg.reveal {\n opacity: 1;\n }\n .ssa-approach-pathway-line {\n stroke: #d0d8ec;\n stroke-width: 4;\n fill: none;\n stroke-linecap: round;\n stroke-dasharray: 1200;\n stroke-dashoffset: 1200;\n transition: stroke-dashoffset 2.5s cubic-bezier(0.15, 0.85, 0.35, 1);\n }\n .ssa-approach-pathway-line.reveal {\n stroke-dashoffset: 0;\n }\n .ssa-approach-pathway-pulse {\n stroke: #5B2EFF;\n stroke-width: 4;\n fill: none;\n stroke-linecap: round;\n stroke-dasharray: 8 12;\n animation: ssaPulseMove 2.4s linear infinite;\n opacity: 0;\n transition: opacity 0.6s ease 0.8s;\n }\n .ssa-approach-pathway-pulse.reveal {\n opacity: 1;\n }\n @keyframes ssaPulseMove {\n 0% { stroke-dashoffset: 0; }\n 100% { stroke-dashoffset: -40; }\n }\n\n .ssa-approach-steps {\n display: flex;\n flex-direction: column;\n gap: 20px;\n padding-left: 72px;\n position: relative;\n z-index: 3;\n }\n\n .ssa-approach-step {\n display: flex;\n align-items: flex-start;\n gap: 20px;\n padding: 12px 18px 12px 14px;\n border-radius: 20px;\n background: rgba(255, 255, 255, 0.6);\n backdrop-filter: blur(4px);\n -webkit-backdrop-filter: blur(4px);\n border: 1px solid rgba(255, 255, 255, 0.7);\n transition: all 0.5s cubic-bezier(0.12, 0.75, 0.25, 1);\n cursor: default;\n position: relative;\n box-shadow: 0 4px 16px rgba(8, 27, 75, 0.02);\n opacity: 0;\n transform: translateX(30px);\n transition: opacity 0.7s ease, transform 0.8s cubic-bezier(0.12, 0.75, 0.25, 1), box-shadow 0.5s, background 0.4s;\n }\n .ssa-approach-step.reveal {\n opacity: 1;\n transform: translateX(0);\n }\n .ssa-approach-step:hover {\n background: rgba(255, 255, 255, 0.92);\n box-shadow: 0 16px 48px rgba(91, 46, 255, 0.08), 0 4px 20px rgba(8, 27, 75, 0.04);\n transform: translateX(6px) scale(1.01);\n border-color: rgba(91, 46, 255, 0.15);\n }\n\n .ssa-approach-step-icon {\n flex-shrink: 0;\n width: 48px;\n height: 48px;\n background: rgba(91, 46, 255, 0.06);\n border-radius: 16px;\n display: flex;\n align-items: center;\n justify-content: center;\n font-size: 1.4rem;\n color: #5B2EFF;\n transition: all 0.5s cubic-bezier(0.12, 0.75, 0.25, 1);\n }\n \/* \u2500\u2500 ON HOVER: icon turns GOLD \u2500\u2500 *\/\n .ssa-approach-step:hover .ssa-approach-step-icon {\n background: #F4B400;\n color: #081B4B;\n transform: scale(1.08) rotate(2deg);\n box-shadow: 0 8px 28px rgba(244, 180, 0, 0.35);\n }\n\n .ssa-approach-step-text {\n flex: 1;\n }\n .ssa-approach-step-title {\n font-family: 'Poppins', sans-serif;\n font-weight: 800;\n font-size: 1.1rem;\n color: #081B4B;\n margin-bottom: 2px;\n letter-spacing: -0.01em;\n }\n .ssa-approach-step-desc {\n font-size: 0.9rem;\n line-height: 1.5;\n color: #374151;\n font-weight: 400;\n opacity: 0.7;\n transition: opacity 0.4s ease;\n }\n .ssa-approach-step:hover .ssa-approach-step-desc {\n opacity: 1;\n }\n\n \/* \u2500\u2500 responsive \u2500\u2500 *\/\n @media (max-width: 1100px) {\n .ssa-approach-split {\n flex-direction: column;\n gap: 40px;\n }\n .ssa-approach-content {\n flex: 1 1 auto;\n }\n .ssa-approach-heading {\n font-size: 2.2rem;\n }\n .ssa-approach-desc {\n max-width: 100%;\n }\n .ssa-approach-pathway-wrap {\n width: 100%;\n padding: 10px 0;\n }\n .ssa-approach-steps {\n padding-left: 60px;\n }\n }\n @media (max-width: 700px) {\n .ssa-approach-section {\n padding: 30px 0 35px;\n }\n .ssa-approach-container {\n padding: 0 20px;\n }\n .ssa-approach-heading {\n font-size: 1.9rem;\n }\n .ssa-approach-desc {\n font-size: 16px;\n }\n .ssa-approach-btn {\n padding: 10px 24px;\n font-size: 0.9rem;\n width: 100%;\n justify-content: center;\n }\n .ssa-approach-steps {\n padding-left: 0;\n gap: 16px;\n }\n .ssa-approach-pathway-svg {\n display: none;\n }\n .ssa-approach-step {\n padding: 10px 14px;\n background: rgba(255, 255, 255, 0.8);\n backdrop-filter: blur(4px);\n border-radius: 16px;\n transform: translateY(20px);\n }\n .ssa-approach-step.reveal {\n transform: translateY(0);\n }\n .ssa-approach-step-icon {\n width: 40px;\n height: 40px;\n font-size: 1.2rem;\n border-radius: 12px;\n }\n .ssa-approach-step-title {\n font-size: 1rem;\n }\n .ssa-approach-step-desc {\n font-size: 0.85rem;\n }\n }\n @media (max-width: 480px) {\n .ssa-approach-heading {\n font-size: 1.6rem;\n }\n }\n\n \/* \u2500\u2500 reduced motion \u2500\u2500 *\/\n @media (prefers-reduced-motion: reduce) {\n .ssa-approach-step,\n .ssa-approach-pathway-pulse,\n .ssa-approach-btn,\n .ssa-approach-step-icon,\n .ssa-approach-pathway-line,\n .ssa-approach-eyebrow,\n .ssa-approach-heading,\n .ssa-approach-desc {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n .ssa-approach-pathway-pulse {\n animation: none;\n stroke-dasharray: none;\n }\n .ssa-approach-pathway-line {\n stroke-dashoffset: 0 !important;\n }\n }\n\n \/* \u2500\u2500 accessibility \u2500\u2500 *\/\n .ssa-approach-step:focus-visible {\n outline: 4px solid #5B2EFF;\n outline-offset: 4px;\n }\n .ssa-approach-btn:focus-visible {\n outline: 4px solid #081B4B;\n outline-offset: 4px;\n }\n <\/style>\n<\/head>\n<body>\n <section class=\"ssa-approach-section\" aria-label=\"Our Approach at SavvyScope Academy\">\n <div class=\"ssa-approach-orb ssa-approach-orb--purple\"><\/div>\n <div class=\"ssa-approach-orb ssa-approach-orb--gold\"><\/div>\n\n <div class=\"ssa-approach-container\">\n <div class=\"ssa-approach-split\">\n\n <div class=\"ssa-approach-content\">\n <div class=\"ssa-approach-eyebrow\">\n <span class=\"ssa-approach-gold-line\"><\/span>\n OUR APPROACH\n <\/div>\n\n <h2 class=\"ssa-approach-heading\">\n Creating Pathways to<br \/>\n Education, <span class=\"ssa-approach-highlight\">Skills & Opportunity<\/span>\n <\/h2>\n\n <p class=\"ssa-approach-desc\">\n At SavvyScope Academy, we believe that talent is everywhere, but opportunity is not always equally accessible.<br \/><br \/>\n Through education, technology, entrepreneurship, and global learning pathways, we help learners unlock opportunities that transform lives and strengthen communities.\n <\/p>\n\n <a href=\"https:\/\/savvyscopeacademy.com\/index.php\/our-approach\/\" class=\"ssa-approach-btn\" aria-label=\"Learn more about our approach\">\n <span>Learn More<\/span> <i class=\"fas fa-arrow-right\"><\/i>\n <\/a>\n <\/div>\n\n <div class=\"ssa-approach-pathway-wrap\">\n <svg class=\"ssa-approach-pathway-svg\" viewBox=\"0 0 4 600\" preserveAspectRatio=\"none\" aria-hidden=\"true\">\n <line x1=\"2\" y1=\"0\" x2=\"2\" y2=\"600\" class=\"ssa-approach-pathway-line\" \/>\n <line x1=\"2\" y1=\"0\" x2=\"2\" y2=\"600\" class=\"ssa-approach-pathway-pulse\" \/>\n <\/svg>\n\n <div class=\"ssa-approach-steps\">\n <div class=\"ssa-approach-step\" style=\"transition-delay: 0.05s;\" tabindex=\"0\" role=\"listitem\">\n <div class=\"ssa-approach-step-icon\"><i class=\"fas fa-book\"><\/i><\/div>\n <div class=\"ssa-approach-step-text\">\n <div class=\"ssa-approach-step-title\">Learn<\/div>\n <div class=\"ssa-approach-step-desc\">Access quality education, resources, mentorship, and training.<\/div>\n <\/div>\n <\/div>\n\n <div class=\"ssa-approach-step\" style=\"transition-delay: 0.20s;\" tabindex=\"0\" role=\"listitem\">\n <div class=\"ssa-approach-step-icon\"><i class=\"fas fa-laptop\"><\/i><\/div>\n <div class=\"ssa-approach-step-text\">\n <div class=\"ssa-approach-step-title\">Build Skills<\/div>\n <div class=\"ssa-approach-step-desc\">Develop practical competencies that solve real-world problems.<\/div>\n <\/div>\n <\/div>\n\n <div class=\"ssa-approach-step\" style=\"transition-delay: 0.35s;\" tabindex=\"0\" role=\"listitem\">\n <div class=\"ssa-approach-step-icon\"><i class=\"fas fa-rocket\"><\/i><\/div>\n <div class=\"ssa-approach-step-text\">\n <div class=\"ssa-approach-step-title\">Apply Knowledge<\/div>\n <div class=\"ssa-approach-step-desc\">Use your skills in education, employment, entrepreneurship, and career growth.<\/div>\n <\/div>\n <\/div>\n\n <div class=\"ssa-approach-step\" style=\"transition-delay: 0.50s;\" tabindex=\"0\" role=\"listitem\">\n <div class=\"ssa-approach-step-icon\"><i class=\"fas fa-globe\"><\/i><\/div>\n <div class=\"ssa-approach-step-text\">\n <div class=\"ssa-approach-step-title\">Access Opportunities<\/div>\n <div class=\"ssa-approach-step-desc\">Connect with scholarships, jobs, internships, and global opportunities.<\/div>\n <\/div>\n <\/div>\n\n <div class=\"ssa-approach-step\" style=\"transition-delay: 0.65s;\" tabindex=\"0\" role=\"listitem\">\n <div class=\"ssa-approach-step-icon\"><i class=\"fas fa-star\"><\/i><\/div>\n <div class=\"ssa-approach-step-text\">\n <div class=\"ssa-approach-step-title\">Create Impact<\/div>\n <div class=\"ssa-approach-step-desc\">Empowered learners create positive change within their communities.<\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n <script>\n (function() {\n 'use strict';\n\n const section = document.querySelector('.ssa-approach-section');\n if (!section) return;\n\n const elements = {\n eyebrow: section.querySelector('.ssa-approach-eyebrow'),\n heading: section.querySelector('.ssa-approach-heading'),\n desc: section.querySelector('.ssa-approach-desc'),\n btn: section.querySelector('.ssa-approach-btn'),\n svg: section.querySelector('.ssa-approach-pathway-svg'),\n line: section.querySelector('.ssa-approach-pathway-line'),\n pulse: section.querySelector('.ssa-approach-pathway-pulse'),\n steps: section.querySelectorAll('.ssa-approach-step'),\n };\n\n let revealed = false;\n\n const observer = new IntersectionObserver((entries) => {\n entries.forEach(entry => {\n if (entry.isIntersecting && !revealed) {\n revealed = true;\n triggerReveal();\n observer.unobserve(section);\n }\n });\n }, { threshold: 0.15 });\n\n observer.observe(section);\n\n function triggerReveal() {\n if (elements.eyebrow) elements.eyebrow.classList.add('reveal');\n if (elements.heading) elements.heading.classList.add('reveal');\n if (elements.desc) elements.desc.classList.add('reveal');\n if (elements.btn) elements.btn.classList.add('reveal');\n if (elements.svg) elements.svg.classList.add('reveal');\n if (elements.line) elements.line.classList.add('reveal');\n if (elements.pulse) elements.pulse.classList.add('reveal');\n\n elements.steps.forEach((step, index) => {\n setTimeout(() => {\n step.classList.add('reveal');\n }, 150 + index * 120);\n });\n }\n\n setTimeout(() => {\n if (!revealed) {\n const rect = section.getBoundingClientRect();\n if (rect.top < window.innerHeight - 100) {\n revealed = true;\n triggerReveal();\n observer.unobserve(section);\n }\n }\n }, 200);\n\n const prefersReduced = window.matchMedia('(prefers-reduced-motion: reduce)');\n if (prefersReduced.matches) {\n setTimeout(() => {\n if (!revealed) {\n revealed = true;\n triggerReveal();\n observer.unobserve(section);\n }\n }, 50);\n }\n })();\n <\/script>\n<\/body>\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-927de39 e-con-full e-flex e-con e-parent\" data-id=\"927de39\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-c5fe1af elementor-widget elementor-widget-html\" data-id=\"c5fe1af\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!DOCTYPE html>\n<html lang=\"en\">\n<head>\n <meta charset=\"UTF-8\">\n <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0, viewport-fit=cover\">\n <title>SavvyScope Academy | Impact Statistics<\/title>\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Inter:opsz,wght@14..32,300;14..32,400;14..32,500;14..32,600;14..32,700&family=Poppins:wght@400;500;600;700;800&display=swap\" rel=\"stylesheet\">\n <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.0.0-beta3\/css\/all.min.css\">\n <style>\n \/* ========== SCOPED STATISTICS SECTION ========== *\/\n .ssa-impact-section {\n width: 100%;\n padding: 50px 24px;\n background: #081B4B;\n font-family: 'Inter', sans-serif;\n isolation: isolate;\n position: relative;\n overflow: hidden;\n }\n\n \/* Animated Gradient Glow Background *\/\n .ssa-impact-section::before {\n content: '';\n position: absolute;\n top: -50%;\n left: -20%;\n width: 70%;\n height: 200%;\n background: radial-gradient(ellipse, rgba(91, 46, 255, 0.08) 0%, rgba(244, 180, 0, 0.03) 40%, transparent 70%);\n pointer-events: none;\n z-index: 0;\n animation: ssa-glow-pulse 12s ease-in-out infinite alternate;\n }\n\n .ssa-impact-section::after {\n content: '';\n position: absolute;\n bottom: -40%;\n right: -10%;\n width: 60%;\n height: 180%;\n background: radial-gradient(ellipse, rgba(244, 180, 0, 0.05) 0%, rgba(91, 46, 255, 0.03) 40%, transparent 70%);\n pointer-events: none;\n z-index: 0;\n animation: ssa-glow-pulse-reverse 15s ease-in-out infinite alternate;\n }\n\n @keyframes ssa-glow-pulse {\n 0% { opacity: 0.5; transform: scale(1); }\n 100% { opacity: 1; transform: scale(1.1); }\n }\n\n @keyframes ssa-glow-pulse-reverse {\n 0% { opacity: 0.6; transform: scale(1); }\n 100% { opacity: 1; transform: scale(1.15); }\n }\n\n .ssa-impact-section .ssa-container {\n max-width: 1280px;\n margin: 0 auto;\n position: relative;\n z-index: 2;\n }\n\n \/* ========== STATS GRID ========== *\/\n .ssa-impact-section .ssa-stats-grid {\n display: grid;\n grid-template-columns: repeat(4, 1fr);\n gap: 0;\n position: relative;\n }\n\n \/* Vertical Dividers *\/\n .ssa-impact-section .ssa-stat-item:not(:last-child)::after {\n content: '';\n position: absolute;\n right: 0;\n top: 50%;\n transform: translateY(-50%);\n width: 1px;\n height: 60px;\n background: linear-gradient(180deg, transparent, rgba(255, 255, 255, 0.2), transparent);\n }\n\n \/* ========== STAT ITEM ========== *\/\n .ssa-impact-section .ssa-stat-item {\n display: flex;\n align-items: center;\n gap: 20px;\n padding: 20px 24px;\n position: relative;\n opacity: 0;\n transform: translateY(35px);\n transition: all 0.6s cubic-bezier(0.2, 0.9, 0.4, 1.1);\n cursor: default;\n }\n\n .ssa-impact-section .ssa-stat-item.ssa-revealed {\n opacity: 1;\n transform: translateY(0);\n }\n\n \/* Stagger delays *\/\n .ssa-impact-section .ssa-stat-item:nth-child(1).ssa-revealed { transition-delay: 0ms; }\n .ssa-impact-section .ssa-stat-item:nth-child(2).ssa-revealed { transition-delay: 100ms; }\n .ssa-impact-section .ssa-stat-item:nth-child(3).ssa-revealed { transition-delay: 200ms; }\n .ssa-impact-section .ssa-stat-item:nth-child(4).ssa-revealed { transition-delay: 300ms; }\n\n \/* Hover Effect *\/\n .ssa-impact-section .ssa-stat-item:hover {\n transform: translateY(-6px);\n }\n\n \/* ========== ICON ========== *\/\n .ssa-impact-section .ssa-stat-icon {\n flex-shrink: 0;\n width: 60px;\n height: 60px;\n display: flex;\n align-items: center;\n justify-content: center;\n border-radius: 50%;\n background: rgba(255, 255, 255, 0.06);\n transition: all 0.3s ease;\n }\n\n .ssa-impact-section .ssa-stat-item:hover .ssa-stat-icon {\n background: rgba(255, 255, 255, 0.12);\n transform: scale(1.05);\n }\n\n .ssa-impact-section .ssa-stat-icon i {\n font-size: 28px;\n transition: transform 0.3s ease;\n }\n\n .ssa-impact-section .ssa-stat-item:hover .ssa-stat-icon i {\n transform: scale(1.1);\n }\n\n \/* Alternating icon colors *\/\n .ssa-impact-section .ssa-stat-item:nth-child(odd) .ssa-stat-icon i {\n color: #F4B400;\n }\n\n .ssa-impact-section .ssa-stat-item:nth-child(even) .ssa-stat-icon i {\n color: #F4B400;\n }\n\n \/* ========== NUMBER - ALL WHITE ========== *\/\n .ssa-impact-section .ssa-stat-number {\n font-family: 'Poppins', sans-serif;\n font-size: 44px;\n font-weight: 700;\n line-height: 1;\n margin-bottom: 6px;\n display: inline-block;\n transition: text-shadow 0.3s ease;\n color: #FFFFFF;\n }\n\n .ssa-impact-section .ssa-stat-item:hover .ssa-stat-number {\n text-shadow: 0 0 30px rgba(244, 180, 0, 0.2);\n }\n\n \/* ========== LABEL ========== *\/\n .ssa-impact-section .ssa-stat-label {\n font-family: 'Inter', sans-serif;\n font-size: 15px;\n font-weight: 400;\n color: rgba(255, 255, 255, 0.85);\n line-height: 1.4;\n letter-spacing: 0.2px;\n }\n\n \/* ========== RESPONSIVE ========== *\/\n @media screen and (max-width: 1100px) {\n .ssa-impact-section .ssa-stat-number {\n font-size: 38px;\n }\n .ssa-impact-section .ssa-stat-icon {\n width: 54px;\n height: 54px;\n }\n .ssa-impact-section .ssa-stat-icon i {\n font-size: 24px;\n }\n }\n\n @media screen and (max-width: 880px) {\n .ssa-impact-section .ssa-stats-grid {\n grid-template-columns: repeat(2, 1fr);\n gap: 32px 24px;\n }\n .ssa-impact-section .ssa-stat-item {\n padding: 0;\n flex-direction: column;\n text-align: center;\n gap: 12px;\n }\n .ssa-impact-section .ssa-stat-item:not(:last-child)::after {\n display: none;\n }\n .ssa-impact-section .ssa-stat-number {\n font-size: 36px;\n }\n .ssa-impact-section .ssa-stat-label {\n font-size: 14px;\n }\n .ssa-impact-section {\n padding: 40px 20px;\n }\n }\n\n @media screen and (max-width: 580px) {\n .ssa-impact-section .ssa-stats-grid {\n grid-template-columns: 1fr;\n gap: 28px;\n }\n .ssa-impact-section .ssa-stat-number {\n font-size: 34px;\n }\n .ssa-impact-section .ssa-stat-label {\n font-size: 13px;\n }\n .ssa-impact-section .ssa-stat-icon {\n width: 56px;\n height: 56px;\n }\n .ssa-impact-section .ssa-stat-icon i {\n font-size: 26px;\n }\n .ssa-impact-section {\n padding: 30px 16px;\n }\n }\n\n \/* ========== ACCESSIBILITY ========== *\/\n .ssa-impact-section .ssa-stat-item:focus-visible {\n outline: 2px solid #F4B400;\n outline-offset: 4px;\n border-radius: 12px;\n }\n <\/style>\n<\/head>\n<body>\n <section class=\"ssa-impact-section\" aria-label=\"Our Impact Statistics\">\n <div class=\"ssa-container\">\n <div class=\"ssa-stats-grid\">\n \n \n <div class=\"ssa-stat-item\" data-target=\"5000\" data-suffix=\"+\" data-prefix=\"\">\n <div class=\"ssa-stat-icon\">\n <i class=\"fas fa-graduation-cap\"><\/i>\n <\/div>\n <div class=\"ssa-stat-content\">\n <div class=\"ssa-stat-number\">0<\/div>\n <div class=\"ssa-stat-label\">Learners Supported<\/div>\n <\/div>\n <\/div>\n \n \n <div class=\"ssa-stat-item\" data-target=\"150\" data-suffix=\"+\" data-prefix=\"\">\n <div class=\"ssa-stat-icon\">\n <i class=\"fas fa-book-open\"><\/i>\n <\/div>\n <div class=\"ssa-stat-content\">\n <div class=\"ssa-stat-number\">0<\/div>\n <div class=\"ssa-stat-label\">Courses & Resources<\/div>\n <\/div>\n <\/div>\n \n \n <div class=\"ssa-stat-item\" data-target=\"25\" data-suffix=\"+\" data-prefix=\"\">\n <div class=\"ssa-stat-icon\">\n <i class=\"fas fa-globe\"><\/i>\n <\/div>\n <div class=\"ssa-stat-content\">\n <div class=\"ssa-stat-number\">0<\/div>\n <div class=\"ssa-stat-label\">Countries Reached<\/div>\n <\/div>\n <\/div>\n \n \n <div class=\"ssa-stat-item\" data-target=\"98\" data-suffix=\"%\" data-prefix=\"\">\n <div class=\"ssa-stat-icon\">\n <i class=\"fas fa-trophy\"><\/i>\n <\/div>\n <div class=\"ssa-stat-content\">\n <div class=\"ssa-stat-number\">0<\/div>\n <div class=\"ssa-stat-label\">Learner Satisfaction<\/div>\n <\/div>\n <\/div>\n \n <\/div>\n <\/div>\n <\/section>\n\n <script>\n (function() {\n const statItems = document.querySelectorAll('.ssa-impact-section .ssa-stat-item');\n if (statItems.length === 0) return;\n \n \/\/ Counter animation function\n function animateCounter(element, target, suffix, prefix) {\n let current = 0;\n const duration = 2000;\n const stepTime = 20;\n const steps = duration \/ stepTime;\n const increment = target \/ steps;\n \n const counter = setInterval(() => {\n current += increment;\n if (current >= target) {\n element.textContent = prefix + target + suffix;\n clearInterval(counter);\n } else {\n element.textContent = prefix + Math.floor(current) + suffix;\n }\n }, stepTime);\n }\n \n \/\/ Intersection Observer for scroll reveal + counter trigger\n const observer = new IntersectionObserver((entries) => {\n entries.forEach(entry => {\n if (entry.isIntersecting) {\n const statItem = entry.target;\n statItem.classList.add('ssa-revealed');\n \n const numberElement = statItem.querySelector('.ssa-stat-number');\n if (numberElement && !statItem.hasAttribute('data-animated')) {\n statItem.setAttribute('data-animated', 'true');\n const target = parseInt(statItem.getAttribute('data-target'), 10);\n const suffix = statItem.getAttribute('data-suffix') || '';\n const prefix = statItem.getAttribute('data-prefix') || '';\n animateCounter(numberElement, target, suffix, prefix);\n }\n observer.unobserve(statItem);\n }\n });\n }, { \n threshold: 0.25,\n rootMargin: '0px 0px -50px 0px'\n });\n \n \/\/ Stagger delays handled by CSS\n statItems.forEach(item => {\n observer.observe(item);\n });\n \n \/\/ Fallback: if section is already visible on page load\n if (statItems.length > 0) {\n const section = document.querySelector('.ssa-impact-section');\n if (section && section.getBoundingClientRect().top < window.innerHeight - 100) {\n statItems.forEach((item, idx) => {\n if (!item.classList.contains('ssa-revealed')) {\n item.classList.add('ssa-revealed');\n const numberElement = item.querySelector('.ssa-stat-number');\n if (numberElement && !item.hasAttribute('data-animated')) {\n item.setAttribute('data-animated', 'true');\n const target = parseInt(item.getAttribute('data-target'), 10);\n const suffix = item.getAttribute('data-suffix') || '';\n const prefix = item.getAttribute('data-prefix') || '';\n setTimeout(() => {\n animateCounter(numberElement, target, suffix, prefix);\n }, idx * 100);\n }\n }\n });\n }\n }\n })();\n <\/script>\n<\/body>\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-1911d42 e-con-full e-flex e-con e-parent\" data-id=\"1911d42\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-02652e2 elementor-widget elementor-widget-html\" data-id=\"02652e2\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!DOCTYPE html>\n<html lang=\"en\">\n<head>\n <meta charset=\"UTF-8\">\n <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0, viewport-fit=cover\">\n <title>SavvyScope Academy | Insights & Articles<\/title>\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Inter:opsz,wght@14..32,300;14..32,400;14..32,500;14..32,600;14..32,700;14..32,800&family=Poppins:wght@400;500;600;700;800;900&display=swap\" rel=\"stylesheet\">\n <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.0.0-beta3\/css\/all.min.css\">\n <style>\n \/* ---------- SCOPED BLOG SECTION STYLES ---------- *\/\n .ssa-blog-section {\n width: 100%;\n background: #FFFFFF;\n font-family: 'Inter', sans-serif;\n padding: 60px 24px 40px 24px;\n isolation: isolate;\n position: relative;\n overflow-x: clip;\n }\n\n .ssa-blog-section .ssa-container {\n max-width: 1280px;\n margin: 0 auto;\n position: relative;\n z-index: 2;\n }\n\n \/* Section Header - Fade Up with delay *\/\n .ssa-blog-section .ssa-blog-header {\n text-align: center;\n margin-bottom: 40px;\n opacity: 0;\n transform: translateY(30px);\n animation: ssa-fade-up 0.8s ease-out 0.2s forwards;\n }\n\n @keyframes ssa-fade-up {\n to {\n opacity: 1;\n transform: translateY(0);\n }\n }\n\n .ssa-blog-section .ssa-blog-label {\n display: inline-flex;\n align-items: center;\n gap: 14px;\n font-family: 'Poppins', sans-serif;\n font-weight: 700;\n font-size: 0.75rem;\n letter-spacing: 0.2em;\n text-transform: uppercase;\n color: #081B4B;\n margin-bottom: 14px;\n }\n\n .ssa-blog-section .ssa-blog-label::before {\n content: '';\n width: 44px;\n height: 4px;\n background: linear-gradient(90deg, #F4B400, #f7c948);\n border-radius: 6px;\n box-shadow: 0 0 20px rgba(244, 180, 0, 0.15);\n }\n\n .ssa-blog-section .ssa-blog-title {\n font-family: 'Poppins', sans-serif;\n font-weight: 800;\n font-size: 2.4rem;\n line-height: 1.2;\n color: #081B4B;\n margin-bottom: 14px;\n letter-spacing: -0.02em;\n }\n\n .ssa-blog-section .ssa-blog-title span {\n color: #5B2EFF;\n display: inline-block;\n position: relative;\n }\n\n .ssa-blog-section .ssa-blog-title span::after {\n content: '';\n position: absolute;\n left: 0;\n bottom: 4px;\n width: 100%;\n height: 10px;\n background: rgba(91, 46, 255, 0.12);\n border-radius: 4px;\n z-index: -1;\n }\n\n .ssa-blog-section .ssa-blog-subtitle {\n font-family: 'Inter', sans-serif;\n font-size: 16px;\n line-height: 1.7;\n color: #374151;\n max-width: 600px;\n margin: 0 auto;\n font-weight: 400;\n letter-spacing: -0.01em;\n opacity: 0;\n transform: translateY(20px);\n animation: ssa-fade-up-sub 0.6s ease-out 0.35s forwards;\n }\n\n @keyframes ssa-fade-up-sub {\n to {\n opacity: 1;\n transform: translateY(0);\n }\n }\n\n \/* Blog Grid - 4 columns *\/\n .ssa-blog-section .ssa-blog-grid {\n display: grid;\n grid-template-columns: repeat(4, 1fr);\n gap: 24px;\n margin-bottom: 30px;\n }\n\n \/* Blog Card - Scroll reveal handled by JS *\/\n .ssa-blog-section .ssa-blog-card {\n background: #FFFFFF;\n border-radius: 20px;\n overflow: hidden;\n box-shadow: 0 12px 28px rgba(0, 0, 0, 0.04), 0 2px 4px rgba(0, 0, 0, 0.02);\n transition: all 0.4s cubic-bezier(0.2, 0.9, 0.4, 1.1);\n display: flex;\n flex-direction: column;\n height: 100%;\n position: relative;\n opacity: 0;\n transform: translateY(40px);\n }\n\n .ssa-blog-section .ssa-blog-card.ssa-card-revealed {\n opacity: 1;\n transform: translateY(0);\n }\n\n .ssa-blog-section .ssa-blog-card:hover {\n transform: translateY(-8px);\n box-shadow: 0 28px 45px rgba(91, 46, 255, 0.1), 0 8px 16px rgba(0, 0, 0, 0.05);\n }\n\n \/* Card Image *\/\n .ssa-blog-section .ssa-card-image {\n position: relative;\n height: 200px;\n overflow: hidden;\n background: linear-gradient(135deg, #eef2f6, #e8edf3);\n }\n\n .ssa-blog-section .ssa-card-image img {\n width: 100%;\n height: 100%;\n object-fit: cover;\n transition: transform 0.5s ease;\n }\n\n .ssa-blog-section .ssa-blog-card:hover .ssa-card-image img {\n transform: scale(1.06);\n }\n\n \/* Category Badge *\/\n .ssa-blog-section .ssa-category-badge {\n position: absolute;\n top: 12px;\n left: 12px;\n background: #5B2EFF;\n color: white;\n font-family: 'Inter', sans-serif;\n font-weight: 600;\n font-size: 10px;\n padding: 4px 12px;\n border-radius: 30px;\n z-index: 2;\n letter-spacing: 0.3px;\n box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1);\n }\n\n \/* Card Content *\/\n .ssa-blog-section .ssa-card-content {\n padding: 18px 18px 22px;\n flex-grow: 1;\n display: flex;\n flex-direction: column;\n }\n\n \/* Meta Info *\/\n .ssa-blog-section .ssa-card-meta {\n display: flex;\n align-items: center;\n gap: 12px;\n margin-bottom: 10px;\n font-family: 'Inter', sans-serif;\n font-size: 11px;\n color: #6b7a8f;\n flex-wrap: wrap;\n }\n\n .ssa-blog-section .ssa-card-meta i {\n font-size: 10px;\n margin-right: 3px;\n color: #5B2EFF;\n }\n\n .ssa-blog-section .ssa-meta-date,\n .ssa-blog-section .ssa-meta-read {\n display: inline-flex;\n align-items: center;\n gap: 4px;\n }\n\n \/* Card Title *\/\n .ssa-blog-section .ssa-card-title {\n font-family: 'Poppins', sans-serif;\n font-size: 16px;\n font-weight: 600;\n color: #081B4B;\n margin-bottom: 10px;\n line-height: 1.4;\n transition: color 0.2s ease;\n }\n\n .ssa-blog-section .ssa-blog-card:hover .ssa-card-title {\n color: #5B2EFF;\n }\n\n \/* Card Excerpt *\/\n .ssa-blog-section .ssa-card-excerpt {\n font-family: 'Inter', sans-serif;\n font-size: 13px;\n line-height: 1.55;\n color: #5b6e8c;\n margin-bottom: 16px;\n flex-grow: 1;\n }\n\n \/* Read More Link *\/\n .ssa-blog-section .ssa-read-more {\n display: inline-flex;\n align-items: center;\n gap: 6px;\n font-family: 'Inter', sans-serif;\n font-weight: 600;\n font-size: 12px;\n color: #5B2EFF;\n text-decoration: none;\n transition: all 0.25s ease;\n margin-top: auto;\n }\n\n .ssa-blog-section .ssa-read-more i {\n font-size: 10px;\n transition: transform 0.2s ease;\n }\n\n .ssa-blog-section .ssa-read-more:hover {\n gap: 10px;\n color: #4a24d4;\n }\n\n .ssa-blog-section .ssa-read-more:hover i {\n transform: translateX(3px);\n }\n\n \/* View All Button - Aligned to Right *\/\n .ssa-blog-section .ssa-view-all-wrapper {\n text-align: right;\n opacity: 0;\n transform: translateY(20px);\n animation: ssa-fade-up-btn 0.6s ease-out 0.5s forwards;\n }\n\n @keyframes ssa-fade-up-btn {\n to {\n opacity: 1;\n transform: translateY(0);\n }\n }\n\n .ssa-blog-section .ssa-view-all-btn {\n display: inline-flex;\n align-items: center;\n gap: 10px;\n font-family: 'Poppins', sans-serif;\n font-weight: 600;\n font-size: 15px;\n color: #5B2EFF;\n background: transparent;\n text-decoration: none;\n transition: all 0.3s ease;\n border: none;\n cursor: pointer;\n }\n\n .ssa-blog-section .ssa-view-all-btn i {\n font-size: 13px;\n transition: transform 0.2s;\n }\n\n .ssa-blog-section .ssa-view-all-btn:hover {\n gap: 14px;\n color: #4a24d4;\n }\n\n .ssa-blog-section .ssa-view-all-btn:hover i {\n transform: translateX(5px);\n }\n\n \/* ========== RESPONSIVE BREAKPOINTS ========== *\/\n @media screen and (max-width: 1100px) {\n .ssa-blog-section .ssa-blog-grid {\n gap: 20px;\n }\n .ssa-blog-section .ssa-blog-title {\n font-size: 2.2rem;\n }\n .ssa-blog-section .ssa-card-title {\n font-size: 15px;\n }\n .ssa-blog-section .ssa-card-excerpt {\n font-size: 12px;\n }\n .ssa-blog-section .ssa-card-image {\n height: 180px;\n }\n }\n\n @media screen and (max-width: 880px) {\n .ssa-blog-section {\n padding: 40px 20px 30px 20px;\n }\n .ssa-blog-section .ssa-blog-grid {\n grid-template-columns: repeat(2, 1fr);\n gap: 24px;\n margin-bottom: 25px;\n }\n .ssa-blog-section .ssa-blog-title {\n font-size: 1.9rem;\n }\n .ssa-blog-section .ssa-card-image {\n height: 200px;\n }\n .ssa-blog-section .ssa-card-title {\n font-size: 16px;\n }\n .ssa-blog-section .ssa-blog-header {\n margin-bottom: 35px;\n }\n .ssa-blog-section .ssa-blog-subtitle {\n font-size: 16px;\n }\n }\n\n @media screen and (max-width: 640px) {\n .ssa-blog-section {\n padding: 35px 16px 25px 16px;\n }\n .ssa-blog-section .ssa-blog-grid {\n grid-template-columns: 1fr;\n gap: 20px;\n max-width: 420px;\n margin: 0 auto 20px auto;\n }\n .ssa-blog-section .ssa-blog-title {\n font-size: 1.6rem;\n }\n .ssa-blog-section .ssa-card-image {\n height: 200px;\n }\n .ssa-blog-section .ssa-card-title {\n font-size: 17px;\n }\n .ssa-blog-section .ssa-card-excerpt {\n font-size: 13px;\n }\n .ssa-blog-section .ssa-view-all-btn {\n font-size: 14px;\n }\n .ssa-blog-section .ssa-blog-header {\n margin-bottom: 30px;\n }\n .ssa-blog-section .ssa-blog-subtitle {\n font-size: 15px;\n }\n }\n\n @media screen and (max-width: 480px) {\n .ssa-blog-section .ssa-blog-title {\n font-size: 1.6rem;\n }\n .ssa-blog-section .ssa-blog-subtitle {\n font-size: 14px;\n }\n }\n <\/style>\n<\/head>\n<body>\n <section class=\"ssa-blog-section\">\n <div class=\"ssa-container\">\n \n <div class=\"ssa-blog-header\">\n <div class=\"ssa-blog-label\">Insights<\/div>\n <h2 class=\"ssa-blog-title\">\n Insights & <span>Articles<\/span>\n <\/h2>\n <p class=\"ssa-blog-subtitle\">\n Discover expert tips, study strategies, scholarship news, and career advice from our team.\n <\/p>\n <\/div>\n\n \n <div class=\"ssa-blog-grid\">\n \n \n <div class=\"ssa-blog-card\" data-card-index=\"0\">\n <div class=\"ssa-card-image\">\n <img decoding=\"async\" src=\"https:\/\/savvyscopeacademy.com\/wp-content\/uploads\/2026\/07\/Top-Scholarships-For-Africans.webp\" alt=\"Top Scholarships for Africans\" loading=\"lazy\">\n <span class=\"ssa-category-badge\">Study Abroad<\/span>\n <\/div>\n <div class=\"ssa-card-content\">\n <div class=\"ssa-card-meta\">\n <span class=\"ssa-meta-date\"><i class=\"far fa-calendar-alt\"><\/i> July 7, 2026<\/span>\n <span class=\"ssa-meta-read\"><i class=\"far fa-clock\"><\/i> 8 min read<\/span>\n <\/div>\n <h3 class=\"ssa-card-title\">Top 10 Scholarships for African Students in 2026<\/h3>\n <p class=\"ssa-card-excerpt\">\n Discover fully-funded scholarships, application tips, and deadlines to help you study abroad without financial stress.\n <\/p>\n <a href=\"https:\/\/savvyscopeacademy.com\/index.php\/2026\/07\/07\/top-10-scholarships-for-african-students-in-2026\/\" class=\"ssa-read-more\">\n Read More <i class=\"fas fa-arrow-right\"><\/i>\n <\/a>\n <\/div>\n <\/div>\n\n \n <div class=\"ssa-blog-card\" data-card-index=\"1\">\n <div class=\"ssa-card-image\">\n <img decoding=\"async\" src=\"https:\/\/savvyscopeacademy.com\/wp-content\/uploads\/2026\/07\/TOEFL-iBT-Study-Plan-2026-Complete-3-Month-Preparation-Guide.webp\" alt=\"How to ACE the TOEFL iBT\" loading=\"lazy\">\n <span class=\"ssa-category-badge\">Exam Tips<\/span>\n <\/div>\n <div class=\"ssa-card-content\">\n <div class=\"ssa-card-meta\">\n <span class=\"ssa-meta-date\"><i class=\"far fa-calendar-alt\"><\/i> July 8, 2026<\/span>\n <span class=\"ssa-meta-read\"><i class=\"far fa-clock\"><\/i> 10 min read<\/span>\n <\/div>\n <h3 class=\"ssa-card-title\">How to Ace the TOEFL iBT: A Complete Study Plan<\/h3>\n <p class=\"ssa-card-excerpt\">\n Learn proven strategies for each section, time management techniques, and resources to boost your score.\n <\/p>\n <a href=\"https:\/\/savvyscopeacademy.com\/index.php\/2026\/07\/08\/toefl-ibt-study-plan-2026-the-complete-3-month-guide-to-achieving-your-target-score\/\" class=\"ssa-read-more\">\n Read More <i class=\"fas fa-arrow-right\"><\/i>\n <\/a>\n <\/div>\n <\/div>\n\n \n <div class=\"ssa-blog-card\" data-card-index=\"2\">\n <div class=\"ssa-card-image\">\n <img decoding=\"async\" src=\"https:\/\/savvyscopeacademy.com\/wp-content\/uploads\/2026\/07\/Best-Remote-Career-Skills-in-2026.webp\" alt=\"Professional working on laptop\" loading=\"lazy\">\n <span class=\"ssa-category-badge\">Remote Work<\/span>\n <\/div>\n <div class=\"ssa-card-content\">\n <div class=\"ssa-card-meta\">\n <span class=\"ssa-meta-date\"><i class=\"far fa-calendar-alt\"><\/i> July 8, 2026<\/span>\n <span class=\"ssa-meta-read\"><i class=\"far fa-clock\"><\/i> 12 min read<\/span>\n <\/div>\n <h3 class=\"ssa-card-title\">Building a Remote Career: Skills That Pay in 2026<\/h3>\n <p class=\"ssa-card-excerpt\">\n Explore high-demand remote skills, freelancing platforms, and how to land your first virtual job.\n <\/p>\n <a href=\"https:\/\/savvyscopeacademy.com\/index.php\/2026\/07\/08\/best-remote-career-skills-in-2026-your-complete-guide-to-building-a-high-paying-remote-career\/\" class=\"ssa-read-more\">\n Read More <i class=\"fas fa-arrow-right\"><\/i>\n <\/a>\n <\/div>\n <\/div>\n\n \n <div class=\"ssa-blog-card\" data-card-index=\"3\">\n <div class=\"ssa-card-image\">\n <img decoding=\"async\" src=\"https:\/\/savvyscopeacademy.com\/wp-content\/uploads\/2026\/07\/How-Artificial-Intelligence-Is-Transforming-Education-in-Africa.webp\" alt=\"AI technology in education\" loading=\"lazy\">\n <span class=\"ssa-category-badge\">AI & Education<\/span>\n <\/div>\n <div class=\"ssa-card-content\">\n <div class=\"ssa-card-meta\">\n <span class=\"ssa-meta-date\"><i class=\"far fa-calendar-alt\"><\/i> July 8, 2026<\/span>\n <span class=\"ssa-meta-read\"><i class=\"far fa-clock\"><\/i> 12 min read<\/span>\n <\/div>\n <h3 class=\"ssa-card-title\">How AI is Transforming Education in Africa<\/h3>\n <p class=\"ssa-card-excerpt\">\n Discover how artificial intelligence is creating new learning opportunities and personalized education across the continent.\n <\/p>\n <a href=\"https:\/\/savvyscopeacademy.com\/index.php\/2026\/07\/08\/how-artificial-intelligence-is-transforming-education-in-africa-opportunities-challenges-and-the-future-of-learning\/\" class=\"ssa-read-more\">\n Read More <i class=\"fas fa-arrow-right\"><\/i>\n <\/a>\n <\/div>\n <\/div>\n <\/div>\n\n \n <div class=\"ssa-view-all-wrapper\">\n <a href=\"#\" class=\"ssa-view-all-btn\">\n View All Articles <i class=\"fas fa-arrow-right\"><\/i>\n <\/a>\n <\/div>\n <\/div>\n <\/section>\n\n \n <script>\n (function() {\n const cards = document.querySelectorAll('.ssa-blog-section .ssa-blog-card');\n if (cards.length === 0) return;\n \n const staggerDelays = [0, 100, 200, 300];\n \n if ('IntersectionObserver' in window) {\n const observer = new IntersectionObserver((entries) => {\n entries.forEach(entry => {\n if (entry.isIntersecting) {\n const card = entry.target;\n const index = parseInt(card.getAttribute('data-card-index') || 0);\n \n setTimeout(() => {\n card.classList.add('ssa-card-revealed');\n }, staggerDelays[index % staggerDelays.length]);\n \n observer.unobserve(card);\n }\n });\n }, { \n threshold: 0.15,\n rootMargin: '0px 0px -30px 0px'\n });\n \n cards.forEach(card => {\n observer.observe(card);\n });\n } else {\n cards.forEach((card, idx) => {\n setTimeout(() => {\n card.classList.add('ssa-card-revealed');\n }, staggerDelays[idx % staggerDelays.length]);\n });\n }\n })();\n <\/script>\n<\/body>\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-30fbc7f e-con-full e-flex e-con e-parent\" data-id=\"30fbc7f\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-8bb8fbe elementor-widget elementor-widget-html\" data-id=\"8bb8fbe\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!DOCTYPE html>\n<html lang=\"en\">\n<head>\n <meta charset=\"UTF-8\">\n <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0, viewport-fit=cover\">\n <title>SavvyScope Academy | Student Testimonials<\/title>\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Inter:opsz,wght@14..32,300;14..32,400;14..32,500;14..32,600;14..32,700;14..32,800&family=Poppins:wght@400;500;600;700;800;900&display=swap\" rel=\"stylesheet\">\n <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.0.0-beta3\/css\/all.min.css\">\n <style>\n \/* ---------- SCOPED TESTIMONIALS SECTION ---------- *\/\n .ssa-success-stories {\n width: 100%;\n background: #FFFFFF;\n padding: 60px 24px 50px 24px;\n isolation: isolate;\n position: relative;\n font-family: 'Inter', sans-serif;\n }\n\n .ssa-success-stories .ssa-container {\n max-width: 1400px;\n margin: 0 auto;\n }\n\n \/* Section Header *\/\n .ssa-success-stories .ssa-section-header {\n text-align: center;\n margin-bottom: 48px;\n opacity: 0;\n transform: translateY(30px);\n animation: ssa-fade-up 0.7s ease-out forwards;\n }\n\n @keyframes ssa-fade-up {\n to { opacity: 1; transform: translateY(0); }\n }\n\n .ssa-success-stories .ssa-section-label {\n display: inline-flex;\n align-items: center;\n gap: 14px;\n font-family: 'Poppins', sans-serif;\n font-weight: 700;\n font-size: 0.75rem;\n letter-spacing: 0.2em;\n text-transform: uppercase;\n color: #081B4B;\n margin-bottom: 14px;\n }\n\n .ssa-success-stories .ssa-section-label::before {\n content: '';\n width: 44px;\n height: 4px;\n background: linear-gradient(90deg, #F4B400, #f7c948);\n border-radius: 6px;\n box-shadow: 0 0 20px rgba(244, 180, 0, 0.15);\n }\n\n .ssa-success-stories .ssa-section-title {\n font-family: 'Poppins', sans-serif;\n font-weight: 800;\n font-size: 2.4rem;\n line-height: 1.2;\n color: #081B4B;\n margin-bottom: 14px;\n letter-spacing: -0.02em;\n }\n\n .ssa-success-stories .ssa-section-title span {\n color: #5B2EFF;\n display: inline-block;\n position: relative;\n }\n\n .ssa-success-stories .ssa-section-title span::after {\n content: '';\n position: absolute;\n left: 0;\n bottom: 4px;\n width: 100%;\n height: 10px;\n background: rgba(91, 46, 255, 0.12);\n border-radius: 4px;\n z-index: -1;\n }\n\n .ssa-success-stories .ssa-section-desc {\n font-family: 'Inter', sans-serif;\n font-size: 16px;\n line-height: 1.7;\n color: #374151;\n max-width: 650px;\n margin: 0 auto;\n font-weight: 400;\n letter-spacing: -0.01em;\n }\n\n \/* Masonry Grid - 4 columns *\/\n .ssa-success-stories .ssa-masonry-grid {\n display: grid;\n grid-template-columns: repeat(4, 1fr);\n gap: 24px;\n margin-bottom: 48px;\n }\n\n \/* Base Card Styles *\/\n .ssa-success-stories .ssa-card {\n background: #FFFFFF;\n border: 1px solid #E5E7EB;\n border-radius: 24px;\n padding: 32px;\n transition: all 0.3s cubic-bezier(0.2, 0.9, 0.4, 1.1);\n display: flex;\n flex-direction: column;\n opacity: 0;\n transform: translateY(40px);\n position: relative;\n overflow: hidden;\n }\n\n .ssa-success-stories .ssa-card.ssa-revealed {\n opacity: 1;\n transform: translateY(0);\n }\n\n .ssa-success-stories .ssa-card:hover {\n transform: translateY(-6px);\n box-shadow: 0 20px 35px -12px rgba(0, 0, 0, 0.1);\n }\n\n \/* Card Variants *\/\n .ssa-success-stories .ssa-card-gray {\n background: #F8F8FA;\n }\n\n .ssa-success-stories .ssa-card-cream {\n background: #F5F0E6;\n }\n\n \/* Featured Card - Taller, spans 2 rows naturally *\/\n .ssa-success-stories .ssa-card-featured {\n grid-row: span 2;\n background: #F5F0E6;\n position: relative;\n min-height: 480px;\n display: flex;\n flex-direction: column;\n justify-content: space-between;\n }\n\n .ssa-success-stories .ssa-card-featured .ssa-card-content {\n flex: 1;\n }\n\n \/* Quote Text *\/\n .ssa-success-stories .ssa-quote {\n font-family: 'Poppins', sans-serif;\n font-size: 22px;\n font-weight: 500;\n line-height: 1.35;\n color: #081B4B;\n margin-bottom: 24px;\n flex: 1;\n }\n\n .ssa-success-stories .ssa-card-featured .ssa-quote {\n font-size: 26px;\n }\n\n \/* Read Story Link *\/\n .ssa-success-stories .ssa-read-story {\n display: inline-flex;\n align-items: center;\n gap: 8px;\n font-family: 'Inter', sans-serif;\n font-weight: 600;\n font-size: 13px;\n color: #5B2EFF;\n text-decoration: none;\n transition: all 0.2s ease;\n margin-bottom: 20px;\n }\n\n .ssa-success-stories .ssa-read-story i {\n font-size: 11px;\n transition: transform 0.2s;\n }\n\n .ssa-success-stories .ssa-read-story:hover {\n gap: 12px;\n text-decoration: underline;\n }\n\n .ssa-success-stories .ssa-read-story:hover i {\n transform: translateX(4px);\n }\n\n \/* Customer Avatar - No images, just text *\/\n .ssa-success-stories .ssa-customer-avatar {\n display: flex;\n align-items: center;\n gap: 12px;\n margin-top: auto;\n padding-top: 20px;\n }\n\n .ssa-success-stories .ssa-customer-avatar .ssa-avatar-placeholder {\n width: 44px;\n height: 44px;\n border-radius: 50%;\n background: linear-gradient(135deg, #5B2EFF, #F4B400);\n display: flex;\n align-items: center;\n justify-content: center;\n color: #FFFFFF;\n font-family: 'Poppins', sans-serif;\n font-weight: 700;\n font-size: 16px;\n flex-shrink: 0;\n }\n\n .ssa-success-stories .ssa-customer-info {\n display: flex;\n flex-direction: column;\n }\n\n .ssa-success-stories .ssa-customer-name {\n font-family: 'Poppins', sans-serif;\n font-weight: 600;\n font-size: 14px;\n color: #081B4B;\n }\n\n .ssa-success-stories .ssa-customer-title {\n font-family: 'Inter', sans-serif;\n font-size: 12px;\n color: #6b7a8f;\n }\n\n \/* CTA Link - Text only with arrow *\/\n .ssa-success-stories .ssa-cta-wrapper {\n text-align: center;\n margin-top: 0;\n }\n\n .ssa-success-stories .ssa-cta-link {\n display: inline-flex;\n align-items: center;\n gap: 10px;\n font-family: 'Poppins', sans-serif;\n font-weight: 600;\n font-size: 16px;\n color: #5B2EFF;\n text-decoration: none;\n transition: all 0.3s ease;\n opacity: 0;\n transform: translateY(20px);\n animation: ssa-fade-up-link 0.6s ease-out 0.4s forwards;\n }\n\n @keyframes ssa-fade-up-link {\n to { opacity: 1; transform: translateY(0); }\n }\n\n .ssa-success-stories .ssa-cta-link i {\n font-size: 14px;\n transition: transform 0.2s;\n }\n\n .ssa-success-stories .ssa-cta-link:hover {\n gap: 14px;\n color: #4a24d4;\n }\n\n .ssa-success-stories .ssa-cta-link:hover i {\n transform: translateX(5px);\n }\n\n \/* Responsive Breakpoints *\/\n @media screen and (max-width: 1200px) {\n .ssa-success-stories .ssa-masonry-grid {\n grid-template-columns: repeat(3, 1fr);\n gap: 20px;\n }\n .ssa-success-stories .ssa-section-title {\n font-size: 2.2rem;\n }\n .ssa-success-stories .ssa-quote {\n font-size: 20px;\n }\n .ssa-success-stories .ssa-card-featured .ssa-quote {\n font-size: 24px;\n }\n }\n\n @media screen and (max-width: 900px) {\n .ssa-success-stories {\n padding: 40px 20px 35px 20px;\n }\n .ssa-success-stories .ssa-masonry-grid {\n grid-template-columns: repeat(2, 1fr);\n gap: 20px;\n margin-bottom: 40px;\n }\n .ssa-success-stories .ssa-section-title {\n font-size: 1.9rem;\n }\n .ssa-success-stories .ssa-section-desc {\n font-size: 16px;\n }\n .ssa-success-stories .ssa-card-featured {\n grid-row: span 1;\n }\n .ssa-success-stories .ssa-quote {\n font-size: 19px;\n }\n .ssa-success-stories .ssa-section-header {\n margin-bottom: 40px;\n }\n }\n\n @media screen and (max-width: 640px) {\n .ssa-success-stories {\n padding: 35px 16px 30px 16px;\n }\n .ssa-success-stories .ssa-masonry-grid {\n grid-template-columns: 1fr;\n gap: 20px;\n margin-bottom: 35px;\n }\n .ssa-success-stories .ssa-section-title {\n font-size: 1.6rem;\n }\n .ssa-success-stories .ssa-section-desc {\n font-size: 15px;\n }\n .ssa-success-stories .ssa-quote {\n font-size: 18px;\n }\n .ssa-success-stories .ssa-card {\n padding: 24px;\n }\n .ssa-success-stories .ssa-card-featured .ssa-quote {\n font-size: 20px;\n }\n .ssa-success-stories .ssa-cta-link {\n font-size: 14px;\n }\n .ssa-success-stories .ssa-section-header {\n margin-bottom: 32px;\n }\n }\n\n @media screen and (max-width: 480px) {\n .ssa-success-stories .ssa-section-title {\n font-size: 1.6rem;\n }\n .ssa-success-stories .ssa-section-desc {\n font-size: 14px;\n }\n }\n\n \/* Staggered Reveal Delays *\/\n .ssa-success-stories .ssa-card:nth-child(1).ssa-revealed { transition-delay: 0.03s; }\n .ssa-success-stories .ssa-card:nth-child(2).ssa-revealed { transition-delay: 0.08s; }\n .ssa-success-stories .ssa-card:nth-child(3).ssa-revealed { transition-delay: 0.12s; }\n .ssa-success-stories .ssa-card:nth-child(4).ssa-revealed { transition-delay: 0.16s; }\n .ssa-success-stories .ssa-card:nth-child(5).ssa-revealed { transition-delay: 0.2s; }\n .ssa-success-stories .ssa-card:nth-child(6).ssa-revealed { transition-delay: 0.24s; }\n .ssa-success-stories .ssa-card:nth-child(7).ssa-revealed { transition-delay: 0.28s; }\n .ssa-success-stories .ssa-card:nth-child(8).ssa-revealed { transition-delay: 0.32s; }\n .ssa-success-stories .ssa-card:nth-child(9).ssa-revealed { transition-delay: 0.36s; }\n <\/style>\n<\/head>\n<body>\n <section class=\"ssa-success-stories\">\n <div class=\"ssa-container\">\n \n <div class=\"ssa-section-header\">\n <div class=\"ssa-section-label\">Testimonials<\/div>\n <h2 class=\"ssa-section-title\">\n What Our <span>Students Say<\/span>\n <\/h2>\n <p class=\"ssa-section-desc\">\n Hear from learners who have gained skills, opportunities, and confidence to pursue their goals globally.\n <\/p>\n <\/div>\n\n \n <div class=\"ssa-masonry-grid\">\n \n \n <div class=\"ssa-card ssa-card-featured ssa-card-cream\">\n <div class=\"ssa-card-content\">\n <div class=\"ssa-quote\">\n \"The TOEFL and IELTS prep courses at SavvyScope Academy were exceptional. The instructors provided personalized feedback and strategies that boosted my scores significantly. I got into my dream university!\"\n <\/div>\n <a href=\"#\" class=\"ssa-read-story\">\n Read Story \u2192 <i class=\"fas fa-arrow-right\"><\/i>\n <\/a>\n <\/div>\n <\/div>\n\n \n <div class=\"ssa-card\">\n <div class=\"ssa-quote\">\n \"The scholarship guidance team helped me identify and apply for funding opportunities I never knew existed. I secured a fully-funded scholarship to study abroad!\"\n <\/div>\n <a href=\"#\" class=\"ssa-read-story\">\n Read Story \u2192 <i class=\"fas fa-arrow-right\"><\/i>\n <\/a>\n <div class=\"ssa-customer-avatar\">\n <div class=\"ssa-avatar-placeholder\">JM<\/div>\n <div class=\"ssa-customer-info\">\n <span class=\"ssa-customer-name\">James Mwangi<\/span>\n <span class=\"ssa-customer-title\">Scholarship Recipient, Kenya<\/span>\n <\/div>\n <\/div>\n <\/div>\n\n \n <div class=\"ssa-card ssa-card-gray\">\n <div class=\"ssa-quote\">\n \"The digital skills training transformed my career. I learned practical marketing, design, and content creation skills that helped me land a remote job within months!\"\n <\/div>\n <a href=\"#\" class=\"ssa-read-story\">\n Read Story \u2192 <i class=\"fas fa-arrow-right\"><\/i>\n <\/a>\n <div class=\"ssa-customer-avatar\">\n <div class=\"ssa-avatar-placeholder\">AK<\/div>\n <div class=\"ssa-customer-info\">\n <span class=\"ssa-customer-name\">Amina Kariuki<\/span>\n <span class=\"ssa-customer-title\">Digital Marketing Specialist, Kenya<\/span>\n <\/div>\n <\/div>\n <\/div>\n\n \n <div class=\"ssa-card ssa-card-cream\">\n <div class=\"ssa-quote\">\n \"The AI and Technology program demystified AI for me. I now use AI tools daily to automate tasks and improve productivity in my business. It's been a game-changer!\"\n <\/div>\n <a href=\"#\" class=\"ssa-read-story\">\n Read Story \u2192 <i class=\"fas fa-arrow-right\"><\/i>\n <\/a>\n <div class=\"ssa-customer-avatar\">\n <div class=\"ssa-avatar-placeholder\">DO<\/div>\n <div class=\"ssa-customer-info\">\n <span class=\"ssa-customer-name\">David Ochieng<\/span>\n <span class=\"ssa-customer-title\">Entrepreneur, Kenya<\/span>\n <\/div>\n <\/div>\n <\/div>\n\n \n <div class=\"ssa-card\">\n <div class=\"ssa-quote\">\n \"The Fashion Entrepreneurship program gave me the skills to turn my passion into a profitable business. I now run my own clothing brand and employ three people!\"\n <\/div>\n <a href=\"#\" class=\"ssa-read-story\">\n Read Story \u2192 <i class=\"fas fa-arrow-right\"><\/i>\n <\/a>\n <div class=\"ssa-customer-avatar\">\n <div class=\"ssa-avatar-placeholder\">FA<\/div>\n <div class=\"ssa-customer-info\">\n <span class=\"ssa-customer-name\">Faith Achieng<\/span>\n <span class=\"ssa-customer-title\">Fashion Entrepreneur, Kenya<\/span>\n <\/div>\n <\/div>\n <\/div>\n\n \n <div class=\"ssa-card ssa-card-gray\">\n <div class=\"ssa-quote\">\n \"The GMAT prep materials and practice tests were top-notch. The community support and expert guidance helped me score 730 and secure admission to a top business school!\"\n <\/div>\n <a href=\"#\" class=\"ssa-read-story\">\n Read Story \u2192 <i class=\"fas fa-arrow-right\"><\/i>\n <\/a>\n <div class=\"ssa-customer-avatar\">\n <div class=\"ssa-avatar-placeholder\">MO<\/div>\n <div class=\"ssa-customer-info\">\n <span class=\"ssa-customer-name\">Michael Otieno<\/span>\n <span class=\"ssa-customer-title\">MBA Candidate, Canada<\/span>\n <\/div>\n <\/div>\n <\/div>\n\n \n <div class=\"ssa-card ssa-card-cream\">\n <div class=\"ssa-quote\">\n \"The career support team helped me refine my CV, prepare for interviews, and identify scholarship opportunities. I'm now pursuing my master's degree in Germany on a full scholarship!\"\n <\/div>\n <a href=\"#\" class=\"ssa-read-story\">\n Read Story \u2192 <i class=\"fas fa-arrow-right\"><\/i>\n <\/a>\n <div class=\"ssa-customer-avatar\">\n <div class=\"ssa-avatar-placeholder\">FH<\/div>\n <div class=\"ssa-customer-info\">\n <span class=\"ssa-customer-name\">Fatima Hassan<\/span>\n <span class=\"ssa-customer-title\">Scholarship Recipient, Germany<\/span>\n <\/div>\n <\/div>\n <\/div>\n\n \n <div class=\"ssa-card\">\n <div class=\"ssa-quote\">\n \"The virtual assistant training gave me the skills to work remotely for international clients. I now earn a stable income from home while supporting my family.\"\n <\/div>\n <a href=\"#\" class=\"ssa-read-story\">\n Read Story \u2192 <i class=\"fas fa-arrow-right\"><\/i>\n <\/a>\n <div class=\"ssa-customer-avatar\">\n <div class=\"ssa-avatar-placeholder\">JO<\/div>\n <div class=\"ssa-customer-info\">\n <span class=\"ssa-customer-name\">Jane Omondi<\/span>\n <span class=\"ssa-customer-title\">Virtual Assistant, Kenya<\/span>\n <\/div>\n <\/div>\n <\/div>\n\n \n <div class=\"ssa-card ssa-card-gray\">\n <div class=\"ssa-quote\">\n \"The Prompt Engineering course gave me a competitive advantage in the job market. I can now effectively use AI tools to solve problems and streamline workflows.\"\n <\/div>\n <a href=\"#\" class=\"ssa-read-story\">\n Read Story \u2192 <i class=\"fas fa-arrow-right\"><\/i>\n <\/a>\n <div class=\"ssa-customer-avatar\">\n <div class=\"ssa-avatar-placeholder\">PK<\/div>\n <div class=\"ssa-customer-info\">\n <span class=\"ssa-customer-name\">Peter Kiprop<\/span>\n <span class=\"ssa-customer-title\">AI Specialist, Kenya<\/span>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n\n \n <div class=\"ssa-cta-wrapper\">\n <a href=\"#\" class=\"ssa-cta-link\">\n View All Stories <i class=\"fas fa-arrow-right\"><\/i>\n <\/a>\n <\/div>\n <\/div>\n <\/section>\n\n \n <script>\n (function() {\n const cards = document.querySelectorAll('.ssa-success-stories .ssa-card');\n if (cards.length === 0) return;\n \n if ('IntersectionObserver' in window) {\n const observer = new IntersectionObserver((entries) => {\n entries.forEach(entry => {\n if (entry.isIntersecting) {\n entry.target.classList.add('ssa-revealed');\n observer.unobserve(entry.target);\n }\n });\n }, { \n threshold: 0.1,\n rootMargin: '0px 0px -30px 0px'\n });\n \n cards.forEach(card => {\n observer.observe(card);\n });\n } else {\n cards.forEach(card => {\n card.classList.add('ssa-revealed');\n });\n }\n })();\n <\/script>\n<\/body>\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-20df1bd e-con-full e-flex e-con e-parent\" data-id=\"20df1bd\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-afd6eaa elementor-widget elementor-widget-html\" data-id=\"afd6eaa\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!DOCTYPE html>\n<html lang=\"en\">\n<head>\n <meta charset=\"UTF-8\">\n <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0, viewport-fit=cover\">\n <title>SavvyScope Academy | Start Your Journey<\/title>\n <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n <link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Inter:opsz,wght@14..32,400;14..32,500;14..32,600;14..32,700;14..32,800&family=Poppins:wght@400;500;600;700;800;900&display=swap\" rel=\"stylesheet\">\n <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.0.0-beta3\/css\/all.min.css\">\n <style>\n \/* ============================================================\n SCOPED CTA BANNER\n Prefix: ssa-cta-\n Fully isolated \u2013 no global leaks\n ============================================================ *\/\n .ssa-cta-wrap {\n width: 100%;\n position: relative;\n isolation: isolate;\n font-family: 'Inter', sans-serif;\n overflow-x: clip;\n }\n\n \/* Animated Gradient Background *\/\n .ssa-cta-wrap .ssa-bg-gradient {\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n background: linear-gradient(135deg, #2E1A8E 0%, #5B2EFF 40%, #7B2F9D 70%, #3D1C8A 100%);\n background-size: 200% 200%;\n animation: ssa-gradient-move 8s ease infinite;\n z-index: 0;\n overflow: hidden;\n }\n\n @keyframes ssa-gradient-move {\n 0% { background-position: 0% 50%; }\n 50% { background-position: 100% 50%; }\n 100% { background-position: 0% 50%; }\n }\n\n \/* Floating Animated Orbs *\/\n .ssa-cta-wrap .ssa-orb {\n position: absolute;\n border-radius: 50%;\n filter: blur(60px);\n pointer-events: none;\n animation: ssa-orb-float 15s infinite alternate ease-in-out;\n }\n\n .ssa-cta-wrap .ssa-orb-1 {\n width: 350px;\n height: 350px;\n background: rgba(244, 180, 0, 0.15);\n top: -100px;\n left: -100px;\n animation-duration: 12s;\n }\n\n .ssa-cta-wrap .ssa-orb-2 {\n width: 450px;\n height: 450px;\n background: rgba(255, 255, 255, 0.08);\n bottom: -150px;\n right: -150px;\n animation-duration: 18s;\n }\n\n .ssa-cta-wrap .ssa-orb-3 {\n width: 280px;\n height: 280px;\n background: rgba(91, 46, 255, 0.2);\n top: 40%;\n left: 20%;\n animation-duration: 14s;\n }\n\n .ssa-cta-wrap .ssa-orb-4 {\n width: 200px;\n height: 200px;\n background: rgba(244, 180, 0, 0.1);\n bottom: 20%;\n right: 15%;\n animation-duration: 10s;\n }\n\n @keyframes ssa-orb-float {\n 0% { transform: translate(0, 0) scale(1); }\n 100% { transform: translate(40px, -30px) scale(1.1); }\n }\n\n \/* Premium Tile Pattern *\/\n .ssa-cta-wrap .ssa-tiled-bg {\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n background-image: url(\"data:image\/svg+xml,%3Csvg width='80' height='80' viewBox='0 0 80 80' xmlns='http:\/\/www.w3.org\/2000\/svg'%3E%3Cpath d='M40 10 L65 25 L65 55 L40 70 L15 55 L15 25 Z' fill='none' stroke='rgba(255,255,255,0.03)' stroke-width='1.5'\/%3E%3Ccircle cx='40' cy='40' r='4' fill='rgba(255,255,255,0.04)'\/%3E%3Cpath d='M40 20 L50 27 L50 53 L40 60 L30 53 L30 27 Z' fill='none' stroke='rgba(255,255,255,0.02)' stroke-width='1'\/%3E%3C\/svg%3E\");\n background-repeat: repeat;\n background-size: 80px 80px;\n opacity: 0.5;\n pointer-events: none;\n z-index: 1;\n }\n\n \/* Subtle Noise Texture *\/\n .ssa-cta-wrap .ssa-noise {\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n background-image: url(\"data:image\/svg+xml,%3Csvg viewBox='0 0 400 400' xmlns='http:\/\/www.w3.org\/2000\/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.7' numOctaves='3' stitchTiles='stitch'\/%3E%3C\/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)' opacity='0.03'\/%3E%3C\/svg%3E\");\n opacity: 0.04;\n pointer-events: none;\n z-index: 2;\n }\n\n \/* Main Container *\/\n .ssa-cta-wrap .ssa-container {\n max-width: 1280px;\n margin: 0 auto;\n padding: 30px 48px;\n position: relative;\n z-index: 5;\n }\n\n \/* Content Wrapper *\/\n .ssa-cta-wrap .ssa-content-wrapper {\n display: flex;\n align-items: center;\n justify-content: space-between;\n gap: 60px;\n position: relative;\n z-index: 10;\n backdrop-filter: blur(2px);\n }\n\n \/* Center Content *\/\n .ssa-cta-wrap .ssa-center {\n flex: 2;\n text-align: center;\n }\n\n \/* Premium Heading - Consistent with Poppins 800 *\/\n .ssa-cta-wrap .ssa-heading {\n font-family: 'Poppins', sans-serif;\n font-weight: 800;\n font-size: clamp(28px, 4vw, 40px);\n letter-spacing: -0.02em;\n color: #FFFFFF;\n margin-bottom: 16px;\n line-height: 1.2;\n text-shadow: 0 2px 15px rgba(0, 0, 0, 0.1);\n }\n\n \/* Description - Consistent 16px body *\/\n .ssa-cta-wrap .ssa-description {\n font-family: 'Inter', sans-serif;\n font-size: 16px;\n line-height: 1.7;\n font-weight: 400;\n color: rgba(255, 255, 255, 0.92);\n max-width: 550px;\n margin: 0 auto;\n letter-spacing: -0.01em;\n }\n\n \/* Button Container *\/\n .ssa-cta-wrap .ssa-right {\n flex: 0.9;\n display: flex;\n flex-direction: row;\n gap: 20px;\n align-items: center;\n justify-content: flex-end;\n }\n\n \/* Primary Button *\/\n .ssa-cta-wrap .ssa-primary-btn {\n display: inline-flex;\n align-items: center;\n justify-content: center;\n gap: 12px;\n background: #F4B400;\n color: #081B4B;\n font-family: 'Poppins', sans-serif;\n font-weight: 700;\n font-size: 0.95rem;\n padding: 14px 32px;\n border-radius: 60px;\n text-decoration: none;\n transition: all 0.3s cubic-bezier(0.2, 0.9, 0.4, 1.1);\n box-shadow: 0 10px 25px rgba(244, 180, 0, 0.3);\n border: none;\n cursor: pointer;\n white-space: nowrap;\n position: relative;\n overflow: hidden;\n }\n\n .ssa-cta-wrap .ssa-primary-btn::before {\n content: '';\n position: absolute;\n top: 0;\n left: -100%;\n width: 100%;\n height: 100%;\n background: linear-gradient(90deg, transparent, rgba(255,255,255,0.3), transparent);\n transition: left 0.5s ease;\n }\n\n .ssa-cta-wrap .ssa-primary-btn:hover::before {\n left: 100%;\n }\n\n .ssa-cta-wrap .ssa-primary-btn i {\n font-size: 15px;\n transition: transform 0.2s;\n }\n\n .ssa-cta-wrap .ssa-primary-btn:hover {\n transform: translateY(-3px);\n box-shadow: 0 15px 30px rgba(244, 180, 0, 0.4);\n gap: 14px;\n }\n\n .ssa-cta-wrap .ssa-primary-btn:hover i {\n transform: translateX(6px);\n }\n\n \/* Secondary Button - Glassmorphism *\/\n .ssa-cta-wrap .ssa-secondary-btn {\n display: inline-flex;\n align-items: center;\n justify-content: center;\n gap: 10px;\n background: rgba(255, 255, 255, 0.1);\n backdrop-filter: blur(10px);\n color: white;\n font-family: 'Poppins', sans-serif;\n font-weight: 600;\n font-size: 0.9rem;\n padding: 12px 28px;\n border-radius: 60px;\n text-decoration: none;\n transition: all 0.3s ease;\n border: 1px solid rgba(255, 255, 255, 0.25);\n cursor: pointer;\n white-space: nowrap;\n }\n\n .ssa-cta-wrap .ssa-secondary-btn i {\n font-size: 13px;\n transition: transform 0.2s;\n }\n\n .ssa-cta-wrap .ssa-secondary-btn:hover {\n transform: translateY(-3px);\n border-color: rgba(255, 255, 255, 0.5);\n background: rgba(255, 255, 255, 0.18);\n gap: 12px;\n }\n\n .ssa-cta-wrap .ssa-secondary-btn:hover i {\n transform: translateX(5px);\n }\n\n \/* Scroll Reveal Animation *\/\n .ssa-cta-wrap .ssa-scroll-reveal {\n opacity: 0;\n transform: translateY(40px);\n transition: opacity 0.8s cubic-bezier(0.22, 0.61, 0.36, 1), transform 0.8s cubic-bezier(0.22, 0.61, 0.36, 1);\n }\n\n .ssa-cta-wrap .ssa-scroll-reveal.ssa-revealed {\n opacity: 1;\n transform: translateY(0);\n }\n\n \/* Sparkle Animation *\/\n @keyframes ssa-sparkle {\n 0%, 100% { opacity: 0.3; transform: scale(1); }\n 50% { opacity: 0.8; transform: scale(1.2); }\n }\n\n .ssa-cta-wrap .ssa-sparkle {\n position: absolute;\n width: 3px;\n height: 3px;\n background: #F4B400;\n border-radius: 50%;\n pointer-events: none;\n animation: ssa-sparkle 3s infinite;\n }\n\n \/* ========== RESPONSIVE ========== *\/\n @media screen and (max-width: 1100px) {\n .ssa-cta-wrap .ssa-container {\n padding: 25px 32px;\n }\n .ssa-cta-wrap .ssa-content-wrapper {\n gap: 40px;\n }\n .ssa-cta-wrap .ssa-heading {\n font-size: 32px;\n }\n .ssa-cta-wrap .ssa-description {\n font-size: 16px;\n }\n }\n\n @media screen and (max-width: 992px) {\n .ssa-cta-wrap .ssa-content-wrapper {\n flex-direction: column;\n text-align: center;\n }\n .ssa-cta-wrap .ssa-center {\n order: 1;\n }\n .ssa-cta-wrap .ssa-right {\n order: 2;\n justify-content: center;\n }\n .ssa-cta-wrap .ssa-heading {\n font-size: 30px;\n }\n }\n\n @media screen and (max-width: 768px) {\n .ssa-cta-wrap .ssa-container {\n padding: 20px 24px;\n }\n .ssa-cta-wrap .ssa-heading {\n font-size: 28px;\n }\n .ssa-cta-wrap .ssa-description {\n font-size: 16px;\n }\n .ssa-cta-wrap .ssa-right {\n flex-direction: column;\n width: 100%;\n }\n .ssa-cta-wrap .ssa-primary-btn,\n .ssa-cta-wrap .ssa-secondary-btn {\n width: 100%;\n justify-content: center;\n white-space: normal;\n padding: 12px 24px;\n }\n }\n\n @media screen and (max-width: 480px) {\n .ssa-cta-wrap .ssa-container {\n padding: 18px 20px;\n }\n .ssa-cta-wrap .ssa-heading {\n font-size: 26px;\n }\n .ssa-cta-wrap .ssa-description {\n font-size: 15px;\n }\n .ssa-cta-wrap .ssa-primary-btn {\n font-size: 0.85rem;\n padding: 12px 24px;\n }\n .ssa-cta-wrap .ssa-secondary-btn {\n font-size: 0.85rem;\n padding: 10px 24px;\n }\n }\n\n \/* ========== FOCUS STATES ========== *\/\n .ssa-cta-wrap .ssa-primary-btn:focus-visible,\n .ssa-cta-wrap .ssa-secondary-btn:focus-visible {\n outline: 3px solid #F4B400;\n outline-offset: 4px;\n border-radius: 60px;\n }\n\n \/* ========== REDUCED MOTION ========== *\/\n @media (prefers-reduced-motion: reduce) {\n .ssa-cta-wrap * {\n animation-duration: 0.01ms !important;\n transition-duration: 0.01ms !important;\n }\n .ssa-cta-wrap .ssa-bg-gradient {\n animation: none !important;\n }\n .ssa-cta-wrap .ssa-orb {\n animation: none !important;\n }\n .ssa-cta-wrap .ssa-sparkle {\n animation: none !important;\n }\n .ssa-cta-wrap .ssa-scroll-reveal {\n opacity: 1;\n transform: none;\n }\n }\n <\/style>\n<\/head>\n<body>\n <div class=\"ssa-cta-wrap\">\n \n <div class=\"ssa-bg-gradient\">\n <div class=\"ssa-orb ssa-orb-1\"><\/div>\n <div class=\"ssa-orb ssa-orb-2\"><\/div>\n <div class=\"ssa-orb ssa-orb-3\"><\/div>\n <div class=\"ssa-orb ssa-orb-4\"><\/div>\n <div class=\"ssa-tiled-bg\"><\/div>\n <div class=\"ssa-noise\"><\/div>\n <\/div>\n\n \n <div class=\"ssa-sparkle\" style=\"top: 15%; left: 10%; animation-delay: 0s;\"><\/div>\n <div class=\"ssa-sparkle\" style=\"top: 70%; left: 85%; animation-delay: 1s;\"><\/div>\n <div class=\"ssa-sparkle\" style=\"top: 30%; left: 90%; animation-delay: 0.5s;\"><\/div>\n <div class=\"ssa-sparkle\" style=\"top: 80%; left: 15%; animation-delay: 1.5s;\"><\/div>\n <div class=\"ssa-sparkle\" style=\"top: 45%; left: 5%; animation-delay: 2s;\"><\/div>\n\n <div class=\"ssa-container\">\n <div class=\"ssa-content-wrapper ssa-scroll-reveal\">\n <div class=\"ssa-center\">\n <h1 class=\"ssa-heading\">Ready to Start Your Success Story?<\/h1>\n <p class=\"ssa-description\">\n Join thousands of students achieving their academic and career goals with SavvyScope Academy.\n <\/p>\n <\/div>\n <div class=\"ssa-right\">\n <a href=\"https:\/\/savvyscopeacademy.com\/index.php\/apply-now\/\" class=\"ssa-primary-btn\">\n Join Now <i class=\"fas fa-arrow-right\"><\/i>\n <\/a>\n <a href=\"#\" class=\"ssa-secondary-btn\">\n Explore Courses <i class=\"fas fa-chevron-right\"><\/i>\n <\/a>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n\n <script>\n (function() {\n 'use strict';\n\n const revealElement = document.querySelector('.ssa-cta-wrap .ssa-scroll-reveal');\n\n if (revealElement && 'IntersectionObserver' in window) {\n const observer = new IntersectionObserver((entries) => {\n entries.forEach(entry => {\n if (entry.isIntersecting) {\n entry.target.classList.add('ssa-revealed');\n observer.unobserve(entry.target);\n }\n });\n }, { threshold: 0.2, rootMargin: '0px 0px -50px 0px' });\n\n observer.observe(revealElement);\n\n \/\/ Fallback: check if already visible\n setTimeout(() => {\n const rect = revealElement.getBoundingClientRect();\n if (rect.top < window.innerHeight - 100 && !revealElement.classList.contains('ssa-revealed')) {\n revealElement.classList.add('ssa-revealed');\n observer.unobserve(revealElement);\n }\n }, 300);\n } else if (revealElement) {\n revealElement.classList.add('ssa-revealed');\n }\n })();\n <\/script>\n<\/body>\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>SavvyScope Academy | Learn Beyond Borders Scholarships Available Study Abroad Opportunities AI & Future Skills Empowering African Learners Learn Beyond […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"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":"default","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"set","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-35","page","type-page","status-publish","hentry"],"yoast_head":"\n<title>Home - SavvyScope Academy<\/title>\n<meta name=\"description\" content=\"Unlock your potential with Savvyscope Academy. Explore scholarship opportunities and global education pathways today.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/savvyscopeacademy.com\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Home - SavvyScope Academy\" \/>\n<meta property=\"og:description\" content=\"Unlock your potential with Savvyscope Academy. Explore scholarship opportunities and global education pathways today.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/savvyscopeacademy.com\/\" \/>\n<meta property=\"og:site_name\" content=\"SavvyScope Academy\" \/>\n<meta property=\"article:modified_time\" content=\"2026-07-08T16:04:47+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/savvyscopeacademy.com\/wp-content\/uploads\/2026\/06\/International-Exams-Prep.png\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data1\" content=\"6 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/savvyscopeacademy.com\\\/\",\"url\":\"https:\\\/\\\/savvyscopeacademy.com\\\/\",\"name\":\"Home - SavvyScope Academy\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/savvyscopeacademy.com\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/savvyscopeacademy.com\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/savvyscopeacademy.com\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/savvyscopeacademy.com\\\/wp-content\\\/uploads\\\/2026\\\/06\\\/International-Exams-Prep.png\",\"datePublished\":\"2026-05-25T17:50:48+00:00\",\"dateModified\":\"2026-07-08T16:04:47+00:00\",\"description\":\"Unlock your potential with Savvyscope Academy. Explore scholarship opportunities and global education pathways today.\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/savvyscopeacademy.com\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/savvyscopeacademy.com\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/savvyscopeacademy.com\\\/#primaryimage\",\"url\":\"https:\\\/\\\/savvyscopeacademy.com\\\/wp-content\\\/uploads\\\/2026\\\/06\\\/International-Exams-Prep.png\",\"contentUrl\":\"https:\\\/\\\/savvyscopeacademy.com\\\/wp-content\\\/uploads\\\/2026\\\/06\\\/International-Exams-Prep.png\",\"width\":1536,\"height\":1024},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/savvyscopeacademy.com\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/savvyscopeacademy.com\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Home\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/savvyscopeacademy.com\\\/#website\",\"url\":\"https:\\\/\\\/savvyscopeacademy.com\\\/\",\"name\":\"SavvyScope Academy\",\"description\":\"\",\"publisher\":{\"@id\":\"https:\\\/\\\/savvyscopeacademy.com\\\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/savvyscopeacademy.com\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/savvyscopeacademy.com\\\/#organization\",\"name\":\"SavvyScope Academy\",\"url\":\"https:\\\/\\\/savvyscopeacademy.com\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/savvyscopeacademy.com\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/savvyscopeacademy.com\\\/wp-content\\\/uploads\\\/2026\\\/05\\\/logo.png\",\"contentUrl\":\"https:\\\/\\\/savvyscopeacademy.com\\\/wp-content\\\/uploads\\\/2026\\\/05\\\/logo.png\",\"width\":156,\"height\":40,\"caption\":\"SavvyScope Academy\"},\"image\":{\"@id\":\"https:\\\/\\\/savvyscopeacademy.com\\\/#\\\/schema\\\/logo\\\/image\\\/\"}}]}<\/script>\n","yoast_head_json":{"title":"Home - SavvyScope Academy","description":"Unlock your potential with Savvyscope Academy. Explore scholarship opportunities and global education pathways today.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/savvyscopeacademy.com\/","og_locale":"en_US","og_type":"article","og_title":"Home - SavvyScope Academy","og_description":"Unlock your potential with Savvyscope Academy. Explore scholarship opportunities and global education pathways today.","og_url":"https:\/\/savvyscopeacademy.com\/","og_site_name":"SavvyScope Academy","article_modified_time":"2026-07-08T16:04:47+00:00","og_image":[{"url":"https:\/\/savvyscopeacademy.com\/wp-content\/uploads\/2026\/06\/International-Exams-Prep.png","type":"","width":"","height":""}],"twitter_card":"summary_large_image","twitter_misc":{"Est. reading time":"6 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/savvyscopeacademy.com\/","url":"https:\/\/savvyscopeacademy.com\/","name":"Home - SavvyScope Academy","isPartOf":{"@id":"https:\/\/savvyscopeacademy.com\/#website"},"primaryImageOfPage":{"@id":"https:\/\/savvyscopeacademy.com\/#primaryimage"},"image":{"@id":"https:\/\/savvyscopeacademy.com\/#primaryimage"},"thumbnailUrl":"https:\/\/savvyscopeacademy.com\/wp-content\/uploads\/2026\/06\/International-Exams-Prep.png","datePublished":"2026-05-25T17:50:48+00:00","dateModified":"2026-07-08T16:04:47+00:00","description":"Unlock your potential with Savvyscope Academy. Explore scholarship opportunities and global education pathways today.","breadcrumb":{"@id":"https:\/\/savvyscopeacademy.com\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/savvyscopeacademy.com\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/savvyscopeacademy.com\/#primaryimage","url":"https:\/\/savvyscopeacademy.com\/wp-content\/uploads\/2026\/06\/International-Exams-Prep.png","contentUrl":"https:\/\/savvyscopeacademy.com\/wp-content\/uploads\/2026\/06\/International-Exams-Prep.png","width":1536,"height":1024},{"@type":"BreadcrumbList","@id":"https:\/\/savvyscopeacademy.com\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/savvyscopeacademy.com\/"},{"@type":"ListItem","position":2,"name":"Home"}]},{"@type":"WebSite","@id":"https:\/\/savvyscopeacademy.com\/#website","url":"https:\/\/savvyscopeacademy.com\/","name":"SavvyScope Academy","description":"","publisher":{"@id":"https:\/\/savvyscopeacademy.com\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/savvyscopeacademy.com\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/savvyscopeacademy.com\/#organization","name":"SavvyScope Academy","url":"https:\/\/savvyscopeacademy.com\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/savvyscopeacademy.com\/#\/schema\/logo\/image\/","url":"https:\/\/savvyscopeacademy.com\/wp-content\/uploads\/2026\/05\/logo.png","contentUrl":"https:\/\/savvyscopeacademy.com\/wp-content\/uploads\/2026\/05\/logo.png","width":156,"height":40,"caption":"SavvyScope Academy"},"image":{"@id":"https:\/\/savvyscopeacademy.com\/#\/schema\/logo\/image\/"}}]}},"_links":{"self":[{"href":"https:\/\/savvyscopeacademy.com\/index.php\/wp-json\/wp\/v2\/pages\/35","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/savvyscopeacademy.com\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/savvyscopeacademy.com\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/savvyscopeacademy.com\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/savvyscopeacademy.com\/index.php\/wp-json\/wp\/v2\/comments?post=35"}],"version-history":[{"count":0,"href":"https:\/\/savvyscopeacademy.com\/index.php\/wp-json\/wp\/v2\/pages\/35\/revisions"}],"wp:attachment":[{"href":"https:\/\/savvyscopeacademy.com\/index.php\/wp-json\/wp\/v2\/media?parent=35"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}