.elementor-2343 .elementor-element.elementor-element-a622f9b{--display:flex;}.elementor-widget-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-2343 .elementor-element.elementor-element-f841457{width:100%;max-width:100%;text-align:center;}.elementor-2343 .elementor-element.elementor-element-f841457 img{opacity:1;}.elementor-2343 .elementor-element.elementor-element-6e3931c{--display:grid;--min-height:0px;--e-con-grid-template-columns:repeat(5, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--grid-auto-flow:row;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-widget-icon-box.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-primary );}.elementor-widget-icon-box.elementor-view-framed .elementor-icon, .elementor-widget-icon-box.elementor-view-default .elementor-icon{fill:var( --e-global-color-primary );color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-widget-icon-box .elementor-icon-box-title, .elementor-widget-icon-box .elementor-icon-box-title a{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-icon-box .elementor-icon-box-title{color:var( --e-global-color-primary );}.elementor-widget-icon-box:has(:hover) .elementor-icon-box-title,
					 .elementor-widget-icon-box:has(:focus) .elementor-icon-box-title{color:var( --e-global-color-primary );}.elementor-widget-icon-box .elementor-icon-box-description{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-2343 .elementor-element.elementor-element-e69ecd0 .elementor-icon-box-wrapper{gap:0px;}.elementor-2343 .elementor-element.elementor-element-e69ecd0 .elementor-icon{font-size:150px;}.elementor-2343 .elementor-element.elementor-element-e69ecd0 .elementor-icon-box-title, .elementor-2343 .elementor-element.elementor-element-e69ecd0 .elementor-icon-box-title a{font-family:"Roboto", Sans-serif;font-weight:600;}.elementor-2343 .elementor-element.elementor-element-51916b8 .elementor-icon-box-wrapper{gap:0px;}.elementor-2343 .elementor-element.elementor-element-51916b8 .elementor-icon{font-size:150px;}.elementor-2343 .elementor-element.elementor-element-51916b8 .elementor-icon-box-title, .elementor-2343 .elementor-element.elementor-element-51916b8 .elementor-icon-box-title a{font-family:"Roboto", Sans-serif;font-weight:600;}.elementor-2343 .elementor-element.elementor-element-0064d11 .elementor-icon-box-wrapper{gap:0px;}.elementor-2343 .elementor-element.elementor-element-0064d11 .elementor-icon{font-size:150px;}.elementor-2343 .elementor-element.elementor-element-0064d11 .elementor-icon-box-title, .elementor-2343 .elementor-element.elementor-element-0064d11 .elementor-icon-box-title a{font-family:"Roboto", Sans-serif;font-weight:600;}.elementor-2343 .elementor-element.elementor-element-d924edb .elementor-icon-box-wrapper{gap:0px;}.elementor-2343 .elementor-element.elementor-element-d924edb .elementor-icon{font-size:150px;}.elementor-2343 .elementor-element.elementor-element-d924edb .elementor-icon-box-title, .elementor-2343 .elementor-element.elementor-element-d924edb .elementor-icon-box-title a{font-family:"Roboto", Sans-serif;font-weight:600;}.elementor-2343 .elementor-element.elementor-element-5c94458 .elementor-icon-box-wrapper{gap:0px;}.elementor-2343 .elementor-element.elementor-element-5c94458 .elementor-icon{font-size:150px;}.elementor-2343 .elementor-element.elementor-element-5c94458 .elementor-icon-box-title, .elementor-2343 .elementor-element.elementor-element-5c94458 .elementor-icon-box-title a{font-family:"Roboto", Sans-serif;font-weight:600;}.elementor-2343 .elementor-element.elementor-element-07609bb{--display:grid;--e-con-grid-template-columns:repeat(2, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--grid-auto-flow:row;--margin-top:71px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-2343 .elementor-element.elementor-element-487e0ca{background-color:#181D22;padding:56px 0px 0px 0px;border-style:solid;border-width:1px 1px 1px 1px;border-color:#6EC1E4;border-radius:20px 20px 20px 20px;font-family:"Roboto", Sans-serif;font-size:27px;font-weight:400;text-transform:lowercase;}.elementor-2343 .elementor-element.elementor-element-487e0ca p{margin-block-end:0px;}.elementor-2343 .elementor-element.elementor-element-e03d6b8{border-style:solid;border-width:1px 1px 1px 1px;border-color:#d7392d;border-radius:20px 20px 20px 20px;box-shadow:0px 0px 10px 0px rgba(0,0,0,0.5);}.elementor-2343 .elementor-element.elementor-element-e03d6b8 iframe{transition-duration:0s;}@media(max-width:1024px){.elementor-2343 .elementor-element.elementor-element-6e3931c{--grid-auto-flow:row;}.elementor-2343 .elementor-element.elementor-element-07609bb{--grid-auto-flow:row;}}@media(max-width:767px){.elementor-2343 .elementor-element.elementor-element-f841457 img{width:100%;max-width:100%;height:205px;object-fit:cover;}.elementor-2343 .elementor-element.elementor-element-6e3931c{--e-con-grid-template-columns:repeat(2, 1fr);--grid-auto-flow:row;}.elementor-2343 .elementor-element.elementor-element-e69ecd0 .elementor-icon-box-title, .elementor-2343 .elementor-element.elementor-element-e69ecd0 .elementor-icon-box-title a{font-size:13px;}.elementor-2343 .elementor-element.elementor-element-51916b8 .elementor-icon-box-title, .elementor-2343 .elementor-element.elementor-element-51916b8 .elementor-icon-box-title a{font-size:13px;}.elementor-2343 .elementor-element.elementor-element-0064d11 .elementor-icon-box-title, .elementor-2343 .elementor-element.elementor-element-0064d11 .elementor-icon-box-title a{font-size:13px;}.elementor-2343 .elementor-element.elementor-element-d924edb .elementor-icon-box-title, .elementor-2343 .elementor-element.elementor-element-d924edb .elementor-icon-box-title a{font-size:13px;}.elementor-2343 .elementor-element.elementor-element-5c94458{margin:0px -100px calc(var(--kit-widget-spacing, 0px) + 0px) 100px;}.elementor-2343 .elementor-element.elementor-element-5c94458.elementor-element{--align-self:center;}.elementor-2343 .elementor-element.elementor-element-5c94458 .elementor-icon-box-title, .elementor-2343 .elementor-element.elementor-element-5c94458 .elementor-icon-box-title a{font-size:13px;}.elementor-2343 .elementor-element.elementor-element-07609bb{--e-con-grid-template-columns:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-2343 .elementor-element.elementor-element-487e0ca{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:3px 3px 3px 3px;}}@media(min-width:768px){.elementor-2343 .elementor-element.elementor-element-6e3931c{--width:100%;}}/* Start custom CSS for container, class: .elementor-element-a622f9b */.elementor-2343 .elementor-element.elementor-element-a622f9b {
    -webkit-mask-image: linear-gradient(to bottom, 
        rgba(0,0,0,1) 0%, 
        rgba(0,0,0,1) 70%, 
        rgba(0,0,0,0) 100%
    );
    mask-image: linear-gradient(to bottom, 
        rgba(0,0,0,1) 0%, 
        rgba(0,0,0,1) 70%, 
        rgba(0,0,0,0) 100%
    );
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-e69ecd0 *//* "Láthatatlan aljú", mozgó piros füstüveg -> Hoverkor kék háttér, PIROS szöveg */
.elementor-2343 .elementor-element.elementor-element-e69ecd0 {
    /* Alapállapot: A szín már 50%-nál elkezd halványulni, 85%-nál pedig teljesen elfogy */
    background: linear-gradient(180deg, 
        rgba(150, 20, 20, 0.25) 0%, 
        rgba(15, 20, 30, 0.1) 40%, 
        rgba(15, 20, 30, 0) 85%) !important;
    background-size: 100% 200% !important;
    background-position: top center !important;
    
    /* Szigorúan nincs alsó vagy oldalsó keret */
    border: none !important;
    border-top: 1px solid rgba(255, 255, 255, 0.15) !important;
    border-radius: 20px 20px 0 0 !important;
    
    /* Minimális alsó padding, hogy a szöveg legyen a kártya "vége" */
    padding: 25px 10px 5px 10px !important; 
    transition: transform 0.4s ease-out, background 0.6s ease, background-position 0.6s ease !important;
    backdrop-filter: blur(10px);
    position: relative;
    overflow: hidden;
    
    display: flex;
    flex-direction: column;
    align-items: center;
    min-height: 140px !important;
}

/* Azonnali csillogás */
.elementor-2343 .elementor-element.elementor-element-e69ecd0::before {
    content: '';
    position: absolute;
    top: 0;
    left: -100%; 
    width: 50%;
    height: 100%;
    background: linear-gradient(to right, 
        rgba(255,255,255,0) 0%, 
        rgba(255,255,255,0.25) 50%, 
        rgba(255,255,255,0) 100%);
    transform: skewX(-25deg);
    transition: none !important; 
    z-index: 1;
}

/* HOVER ÁLLAPOT */
.elementor-2343 .elementor-element.elementor-element-e69ecd0:hover {
    transform: translateY(-8px) !important;
    /* A kék gradiens is hamarabb, már a szöveg felett elfogy */
    background-position: bottom center !important;
    background-image: linear-gradient(180deg, 
        rgba(0, 110, 255, 0.3) 0%, 
        rgba(0, 50, 150, 0.15) 45%, 
        rgba(15, 20, 30, 0) 85%) !important;
}

/* Csillogás indítása */
.elementor-2343 .elementor-element.elementor-element-e69ecd0:hover::before {
    left: 150%;
    transition: left 0.8s ease-out !important;
}

/* Ikon színe hoverkor KÉK */
.elementor-2343 .elementor-element.elementor-element-e69ecd0:hover .elementor-icon i, 
.elementor-2343 .elementor-element.elementor-element-e69ecd0:hover .elementor-icon svg {
    color: #0096ff !important;
    fill: #0096ff !important;
    filter: drop-shadow(0 0 10px rgba(0, 150, 255, 0.6)) !important;
}

/* A SZÖVEG SZÍNE HOVERKOR PIROS */
.elementor-2343 .elementor-element.elementor-element-e69ecd0:hover .elementor-icon-box-title {
    color: #dc2626 !important;
    text-shadow: 0 0 10px rgba(220, 38, 38, 0.3) !important;
}

/* Alapállapotú színek és méretek */
.elementor-2343 .elementor-element.elementor-element-e69ecd0 .elementor-icon i, 
.elementor-2343 .elementor-element.elementor-element-e69ecd0 .elementor-icon svg {
    fill: #ffffff !important;
    color: #ffffff !important;
    transition: all 0.4s ease !important;
}

.elementor-2343 .elementor-element.elementor-element-e69ecd0 .elementor-icon-box-title {
    color: #ffffff !important;
    font-size: 18px !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    margin-top: 15px !important;
    transition: all 0.4s ease !important;
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-51916b8 *//* "Láthatatlan aljú", mozgó piros füstüveg -> Hoverkor kék háttér, PIROS szöveg */
.elementor-2343 .elementor-element.elementor-element-51916b8 {
    /* Alapállapot: A szín már 50%-nál elkezd halványulni, 85%-nál pedig teljesen elfogy */
    background: linear-gradient(180deg, 
        rgba(150, 20, 20, 0.25) 0%, 
        rgba(15, 20, 30, 0.1) 40%, 
        rgba(15, 20, 30, 0) 85%) !important;
    background-size: 100% 200% !important;
    background-position: top center !important;
    
    /* Szigorúan nincs alsó vagy oldalsó keret */
    border: none !important;
    border-top: 1px solid rgba(255, 255, 255, 0.15) !important;
    border-radius: 20px 20px 0 0 !important;
    
    /* Minimális alsó padding, hogy a szöveg legyen a kártya "vége" */
    padding: 25px 10px 5px 10px !important; 
    transition: transform 0.4s ease-out, background 0.6s ease, background-position 0.6s ease !important;
    backdrop-filter: blur(10px);
    position: relative;
    overflow: hidden;
    
    display: flex;
    flex-direction: column;
    align-items: center;
    min-height: 140px !important;
}

/* Azonnali csillogás */
.elementor-2343 .elementor-element.elementor-element-51916b8::before {
    content: '';
    position: absolute;
    top: 0;
    left: -100%; 
    width: 50%;
    height: 100%;
    background: linear-gradient(to right, 
        rgba(255,255,255,0) 0%, 
        rgba(255,255,255,0.25) 50%, 
        rgba(255,255,255,0) 100%);
    transform: skewX(-25deg);
    transition: none !important; 
    z-index: 1;
}

/* HOVER ÁLLAPOT */
.elementor-2343 .elementor-element.elementor-element-51916b8:hover {
    transform: translateY(-8px) !important;
    /* A kék gradiens is hamarabb, már a szöveg felett elfogy */
    background-position: bottom center !important;
    background-image: linear-gradient(180deg, 
        rgba(0, 110, 255, 0.3) 0%, 
        rgba(0, 50, 150, 0.15) 45%, 
        rgba(15, 20, 30, 0) 85%) !important;
}

/* Csillogás indítása */
.elementor-2343 .elementor-element.elementor-element-51916b8:hover::before {
    left: 150%;
    transition: left 0.8s ease-out !important;
}

/* Ikon színe hoverkor KÉK */
.elementor-2343 .elementor-element.elementor-element-51916b8:hover .elementor-icon i, 
.elementor-2343 .elementor-element.elementor-element-51916b8:hover .elementor-icon svg {
    color: #0096ff !important;
    fill: #0096ff !important;
    filter: drop-shadow(0 0 10px rgba(0, 150, 255, 0.6)) !important;
}

/* A SZÖVEG SZÍNE HOVERKOR PIROS */
.elementor-2343 .elementor-element.elementor-element-51916b8:hover .elementor-icon-box-title {
    color: #dc2626 !important;
    text-shadow: 0 0 10px rgba(220, 38, 38, 0.3) !important;
}

/* Alapállapotú színek és méretek */
.elementor-2343 .elementor-element.elementor-element-51916b8 .elementor-icon i, 
.elementor-2343 .elementor-element.elementor-element-51916b8 .elementor-icon svg {
    fill: #ffffff !important;
    color: #ffffff !important;
    transition: all 0.4s ease !important;
}

.elementor-2343 .elementor-element.elementor-element-51916b8 .elementor-icon-box-title {
    color: #ffffff !important;
    font-size: 18px !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    margin-top: 15px !important;
    transition: all 0.4s ease !important;
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-0064d11 *//* "Láthatatlan aljú", mozgó piros füstüveg -> Hoverkor kék háttér, PIROS szöveg */
.elementor-2343 .elementor-element.elementor-element-0064d11 {
    /* Alapállapot: A szín már 50%-nál elkezd halványulni, 85%-nál pedig teljesen elfogy */
    background: linear-gradient(180deg, 
        rgba(150, 20, 20, 0.25) 0%, 
        rgba(15, 20, 30, 0.1) 40%, 
        rgba(15, 20, 30, 0) 85%) !important;
    background-size: 100% 200% !important;
    background-position: top center !important;
    
    /* Szigorúan nincs alsó vagy oldalsó keret */
    border: none !important;
    border-top: 1px solid rgba(255, 255, 255, 0.15) !important;
    border-radius: 20px 20px 0 0 !important;
    
    /* Minimális alsó padding, hogy a szöveg legyen a kártya "vége" */
    padding: 25px 10px 5px 10px !important; 
    transition: transform 0.4s ease-out, background 0.6s ease, background-position 0.6s ease !important;
    backdrop-filter: blur(10px);
    position: relative;
    overflow: hidden;
    
    display: flex;
    flex-direction: column;
    align-items: center;
    min-height: 140px !important;
}

/* Azonnali csillogás */
.elementor-2343 .elementor-element.elementor-element-0064d11::before {
    content: '';
    position: absolute;
    top: 0;
    left: -100%; 
    width: 50%;
    height: 100%;
    background: linear-gradient(to right, 
        rgba(255,255,255,0) 0%, 
        rgba(255,255,255,0.25) 50%, 
        rgba(255,255,255,0) 100%);
    transform: skewX(-25deg);
    transition: none !important; 
    z-index: 1;
}

/* HOVER ÁLLAPOT */
.elementor-2343 .elementor-element.elementor-element-0064d11:hover {
    transform: translateY(-8px) !important;
    /* A kék gradiens is hamarabb, már a szöveg felett elfogy */
    background-position: bottom center !important;
    background-image: linear-gradient(180deg, 
        rgba(0, 110, 255, 0.3) 0%, 
        rgba(0, 50, 150, 0.15) 45%, 
        rgba(15, 20, 30, 0) 85%) !important;
}

/* Csillogás indítása */
.elementor-2343 .elementor-element.elementor-element-0064d11:hover::before {
    left: 150%;
    transition: left 0.8s ease-out !important;
}

/* Ikon színe hoverkor KÉK */
.elementor-2343 .elementor-element.elementor-element-0064d11:hover .elementor-icon i, 
.elementor-2343 .elementor-element.elementor-element-0064d11:hover .elementor-icon svg {
    color: #0096ff !important;
    fill: #0096ff !important;
    filter: drop-shadow(0 0 10px rgba(0, 150, 255, 0.6)) !important;
}

/* A SZÖVEG SZÍNE HOVERKOR PIROS */
.elementor-2343 .elementor-element.elementor-element-0064d11:hover .elementor-icon-box-title {
    color: #dc2626 !important;
    text-shadow: 0 0 10px rgba(220, 38, 38, 0.3) !important;
}

/* Alapállapotú színek és méretek */
.elementor-2343 .elementor-element.elementor-element-0064d11 .elementor-icon i, 
.elementor-2343 .elementor-element.elementor-element-0064d11 .elementor-icon svg {
    fill: #ffffff !important;
    color: #ffffff !important;
    transition: all 0.4s ease !important;
}

.elementor-2343 .elementor-element.elementor-element-0064d11 .elementor-icon-box-title {
    color: #ffffff !important;
    font-size: 18px !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    margin-top: 15px !important;
    transition: all 0.4s ease !important;
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-d924edb *//* "Láthatatlan aljú", mozgó piros füstüveg -> Hoverkor kék háttér, PIROS szöveg */
.elementor-2343 .elementor-element.elementor-element-d924edb {
    /* Alapállapot: A szín már 50%-nál elkezd halványulni, 85%-nál pedig teljesen elfogy */
    background: linear-gradient(180deg, 
        rgba(150, 20, 20, 0.25) 0%, 
        rgba(15, 20, 30, 0.1) 40%, 
        rgba(15, 20, 30, 0) 85%) !important;
    background-size: 100% 200% !important;
    background-position: top center !important;
    
    /* Szigorúan nincs alsó vagy oldalsó keret */
    border: none !important;
    border-top: 1px solid rgba(255, 255, 255, 0.15) !important;
    border-radius: 20px 20px 0 0 !important;
    
    /* Minimális alsó padding, hogy a szöveg legyen a kártya "vége" */
    padding: 25px 10px 5px 10px !important; 
    transition: transform 0.4s ease-out, background 0.6s ease, background-position 0.6s ease !important;
    backdrop-filter: blur(10px);
    position: relative;
    overflow: hidden;
    
    display: flex;
    flex-direction: column;
    align-items: center;
    min-height: 140px !important;
}

/* Azonnali csillogás */
.elementor-2343 .elementor-element.elementor-element-d924edb::before {
    content: '';
    position: absolute;
    top: 0;
    left: -100%; 
    width: 50%;
    height: 100%;
    background: linear-gradient(to right, 
        rgba(255,255,255,0) 0%, 
        rgba(255,255,255,0.25) 50%, 
        rgba(255,255,255,0) 100%);
    transform: skewX(-25deg);
    transition: none !important; 
    z-index: 1;
}

/* HOVER ÁLLAPOT */
.elementor-2343 .elementor-element.elementor-element-d924edb:hover {
    transform: translateY(-8px) !important;
    /* A kék gradiens is hamarabb, már a szöveg felett elfogy */
    background-position: bottom center !important;
    background-image: linear-gradient(180deg, 
        rgba(0, 110, 255, 0.3) 0%, 
        rgba(0, 50, 150, 0.15) 45%, 
        rgba(15, 20, 30, 0) 85%) !important;
}

/* Csillogás indítása */
.elementor-2343 .elementor-element.elementor-element-d924edb:hover::before {
    left: 150%;
    transition: left 0.8s ease-out !important;
}

/* Ikon színe hoverkor KÉK */
.elementor-2343 .elementor-element.elementor-element-d924edb:hover .elementor-icon i, 
.elementor-2343 .elementor-element.elementor-element-d924edb:hover .elementor-icon svg {
    color: #0096ff !important;
    fill: #0096ff !important;
    filter: drop-shadow(0 0 10px rgba(0, 150, 255, 0.6)) !important;
}

/* A SZÖVEG SZÍNE HOVERKOR PIROS */
.elementor-2343 .elementor-element.elementor-element-d924edb:hover .elementor-icon-box-title {
    color: #dc2626 !important;
    text-shadow: 0 0 10px rgba(220, 38, 38, 0.3) !important;
}

/* Alapállapotú színek és méretek */
.elementor-2343 .elementor-element.elementor-element-d924edb .elementor-icon i, 
.elementor-2343 .elementor-element.elementor-element-d924edb .elementor-icon svg {
    fill: #ffffff !important;
    color: #ffffff !important;
    transition: all 0.4s ease !important;
}

.elementor-2343 .elementor-element.elementor-element-d924edb .elementor-icon-box-title {
    color: #ffffff !important;
    font-size: 18px !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    margin-top: 15px !important;
    transition: all 0.4s ease !important;
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-5c94458 *//* "Láthatatlan aljú", mozgó piros füstüveg -> Hoverkor kék háttér, PIROS szöveg */
.elementor-2343 .elementor-element.elementor-element-5c94458 {
    /* Alapállapot: A szín már 50%-nál elkezd halványulni, 85%-nál pedig teljesen elfogy */
    background: linear-gradient(180deg, 
        rgba(150, 20, 20, 0.25) 0%, 
        rgba(15, 20, 30, 0.1) 40%, 
        rgba(15, 20, 30, 0) 85%) !important;
    background-size: 100% 200% !important;
    background-position: top center !important;
    
    /* Szigorúan nincs alsó vagy oldalsó keret */
    border: none !important;
    border-top: 1px solid rgba(255, 255, 255, 0.15) !important;
    border-radius: 20px 20px 0 0 !important;
    
    /* Minimális alsó padding, hogy a szöveg legyen a kártya "vége" */
    padding: 25px 10px 5px 10px !important; 
    transition: transform 0.4s ease-out, background 0.6s ease, background-position 0.6s ease !important;
    backdrop-filter: blur(10px);
    position: relative;
    overflow: hidden;
    
    display: flex;
    flex-direction: column;
    align-items: center;
    min-height: 140px !important;
}

/* Azonnali csillogás */
.elementor-2343 .elementor-element.elementor-element-5c94458::before {
    content: '';
    position: absolute;
    top: 0;
    left: -100%; 
    width: 50%;
    height: 100%;
    background: linear-gradient(to right, 
        rgba(255,255,255,0) 0%, 
        rgba(255,255,255,0.25) 50%, 
        rgba(255,255,255,0) 100%);
    transform: skewX(-25deg);
    transition: none !important; 
    z-index: 1;
}

/* HOVER ÁLLAPOT */
.elementor-2343 .elementor-element.elementor-element-5c94458:hover {
    transform: translateY(-8px) !important;
    /* A kék gradiens is hamarabb, már a szöveg felett elfogy */
    background-position: bottom center !important;
    background-image: linear-gradient(180deg, 
        rgba(0, 110, 255, 0.3) 0%, 
        rgba(0, 50, 150, 0.15) 45%, 
        rgba(15, 20, 30, 0) 85%) !important;
}

/* Csillogás indítása */
.elementor-2343 .elementor-element.elementor-element-5c94458:hover::before {
    left: 150%;
    transition: left 0.8s ease-out !important;
}

/* Ikon színe hoverkor KÉK */
.elementor-2343 .elementor-element.elementor-element-5c94458:hover .elementor-icon i, 
.elementor-2343 .elementor-element.elementor-element-5c94458:hover .elementor-icon svg {
    color: #0096ff !important;
    fill: #0096ff !important;
    filter: drop-shadow(0 0 10px rgba(0, 150, 255, 0.6)) !important;
}

/* A SZÖVEG SZÍNE HOVERKOR PIROS */
.elementor-2343 .elementor-element.elementor-element-5c94458:hover .elementor-icon-box-title {
    color: #dc2626 !important;
    text-shadow: 0 0 10px rgba(220, 38, 38, 0.3) !important;
}

/* Alapállapotú színek és méretek */
.elementor-2343 .elementor-element.elementor-element-5c94458 .elementor-icon i, 
.elementor-2343 .elementor-element.elementor-element-5c94458 .elementor-icon svg {
    fill: #ffffff !important;
    color: #ffffff !important;
    transition: all 0.4s ease !important;
}

.elementor-2343 .elementor-element.elementor-element-5c94458 .elementor-icon-box-title {
    color: #ffffff !important;
    font-size: 18px !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    margin-top: 15px !important;
    transition: all 0.4s ease !important;
}/* End custom CSS */