{"id":1532,"date":"2026-06-16T11:06:30","date_gmt":"2026-06-16T09:06:30","guid":{"rendered":"https:\/\/schoolwise-project.eu\/?page_id=1532"},"modified":"2026-07-01T17:59:00","modified_gmt":"2026-07-01T15:59:00","slug":"home","status":"publish","type":"page","link":"https:\/\/schoolwise-project.eu\/hu\/","title":{"rendered":"OTTHON"},"content":{"rendered":"<div data-elementor-type=\"wp-page\" data-elementor-id=\"1532\" class=\"elementor elementor-1532\">\n\t\t\t\t<div class=\"elementor-element elementor-element-464a4fb e-con e-atomic-element e-flexbox-base e-f96b6e6\" data-id=\"464a4fb\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"464a4fb\">\n    \t\t<div class=\"elementor-element elementor-element-3221b57 elementor-widget elementor-widget-html\" data-id=\"3221b57\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<link rel=\"preload\" as=\"image\" href=\"https:\/\/schoolwise-project.eu\/wp-content\/uploads\/2026\/07\/illustration-Home--scaled.jpeg\" fetchpriority=\"high\">\n\n<style>\n    \/* Import Montserrat Font *\/\n    @import url('https:\/\/fonts.googleapis.com\/css2?family=Montserrat:ital,wght@0,400;0,600;0,700;0,800;0,900;1,700;1,800;1,900&display=swap');\n\n    \/* =========================================\n       HERO WRAPPER & BACKGROUND\n       ========================================= *\/\n    .sw-hero-wrapper {\n        position: relative;\n        width: 100%;\n        min-height: 720px;\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        overflow: hidden;\n        font-family: 'Montserrat', sans-serif;\n        padding: 60px 0 160px 0;\n        box-sizing: border-box;\n        background-color: #0b193c; \/* Fallback *\/\n        -webkit-overflow-scrolling: touch;\n    }\n\n    \/* Optimized LCP Image Background - Hardware Accelerated *\/\n    .sw-hero-bg-img {\n        position: absolute;\n        inset: 0;\n        width: 100%; \n        height: 100%;\n        min-height: 100%;\n        object-fit: cover;\n        object-position: center 30%;\n        z-index: 0;\n        transform: translateZ(0);\n        will-change: transform, opacity; \n        animation: swImageLoadOptimized 10s cubic-bezier(0.1, 0, 0.2, 1) forwards;\n    }\n\n    @keyframes swImageLoadOptimized {\n        0% { transform: scale(1.1) translateZ(0); opacity: 0; }\n        10% { opacity: 1; }\n        100% { transform: scale(1) translateZ(0); opacity: 1; }\n    }\n\n    \/* Refined, Softer Overlay - Hardware Accelerated *\/\n    .sw-hero-overlay {\n        position: absolute;\n        inset: 0;\n        background: linear-gradient(135deg, rgba(11, 25, 60, 0.9) 0%, rgba(20, 50, 100, 0.75) 50%, rgba(59, 135, 136, 0.5) 100%);\n        z-index: 1;\n        transform: translateZ(0);\n    }\n\n    \/* =========================================\n       PREMIUM AMBIENT GLOW MESH\n       ========================================= *\/\n    .sw-ambient-glows {\n        position: absolute;\n        inset: 0;\n        z-index: 2;\n        pointer-events: none;\n        transform: translateZ(0);\n    }\n\n    .sw-glow-spot {\n        position: absolute;\n        border-radius: 50%;\n        filter: blur(120px);\n        opacity: 0.3; \n        transform: translateZ(0);\n        will-change: transform, opacity;\n        animation: swPulseGlowOptimized 12s infinite alternate cubic-bezier(0.4, 0, 0.6, 1);\n    }\n\n    .sw-glow-1 {\n        top: -10%; left: 15%;\n        width: 500px; height: 500px;\n        background: rgba(59, 135, 136, 0.4); \n    }\n\n    .sw-glow-2 {\n        bottom: 5%; right: 10%;\n        width: 600px; height: 600px;\n        background: rgba(102, 186, 123, 0.3); \n        animation-delay: -4s;\n    }\n\n    @keyframes swPulseGlowOptimized {\n        0% { transform: translate(0, 0) translateZ(0); opacity: 0.2; }\n        100% { transform: translate(60px, -40px) translateZ(0); opacity: 0.5; }\n    }\n\n    \/* =========================================\n       ABSTRACTS: PC VERSION\n       ========================================= *\/\n    .sw-pc-abstracts {\n        position: absolute;\n        inset: 0;\n        z-index: 3;\n        pointer-events: none;\n        display: block;\n        transform: translateZ(0);\n    }\n\n    \/* Flowing Data Lines - Uses GPU transforms *\/\n    .sw-data-stream {\n        position: absolute;\n        background: linear-gradient(90deg, transparent, rgba(102, 186, 123, 0.6), transparent);\n        height: 1px;\n        width: 300px;\n        opacity: 0;\n        transform: translateZ(0);\n        will-change: transform, opacity;\n    }\n    .sw-stream-1 { top: 20%; left: -300px; animation: swDataFlow 8s infinite linear 1s; }\n    .sw-stream-2 { top: 60%; right: -300px; width: 400px; background: linear-gradient(-90deg, transparent, rgba(122, 229, 231, 0.6), transparent); animation: swDataFlowReverse 10s infinite linear 3s; }\n    .sw-stream-3 { bottom: 15%; left: -300px; width: 250px; animation: swDataFlow 7s infinite linear 0s; }\n\n    @keyframes swDataFlow {\n        0% { transform: translateX(0) translateZ(0); opacity: 0; }\n        10% { opacity: 0.7; }\n        90% { opacity: 0.7; }\n        100% { transform: translateX(125vw) translateZ(0); opacity: 0; }\n    }\n    @keyframes swDataFlowReverse {\n        0% { transform: translateX(0) translateZ(0); opacity: 0; }\n        10% { opacity: 0.7; }\n        90% { opacity: 0.7; }\n        100% { transform: translateX(-125vw) translateZ(0); opacity: 0; }\n    }\n\n    \/* Existing Glass Capsules with Enhanced GPU Float *\/\n    .sw-glass-capsule {\n        position: absolute;\n        background: rgba(255, 255, 255, 0.01);\n        backdrop-filter: blur(8px);\n        -webkit-backdrop-filter: blur(8px);\n        border: 1px solid rgba(255, 255, 255, 0.1);\n        border-radius: 50%;\n        display: flex;\n        justify-content: center;\n        align-items: center;\n        box-shadow: 0 8px 32px rgba(0, 0, 0, 0.1);\n        transform: translateZ(0);\n        will-change: transform;\n        animation: swFloatGPU 8s infinite alternate cubic-bezier(0.45, 0, 0.55, 1);\n    }\n    .sw-glass-capsule::before {\n        content: '';\n        position: absolute;\n        inset: 1px;\n        border-radius: 50%;\n        background: radial-gradient(circle at 25% 25%, rgba(255, 255, 255, 0.15) 0%, transparent 60%);\n        transform: translateZ(0);\n    }\n    .sw-glass-capsule svg {\n        width: 44%; height: 44%;\n        fill: currentColor;\n        transform: translateZ(0);\n    }\n    .sw-capsule-1 { width: 80px; height: 80px; top: 18%; left: 8%; animation-delay: 0s; color: #66ba7b; }\n    .sw-capsule-2 { width: 55px; height: 55px; bottom: 25%; left: 15%; animation-delay: -3s; animation-duration: 9s; color: #7ae5e7; }\n    .sw-capsule-3 { width: 95px; height: 95px; top: 15%; right: 8%; animation-delay: -2s; animation-duration: 8s; color: #52a3a5; }\n    .sw-capsule-4 { width: 60px; height: 60px; bottom: 30%; right: 12%; animation-delay: -5s; animation-duration: 6s; color: #8af0a1; }\n\n    @keyframes swFloatGPU {\n        0% { transform: translateY(0px) translateX(0px) translateZ(0) rotateX(0deg) rotateY(0deg); }\n        100% { transform: translateY(-20px) translateX(10px) translateZ(0) rotateX(10deg) rotateY(10deg); }\n    }\n\n    \/* =========================================\n       ABSTRACTS: MOBILE VERSION\n       ========================================= *\/\n    .sw-mobile-abstracts {\n        position: absolute;\n        inset: 0;\n        z-index: 3;\n        pointer-events: none;\n        display: none; \/* Hidden on PC *\/\n        overflow: hidden;\n        transform: translateZ(0);\n    }\n\n    .sw-mobile-ring {\n        position: absolute;\n        top: 50%; left: 50%;\n        transform: translate(-50%, -50%) translateZ(0);\n        border: 1px dashed rgba(255, 255, 255, 0.1);\n        border-radius: 50%;\n        will-change: transform, opacity;\n        animation: swExpandRingGPU 8s infinite linear;\n    }\n    .sw-mobile-ring-1 { width: 200px; height: 200px; animation-delay: 0s; }\n    .sw-mobile-ring-2 { width: 200px; height: 200px; animation-delay: -4s; }\n\n    @keyframes swExpandRingGPU {\n        0% { width: 100px; height: 100px; opacity: 0.8; transform: translate(-50%, -50%) translateZ(0) rotate(0deg); }\n        100% { width: 800px; height: 800px; opacity: 0; transform: translate(-50%, -50%) translateZ(0) rotate(180deg); }\n    }\n\n    \/* =========================================\n       MAIN CONTENT CONTAINER & ENTRANCE\n       ========================================= *\/\n    .sw-hero-content {\n        position: relative;\n        z-index: 4; \n        max-width: 960px;\n        width: 100%;\n        padding: 20px;\n        text-align: center;\n        display: flex;\n        flex-direction: column;\n        align-items: center;\n        box-sizing: border-box;\n        transform: translateZ(0);\n    }\n\n    \/* Staggered Fade Up - Hardware Accelerated *\/\n    .sw-animate-up {\n        opacity: 0;\n        transform: translateY(30px) translateZ(0);\n        will-change: transform, opacity;\n        animation: swFadeUpGPU 0.8s cubic-bezier(0.22, 1, 0.36, 1) forwards;\n    }\n    .sw-delay-1 { animation-delay: 0.1s; }\n    .sw-delay-2 { animation-delay: 0.2s; }\n    .sw-delay-3 { animation-delay: 0.3s; }\n    .sw-delay-4 { animation-delay: 0.4s; }\n\n    @keyframes swFadeUpGPU {\n        to { opacity: 1; transform: translateY(0) translateZ(0); }\n    }\n\n    \/* =========================================\n       ROTATING EU STARS\n       ========================================= *\/\n    .sw-eu-ring {\n        position: relative;\n        width: 80px; \n        height: 80px;\n        margin-bottom: 24px;\n        transform: translateZ(0);\n    }\n\n    .sw-star-wrapper {\n        position: absolute;\n        top: 50%; left: 50%;\n        width: 14px; height: 14px;\n        margin-top: -7px; margin-left: -7px;\n        will-change: transform;\n        animation: orbitStarGPU 50s linear infinite;\n    }\n\n    .sw-star-wrapper svg {\n        width: 100%; height: 100%;\n        fill: #FFD700; \n        filter: drop-shadow(0 1px 3px rgba(255, 215, 0, 0.3)); \n        transform: translateZ(0);\n    }\n\n    @keyframes orbitStarGPU {\n        0%   { transform: rotate(0deg) translateY(-36px) translateZ(0) rotate(0deg); }\n        100% { transform: rotate(360deg) translateY(-36px) translateZ(0) rotate(-360deg); }\n    }\n\n    \/* Star Delays *\/\n    .sw-star-1  { animation-delay: 0s; } .sw-star-2  { animation-delay: -4.16s; }\n    .sw-star-3  { animation-delay: -8.33s; } .sw-star-4  { animation-delay: -12.5s; }\n    .sw-star-5  { animation-delay: -16.66s; } .sw-star-6  { animation-delay: -20.83s; }\n    .sw-star-7  { animation-delay: -25s; } .sw-star-8  { animation-delay: -29.16s; }\n    .sw-star-9  { animation-delay: -33.33s; } .sw-star-10 { animation-delay: -37.5s; }\n    .sw-star-11 { animation-delay: -41.66s; } .sw-star-12 { animation-delay: -45.83s; }\n\n    \/* =========================================\n       TYPOGRAPHY & TAGS\n       ========================================= *\/\n    .sw-project-tag {\n        background: linear-gradient(135deg, rgba(59, 135, 136, 0.9) 0%, rgba(102, 186, 123, 0.9) 100%);\n        backdrop-filter: blur(8px);\n        -webkit-backdrop-filter: blur(8px);\n        color: #ffffff;\n        font-size: 13px;\n        font-weight: 700;\n        letter-spacing: 1.5px;\n        text-transform: uppercase;\n        padding: 6px 20px;\n        border-radius: 50px;\n        margin-bottom: 20px;\n        border: 1px solid rgba(255,255,255,0.15);\n        box-shadow: 0 4px 15px rgba(0,0,0,0.1);\n        position: relative;\n        overflow: hidden;\n        transform: translateZ(0);\n    }\n\n    \/* Shine effect - Hardware Accelerated *\/\n    .sw-project-tag::after {\n        content: '';\n        position: absolute;\n        top: 0; left: -100%;\n        width: 50%; height: 100%;\n        background: linear-gradient(90deg, transparent, rgba(255,255,255,0.3), transparent);\n        transform: translateZ(0);\n        will-change: transform;\n        animation: swShineGPU 6s infinite;\n    }\n    @keyframes swShineGPU {\n        0% { transform: translateX(0) translateZ(0); }\n        25% { transform: translateX(400%) translateZ(0); }\n        100% { transform: translateX(400%) translateZ(0); }\n    }\n\n    .sw-hero-title {\n        font-size: clamp(38px, 5vw, 64px); \n        \/* UPDATED: Increased font-weight to 900 for extra boldness *\/\n        font-weight: 900; \n        color: #ffffff;\n        line-height: 1.15;\n        margin: 0 0 20px 0;\n        text-shadow: 0 4px 10px rgba(0, 0, 0, 0.25); \n        letter-spacing: -0.5px;\n        transform: translateZ(0);\n    }\n    \n    .sw-hero-title span {\n        background: linear-gradient(to right, #7ae5e7, #66ba7b);\n        -webkit-background-clip: text;\n        -webkit-text-fill-color: transparent;\n        text-shadow: none; \n    }\n\n    .sw-hero-subtitle {\n        font-size: clamp(16px, 1.8vw, 20px); \n        font-weight: 400;\n        color: #e2e8f0;\n        line-height: 1.6;\n        max-width: 760px;\n        margin: 0 0 40px 0;\n        text-shadow: 0 2px 5px rgba(0, 0, 0, 0.3);\n        transform: translateZ(0);\n    }\n\n    \/* =========================================\n       BUTTONS\n       ========================================= *\/\n    .sw-buttons {\n        display: flex;\n        gap: 16px;\n        justify-content: center;\n        flex-wrap: wrap;\n        transform: translateZ(0);\n    }\n\n    .sw-btn {\n        position: relative;\n        font-family: 'Montserrat', sans-serif;\n        font-size: 15px;\n        font-weight: 700;\n        text-transform: uppercase;\n        letter-spacing: 0.5px;\n        padding: 16px 36px;\n        border-radius: 50px;\n        text-decoration: none;\n        transition: transform 0.2s ease, box-shadow 0.2s ease, background-color 0.2s ease, color 0.2s ease;\n        overflow: hidden;\n        transform: translateZ(0);\n    }\n\n    .sw-btn-primary {\n        background: linear-gradient(135deg, #3b8788 0%, #66ba7b 100%);\n        color: #ffffff;\n        border: none;\n        box-shadow: 0 4px 12px rgba(59, 135, 136, 0.25);\n    }\n\n    .sw-btn-primary:hover {\n        transform: translateY(-3px) translateZ(0);\n        box-shadow: 0 6px 20px rgba(102, 186, 123, 0.35);\n    }\n\n    .sw-btn-outline {\n        background-color: transparent;\n        color: #ffffff;\n        border: 2px solid rgba(255, 255, 255, 0.6);\n        backdrop-filter: blur(5px);\n        -webkit-backdrop-filter: blur(5px);\n    }\n\n    .sw-btn-outline:hover {\n        background-color: #ffffff;\n        color: #0b1f4d;\n        border-color: #ffffff;\n        transform: translateY(-3px) translateZ(0);\n        box-shadow: 0 6px 20px rgba(0, 0, 0, 0.15);\n    }\n\n    \/* =========================================\n       CREATIVE OCEAN WAVES\n       ========================================= *\/\n    .sw-hero-bottom-curve {\n        position: absolute;\n        bottom: -1px; \n        left: 0;\n        width: 100%;\n        height: 120px;\n        z-index: 5;\n        pointer-events: none;\n        overflow: hidden;\n        transform: translateZ(0);\n    }\n\n    .sw-waves {\n        position: relative;\n        width: 100%;\n        height: 100%;\n        min-height: 120px;\n        max-height: 250px;\n        shape-rendering: optimizeSpeed;\n    }\n\n    .sw-parallax > use {\n        will-change: transform;\n        transform: translateZ(0);\n        animation: swMoveWavesGPU 25s cubic-bezier(.55,.5,.45,.5) infinite;\n    }\n    \n    .sw-parallax > use:nth-child(1) {\n        animation-delay: -2s;\n        animation-duration: 9s;\n        fill: rgba(255, 255, 255, 0.15);\n    }\n    .sw-parallax > use:nth-child(2) {\n        animation-delay: -3s;\n        animation-duration: 12s;\n        fill: rgba(255, 255, 255, 0.3);\n    }\n    .sw-parallax > use:nth-child(3) {\n        animation-delay: -4s;\n        animation-duration: 16s;\n        fill: rgba(255, 255, 255, 0.5);\n    }\n    .sw-parallax > use:nth-child(4) {\n        animation-delay: -5s;\n        animation-duration: 25s;\n        fill: #ffffff;\n    }\n\n    @keyframes swMoveWavesGPU {\n        0% { transform: translate3d(-90px, 0, 0); }\n        100% { transform: translate3d(85px, 0, 0); }\n    }\n\n    \/* =========================================\n       SCROLL DOWN ANCHOR\n       ========================================= *\/\n    .sw-scroll-down-anchor {\n        position: absolute;\n        bottom: 30px; \n        left: 0;\n        right: 0;\n        margin: 0 auto;\n        width: 44px;\n        height: 72px;\n        border-radius: 40px; \n        background: rgba(255, 255, 255, 0.1);\n        backdrop-filter: blur(8px);\n        -webkit-backdrop-filter: blur(8px);\n        border: 1px solid rgba(255, 255, 255, 0.3);\n        display: flex;\n        justify-content: center;\n        align-items: center;\n        z-index: 12;\n        cursor: pointer;\n        text-decoration: none;\n        box-shadow: 0 4px 12px rgba(8, 22, 59, 0.15);\n        transform: translateZ(0);\n        transition: transform 0.2s ease, background-color 0.2s ease, border-color 0.2s ease, box-shadow 0.2s ease;\n    }\n\n    .sw-scroll-down-anchor svg {\n        width: 20px;\n        height: 20px;\n        color: #ffffff; \n        transform: translateZ(0);\n        will-change: transform;\n        animation: swChevronBounceGPU 2s infinite ease-in-out;\n    }\n\n    .sw-scroll-down-anchor:hover {\n        background: rgba(255, 255, 255, 0.2);\n        border-color: rgba(255, 255, 255, 0.6);\n        transform: translateY(3px) translateZ(0);\n        box-shadow: 0 8px 20px rgba(0, 150, 136, 0.3);\n    }\n\n    @keyframes swChevronBounceGPU {\n        0%, 100% { transform: translateY(-4px) translateZ(0); }\n        50% { transform: translateY(5px) translateZ(0); }\n    }\n\n    \/* =========================================\n       breakpoints\n       ========================================= *\/\n    @media (max-width: 992px) {\n        .sw-hero-wrapper { min-height: 640px; padding-bottom: 140px; }\n        .sw-pc-abstracts { display: none !important; }\n        .sw-mobile-abstracts { display: block; }\n    }\n\n    @media (max-width: 768px) {\n        .sw-hero-wrapper { \n            min-height: 100vh;\n            min-height: 100svh; \n            padding: 30px 20px 100px 20px; \n        }\n        \n        .sw-hero-bg-img {\n            animation: swImageLoadMobile 1s ease-out forwards;\n        }\n        \n        @keyframes swImageLoadMobile {\n            0% { opacity: 0; }\n            100% { opacity: 1; }\n        }\n\n        .sw-hero-title { font-size: 36px; margin-bottom: 16px; }\n        .sw-hero-subtitle { font-size: 16px; margin-bottom: 32px; }\n        .sw-eu-ring { width: 64px; height: 64px; margin-bottom: 20px; }\n        \n        @keyframes orbitStarGPU {\n            0%   { transform: rotate(0deg) translateY(-28px) translateZ(0) rotate(0deg); }\n            100% { transform: rotate(360deg) translateY(-28px) translateZ(0) rotate(-360deg); }\n        }\n        \n        .sw-buttons { flex-direction: column; width: 100%; gap: 14px; }\n        .sw-btn { width: 100%; text-align: center; padding: 16px 20px; font-size: 14px; }\n        \n        .sw-hero-bottom-curve { height: 70px; }\n        \n        .sw-scroll-down-anchor {\n            display: none !important;\n        }\n    }\n    \n    \/* Reduce motion preference handling *\/\n    @media (prefers-reduced-motion: reduce) {\n        .sw-hero-bg-img, .sw-glow-spot, .sw-data-stream, .sw-glass-capsule, \n        .sw-mobile-ring, .sw-star-wrapper, .sw-parallax > use, .sw-scroll-down-anchor svg,\n        .sw-animate-up, .sw-project-tag::after {\n            animation: none !important;\n            transition: none !important;\n            opacity: 1 !important;\n            transform: none !important;\n        }\n        .sw-hero-bg-img { transform: scale(1) !important; }\n    }\n<\/style>\n\n<div class=\"sw-hero-wrapper\">\n    <img decoding=\"async\" src=\"https:\/\/schoolwise-project.eu\/wp-content\/uploads\/2026\/07\/illustration-Home--scaled.jpeg\" alt=\"SchoolWise Hero Background\" class=\"sw-hero-bg-img\" fetchpriority=\"high\" loading=\"eager\">\n    <div class=\"sw-hero-overlay\"><\/div>\n    \n    <div class=\"sw-ambient-glows\">\n        <div class=\"sw-glow-spot sw-glow-1\"><\/div>\n        <div class=\"sw-glow-spot sw-glow-2\"><\/div>\n    <\/div>\n    \n    <div class=\"sw-pc-abstracts\">\n        <div class=\"sw-data-stream sw-stream-1\"><\/div>\n        <div class=\"sw-data-stream sw-stream-2\"><\/div>\n        <div class=\"sw-data-stream sw-stream-3\"><\/div>\n\n        <div class=\"sw-glass-capsule sw-capsule-1\">\n            <svg viewbox=\"0 0 24 24\"><path d=\"M21 5c-1.11-.35-2.33-.5-3.5-.5-1.95 0-4.05.4-5.5 1.5-1.45-1.1-3.55-1.5-5.5-1.5S2.45 4.9 1 6v14.65c0 .25.25.5.5.5.1 0 .15-.05.25-.05C3.1 20.45 5.05 20 6.5 20c1.95 0 4.05.4 5.5 1.5 1.35-.85 3.8-1.5 5.5-1.5 1.65 0 3.35.3 4.75 1.05.1.05.15.05.25.05.25 0 .5-.25.5-.5V6c-.6-.45-1.25-.75-2-.1zM11 18.49c-1.15-.44-2.85-.99-4.5-.99-1.3 0-2.6.25-3.5.6V7.49c.9-.35 2.2-.6 3.5-.6 1.65 0 3.35.3 4.5.99v10.61zm9 .6c-.9-.35-2.2-.6-3.5-.6-1.65 0-3.35.55-4.5.99V8.48c1.15-.45 2.85-.99 4.5-.99 1.3 0 2.6.25 3.5.6v10.6z\"\/><\/svg>\n        <\/div>\n        <div class=\"sw-glass-capsule sw-capsule-2\">\n            <svg viewbox=\"0 0 24 24\"><path d=\"M2.01 21L23 12 2.01 3 2 10l15 2-15 2z\"\/><\/svg>\n        <\/div>\n        <div class=\"sw-glass-capsule sw-capsule-3\">\n            <svg viewbox=\"0 0 24 24\"><path d=\"M12 10.5c-.83 0-1.5.67-1.5 1.5s.67 1.5 1.5 1.5 1.5-.67 1.5-1.5-.67-1.5-1.5-1.5zm8.57-2.64l-1.39-.37c-.16-.62-.38-1.22-.65-1.78l1.04-1.04c.39-.39.39-1.02 0-1.41l-1.41-1.41c-.39-.39-1.02-.39-1.41 0l-1.04 1.04c-.56-.27-1.16-.49-1.78-.65l-.37-1.39C13.43 1.09 12.76 0 12 0c-.76 0-1.43 1.09-1.56 1.85l-.37 1.39c-.62.16-1.22.38-1.78.65L7.25 2.85c-.39-.39-1.02-.39-1.41 0L4.43 4.26c-.39.39-.39 1.02 0 1.41l1.04 1.04c-.27.56-.49 1.16-.65 1.78l-1.39.37C1.09 10.57 0 11.24 0 12c0 .76 1.09 1.43 1.85 1.56l1.39.37c.16.62.38 1.22.65 1.78l-1.04 1.04c-.39.39-.39 1.02 0 1.41l1.41 1.41c.39.39 1.02.39 1.41 0l1.04-1.04c.56.27 1.16.49 1.78.65l.37 1.39c.13.76.8 1.85 1.56 1.85.76 0 1.43-1.09 1.56-1.85l.37-1.39c.62-.16 1.22-.38 1.78-.65l1.04 1.04c.39.39 1.02.39 1.41 0l1.41-1.41c.39-.39.39-1.02 0-1.41l-1.04-1.04c.27-.56.49-1.16.65-1.78l1.39-.37c.76-.13 1.85-.8 1.85-1.56 0-.76-1.09-1.43-1.85-1.56zm-8.57 6.14c-2.76 0-5-2.24-5-5s2.24-5 5-5 5 2.24 5 5-2.24 5-5 5z\"\/><\/svg>\n        <\/div>\n        <div class=\"sw-glass-capsule sw-capsule-4\">\n            <svg viewbox=\"0 0 24 24\"><path d=\"M9 21c0 .55.45 1 1 1h4c.55 0 1-.45 1-1v-1H9v1zm3-19C8.14 2 5 5.14 5 9c0 2.38 1.19 4.47 3 5.74V17c0 .55.45 1 1 1h6c.55 0 1-.45 1-1v-2.26c1.81-1.27 3-3.36 3-5.74 0-3.86-3.14-7-7-7zm2.85 11.1l-.85.6V16h-4v-2.3l-.85-.6C7.8 12.16 7 10.63 7 9c0-2.76 2.24-5 5-5s5 2.24 5 5c0 1.63-.8 3.16-2.15 4.1z\"\/><\/svg>\n        <\/div>\n    <\/div>\n\n    <div class=\"sw-mobile-abstracts\">\n        <div class=\"sw-mobile-ring sw-mobile-ring-1\"><\/div>\n        <div class=\"sw-mobile-ring sw-mobile-ring-2\"><\/div>\n    <\/div>\n\n    <div class=\"sw-hero-content\">\n        \n        <div class=\"sw-eu-ring sw-animate-up\">\n            <div class=\"sw-star-wrapper sw-star-1\"><svg viewbox=\"0 0 24 24\"><path d=\"M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z\"\/><\/svg><\/div>\n            <div class=\"sw-star-wrapper sw-star-2\"><svg viewbox=\"0 0 24 24\"><path d=\"M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z\"\/><\/svg><\/div>\n            <div class=\"sw-star-wrapper sw-star-3\"><svg viewbox=\"0 0 24 24\"><path d=\"M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z\"\/><\/svg><\/div>\n            <div class=\"sw-star-wrapper sw-star-4\"><svg viewbox=\"0 0 24 24\"><path d=\"M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z\"\/><\/svg><\/div>\n            <div class=\"sw-star-wrapper sw-star-5\"><svg viewbox=\"0 0 24 24\"><path d=\"M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z\"\/><\/svg><\/div>\n            <div class=\"sw-star-wrapper sw-star-6\"><svg viewbox=\"0 0 24 24\"><path d=\"M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z\"\/><\/svg><\/div>\n            <div class=\"sw-star-wrapper sw-star-7\"><svg viewbox=\"0 0 24 24\"><path d=\"M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z\"\/><\/svg><\/div>\n            <div class=\"sw-star-wrapper sw-star-8\"><svg viewbox=\"0 0 24 24\"><path d=\"M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z\"\/><\/svg><\/div>\n            <div class=\"sw-star-wrapper sw-star-9\"><svg viewbox=\"0 0 24 24\"><path d=\"M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z\"\/><\/svg><\/div>\n            <div class=\"sw-star-wrapper sw-star-10\"><svg viewbox=\"0 0 24 24\"><path d=\"M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z\"\/><\/svg><\/div>\n            <div class=\"sw-star-wrapper sw-star-11\"><svg viewbox=\"0 0 24 24\"><path d=\"M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z\"\/><\/svg><\/div>\n            <div class=\"sw-star-wrapper sw-star-12\"><svg viewbox=\"0 0 24 24\"><path d=\"M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z\"\/><\/svg><\/div>\n        <\/div>\n\n        <div class=\"sw-project-tag sw-animate-up sw-delay-1\">Erasmus+ J\u00f6v\u0151be mutat\u00f3 projekt<\/div>\n\n        <h1 class=\"sw-hero-title sw-animate-up sw-delay-2\">Adattud\u00e1s \u00e9p\u00edt\u00e9se<br><span>Iskol\u00e1knak<\/span><\/h1>\n        \n        <p class=\"sw-hero-subtitle sw-animate-up sw-delay-3\">\n            Az oktat\u00e1si adatok \u00e1talak\u00edt\u00e1sa jobb d\u00f6nt\u00e9sek, er\u0151sebb iskol\u00e1k \u00e9s jobb tanul\u00e1si eredm\u00e9nyek \u00e9rdek\u00e9ben Eur\u00f3pa-szerte.\n        <\/p>\n\n        <div class=\"sw-buttons sw-animate-up sw-delay-4\">\n            <a href=\"https:\/\/schoolwise-project.eu\/hu\/about\/\" class=\"sw-btn sw-btn-primary\">Fedezze fel a projektet<\/a>\n            <a href=\"https:\/\/schoolwise-project.eu\/hu\/partners\/\" class=\"sw-btn sw-btn-outline\">Ismerkedj meg a Konzorciummal<\/a>\n        <\/div>\n    <\/div>\n\n    <a href=\"#next-section\" class=\"sw-scroll-down-anchor sw-animate-up sw-delay-4\" id=\"swScrollTrigger\" aria-label=\"G\u00f6rgessen le\">\n        <svg fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" viewbox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n            <path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M19.5 8.25l-7.5 7.5-7.5-7.5\"><\/path>\n        <\/svg>\n    <\/a>\n\n    <div class=\"sw-hero-bottom-curve\">\n        <svg class=\"sw-waves\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" xmlns:xlink=\"http:\/\/www.w3.org\/1999\/xlink\" viewbox=\"0 24 150 28\" preserveaspectratio=\"none\" shape-rendering=\"auto\">\n            <defs>\n                <path id=\"gentle-wave\" d=\"M-160 44c30 0 58-18 88-18s 58 18 88 18 58-18 88-18 58 18 88 18 v44h-352z\" \/>\n            <\/defs>\n            <g class=\"sw-parallax\">\n                <use xlink:href=\"#gentle-wave\" x=\"48\" y=\"0\" \/>\n                <use xlink:href=\"#gentle-wave\" x=\"48\" y=\"3\" \/>\n                <use xlink:href=\"#gentle-wave\" x=\"48\" y=\"5\" \/>\n                <use xlink:href=\"#gentle-wave\" x=\"48\" y=\"7\" \/>\n            <\/g>\n        <\/svg>\n    <\/div>\n<\/div>\n\n<script>\n    document.getElementById('swScrollTrigger').addEventListener('click', function(e) {\n        e.preventDefault();\n        const heroBlock = this.closest('.sw-hero-wrapper');\n        if (heroBlock) {\n            window.scrollTo({\n                top: heroBlock.offsetTop + heroBlock.offsetHeight - 80, \n                behavior: 'smooth'\n            });\n        }\n    });\n\n    \/\/ Optimised: Parallax uses requestAnimationFrame to prevent main thread lag\n    let ticking = false;\n    let mouseX = 0;\n    let mouseY = 0;\n    const capsules = document.querySelectorAll(\".sw-glass-capsule\");\n\n    function updateParallax() {\n        const x = (window.innerWidth - mouseX * 2) \/ 90;\n        const y = (window.innerHeight - mouseY * 2) \/ 90;\n        \n        capsules.forEach(cap => {\n            \/\/ Use translate3d to ensure GPU handling of the JS movement\n            cap.style.transform = `translate3d(${x}px, ${y}px, 0px) scale(1.05)`;\n        });\n        ticking = false;\n    }\n\n    document.addEventListener(\"mousemove\", (e) => {\n        \/\/ Only run parallax on desktop and if a frame isn't already locked\n        if(window.innerWidth > 992 && !ticking) {\n            mouseX = e.pageX;\n            mouseY = e.pageY;\n            requestAnimationFrame(updateParallax);\n            ticking = true;\n        }\n    }, { passive: true }); \/\/ passive listener improves scroll performance\n<\/script>\t\t\t\t<\/div>\n\t\t\n<\/div>\n<div class=\"elementor-element elementor-element-facfd95 e-con e-atomic-element e-flexbox-base e-ff35812\" data-id=\"facfd95\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"facfd95\">\n    \t\t<div class=\"elementor-element elementor-element-8f8af04 elementor-widget__width-initial elementor-widget elementor-widget-html\" data-id=\"8f8af04\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<link rel=\"preload\" as=\"image\" href=\"https:\/\/schoolwise-project.eu\/wp-content\/uploads\/2026\/06\/heroimg-1.png\" fetchpriority=\"high\">\n\n<style>\n  \/* Import Exact Montserrat Font Weights (400, 500, 700, 900) *\/\n  @import url('https:\/\/fonts.googleapis.com\/css2?family=Montserrat:wght@400;500;700;900&display=swap');\n\n  \/* =========================================\n     GLOBAL WRAPPER & LAYOUT\n     ========================================= *\/\n  .sw-intro-wrapper {\n    position: relative;\n    font-family: 'Montserrat', sans-serif;\n    background-color: #ffffff; \/* Exact white *\/\n    \n    \/* MASSIVELY REDUCED TOP PADDING HERE *\/\n    padding: 20px 20px 100px 20px; \n    \n    overflow: hidden;\n    -webkit-font-smoothing: antialiased;\n  }\n\n  \/* Subtle Abstract Data Grid Background *\/\n  .sw-intro-wrapper::before {\n    content: '';\n    position: absolute;\n    inset: 0;\n    background-image: \n      radial-gradient(rgba(11, 31, 77, 0.04) 2px, transparent 2px),\n      linear-gradient(90deg, rgba(0, 150, 136, 0.02) 1px, transparent 1px);\n    background-size: 30px 30px, 100px 100px;\n    z-index: 0;\n    pointer-events: none;\n    mask-image: radial-gradient(circle at center, black 40%, transparent 80%);\n    -webkit-mask-image: radial-gradient(circle at center, black 40%, transparent 80%);\n  }\n\n  .sw-intro-container {\n    max-width: 1200px;\n    margin: 0 auto;\n    display: grid;\n    grid-template-columns: 1fr;\n    gap: 60px;\n    align-items: center;\n    position: relative;\n    z-index: 2;\n  }\n\n  @media (min-width: 992px) {\n    .sw-intro-container {\n      grid-template-columns: 1fr 1fr; \n      gap: 80px;\n    }\n  }\n\n  \/* =========================================\n     LEFT COLUMN: IMAGE SCENE\n     ========================================= *\/\n  .sw-intro-image-col {\n    position: relative;\n    display: flex;\n    justify-content: center;\n    align-items: center;\n    padding: 20px; \n  }\n\n  .sw-intro-image-col img {\n    width: 100%;\n    max-width: 600px; \n    height: auto;\n    object-fit: contain;\n    position: relative;\n    z-index: 3; \n    \/* Contour-hugging drop shadow (No ugly box) *\/\n    filter: drop-shadow(0 20px 40px rgba(11, 31, 77, 0.15));\n    transition: transform 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);\n    transform: translateZ(0); \n    will-change: transform;\n  }\n\n  .sw-intro-image-col:hover img {\n    transform: translate3d(0, -15px, 0) scale(1.03); \n  }\n\n  \/* =========================================\n     MONUMENTAL EU STAR HALO\n     ========================================= *\/\n  .sw-eu-stars-float {\n    position: absolute;\n    top: 50%;\n    left: 50%;\n    width: 680px; \n    height: 680px;\n    transform: translate(-50%, -50%); \n    z-index: 2; \n    opacity: 0.8;\n    pointer-events: none;\n  }\n\n  .sw-eu-stars-ring {\n    width: 100%;\n    height: 100%;\n    animation: spinHalo 80s linear infinite; \n    will-change: transform;\n  }\n\n  @keyframes spinHalo {\n    0% { transform: rotate(0deg); }\n    100% { transform: rotate(360deg); }\n  }\n\n  .star-positioner {\n    position: absolute;\n    top: 50%;\n    left: 50%;\n    width: 32px; \n    height: 32px;\n    margin-top: -16px;\n    margin-left: -16px;\n    transform: rotate(calc(var(--i) * 30deg)) translateY(-340px);\n  }\n\n  .star-anim-counter {\n    width: 100%; \n    height: 100%;\n    animation: counterSpinHalo 80s linear infinite;\n    will-change: transform;\n  }\n\n  @keyframes counterSpinHalo {\n    0% { transform: rotate(0deg); }\n    100% { transform: rotate(-360deg); }\n  }\n\n  .star-static-counter {\n    width: 100%; \n    height: 100%;\n    transform: rotate(calc(var(--i) * -30deg));\n  }\n\n  .eu-star {\n    width: 100%;\n    height: 100%;\n    fill: #FFD700; \n    opacity: 0.8;\n    animation: twinkleStar 4s infinite alternate ease-in-out;\n    animation-delay: calc(var(--i) * 0.3s);\n    will-change: opacity, transform;\n  }\n\n  \/* Ambient Glow behind Image *\/\n  .sw-abstract-glow {\n    position: absolute;\n    top: 50%;\n    left: 50%;\n    width: 600px; \n    height: 600px;\n    background: radial-gradient(circle, rgba(0, 150, 136, 0.08) 0%, rgba(11, 31, 77, 0.03) 45%, transparent 70%);\n    border-radius: 50%;\n    filter: blur(30px);\n    transform: translate3d(-50%, -50%, 0);\n    z-index: 0;\n    pointer-events: none;\n  }\n\n  @keyframes twinkleStar {\n    0% { opacity: 0.4; transform: scale(0.9); }\n    100% { opacity: 1; transform: scale(1.1); }\n  }\n\n  \/* =========================================\n     RIGHT COLUMN: TYPOGRAPHY & CONTENT\n     ========================================= *\/\n  .sw-intro-content-col {\n    display: flex;\n    flex-direction: column;\n    align-items: flex-start; \n  }\n\n  .sw-intro-label {\n    font-size: 14px;\n    font-weight: 800; \n    text-transform: uppercase;\n    color: #009688; \n    letter-spacing: 2px;\n    margin-bottom: 24px;\n    padding: 8px 16px; \n    background: rgba(0, 150, 136, 0.1);\n    border-radius: 50px;\n    display: inline-block; \n  }\n\n  .sw-intro-heading {\n    font-size: clamp(34px, 4vw, 46px); \n    font-weight: 900; \n    color: #0b1f4d; \n    line-height: 1.2;\n    margin: 0 0 20px 0;\n    width: 100%;\n    letter-spacing: -0.5px;\n  }\n\n  .sw-intro-tagline {\n    font-size: 18px;\n    font-weight: 700; \n    color: #009688; \n    line-height: 1.5;\n    margin: 0 0 20px 0;\n    width: 100%;\n  }\n\n  .sw-intro-body {\n    font-size: 16px;\n    font-weight: 500; \n    line-height: 1.7;\n    color: #4a5a70;\n    margin: 0 0 30px 0;\n    width: 100%;\n  }\n\n  \/* =========================================\n     INTERACTIVE LIST ITEMS\n     ========================================= *\/\n  .sw-feature-list {\n    display: flex;\n    flex-direction: column;\n    gap: 20px;\n    width: 100%;\n    position: relative;\n  }\n\n  \/* Vertical Connecting Line *\/\n  .sw-feature-list::before {\n    content: '';\n    position: absolute;\n    left: 28px; \n    top: 30px;\n    bottom: 30px;\n    width: 2px;\n    background: linear-gradient(180deg, rgba(0, 150, 136, 0.3) 0%, transparent 100%);\n    z-index: 0;\n  }\n\n  .sw-feature-item {\n    display: flex;\n    align-items: center;\n    gap: 24px;\n    padding: 16px 20px;\n    border-radius: 20px;\n    background: #ffffff;\n    box-shadow: 0 5px 15px rgba(11, 31, 77, 0.04);\n    border: 1px solid rgba(11, 31, 77, 0.04);\n    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);\n    position: relative;\n    z-index: 1;\n    transform: translateZ(0);\n    will-change: transform, box-shadow;\n  }\n\n  .sw-feature-item:hover {\n    box-shadow: 0 15px 35px rgba(0, 150, 136, 0.15);\n    border-color: rgba(0, 150, 136, 0.2);\n    transform: translate3d(10px, 0, 0);\n  }\n\n  .sw-feature-icon {\n    flex: 0 0 56px;\n    width: 56px;\n    height: 56px;\n    background: #f0f4f8; \n    border-radius: 16px;\n    display: flex;\n    justify-content: center;\n    align-items: center;\n    color: #0b1f4d; \n    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);\n    position: relative;\n  }\n\n  .sw-feature-icon svg {\n    width: 26px;\n    height: 26px;\n    fill: none;\n    stroke: currentColor;\n    stroke-width: 2;\n    stroke-linecap: round;\n    stroke-linejoin: round;\n  }\n\n  .sw-feature-item:hover .sw-feature-icon {\n    background: linear-gradient(135deg, #009688 0%, #66ba7b 100%); \n    color: #ffffff;\n    transform: scale(1.1) rotate(5deg);\n    border-radius: 20px;\n    box-shadow: 0 8px 20px rgba(0, 150, 136, 0.3);\n  }\n\n  .sw-feature-text-block {\n    display: flex;\n    flex-direction: column;\n    gap: 4px;\n  }\n\n  .sw-feature-title {\n    font-size: 16px; \n    font-weight: 800; \n    color: #0b1f4d;\n    line-height: 1.3;\n    margin: 0;\n    transition: color 0.3s ease;\n  }\n\n  .sw-feature-item:hover .sw-feature-title {\n    color: #009688;\n  }\n\n  .sw-feature-desc {\n    font-size: 14px; \n    font-weight: 500; \n    line-height: 1.5; \n    color: #4a5a70;\n    margin: 0;\n  }\n\n  \/* =========================================\n     MOBILE & TABLET ADJUSTMENTS ONLY\n     ========================================= *\/\n  @media (max-width: 991px) {\n    .sw-eu-stars-float {\n      width: 450px;\n      height: 450px;\n    }\n    \n    .star-positioner {\n      transform: rotate(calc(var(--i) * 30deg)) translateY(-225px);\n    }\n    \n    .sw-abstract-glow {\n      width: 450px;\n      height: 450px;\n    }\n    \n    .sw-intro-image-col img {\n      max-width: 400px;\n    }\n  }\n\n  @media (max-width: 768px) {\n    .sw-intro-wrapper {\n      \/* SLASHED TOP PADDING FOR MOBILE *\/\n      padding: 10px 16px 80px 16px;\n    }\n\n    .sw-intro-label {\n      font-size: 12px;\n      margin-bottom: 20px;\n    }\n\n    .sw-intro-heading {\n      font-size: 28px;\n    }\n\n    .sw-feature-list::before {\n      display: none; \n    }\n\n    .sw-feature-item {\n      padding: 16px;\n      gap: 16px;\n    }\n\n    .sw-feature-icon {\n      flex: 0 0 48px;\n      width: 48px;\n      height: 48px;\n    }\n    \n    .sw-feature-icon svg {\n      width: 22px;\n      height: 22px;\n    }\n\n    .sw-feature-desc {\n      font-size: 13px;\n    }\n  }\n<\/style>\n\n<section class=\"sw-intro-wrapper\">\n  <div class=\"sw-intro-container\">\n    \n    <div class=\"sw-intro-image-col\">\n      <div class=\"sw-abstract-glow\"><\/div>\n      \n      <div class=\"sw-eu-stars-float\">\n        <div class=\"sw-eu-stars-ring\">\n          <div class=\"star-positioner\" style=\"--i:1;\"><div class=\"star-anim-counter\"><div class=\"star-static-counter\" style=\"--i:1;\"><svg class=\"eu-star\" viewbox=\"0 0 24 24\"><path d=\"M12 17.27L18.18 21l-1.64-7.03L22 9.24l-7.19-.61L12 2 9.19 8.63 2 9.24l5.46 4.73L5.82 21z\"\/><\/svg><\/div><\/div><\/div>\n          <div class=\"star-positioner\" style=\"--i:2;\"><div class=\"star-anim-counter\"><div class=\"star-static-counter\" style=\"--i:2;\"><svg class=\"eu-star\" viewbox=\"0 0 24 24\"><path d=\"M12 17.27L18.18 21l-1.64-7.03L22 9.24l-7.19-.61L12 2 9.19 8.63 2 9.24l5.46 4.73L5.82 21z\"\/><\/svg><\/div><\/div><\/div>\n          <div class=\"star-positioner\" style=\"--i:3;\"><div class=\"star-anim-counter\"><div class=\"star-static-counter\" style=\"--i:3;\"><svg class=\"eu-star\" viewbox=\"0 0 24 24\"><path d=\"M12 17.27L18.18 21l-1.64-7.03L22 9.24l-7.19-.61L12 2 9.19 8.63 2 9.24l5.46 4.73L5.82 21z\"\/><\/svg><\/div><\/div><\/div>\n          <div class=\"star-positioner\" style=\"--i:4;\"><div class=\"star-anim-counter\"><div class=\"star-static-counter\" style=\"--i:4;\"><svg class=\"eu-star\" viewbox=\"0 0 24 24\"><path d=\"M12 17.27L18.18 21l-1.64-7.03L22 9.24l-7.19-.61L12 2 9.19 8.63 2 9.24l5.46 4.73L5.82 21z\"\/><\/svg><\/div><\/div><\/div>\n          <div class=\"star-positioner\" style=\"--i:5;\"><div class=\"star-anim-counter\"><div class=\"star-static-counter\" style=\"--i:5;\"><svg class=\"eu-star\" viewbox=\"0 0 24 24\"><path d=\"M12 17.27L18.18 21l-1.64-7.03L22 9.24l-7.19-.61L12 2 9.19 8.63 2 9.24l5.46 4.73L5.82 21z\"\/><\/svg><\/div><\/div><\/div>\n          <div class=\"star-positioner\" style=\"--i:6;\"><div class=\"star-anim-counter\"><div class=\"star-static-counter\" style=\"--i:6;\"><svg class=\"eu-star\" viewbox=\"0 0 24 24\"><path d=\"M12 17.27L18.18 21l-1.64-7.03L22 9.24l-7.19-.61L12 2 9.19 8.63 2 9.24l5.46 4.73L5.82 21z\"\/><\/svg><\/div><\/div><\/div>\n          <div class=\"star-positioner\" style=\"--i:7;\"><div class=\"star-anim-counter\"><div class=\"star-static-counter\" style=\"--i:7;\"><svg class=\"eu-star\" viewbox=\"0 0 24 24\"><path d=\"M12 17.27L18.18 21l-1.64-7.03L22 9.24l-7.19-.61L12 2 9.19 8.63 2 9.24l5.46 4.73L5.82 21z\"\/><\/svg><\/div><\/div><\/div>\n          <div class=\"star-positioner\" style=\"--i:8;\"><div class=\"star-anim-counter\"><div class=\"star-static-counter\" style=\"--i:8;\"><svg class=\"eu-star\" viewbox=\"0 0 24 24\"><path d=\"M12 17.27L18.18 21l-1.64-7.03L22 9.24l-7.19-.61L12 2 9.19 8.63 2 9.24l5.46 4.73L5.82 21z\"\/><\/svg><\/div><\/div><\/div>\n          <div class=\"star-positioner\" style=\"--i:9;\"><div class=\"star-anim-counter\"><div class=\"star-static-counter\" style=\"--i:9;\"><svg class=\"eu-star\" viewbox=\"0 0 24 24\"><path d=\"M12 17.27L18.18 21l-1.64-7.03L22 9.24l-7.19-.61L12 2 9.19 8.63 2 9.24l5.46 4.73L5.82 21z\"\/><\/svg><\/div><\/div><\/div>\n          <div class=\"star-positioner\" style=\"--i:10;\"><div class=\"star-anim-counter\"><div class=\"star-static-counter\" style=\"--i:10;\"><svg class=\"eu-star\" viewbox=\"0 0 24 24\"><path d=\"M12 17.27L18.18 21l-1.64-7.03L22 9.24l-7.19-.61L12 2 9.19 8.63 2 9.24l5.46 4.73L5.82 21z\"\/><\/svg><\/div><\/div><\/div>\n          <div class=\"star-positioner\" style=\"--i:11;\"><div class=\"star-anim-counter\"><div class=\"star-static-counter\" style=\"--i:11;\"><svg class=\"eu-star\" viewbox=\"0 0 24 24\"><path d=\"M12 17.27L18.18 21l-1.64-7.03L22 9.24l-7.19-.61L12 2 9.19 8.63 2 9.24l5.46 4.73L5.82 21z\"\/><\/svg><\/div><\/div><\/div>\n          <div class=\"star-positioner\" style=\"--i:12;\"><div class=\"star-anim-counter\"><div class=\"star-static-counter\" style=\"--i:12;\"><svg class=\"eu-star\" viewbox=\"0 0 24 24\"><path d=\"M12 17.27L18.18 21l-1.64-7.03L22 9.24l-7.19-.61L12 2 9.19 8.63 2 9.24l5.46 4.73L5.82 21z\"\/><\/svg><\/div><\/div><\/div>\n        <\/div>\n      <\/div>\n      \n      <img decoding=\"async\" src=\"https:\/\/schoolwise-project.eu\/wp-content\/uploads\/2026\/07\/2n.png\" alt=\"Students holding books and laptop\">\n    <\/div>\n\n    <div class=\"sw-intro-content-col\">\n      \n      <div class=\"sw-intro-label\">BEVEZET\u00c9S<\/div>\n      \n      <h2 class=\"sw-intro-heading\">Mi\u00e9rt fontos a SCHOOLWISE<\/h2>\n      \n      <p class=\"sw-intro-tagline\">Az oktat\u00e1si adatok n\u00f6vekednek. Az adatb\u00f6lcsess\u00e9g nem.<\/p>\n      \n      <p class=\"sw-intro-body\">Az iskol\u00e1k a kor\u00e1bbiakn\u00e1l sokkal t\u00f6bb adatot gener\u00e1lnak, m\u00e9gis sz\u00e1mos int\u00e9zm\u00e9ny tov\u00e1bbra is n\u00e9lk\u00fcl\u00f6zi azokat a kereteket, kompetenci\u00e1kat \u00e9s ir\u00e1ny\u00edt\u00e1si strukt\u00far\u00e1kat, amelyek sz\u00fcks\u00e9gesek ezen adatok hat\u00e9kony felhaszn\u00e1l\u00e1s\u00e1hoz.<\/p>\n      \n      <p class=\"sw-intro-body\">A SCHOOLWISE ezt a kih\u00edv\u00e1st az oktat\u00e1si adatvezetetts\u00e9g, az etikai ir\u00e1ny\u00edt\u00e1s \u00e9s az emberk\u00f6zpont\u00fa tanul\u00e1sanalitika kombin\u00e1l\u00e1s\u00e1val oldja meg, hogy t\u00e1mogassa a felel\u0151s \u00e9s bizony\u00edt\u00e9kokon alapul\u00f3 oktat\u00e1si fejleszt\u00e9seket.<\/p>\n\n      <div class=\"sw-feature-list\">\n        \n        <div class=\"sw-feature-item\">\n          <div class=\"sw-feature-icon\">\n            <svg viewbox=\"0 0 24 24\"><path d=\"M12 14l9-5-9-5-9 5 9 5z\"\/><path d=\"M12 14l6.16-3.422a12.083 12.083 0 01.665 6.479A11.952 11.952 0 0012 20.055a11.952 11.952 0 00-6.824-2.998 12.078 12.078 0 01.665-6.479L12 14z\"\/><path d=\"M12 14l9-5-9-5-9 5 9 5zm0 0l6.16-3.422a12.083 12.083 0 01.665 6.479A11.952 11.952 0 0012 20.055a11.952 11.952 0 00-6.824-2.998 12.078 12.078 0 01.665-6.479L12 14zm-4 6v-7.5l4-2.222\"\/><\/svg>\n          <\/div>\n          <div class=\"sw-feature-text-block\">\n            <h4 class=\"sw-feature-title\">Oktat\u00e1si adattudatoss\u00e1g<\/h4>\n            <p class=\"sw-feature-desc\">Az oktat\u00e1si adatok hat\u00e9kony meg\u00e9rt\u00e9s\u00e9hez \u00e9s felhaszn\u00e1l\u00e1s\u00e1hoz sz\u00fcks\u00e9ges kompetenci\u00e1k fejleszt\u00e9se.<\/p>\n          <\/div>\n        <\/div>\n\n        <div class=\"sw-feature-item\">\n          <div class=\"sw-feature-icon\">\n            <svg viewbox=\"0 0 24 24\"><path d=\"M9 12l2 2 4-4m5.618-4.016A11.955 11.955 0 0112 2.944a11.955 11.955 0 01-8.618 3.04A12.02 12.02 0 003 9c0 5.591 3.824 10.29 9 11.622 5.176-1.332 9-6.03 9-11.622 0-1.042-.133-2.052-.382-3.016z\"\/><\/svg>\n          <\/div>\n          <div class=\"sw-feature-text-block\">\n            <h4 class=\"sw-feature-title\">Etikus korm\u00e1nyz\u00e1s<\/h4>\n            <p class=\"sw-feature-desc\">Felel\u0151s adatkezel\u00e9si gyakorlatok el\u0151mozd\u00edt\u00e1sa a GDPR-nak \u00e9s az AI Act-nek megfelel\u0151en.<\/p>\n          <\/div>\n        <\/div>\n\n        <div class=\"sw-feature-item\">\n          <div class=\"sw-feature-icon\">\n            <svg viewbox=\"0 0 24 24\"><path d=\"M7 12l3-3 3 3 4-4M8 21l4-4 4 4M3 4h18M4 4h16v12a1 1 0 01-1 1H5a1 1 0 01-1-1V4z\"\/><\/svg>\n          <\/div>\n          <div class=\"sw-feature-text-block\">\n            <h4 class=\"sw-feature-title\">Bizony\u00edt\u00e9kokon alapul\u00f3 d\u00f6nt\u00e9sek<\/h4>\n            <p class=\"sw-feature-desc\">Adatok \u00e1talak\u00edt\u00e1sa \u00e9rthet\u0151 felismer\u00e9sekk\u00e9, amelyek t\u00e1mogatj\u00e1k a tan\u00edt\u00e1st \u00e9s a tanul\u00e1st.<\/p>\n          <\/div>\n        <\/div>\n\n        <div class=\"sw-feature-item\">\n          <div class=\"sw-feature-icon\">\n            <svg viewbox=\"0 0 24 24\"><path d=\"M19 21V5a2 2 0 00-2-2H7a2 2 0 00-2 2v16m14 0h2m-2 0h-5m-9 0H3m2 0h5M9 7h1m-1 4h1m4-4h1m-1 4h1m-5 10v-5a1 1 0 011-1h2a1 1 0 011 1v5m-4 0h4\"\/><\/svg>\n          <\/div>\n          <div class=\"sw-feature-text-block\">\n            <h4 class=\"sw-feature-title\">Int\u00e9zm\u00e9nyi kapacit\u00e1s<\/h4>\n            <p class=\"sw-feature-desc\">Hossz\u00fa t\u00e1v\u00fa k\u00e9pess\u00e9gek er\u0151s\u00edt\u00e9se az iskol\u00e1kban \u00e9s az oktat\u00e1si rendszerekben.<\/p>\n          <\/div>\n        <\/div>\n\n      <\/div>\n    <\/div>\n\n  <\/div>\n<\/section>\t\t\t\t<\/div>\n\t\t\n<\/div>\n\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-b1a299e elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"b1a299e\" data-element_type=\"section\" data-e-type=\"section\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t\t\t<div class=\"elementor-background-overlay\"><\/div>\n\t\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-no\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-33f42a2\" data-id=\"33f42a2\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<section class=\"elementor-section elementor-inner-section elementor-element elementor-element-24901b4 elementor-section-full_width elementor-section-height-default elementor-section-height-default\" data-id=\"24901b4\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-no\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-inner-column elementor-element elementor-element-6af062f\" data-id=\"6af062f\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-cffb26f elementor-widget__width-auto elementor-widget elementor-widget-heading\" data-id=\"cffb26f\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<span class=\"elementor-heading-title elementor-size-default\">Amit a SCHOOLWISE sz\u00e1ll\u00edt<\/span>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-fe3c834 elementor-widget elementor-widget-heading\" data-id=\"fe3c834\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Gyakorlati eszk\u00f6z\u00f6k a felel\u0151s oktat\u00e1si adatt\u00e1rhaszn\u00e1lathoz<\/h2>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<div class=\"elementor-element elementor-element-12b0603 elementor-widget__width-initial elementor-widget elementor-widget-text-editor\" data-id=\"12b0603\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p class=\"p1\">A projekt keretrendszerek, ir\u00e1ny\u00edt\u00e1si modellek, er\u0151forr\u00e1sok \u00e9s k\u00e9pz\u00e9si programok \u00e1tfog\u00f3 \u00f6kosziszt\u00e9m\u00e1j\u00e1t fejleszti a european iskol\u00e1k t\u00e1mogat\u00e1s\u00e1ra.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-fb7e346 elementor-widget elementor-widget-html\" data-id=\"fb7e346\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\n  \/* Import Montserrat Font *\/\n  @import url('https:\/\/fonts.googleapis.com\/css2?family=Montserrat:wght@400;600;700;800;900&display=swap');\n\n  \/* =========================================\n     WRAPPER & LAYOUT\n     ========================================= *\/\n  .features-animated-wrapper {\n    position: relative;\n    padding: 60px 16px 80px 16px; \n    \/* Use clip on X only so shadows on Y are never cut off in WordPress wrappers *\/\n    overflow-x: clip; \n    overflow-y: visible;\n    font-family: 'Montserrat', sans-serif;\n    background-color: transparent; \/* No background as requested *\/\n  }\n\n  .custom-features-flex {\n    display: flex;\n    flex-wrap: wrap;\n    justify-content: center;\n    gap: 16px; \/* Mobile gap *\/\n    max-width: 1200px;\n    margin: 0 auto;\n    position: relative;\n    z-index: 2; \n  }\n\n  \/* =========================================\n     CARD STYLING & SHAPES\n     ========================================= *\/\n  .custom-feature-card {\n    \/* 2 BY 2 LAYOUT ON MOBILE *\/\n    width: calc(50% - 8px); \n    padding: 30px 16px; \n    \n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    text-align: center;\n    text-decoration: none;\n    transition: transform 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275), box-shadow 0.4s ease;\n    position: relative;\n    z-index: 2;\n  }\n\n  \/* Playful & Professional Organic Shapes *\/\n  .custom-feature-card:nth-child(3n+1) {\n    \/* Soft Leaf Shape *\/\n    border-radius: 30px 80px 30px 80px;\n  }\n  \n  .custom-feature-card:nth-child(3n+2) {\n    \/* Reverse Leaf Shape *\/\n    border-radius: 80px 30px 80px 30px;\n  }\n\n  .custom-feature-card:nth-child(3n+3) {\n    \/* Friendly Squircle *\/\n    border-radius: 40px;\n  }\n\n  \/* Desktop layout overrides *\/\n  @media (min-width: 768px) {\n    .custom-features-flex {\n      gap: 24px; \/* Larger gap for desktop *\/\n    }\n    .custom-feature-card {\n      \/* 3 items per row on desktop *\/\n      width: calc(33.333% - 16px); \n      padding: 40px 32px; \n    }\n    \/* Enhance shapes for larger screens *\/\n    .custom-feature-card:nth-child(3n+1) { border-radius: 40px 100px 40px 100px; }\n    .custom-feature-card:nth-child(3n+2) { border-radius: 100px 40px 100px 40px; }\n    .custom-feature-card:nth-child(3n+3) { border-radius: 60px; }\n  }\n\n  \/* Hover Effects *\/\n  .custom-feature-card:hover {\n    transform: translateY(-10px);\n    \/* Soft, deep shadow that won't clip *\/\n    box-shadow: 0 25px 45px rgba(11, 31, 77, 0.12);\n  }\n\n  \/* Light Cards (White) *\/\n  .card-light {\n    background-color: #ffffff;\n    color: #1a1a1a;\n    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.04);\n    border: 2px solid rgba(0, 150, 136, 0.05); \/* Subtle teal tint *\/\n  }\n  \n  .card-light p {\n    color: #5a6e85; \/* Soft slate gray *\/\n  }\n\n  \/* Dark Cards (Navy Blue) *\/\n  .card-dark {\n    background: linear-gradient(145deg, #0b1f4d 0%, #06112a 100%); \n    color: #ffffff;\n    box-shadow: 0 10px 25px rgba(11, 31, 77, 0.15);\n    border: 2px solid rgba(255, 255, 255, 0.05);\n  }\n\n  .card-dark p {\n    color: #d1d8e8;\n  }\n\n  \/* =========================================\n     ICON & IMAGE CONTAINER\n     ========================================= *\/\n  .card-icon-container {\n    height: 70px; \/* Mobile size *\/\n    width: 100%;\n    margin-bottom: 20px;\n    display: flex;\n    justify-content: center;\n    align-items: center;\n    transition: transform 0.5s cubic-bezier(0.175, 0.885, 0.32, 1.275);\n  }\n\n  @media (min-width: 768px) {\n    .card-icon-container {\n      height: 100px; \/* Desktop size *\/\n      margin-bottom: 24px;\n    }\n  }\n\n  .custom-feature-card:hover .card-icon-container {\n    transform: scale(1.15) rotate(-3deg); \/* Playful hover pop *\/\n  }\n\n  .card-icon-container img {\n    max-height: 100%;\n    width: auto;\n    object-fit: contain;\n    filter: drop-shadow(0px 8px 12px rgba(0,0,0,0.12)); \n  }\n\n  \/* =========================================\n     TYPOGRAPHY\n     ========================================= *\/\n  .custom-feature-card h3 {\n    font-size: 16px; \/* Mobile size *\/\n    font-weight: 800;\n    margin: 0 0 12px 0;\n    line-height: 1.3;\n    letter-spacing: -0.5px;\n  }\n\n  .custom-feature-card p {\n    font-size: 13px; \/* Mobile size *\/\n    line-height: 1.5;\n    margin: 0;\n  }\n\n  @media (min-width: 768px) {\n    .custom-feature-card h3 { font-size: 20px; margin: 0 0 16px 0; }\n    .custom-feature-card p { font-size: 15px; line-height: 1.6; }\n  }\n\n  \/* =========================================\n     PLAYFUL ABSTRACT BACKGROUND ELEMENTS\n     ========================================= *\/\n  .sw-abstract-bg {\n    position: absolute;\n    pointer-events: none;\n    z-index: 0;\n  }\n\n  \/* Abstract 1: Soft Teal Glow *\/\n  .abstract-blob-1 {\n    top: 5%;\n    left: -5%;\n    width: 400px;\n    height: 400px;\n    background: radial-gradient(circle, rgba(0, 150, 136, 0.12) 0%, transparent 70%);\n    border-radius: 50%;\n    animation: floatGlow 15s infinite alternate ease-in-out;\n  }\n\n  \/* Abstract 2: Playful Dashed Ring *\/\n  .abstract-ring {\n    bottom: 15%;\n    right: 2%;\n    width: 120px;\n    height: 120px;\n    border: 3px dashed rgba(11, 31, 77, 0.15);\n    border-radius: 50%;\n    animation: spinSlow 25s linear infinite;\n  }\n\n  \/* Abstract 3: Solid Teal Accent Pill *\/\n  .abstract-pill {\n    top: 35%;\n    right: -2%;\n    width: 60px;\n    height: 140px;\n    background: rgba(0, 150, 136, 0.08);\n    border-radius: 100px;\n    transform: rotate(35deg);\n    animation: floatRotate 12s infinite alternate ease-in-out;\n  }\n\n  \/* Abstract 4: Tiny Dot Matrix *\/\n  .abstract-dots {\n    bottom: 10%;\n    left: 8%;\n    width: 120px;\n    height: 120px;\n    background-image: radial-gradient(rgba(11, 31, 77, 0.15) 2.5px, transparent 2.5px);\n    background-size: 20px 20px;\n    animation: pulseFloat 10s ease-in-out infinite;\n  }\n\n  \/* Animations *\/\n  @keyframes floatGlow {\n    0% { transform: translate(0, 0) scale(1); }\n    100% { transform: translate(80px, 40px) scale(1.1); }\n  }\n\n  @keyframes spinSlow {\n    0% { transform: rotate(0deg); }\n    100% { transform: rotate(360deg); }\n  }\n\n  @keyframes floatRotate {\n    0% { transform: translateY(0) rotate(35deg); }\n    100% { transform: translateY(-30px) rotate(45deg); }\n  }\n\n  @keyframes pulseFloat {\n    0% { transform: translateY(0); opacity: 0.5; }\n    50% { transform: translateY(-15px); opacity: 1; }\n    100% { transform: translateY(0); opacity: 0.5; }\n  }\n\n  \/* =========================================\n     VIEW ALL RESULTS BUTTON\n     ========================================= *\/\n  .sw-action-container {\n    width: 100%;\n    display: flex;\n    justify-content: center;\n    margin-top: 50px;\n    position: relative;\n    z-index: 2;\n  }\n\n  .sw-view-all-btn {\n    display: inline-flex;\n    align-items: center;\n    gap: 12px;\n    padding: 16px 36px;\n    background: linear-gradient(135deg, #009688 0%, #66ba7b 100%);\n    color: #ffffff;\n    font-size: 14px;\n    font-weight: 800;\n    text-transform: uppercase;\n    letter-spacing: 1.5px;\n    text-decoration: none;\n    border-radius: 50px;\n    box-shadow: 0 10px 25px rgba(0, 150, 136, 0.3);\n    transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);\n    overflow: hidden;\n    position: relative;\n  }\n\n  .sw-view-all-btn::before {\n    content: '';\n    position: absolute;\n    top: 0; left: -100%;\n    width: 100%; height: 100%;\n    background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.2), transparent);\n    transition: all 0.6s ease;\n  }\n\n  .sw-view-all-btn svg {\n    width: 20px;\n    height: 20px;\n    transition: transform 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);\n  }\n\n  \/* Hover States *\/\n  @media (hover: hover) and (pointer: fine) {\n    .sw-view-all-btn:hover {\n      transform: translateY(-4px);\n      box-shadow: 0 15px 35px rgba(11, 31, 77, 0.25);\n      background: linear-gradient(135deg, #0b1f4d 0%, #06112a 100%); \/* Shifts to brand Navy *\/\n    }\n\n    .sw-view-all-btn:hover::before {\n      left: 100%;\n    }\n\n    .sw-view-all-btn:hover svg {\n      transform: translateX(6px);\n    }\n  }\n\n  @media (max-width: 768px) {\n    .sw-action-container { margin-top: 40px; }\n    .sw-view-all-btn { padding: 14px 28px; font-size: 13px; width: 100%; justify-content: center; }\n  }\n<\/style>\n\n<div class=\"features-animated-wrapper\">\n  \n  <div class=\"sw-abstract-bg abstract-blob-1\"><\/div>\n  <div class=\"sw-abstract-bg abstract-ring\"><\/div>\n  <div class=\"sw-abstract-bg abstract-pill\"><\/div>\n  <div class=\"sw-abstract-bg abstract-dots\"><\/div>\n\n  <div class=\"custom-features-flex\">\n    \n    <div class=\"custom-feature-card card-light\">\n      <div class=\"card-icon-container\">\n        <img decoding=\"async\" src=\"https:\/\/schoolwise-project.eu\/wp-content\/uploads\/2026\/06\/7-1.png\" alt=\"SEDaL Framework Icon\" \/>\n      <\/div>\n      <h3>SEDaL Keretrendszer<\/h3>\n      <p>Struktur\u00e1lt oktat\u00e1si adat-m\u0171velts\u00e9gi keretrendszer iskolavezet\u0151knek \u00e9s tan\u00e1roknak.<\/p>\n    <\/div>\n\n    <div class=\"custom-feature-card card-dark\">\n      <div class=\"card-icon-container\">\n        <img decoding=\"async\" src=\"https:\/\/schoolwise-project.eu\/wp-content\/uploads\/2026\/06\/8-1.png\" alt=\"Governance Protocols Icon\" \/>\n      <\/div>\n      <h3>Korm\u00e1nyz\u00e1si Protokollok<\/h3>\n      <p>Etikai \u00e9s jogi \u00fatmutat\u00e1s a felel\u0151s adatfelhaszn\u00e1l\u00e1s \u00e9s a szab\u00e1lyoz\u00e1si megfelel\u00e9s t\u00e1mogat\u00e1s\u00e1ra.<\/p>\n    <\/div>\n\n    <div class=\"custom-feature-card card-light\">\n      <div class=\"card-icon-container\">\n        <img decoding=\"async\" src=\"https:\/\/schoolwise-project.eu\/wp-content\/uploads\/2026\/06\/9-1.png\" alt=\"Implementation Toolkits Icon\" \/>\n      <\/div>\n      <h3>Implement\u00e1ci\u00f3s Eszk\u00f6zk\u00e9szletek<\/h3>\n      <p>Gyakorlati forr\u00e1sok iskol\u00e1k, tan\u00e1rok \u00e9s oktat\u00e1si int\u00e9zm\u00e9nyek sz\u00e1m\u00e1ra.<\/p>\n    <\/div>\n\n    <div class=\"custom-feature-card card-light\">\n      <div class=\"card-icon-container\">\n        <img decoding=\"async\" src=\"https:\/\/schoolwise-project.eu\/wp-content\/uploads\/2026\/06\/10-1.png\" alt=\"Training Programmes Icon\" \/>\n      <\/div>\n      <h3>K\u00e9pz\u00e9si programok<\/h3>\n      <p>Kapacit\u00e1sfejleszt\u00e9si lehet\u0151s\u00e9gek az oktat\u00f3k \u00e9s az iskolavezet\u0151i csapatok sz\u00e1m\u00e1ra.<\/p>\n    <\/div>\n\n    <div class=\"custom-feature-card card-dark\">\n      <div class=\"card-icon-container\">\n        <img decoding=\"async\" src=\"https:\/\/schoolwise-project.eu\/wp-content\/uploads\/2026\/06\/11-1.png\" alt=\"European Network Icon\" \/>\n      <\/div>\n      <h3>Eur\u00f3pai H\u00e1l\u00f3zat<\/h3>\n      <p>Fenntarthat\u00f3 platform egy\u00fcttm\u0171k\u00f6d\u00e9sre, kutat\u00e1sra \u00e9s tud\u00e1scser\u00e9re.<\/p>\n    <\/div>\n\n  <\/div>\n\n  <div class=\"sw-action-container\">\n    <a href=\"https:\/\/schoolwise-project.eu\/hu\/results\/\" class=\"sw-view-all-btn\">\n      \u00d6sszes eredm\u00e9ny megtekint\u00e9se\n      <svg fill=\"none\" stroke=\"currentColor\" viewbox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n        <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2.5\" d=\"M14 5l7 7m0 0l-7 7m7-7H3\"><\/path>\n      <\/svg>\n    <\/a>\n  <\/div>\n\n<\/div>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-b1870ce elementor-section-content-middle elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"b1870ce\" data-element_type=\"section\" data-e-type=\"section\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t\t\t<div class=\"elementor-background-overlay\"><\/div>\n\t\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-no\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-372e28e\" data-id=\"372e28e\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-0215852 elementor-widget__width-auto elementor-widget elementor-widget-heading\" data-id=\"0215852\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<span class=\"elementor-heading-title elementor-size-default\">Konzorcium<\/span>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-76c21e9 elementor-widget elementor-widget-heading\" data-id=\"76c21e9\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Eur\u00f3pai Partners\u00e9g az Oktat\u00e1si Innov\u00e1ci\u00f3\u00e9rt\n<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-834d962 elementor-widget elementor-widget-heading\" data-id=\"834d962\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<p class=\"elementor-heading-title elementor-size-default\">A SCHOOLWISE Eur\u00f3pa-szerte \u00f6sszefogja az egyetemeket, iskol\u00e1kat, kutat\u00f3kat, oktat\u00e1si h\u00e1l\u00f3zatokat, szakpolitikai szak\u00e9rt\u0151ket \u00e9s technol\u00f3giai partnereket.<\/p>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-be09740 elementor-widget elementor-widget-html\" data-id=\"be09740\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\n  @import url('https:\/\/fonts.googleapis.com\/css2?family=Montserrat:wght@400;600;700;800&display=swap');\n\n  \/* =========================================\n     GLOBAL WRAPPER & ABSTRACT BACKGROUNDS\n     ========================================= *\/\n  .sw-stats-wrapper {\n    position: relative;\n    padding: 100px 20px 120px 20px; \/* Extra bottom padding for the button *\/\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    font-family: 'Montserrat', sans-serif;\n    overflow: visible; \/* CRITICAL: Allows tooltips to pop outside *\/\n    z-index: 5;\n  }\n\n  \/* Abstract Background Blob 1 (Teal) *\/\n  .sw-stats-abstract-1 {\n    position: absolute;\n    top: 20%;\n    left: 25%;\n    width: 250px;\n    height: 250px;\n    background: radial-gradient(circle, rgba(0, 150, 136, 0.25) 0%, transparent 70%);\n    filter: blur(40px);\n    border-radius: 50%;\n    z-index: -1;\n    animation: floatBlob 10s infinite alternate ease-in-out;\n  }\n\n  \/* Abstract Background Blob 2 (Navy) *\/\n  .sw-stats-abstract-2 {\n    position: absolute;\n    bottom: 10%;\n    right: 25%;\n    width: 300px;\n    height: 300px;\n    background: radial-gradient(circle, rgba(11, 31, 77, 0.15) 0%, transparent 70%);\n    filter: blur(50px);\n    border-radius: 50%;\n    z-index: -1;\n    animation: floatBlob 12s infinite alternate-reverse ease-in-out;\n  }\n\n  \/* Abstract Dotted Mesh *\/\n  .sw-stats-mesh {\n    position: absolute;\n    top: 50%;\n    left: 50%;\n    transform: translate(-50%, -50%);\n    width: 100%;\n    max-width: 800px;\n    height: 150px;\n    background-image: radial-gradient(rgba(11, 31, 77, 0.1) 2px, transparent 2px);\n    background-size: 20px 20px;\n    z-index: -2;\n    opacity: 0.6;\n  }\n\n  @keyframes floatBlob {\n    0% { transform: translate(0, 0) scale(1); }\n    100% { transform: translate(40px, -40px) scale(1.1); }\n  }\n\n  \/* =========================================\n     THE FLOATING GLASS PILL\n     ========================================= *\/\n  .stats-banner-container {\n    display: flex;\n    flex-wrap: wrap; \n    justify-content: center; \n    align-items: center;\n    gap: 60px; \n    padding: 24px 60px;\n    background: rgba(255, 255, 255, 0.85);\n    backdrop-filter: blur(24px);\n    -webkit-backdrop-filter: blur(24px);\n    border: 1px solid rgba(255, 255, 255, 0.6);\n    border-radius: 100px; \n    box-shadow: 0 25px 60px rgba(11, 31, 77, 0.08), inset 0 0 0 2px rgba(255, 255, 255, 0.5);\n    position: relative;\n    z-index: 10;\n    margin-bottom: 40px; \/* Space between pill and button *\/\n  }\n\n  \/* =========================================\n     INDIVIDUAL STAT GROUPS & ICONS\n     ========================================= *\/\n  .stat-group {\n    display: flex;\n    align-items: center;\n    gap: 24px; \n    cursor: pointer; \/* Indicates interactivity *\/\n    position: relative;\n    text-decoration: none; \/* For the link version *\/\n  }\n\n  .stat-icon-box {\n    background-color: #0b1f4d; \n    border-radius: 20px; \n    width: 76px;\n    height: 76px;\n    display: flex;\n    justify-content: center;\n    align-items: center;\n    box-shadow: 0 10px 20px rgba(11, 31, 77, 0.15);\n    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1);\n    position: relative;\n    z-index: 2;\n  }\n\n  .stat-icon-box img {\n    width: 36px;\n    height: 36px;\n    object-fit: contain;\n    transition: transform 0.5s cubic-bezier(0.25, 1, 0.5, 1);\n  }\n\n  \/* Hover Icon Morph *\/\n  .stat-group:hover .stat-icon-box {\n    border-radius: 50%; \n    background: linear-gradient(135deg, #377d7c 0%, #5ba874 100%); \/* Brand Gradient *\/\n    transform: translateY(-5px);\n    box-shadow: 0 15px 30px rgba(0, 150, 136, 0.4);\n  }\n\n  .stat-group:hover .stat-icon-box img {\n    transform: scale(1.15); \n  }\n\n  \/* Typography *\/\n  .stat-text-wrapper {\n    display: flex;\n    flex-direction: column;\n    justify-content: center;\n    transition: transform 0.3s ease;\n  }\n\n  .stat-group:hover .stat-text-wrapper {\n    transform: translateX(5px);\n  }\n\n  .stat-number {\n    font-size: 2.2rem;\n    font-weight: 800;\n    color: #0b1f4d;\n    line-height: 1;\n    margin-bottom: 4px;\n    letter-spacing: -1px;\n    transition: color 0.3s ease;\n  }\n\n  .stat-group:hover .stat-number {\n    color: #009688; \/* Number turns teal on hover *\/\n  }\n\n  .stat-label {\n    font-size: 1rem;\n    font-weight: 700;\n    color: #6a7c9f; \n    text-transform: uppercase;\n    letter-spacing: 1px;\n  }\n\n  \/* Subtle dividers *\/\n  .stat-group:not(:last-child)::after {\n    content: '';\n    position: absolute;\n    right: -30px;\n    top: 15%;\n    height: 70%;\n    width: 2px;\n    background: rgba(11, 31, 77, 0.08);\n  }\n\n  \/* =========================================\n     CREATIVE TOOLTIPS (HOVER ALERTS)\n     ========================================= *\/\n  .sw-tooltip {\n    position: absolute;\n    bottom: 120%; \/* Sits above the stat *\/\n    left: 50%;\n    transform: translateX(-50%) translateY(15px);\n    background: #0b1f4d; \/* Navy background *\/\n    color: #ffffff;\n    padding: 16px 20px;\n    border-radius: 16px;\n    box-shadow: 0 20px 40px rgba(11, 31, 77, 0.25);\n    opacity: 0;\n    visibility: hidden;\n    transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);\n    z-index: 100;\n    width: max-content;\n    border: 1px solid rgba(255, 255, 255, 0.1);\n  }\n\n  \/* The little pointer arrow at the bottom of the tooltip *\/\n  .sw-tooltip::after {\n    content: '';\n    position: absolute;\n    top: 100%;\n    left: 50%;\n    transform: translateX(-50%);\n    border-width: 8px;\n    border-style: solid;\n    border-color: #0b1f4d transparent transparent transparent;\n  }\n\n  \/* Trigger Tooltip on Hover *\/\n  .stat-group:hover .sw-tooltip {\n    opacity: 1;\n    visibility: visible;\n    transform: translateX(-50%) translateY(0);\n  }\n\n  \/* Specific Styling for the Click to Action Badge *\/\n  .sw-tooltip-action {\n    font-size: 13px;\n    font-weight: 700;\n    color: #00d9c4; \/* Neon teal *\/\n    display: flex;\n    align-items: center;\n    gap: 8px;\n    letter-spacing: 0.5px;\n    text-transform: uppercase;\n  }\n\n  \/* Specific Styling for the Country Grid *\/\n  .sw-country-grid {\n    display: grid;\n    grid-template-columns: 1fr 1fr; \/* 2 columns *\/\n    gap: 12px 24px;\n    font-size: 14px;\n    font-weight: 600;\n    color: #d1d8e8;\n  }\n\n  .sw-country-item {\n    display: flex;\n    align-items: center;\n    gap: 8px;\n  }\n\n  .sw-country-item span {\n    font-size: 16px; \/* Emoji flag size *\/\n  }\n\n  \/* =========================================\n     MEET THE PARTNERS BUTTON\n     ========================================= *\/\n  .sw-meet-partners-btn {\n    display: inline-flex;\n    align-items: center;\n    gap: 12px;\n    padding: 16px 36px;\n    background: linear-gradient(135deg, #009688 0%, #66ba7b 100%);\n    color: #ffffff;\n    font-size: 14px;\n    font-weight: 800;\n    text-transform: uppercase;\n    letter-spacing: 1.5px;\n    text-decoration: none;\n    border-radius: 50px;\n    box-shadow: 0 10px 25px rgba(0, 150, 136, 0.3);\n    transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);\n    position: relative;\n    overflow: hidden;\n    z-index: 10;\n  }\n\n  .sw-meet-partners-btn::before {\n    content: '';\n    position: absolute;\n    top: 0; left: -100%;\n    width: 100%; height: 100%;\n    background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.2), transparent);\n    transition: all 0.6s ease;\n  }\n\n  .sw-meet-partners-btn svg {\n    width: 20px;\n    height: 20px;\n    transition: transform 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);\n  }\n\n  @media (hover: hover) and (pointer: fine) {\n    .sw-meet-partners-btn:hover {\n      transform: translateY(-4px);\n      box-shadow: 0 15px 35px rgba(11, 31, 77, 0.25);\n      background: linear-gradient(135deg, #0b1f4d 0%, #06112a 100%);\n    }\n    .sw-meet-partners-btn:hover::before {\n      left: 100%;\n    }\n    .sw-meet-partners-btn:hover svg {\n      transform: translateX(6px);\n    }\n  }\n\n  \/* =========================================\n     MOBILE RESPONSIVENESS\n     ========================================= *\/\n  @media (max-width: 900px) {\n    .stats-banner-container {\n      flex-direction: column;\n      align-items: stretch;\n      border-radius: 32px; \n      padding: 40px;\n      gap: 40px;\n    }\n    \n    .stat-group:not(:last-child)::after {\n      display: none; \n    }\n\n    \/* Shift tooltips to the right on mobile so they don't get cut off *\/\n    .sw-tooltip {\n      bottom: auto;\n      top: 50%;\n      left: 100%;\n      transform: translateY(-50%) translateX(10px) scale(0.95);\n      margin-left: 20px;\n    }\n\n    .sw-tooltip::after {\n      top: 50%;\n      left: -16px;\n      transform: translateY(-50%);\n      border-color: transparent #0b1f4d transparent transparent;\n    }\n\n    .stat-group:hover .sw-tooltip {\n      transform: translateY(-50%) translateX(0) scale(1);\n    }\n  }\n\n  \/* Extreme Mobile (Tiny screens) *\/\n  @media (max-width: 500px) {\n    .sw-tooltip {\n      display: none; \/* Hide tooltips on extremely small screens to prevent overflow *\/\n    }\n    .sw-meet-partners-btn {\n      width: 100%;\n      justify-content: center;\n      padding: 14px 28px;\n      font-size: 13px;\n    }\n  }\n<\/style>\n\n<div class=\"sw-stats-wrapper\">\n  \n  <div class=\"sw-stats-abstract-1\"><\/div>\n  <div class=\"sw-stats-abstract-2\"><\/div>\n  <div class=\"sw-stats-mesh\"><\/div>\n\n  <div class=\"stats-banner-container\">\n    \n    <a href=\"https:\/\/schoolwise-project.eu\/hu\/partners\/\" class=\"stat-group\">\n      <div class=\"stat-icon-box\">\n        <img decoding=\"async\" src=\"https:\/\/schoolwise-project.eu\/wp-content\/uploads\/2026\/06\/14.png\" alt=\"Partners Icon\">\n      <\/div>\n      <div class=\"stat-text-wrapper\">\n        <span class=\"stat-number\">12<\/span>\n        <span class=\"stat-label\">Partnerek<\/span>\n      <\/div>\n      <div class=\"sw-tooltip\">\n        <div class=\"sw-tooltip-action\">Kattintson t\u00f6bbet tudni \u2192<\/div>\n      <\/div>\n    <\/a>\n\n    <div class=\"stat-group\">\n      <div class=\"stat-icon-box\">\n        <img decoding=\"async\" src=\"https:\/\/schoolwise-project.eu\/wp-content\/uploads\/2026\/06\/15.png\" alt=\"Countries Icon\">\n      <\/div>\n      <div class=\"stat-text-wrapper\">\n        <span class=\"stat-number\">6<\/span>\n        <span class=\"stat-label\">Orsz\u00e1gok<\/span>\n      <\/div>\n      <div class=\"sw-tooltip\">\n        <div class=\"sw-country-grid\">\n          <div class=\"sw-country-item\"><span>Belgium<\/span> Belgium<\/div>\n          <div class=\"sw-country-item\"><span>Ausztria<\/span> Ausztria<\/div>\n          <div class=\"sw-country-item\"><span>N\u00e9met<\/span> N\u00e9metorsz\u00e1g<\/div>\n          <div class=\"sw-country-item\"><span>Olaszorsz\u00e1g<\/span> Olaszorsz\u00e1g<\/div>\n          <div class=\"sw-country-item\"><span>Spanyolorsz\u00e1g<\/span> Spanyolorsz\u00e1g<\/div>\n          <div class=\"sw-country-item\"><span>Hollandia<\/span> Hollandia<\/div>\n        <\/div>\n      <\/div>\n    <\/div>\n\n    <div class=\"stat-group\">\n      <div class=\"stat-icon-box\">\n        <img decoding=\"async\" src=\"https:\/\/schoolwise-project.eu\/wp-content\/uploads\/2026\/06\/16.png\" alt=\"Months Icon\">\n      <\/div>\n      <div class=\"stat-text-wrapper\">\n        <span class=\"stat-number\">36<\/span>\n        <span class=\"stat-label\">H\u00f3napok<\/span>\n      <\/div>\n    <\/div>\n\n  <\/div>\n\n  <a href=\"https:\/\/schoolwise-project.eu\/hu\/partners\/\" class=\"sw-meet-partners-btn\">\n    Ismerkedj meg a Partnerekkel\n    <svg fill=\"none\" stroke=\"currentColor\" viewbox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n      <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2.5\" d=\"M14 5l7 7m0 0l-7 7m7-7H3\"><\/path>\n    <\/svg>\n  <\/a>\n\n<\/div>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-37fc09f elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"37fc09f\" data-element_type=\"section\" data-e-type=\"section\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t\t\t<div class=\"elementor-background-overlay\"><\/div>\n\t\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-no\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-a65d4d9\" data-id=\"a65d4d9\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<section class=\"elementor-section elementor-inner-section elementor-element elementor-element-7890e21 elementor-section-full_width elementor-section-height-default elementor-section-height-default\" data-id=\"7890e21\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-no\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-inner-column elementor-element elementor-element-7132d0b\" data-id=\"7132d0b\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-ec66f21 elementor-widget__width-auto elementor-widget elementor-widget-heading\" data-id=\"ec66f21\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<span class=\"elementor-heading-title elementor-size-default\">T\u00f6bbet szeretne tudni?<\/span>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-fcf27f0 elementor-widget elementor-widget-heading\" data-id=\"fcf27f0\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Csatlakozz a SCHOOLWISE K\u00f6z\u00f6ss\u00e9ghez<\/h2>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<div class=\"elementor-element elementor-element-8ab962f elementor-widget__width-initial elementor-widget elementor-widget-text-editor\" data-id=\"8ab962f\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p class=\"p1\">K\u00f6vesse a projekt fejlem\u00e9nyeit, f\u00e9rjen hozz\u00e1 forr\u00e1sokhoz, \u00e9s j\u00e1ruljon hozz\u00e1 a felel\u0151s oktat\u00e1siadat-haszn\u00e1lat j\u00f6v\u0151j\u00e9hez Eur\u00f3p\u00e1ban.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-f098e95 elementor-widget elementor-widget-html\" data-id=\"f098e95\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\n  \/* Import Montserrat Font if not already loaded *\/\n  @import url('https:\/\/fonts.googleapis.com\/css2?family=Montserrat:wght@600;700;800&display=swap');\n\n  \/* =========================================\n     BUTTON CONTAINER (CENTER ALIGNMENT)\n     ========================================= *\/\n  .sw-btn-wrapper-center {\n    display: flex;\n    justify-content: center; \/* Snaps the button perfectly to the center *\/\n    width: 100%;\n    padding: 20px 0; \n  }\n\n  \/* =========================================\n     SOLID GRADIENT BUTTON (SCREENSHOT MATCH)\n     ========================================= *\/\n  .sw-btn-solid-match {\n    display: inline-flex;\n    align-items: center;\n    gap: 12px;\n    padding: 16px 36px;\n    \/* Gradient matched exactly to your uploaded screenshot *\/\n    background: linear-gradient(90deg, #4ea384 0%, #6ebd7c 100%);\n    color: #ffffff !important;\n    font-family: 'Montserrat', sans-serif;\n    font-size: 15px;\n    font-weight: 800;\n    text-transform: uppercase;\n    letter-spacing: 1.5px;\n    text-decoration: none;\n    border-radius: 50px;\n    border: none;\n    box-shadow: 0 8px 20px rgba(78, 163, 132, 0.25);\n    transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);\n    cursor: pointer;\n  }\n\n  \/* Right Arrow Icon Styling *\/\n  .sw-btn-solid-match svg {\n    width: 22px;\n    height: 22px;\n    stroke: currentColor;\n    stroke-width: 2.5;\n    transition: transform 0.3s ease;\n  }\n\n  \/* Hover & Active States *\/\n  @media (hover: hover) and (pointer: fine) {\n    .sw-btn-solid-match:hover {\n      transform: translateY(-3px);\n      box-shadow: 0 12px 25px rgba(78, 163, 132, 0.4);\n      \/* Slightly deepens the gradient on hover *\/\n      background: linear-gradient(90deg, #3d8a6e 0%, #5ba868 100%);\n    }\n\n    .sw-btn-solid-match:hover svg {\n      transform: translateX(6px); \/* Arrow pushes to the right *\/\n    }\n  }\n\n  @media (max-width: 991px) {\n    .sw-btn-solid-match:active {\n      transform: scale(0.96);\n    }\n  }\n<\/style>\n\n<!-- Centered Container -->\n<div class=\"sw-btn-wrapper-center\">\n  <!-- The Button -->\n  <a href=\"https:\/\/schoolwise-project.eu\/hu\/contact-us\/\" class=\"sw-btn-solid-match\" aria-label=\"Kapcsolat\">\n    EL\u00c9RHET\u0150S\u00c9GEK\n    <!-- Match the arrow from your screenshot -->\n    <svg fill=\"none\" viewbox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n      <path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M5 12h14M12 5l7 7-7 7\"\/>\n    <\/svg>\n  <\/a>\n<\/div>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<\/div>","protected":false},"excerpt":{"rendered":"<p>Erasmus+ Forward-Looking Project Building Data Wisdomfor Schools Transforming educational data into better decisions, stronger schools and improved learning outcomes across Europe. Explore the Project Meet the Consortium INTRODUCTION Why SCHOOLWISE Matters Educational data is growing. Data wisdom is not. Schools generate more data than ever before, yet many institutions still lack the frameworks, competencies and [&hellip;]<\/p>\n","protected":false},"author":2,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"_eb_attr":"","_uag_custom_page_level_css":"","footnotes":""},"class_list":["post-1532","page","type-page","status-publish","hentry"],"uagb_featured_image_src":{"full":false,"thumbnail":false,"medium":false,"medium_large":false,"large":false,"1536x1536":false,"2048x2048":false,"trp-custom-language-flag":false,"_nx_notification_thumb_100_100":false,"_nx_notification_thumb_200_200":false,"_nx_notification_thumb_300_300":false,"_nx_notification_thumb_400_400":false,"_nx_notification_thumb_500_500":false},"uagb_author_info":{"display_name":"Project Admin","author_link":"https:\/\/schoolwise-project.eu\/hu\/author\/project_admin\/"},"uagb_comment_info":0,"uagb_excerpt":"Erasmus+ Forward-Looking Project Building Data Wisdomfor Schools Transforming educational data into better decisions, stronger schools and improved learning outcomes across Europe. Explore the Project Meet the Consortium INTRODUCTION Why SCHOOLWISE Matters Educational data is growing. Data wisdom is not. Schools generate more data than ever before, yet many institutions still lack the frameworks, competencies and&hellip;","_links":{"self":[{"href":"https:\/\/schoolwise-project.eu\/hu\/wp-json\/wp\/v2\/pages\/1532","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/schoolwise-project.eu\/hu\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/schoolwise-project.eu\/hu\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/schoolwise-project.eu\/hu\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/schoolwise-project.eu\/hu\/wp-json\/wp\/v2\/comments?post=1532"}],"version-history":[{"count":46,"href":"https:\/\/schoolwise-project.eu\/hu\/wp-json\/wp\/v2\/pages\/1532\/revisions"}],"predecessor-version":[{"id":1660,"href":"https:\/\/schoolwise-project.eu\/hu\/wp-json\/wp\/v2\/pages\/1532\/revisions\/1660"}],"wp:attachment":[{"href":"https:\/\/schoolwise-project.eu\/hu\/wp-json\/wp\/v2\/media?parent=1532"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}