.elementor-1296 .elementor-element.elementor-element-e66d1fd{--display:flex;--min-height:0px;--gap:20px 20px;--row-gap:20px;--column-gap:20px;}.elementor-1296 .elementor-element.elementor-element-e66d1fd.e-con{--flex-grow:1;--flex-shrink:0;}.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-1296 .elementor-element.elementor-element-bfa4981{width:100%;max-width:100%;padding:0px 0px 0px 0px;}.elementor-1296 .elementor-element.elementor-element-bfa4981.elementor-element{--align-self:stretch;}.elementor-1296 .elementor-element.elementor-element-bfa4981 img{opacity:1;}.elementor-1296 .elementor-element.elementor-element-7c96502{--display:flex;--overflow:hidden;--margin-top:-8px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-1296 .elementor-element.elementor-element-f417156{text-align:center;}.elementor-1296 .elementor-element.elementor-element-f417156 .elementor-heading-title{font-family:"Roboto", Sans-serif;font-size:31px;font-weight:600;line-height:35px;}.elementor-1296 .elementor-element.elementor-element-4e185a1{--display:grid;--min-height:0px;--e-con-grid-template-columns:repeat(3, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--grid-auto-flow:row;border-style:solid;--border-style:solid;border-width:0px 0px 0px 0px;--border-top-width:0px;--border-right-width:0px;--border-bottom-width:0px;--border-left-width:0px;border-color:#FFFFFF;--border-color:#FFFFFF;--border-radius:15px 15px 15px 15px;--margin-top:34px;--margin-bottom:6px;--margin-left:6px;--margin-right:6px;--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-1296 .elementor-element.elementor-element-4e185a1:not(.elementor-motion-effects-element-type-background), .elementor-1296 .elementor-element.elementor-element-4e185a1 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF00;}.elementor-1296 .elementor-element.elementor-element-4e185a1.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-1296 .elementor-element.elementor-element-f87fd5e{--display:flex;--min-height:0px;--overflow:hidden;border-style:none;--border-style:none;--border-radius:25px 25px 25px 25px;}.elementor-1296 .elementor-element.elementor-element-4792a9b{margin:-20px -20px calc(var(--kit-widget-spacing, 0px) + 0px) 1px;padding:0px 0px 0px 0px;text-align:start;}.elementor-1296 .elementor-element.elementor-element-4792a9b.elementor-element{--align-self:flex-start;}.elementor-1296 .elementor-element.elementor-element-4792a9b img{max-width:100%;opacity:0.8;border-style:none;border-radius:0px 47px 0px 0px;}.elementor-1296 .elementor-element.elementor-element-06ff04b{text-align:center;}.elementor-1296 .elementor-element.elementor-element-06ff04b .elementor-heading-title{font-family:"Roboto", Sans-serif;font-size:33px;font-weight:600;}.elementor-1296 .elementor-element.elementor-element-06ff04b .elementor-heading-title a{transition-duration:1.7s;}.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-widget-button .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-1296 .elementor-element.elementor-element-c19724d{margin:18px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-1296 .elementor-element.elementor-element-c19724d .elementor-button{border-style:solid;border-width:1px 1px 1px 1px;border-color:#FFFFFF;}.elementor-1296 .elementor-element.elementor-element-67eddaf{--display:flex;--min-height:0px;--overflow:hidden;border-style:none;--border-style:none;--border-radius:25px 25px 25px 25px;}.elementor-1296 .elementor-element.elementor-element-c21327c{margin:-20px -20px calc(var(--kit-widget-spacing, 0px) + 0px) 1px;padding:0px 0px 0px 0px;text-align:start;}.elementor-1296 .elementor-element.elementor-element-c21327c.elementor-element{--align-self:flex-start;}.elementor-1296 .elementor-element.elementor-element-c21327c img{max-width:100%;opacity:0.8;border-style:none;border-radius:0px 47px 0px 0px;}.elementor-1296 .elementor-element.elementor-element-e0449cb{text-align:center;}.elementor-1296 .elementor-element.elementor-element-e0449cb .elementor-heading-title{font-family:"Roboto", Sans-serif;font-size:33px;font-weight:600;}.elementor-1296 .elementor-element.elementor-element-c9251d1 .elementor-button{border-style:solid;border-width:1px 1px 1px 1px;border-color:#FFFFFF;}.elementor-1296 .elementor-element.elementor-element-91790bd{--display:flex;--min-height:0px;--overflow:hidden;border-style:none;--border-style:none;--border-radius:25px 25px 25px 25px;}.elementor-1296 .elementor-element.elementor-element-69672d9{margin:-20px -20px calc(var(--kit-widget-spacing, 0px) + 0px) 1px;padding:0px 0px 0px 0px;text-align:start;}.elementor-1296 .elementor-element.elementor-element-69672d9.elementor-element{--align-self:flex-start;}.elementor-1296 .elementor-element.elementor-element-69672d9 img{max-width:100%;opacity:1;border-style:none;border-radius:0px 47px 0px 0px;}.elementor-1296 .elementor-element.elementor-element-abef850{text-align:center;}.elementor-1296 .elementor-element.elementor-element-abef850 .elementor-heading-title{font-family:"Roboto", Sans-serif;font-size:33px;font-weight:600;}.elementor-1296 .elementor-element.elementor-element-4c47550 .elementor-button{border-style:solid;border-width:1px 1px 1px 1px;border-color:#FFFFFF;}.elementor-1296 .elementor-element.elementor-element-833004e{--display:flex;--margin-top:33px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-1296 .elementor-element.elementor-element-e605f9d{--display:grid;--e-con-grid-template-columns:repeat(1, 1fr);--e-con-grid-template-rows:repeat(2, 1fr);--grid-auto-flow:row;}.elementor-1296 .elementor-element.elementor-element-6274c2d .elementor-button{background-color:#181D22;font-family:"Roboto", Sans-serif;font-size:22px;font-weight:500;line-height:15px;letter-spacing:0px;border-style:solid;border-width:1px 1px 1px 1px;border-color:#6EC1E4;border-radius:10px 10px 10px 10px;}.elementor-1296 .elementor-element.elementor-element-6274c2d{padding:15px 0px 0px 0px;}.elementor-1296 .elementor-element.elementor-element-6274c2d.elementor-element{--order:0;}.elementor-1296 .elementor-element.elementor-element-232e1a7 .elementor-button{background-color:#181D22;font-family:"Roboto", Sans-serif;font-size:19px;font-weight:500;border-style:solid;border-width:1px 1px 1px 1px;border-color:#9E0A0A;border-radius:10px 10px 10px 10px;}.elementor-1296 .elementor-element.elementor-element-232e1a7{padding:15px 0px 0px 0px;}.elementor-1296 .elementor-element.elementor-element-0fba1e5{--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-1296 .elementor-element.elementor-element-cecff7c{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;}.elementor-1296 .elementor-element.elementor-element-cecff7c p{margin-block-end:0px;}.elementor-1296 .elementor-element.elementor-element-0c5f4a2{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-1296 .elementor-element.elementor-element-0c5f4a2 iframe{transition-duration:0s;}.elementor-1296 .elementor-element.elementor-element-9abfa6b{--display:flex;}.elementor-1296 .elementor-element.elementor-element-fff1db4 img{opacity:0.85;}@media(max-width:1024px){.elementor-1296 .elementor-element.elementor-element-4e185a1{--grid-auto-flow:row;}.elementor-1296 .elementor-element.elementor-element-e605f9d{--grid-auto-flow:row;}.elementor-1296 .elementor-element.elementor-element-0fba1e5{--grid-auto-flow:row;}}@media(min-width:768px){.elementor-1296 .elementor-element.elementor-element-7c96502{--content-width:607px;}.elementor-1296 .elementor-element.elementor-element-4e185a1{--content-width:100%;}.elementor-1296 .elementor-element.elementor-element-f87fd5e{--width:100%;}.elementor-1296 .elementor-element.elementor-element-67eddaf{--width:100%;}.elementor-1296 .elementor-element.elementor-element-91790bd{--width:100%;}}@media(max-width:767px){.elementor-1296 .elementor-element.elementor-element-4e185a1{--e-con-grid-template-columns:repeat(2, 1fr);--grid-auto-flow:row;}.elementor-1296 .elementor-element.elementor-element-e605f9d{--e-con-grid-template-columns:repeat(1, 1fr);--e-con-grid-template-rows:repeat(2, 1fr);--grid-auto-flow:row;}.elementor-1296 .elementor-element.elementor-element-0fba1e5{--e-con-grid-template-columns:repeat(1, 1fr);--grid-auto-flow:row;}}/* Start custom CSS for image, class: .elementor-element-bfa4981 */.elementor-1296 .elementor-element.elementor-element-bfa4981 img {
  -webkit-mask-image: linear-gradient(to bottom, 
    black 40%, 
    rgba(0, 0, 0, 0.5) 75%, 
    transparent 100%
  );
  mask-image: linear-gradient(to bottom, 
    black 40%, 
    rgba(0, 0, 0, 0.5) 75%, 
    transparent 100%
  );
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-f417156 *//* Megjelenés */
.elementor-1296 .elementor-element.elementor-element-f417156 {
    opacity: 0;
    animation: fadeIn 0.5s ease-out forwards;
}

.elementor-1296 .elementor-element.elementor-element-f417156 .elementor-heading-title {
    /* Alap kék, a közepén a fényes-vöröses-ezüst csík */
    background: linear-gradient(to right, 
        #4facfe 0%, 
        #4facfe 35%, 
        #ff4d4d 42%, 
        #ffffff 50%, 
        #ff4d4d 58%, 
        #4facfe 65%, 
        #4facfe 100%
    );
    background-size: 300% auto;
    background-position: 100% center; /* Jobb oldalon várakozik */
    color: transparent;
    -webkit-background-clip: text;
    background-clip: text;
    display: inline-block;
    
    /* Egyszeri lefutás, utána megáll a kéknél */
    animation: onceShine 2s ease-in-out 0.8s 1 forwards;
}

/* Felúsztatás */
@keyframes fadeIn {
    from { opacity: 0; transform: translateY(5px); }
    to { opacity: 1; transform: translateY(0); }
}

/* A csík átszalad balra, és ott is marad a kék részen */
@keyframes onceShine {
    0% { background-position: 100% center; }
    100% { background-position: -100% center; }
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-c19724d *//* 1. A GOMB ALAPÁLLAPOTA (Marad a kék neon szellem) */
.elementor-1296 .elementor-element.elementor-element-c19724d .elementor-button {
    background: #000000 !important;
    border: 1px solid rgba(0, 170, 255, 0.6) !important; /* Kék neon szegély */
    border-radius: 50px !important;
    padding: 15px 35px !important;
    transition: all 0.4s ease-in-out !important;
    position: relative;
    overflow: hidden;
    box-shadow: 0 0 10px rgba(0, 170, 255, 0.1) !important;
}

/* 2. HOVER ÁLLAPOT (Váltás PIROS szegélyre és izzásra) */
.elementor-1296 .elementor-element.elementor-element-c19724d .elementor-button:hover {
    /* A háttér átmenet marad a mély kék-fekete, hogy ne üsse a pirosat */
    background: linear-gradient(90deg, #000000 0%, #0d1b2a 50%, #000000 100%) !important;
    
    /* AZ ÚJ PIROS SZEGÉLY ÉS IZZÁS */
    border-color: #ff0000 !important; /* Erős piros szegély */
    box-shadow: 0 0 20px rgba(255, 0, 0, 0.6) !important; /* Piros ragyogás */
    
    color: #ffffff !important;
    transform: translateY(-3px); /* Kicsit feljebb emelkedik */
}

/* 3. AZ ÁTFUTÓ FÉNYEFFEKT (Fehér villanás marad) */
.elementor-1296 .elementor-element.elementor-element-c19724d .elementor-button::before {
    content: '';
    position: absolute;
    top: 0;
    left: -100%;
    width: 30%;
    height: 100%;
    background: linear-gradient(to right, 
        rgba(255,255,255,0) 0%, 
        rgba(255,255,255,0.4) 50%, 
        rgba(255,255,255,0) 100%);
    transform: skewX(-30deg);
}

.elementor-1296 .elementor-element.elementor-element-c19724d .elementor-button:hover::before {
    left: 150%;
    transition: left 0.5s ease-in-out;
}

/* 4. SZÖVEG STÍLUSA */
.elementor-1296 .elementor-element.elementor-element-c19724d .elementor-button-text {
    text-transform: uppercase;
    letter-spacing: 1.5px;
    font-weight: 700 !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-f87fd5e *//* 1. Kártya alap: Rugalmas és kerekített */
.elementor-1296 .elementor-element.elementor-element-f87fd5e {
    --radius: 20px;
    position: relative;
    width: 100% !important;
    max-width: 320px !important;
    height: 380px !important; 
    margin: 0 auto !important;
    
    /* Töröljük az Elementor hátterét, hogy a miénk érvényesüljön */
    background: transparent !important;
    border: none !important;
    padding: 0 !important;
    
    /* Szigorú sarokkivágás */
    overflow: hidden !important; 
    border-radius: var(--radius) !important;
    
    display: flex !important;
    flex-direction: column !important;
    justify-content: flex-start !important;
    z-index: 1;
}

/* 2. A FÜSTÖS ÜVEG HÁTTÉR - MOST MÁR ÁTMENETTEL */
.elementor-1296 .elementor-element.elementor-element-f87fd5e::after {
    content: "";
    position: absolute;
    inset: 0;
    border-radius: var(--radius);
    
    /* Füstös színes átmenet az üveg alatt */
    background: 
        linear-gradient(135deg, rgba(255, 0, 0, 0.1) 0%, rgba(0, 136, 255, 0.1) 100%),
        rgba(15, 15, 15, 0.9) !important; /* Sötét, de áttetsző alap */
    
    /* ÜVEGHATÁS (BLUR) */
    backdrop-filter: blur(15px) saturate(150%) !important;
    -webkit-backdrop-filter: blur(15px) saturate(150%);
    z-index: -1;
}

/* 3. A KÉP ÉS AZ ANIMÁCIÓ Fixálása */
.elementor-1296 .elementor-element.elementor-element-f87fd5e .elementor-widget-image {
    position: relative;
    z-index: 5;
    margin: 0 !important;
    padding: 0 !important;
    height: 140px !important;
    line-height: 0; /* Megszünteti a kép alatti 1 pixel hézagot */
    
    /* Kerekítés a kép tartójának */
    border-radius: var(--radius) var(--radius) 0 0 !important;
    overflow: hidden !important;
    
    /* KÉP ANIMÁCIÓ Alapállapota */
    transition: transform 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

.elementor-1296 .elementor-element.elementor-element-f87fd5e img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    border-radius: 0 !important; 
    
    /* EZ A LEGFONTOSABB! Átmenet a kép és a szöveg között */
    mask-image: linear-gradient(to bottom, black 80%, transparent 100%);
    -webkit-mask-image: linear-gradient(to bottom, black 80%, transparent 100%);
}

/* 4. SZÖVEGEK (A füstös üveg felett) */
.elementor-1296 .elementor-element.elementor-element-f87fd5e .elementor-widget-heading, 
.elementor-1296 .elementor-element.elementor-element-f87fd5e .elementor-widget-text-editor, 
.elementor-1296 .elementor-element.elementor-element-f87fd5e .elementor-widget-button {
    position: relative;
    z-index: 10;
    padding: 0 20px !important;
    margin-top: 8px !important;
    text-align: center !important;
}

/* Ár extra neon ragyogása */
.elementor-1296 .elementor-element.elementor-element-f87fd5e .elementor-widget-heading h3 {
    color: #ffffff !important;
    text-shadow: 0 0 15px rgba(0, 136, 255, 0.8), 0 0 5px rgba(255, 255, 255, 0.5);
    font-weight: 800 !important;
}

/* Gomb stílus és animáció */
.elementor-1296 .elementor-element.elementor-element-f87fd5e .elementor-button {
    background-color: transparent !important;
    border: 1.5px solid #0088ff !important;
    color: #ffffff !important;
    border-radius: 50px !important;
    padding: 8px 22px !important;
    transition: all 0.3s ease-in-out !important;
    font-weight: 600 !important;
}

.elementor-1296 .elementor-element.elementor-element-f87fd5e .elementor-button:hover {
    background-color: #0088ff !important;
    box-shadow: 0 0 20px rgba(0, 136, 255, 0.8) !important;
    transform: translateY(-2px) scale(1.05) !important;
}

/* 5. HOVER EFFEKT: A KÉP MOZGÁSA */
.elementor-1296 .elementor-element.elementor-element-f87fd5e:hover .elementor-widget-image {
    transform: translateY(-10px) scale(1.05); /* Feljebb úszik és picit nagyobb lesz */
}

/* Alsó gomb helye */
.elementor-1296 .elementor-element.elementor-element-f87fd5e .elementor-widget-button {
    padding-bottom: 25px !important;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-c9251d1 *//* 1. A GOMB ALAPÁLLAPOTA (Marad a kék neon szellem) */
.elementor-1296 .elementor-element.elementor-element-c9251d1 .elementor-button {
    background: #000000 !important;
    border: 1px solid rgba(0, 170, 255, 0.6) !important; /* Kék neon szegély */
    border-radius: 50px !important;
    padding: 15px 35px !important;
    transition: all 0.4s ease-in-out !important;
    position: relative;
    overflow: hidden;
    box-shadow: 0 0 10px rgba(0, 170, 255, 0.1) !important;
}

/* 2. HOVER ÁLLAPOT (Váltás PIROS szegélyre és izzásra) */
.elementor-1296 .elementor-element.elementor-element-c9251d1 .elementor-button:hover {
    /* A háttér átmenet marad a mély kék-fekete, hogy ne üsse a pirosat */
    background: linear-gradient(90deg, #000000 0%, #0d1b2a 50%, #000000 100%) !important;
    
    /* AZ ÚJ PIROS SZEGÉLY ÉS IZZÁS */
    border-color: #ff0000 !important; /* Erős piros szegély */
    box-shadow: 0 0 20px rgba(255, 0, 0, 0.6) !important; /* Piros ragyogás */
    
    color: #ffffff !important;
    transform: translateY(-3px); /* Kicsit feljebb emelkedik */
}

/* 3. AZ ÁTFUTÓ FÉNYEFFEKT (Fehér villanás marad) */
.elementor-1296 .elementor-element.elementor-element-c9251d1 .elementor-button::before {
    content: '';
    position: absolute;
    top: 0;
    left: -100%;
    width: 30%;
    height: 100%;
    background: linear-gradient(to right, 
        rgba(255,255,255,0) 0%, 
        rgba(255,255,255,0.4) 50%, 
        rgba(255,255,255,0) 100%);
    transform: skewX(-30deg);
}

.elementor-1296 .elementor-element.elementor-element-c9251d1 .elementor-button:hover::before {
    left: 150%;
    transition: left 0.5s ease-in-out;
}

/* 4. SZÖVEG STÍLUSA */
.elementor-1296 .elementor-element.elementor-element-c9251d1 .elementor-button-text {
    text-transform: uppercase;
    letter-spacing: 1.5px;
    font-weight: 700 !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-67eddaf *//* 1. Kártya alap: Rugalmas és kerekített */
.elementor-1296 .elementor-element.elementor-element-67eddaf {
    --radius: 20px;
    position: relative;
    width: 100% !important;
    max-width: 320px !important;
    height: 380px !important; 
    margin: 0 auto !important;
    
    /* Töröljük az Elementor hátterét, hogy a miénk érvényesüljön */
    background: transparent !important;
    border: none !important;
    padding: 0 !important;
    
    /* Szigorú sarokkivágás */
    overflow: hidden !important; 
    border-radius: var(--radius) !important;
    
    display: flex !important;
    flex-direction: column !important;
    justify-content: flex-start !important;
    z-index: 1;
}

/* 2. A FÜSTÖS ÜVEG HÁTTÉR - MOST MÁR ÁTMENETTEL */
.elementor-1296 .elementor-element.elementor-element-67eddaf::after {
    content: "";
    position: absolute;
    inset: 0;
    border-radius: var(--radius);
    
    /* Füstös színes átmenet az üveg alatt */
    background: 
        linear-gradient(135deg, rgba(255, 0, 0, 0.1) 0%, rgba(0, 136, 255, 0.1) 100%),
        rgba(15, 15, 15, 0.9) !important; /* Sötét, de áttetsző alap */
    
    /* ÜVEGHATÁS (BLUR) */
    backdrop-filter: blur(15px) saturate(150%) !important;
    -webkit-backdrop-filter: blur(15px) saturate(150%);
    z-index: -1;
}

/* 3. A KÉP ÉS AZ ANIMÁCIÓ Fixálása */
.elementor-1296 .elementor-element.elementor-element-67eddaf .elementor-widget-image {
    position: relative;
    z-index: 5;
    margin: 0 !important;
    padding: 0 !important;
    height: 140px !important;
    line-height: 0; /* Megszünteti a kép alatti 1 pixel hézagot */
    
    /* Kerekítés a kép tartójának */
    border-radius: var(--radius) var(--radius) 0 0 !important;
    overflow: hidden !important;
    
    /* KÉP ANIMÁCIÓ Alapállapota */
    transition: transform 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

.elementor-1296 .elementor-element.elementor-element-67eddaf img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    border-radius: 0 !important; 
    
    /* EZ A LEGFONTOSABB! Átmenet a kép és a szöveg között */
    mask-image: linear-gradient(to bottom, black 80%, transparent 100%);
    -webkit-mask-image: linear-gradient(to bottom, black 80%, transparent 100%);
}

/* 4. SZÖVEGEK (A füstös üveg felett) */
.elementor-1296 .elementor-element.elementor-element-67eddaf .elementor-widget-heading, 
.elementor-1296 .elementor-element.elementor-element-67eddaf .elementor-widget-text-editor, 
.elementor-1296 .elementor-element.elementor-element-67eddaf .elementor-widget-button {
    position: relative;
    z-index: 10;
    padding: 0 20px !important;
    margin-top: 8px !important;
    text-align: center !important;
}

/* Ár extra neon ragyogása */
.elementor-1296 .elementor-element.elementor-element-67eddaf .elementor-widget-heading h3 {
    color: #ffffff !important;
    text-shadow: 0 0 15px rgba(0, 136, 255, 0.8), 0 0 5px rgba(255, 255, 255, 0.5);
    font-weight: 800 !important;
}

/* Gomb stílus és animáció */
.elementor-1296 .elementor-element.elementor-element-67eddaf .elementor-button {
    background-color: transparent !important;
    border: 1.5px solid #0088ff !important;
    color: #ffffff !important;
    border-radius: 50px !important;
    padding: 8px 22px !important;
    transition: all 0.3s ease-in-out !important;
    font-weight: 600 !important;
}

.elementor-1296 .elementor-element.elementor-element-67eddaf .elementor-button:hover {
    background-color: #0088ff !important;
    box-shadow: 0 0 20px rgba(0, 136, 255, 0.8) !important;
    transform: translateY(-2px) scale(1.05) !important;
}

/* 5. HOVER EFFEKT: A KÉP MOZGÁSA */
.elementor-1296 .elementor-element.elementor-element-67eddaf:hover .elementor-widget-image {
    transform: translateY(-10px) scale(1.05); /* Feljebb úszik és picit nagyobb lesz */
}

/* Alsó gomb helye */
.elementor-1296 .elementor-element.elementor-element-67eddaf .elementor-widget-button {
    padding-bottom: 25px !important;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-4c47550 *//* 1. A GOMB ALAPÁLLAPOTA (Marad a kék neon szellem) */
.elementor-1296 .elementor-element.elementor-element-4c47550 .elementor-button {
    background: #000000 !important;
    border: 1px solid rgba(0, 170, 255, 0.6) !important; /* Kék neon szegély */
    border-radius: 50px !important;
    padding: 15px 35px !important;
    transition: all 0.4s ease-in-out !important;
    position: relative;
    overflow: hidden;
    box-shadow: 0 0 10px rgba(0, 170, 255, 0.1) !important;
}

/* 2. HOVER ÁLLAPOT (Váltás PIROS szegélyre és izzásra) */
.elementor-1296 .elementor-element.elementor-element-4c47550 .elementor-button:hover {
    /* A háttér átmenet marad a mély kék-fekete, hogy ne üsse a pirosat */
    background: linear-gradient(90deg, #000000 0%, #0d1b2a 50%, #000000 100%) !important;
    
    /* AZ ÚJ PIROS SZEGÉLY ÉS IZZÁS */
    border-color: #ff0000 !important; /* Erős piros szegély */
    box-shadow: 0 0 20px rgba(255, 0, 0, 0.6) !important; /* Piros ragyogás */
    
    color: #ffffff !important;
    transform: translateY(-3px); /* Kicsit feljebb emelkedik */
}

/* 3. AZ ÁTFUTÓ FÉNYEFFEKT (Fehér villanás marad) */
.elementor-1296 .elementor-element.elementor-element-4c47550 .elementor-button::before {
    content: '';
    position: absolute;
    top: 0;
    left: -100%;
    width: 30%;
    height: 100%;
    background: linear-gradient(to right, 
        rgba(255,255,255,0) 0%, 
        rgba(255,255,255,0.4) 50%, 
        rgba(255,255,255,0) 100%);
    transform: skewX(-30deg);
}

.elementor-1296 .elementor-element.elementor-element-4c47550 .elementor-button:hover::before {
    left: 150%;
    transition: left 0.5s ease-in-out;
}

/* 4. SZÖVEG STÍLUSA */
.elementor-1296 .elementor-element.elementor-element-4c47550 .elementor-button-text {
    text-transform: uppercase;
    letter-spacing: 1.5px;
    font-weight: 700 !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-91790bd *//* 1. Kártya alap: Rugalmas és kerekített */
.elementor-1296 .elementor-element.elementor-element-91790bd {
    --radius: 20px;
    position: relative;
    width: 100% !important;
    max-width: 320px !important;
    height: 380px !important; 
    margin: 0 auto !important;
    
    /* Töröljük az Elementor hátterét, hogy a miénk érvényesüljön */
    background: transparent !important;
    border: none !important;
    padding: 0 !important;
    
    /* Szigorú sarokkivágás */
    overflow: hidden !important; 
    border-radius: var(--radius) !important;
    
    display: flex !important;
    flex-direction: column !important;
    justify-content: flex-start !important;
    z-index: 1;
}

/* 2. A FÜSTÖS ÜVEG HÁTTÉR - MOST MÁR ÁTMENETTEL */
.elementor-1296 .elementor-element.elementor-element-91790bd::after {
    content: "";
    position: absolute;
    inset: 0;
    border-radius: var(--radius);
    
    /* Füstös színes átmenet az üveg alatt */
    background: 
        linear-gradient(135deg, rgba(255, 0, 0, 0.1) 0%, rgba(0, 136, 255, 0.1) 100%),
        rgba(15, 15, 15, 0.9) !important; /* Sötét, de áttetsző alap */
    
    /* ÜVEGHATÁS (BLUR) */
    backdrop-filter: blur(15px) saturate(150%) !important;
    -webkit-backdrop-filter: blur(15px) saturate(150%);
    z-index: -1;
}

/* 3. A KÉP ÉS AZ ANIMÁCIÓ Fixálása */
.elementor-1296 .elementor-element.elementor-element-91790bd .elementor-widget-image {
    position: relative;
    z-index: 5;
    margin: 0 !important;
    padding: 0 !important;
    height: 140px !important;
    line-height: 0; /* Megszünteti a kép alatti 1 pixel hézagot */
    
    /* Kerekítés a kép tartójának */
    border-radius: var(--radius) var(--radius) 0 0 !important;
    overflow: hidden !important;
    
    /* KÉP ANIMÁCIÓ Alapállapota */
    transition: transform 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

.elementor-1296 .elementor-element.elementor-element-91790bd img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    border-radius: 0 !important; 
    
    /* EZ A LEGFONTOSABB! Átmenet a kép és a szöveg között */
    mask-image: linear-gradient(to bottom, black 80%, transparent 100%);
    -webkit-mask-image: linear-gradient(to bottom, black 80%, transparent 100%);
}

/* 4. SZÖVEGEK (A füstös üveg felett) */
.elementor-1296 .elementor-element.elementor-element-91790bd .elementor-widget-heading, 
.elementor-1296 .elementor-element.elementor-element-91790bd .elementor-widget-text-editor, 
.elementor-1296 .elementor-element.elementor-element-91790bd .elementor-widget-button {
    position: relative;
    z-index: 10;
    padding: 0 20px !important;
    margin-top: 8px !important;
    text-align: center !important;
}

/* Ár extra neon ragyogása */
.elementor-1296 .elementor-element.elementor-element-91790bd .elementor-widget-heading h3 {
    color: #ffffff !important;
    text-shadow: 0 0 15px rgba(0, 136, 255, 0.8), 0 0 5px rgba(255, 255, 255, 0.5);
    font-weight: 800 !important;
}

/* Gomb stílus és animáció */
.elementor-1296 .elementor-element.elementor-element-91790bd .elementor-button {
    background-color: transparent !important;
    border: 1.5px solid #0088ff !important;
    color: #ffffff !important;
    border-radius: 50px !important;
    padding: 8px 22px !important;
    transition: all 0.3s ease-in-out !important;
    font-weight: 600 !important;
}

.elementor-1296 .elementor-element.elementor-element-91790bd .elementor-button:hover {
    background-color: #0088ff !important;
    box-shadow: 0 0 20px rgba(0, 136, 255, 0.8) !important;
    transform: translateY(-2px) scale(1.05) !important;
}

/* 5. HOVER EFFEKT: A KÉP MOZGÁSA */
.elementor-1296 .elementor-element.elementor-element-91790bd:hover .elementor-widget-image {
    transform: translateY(-10px) scale(1.05); /* Feljebb úszik és picit nagyobb lesz */
}

/* Alsó gomb helye */
.elementor-1296 .elementor-element.elementor-element-91790bd .elementor-widget-button {
    padding-bottom: 25px !important;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-1324efa */.kaucio-doboz {
    /* Háttér és szegély */
    background: rgba(255, 255, 255, 0.03); /* Nagyon enyhe világosítás a háttéren */
    border: 1px solid rgba(255, 0, 0, 0.4); /* Finomabb piros keret */
    border-radius: 20px; /* Illeszkedik a kártyák kerekítéséhez */
    
    /* Térközök és elrendezés */
    padding: 40px;
    margin: 50px auto;
    max-width: 900px;
    text-align: center;
    
    /* Árnyék és Glow effekt */
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.5), 
                0 0 15px rgba(255, 0, 0, 0.1); 
    
    /* Betűstílusok */
    font-family: 'Segoe UI', Roboto, sans-serif;
    line-height: 1.6;
    color: #ffffff;
}

/* Címsor kiemelése */
.kaucio-doboz h2 {
    color: #00d2ff; /* A gombokon látható ciánkék */
    text-transform: uppercase;
    letter-spacing: 2px;
    margin-bottom: 20px;
    font-size: 1.5rem;
}

/* A piros, dőlt betűs rész extra kiemelése */
.kaucio-doboz .kiemelt-szerviz {
    color: #ff4d4d;
    font-style: italic;
    font-weight: bold;
    display: block;
    margin: 15px 0;
    font-size: 1.1rem;
    text-shadow: 0 0 10px rgba(255, 77, 77, 0.3);
}

/* Az 50 000 Ft összeg kiemelése */
.kaucio-doboz .osszeg {
    color: #ff4d4d;
    font-weight: bold;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-6274c2d *//* 1. A GOMB ALAPÁLLAPOTA (Marad a kék neon szellem) */
.elementor-1296 .elementor-element.elementor-element-6274c2d .elementor-button {
    background: #000000 !important;
    border: 1px solid rgba(0, 170, 255, 0.6) !important; /* Kék neon szegély */
    border-radius: 50px !important;
    padding: 15px 35px !important;
    transition: all 0.4s ease-in-out !important;
    position: relative;
    overflow: hidden;
    box-shadow: 0 0 10px rgba(0, 170, 255, 0.1) !important;
}

/* 2. HOVER ÁLLAPOT (Váltás PIROS szegélyre és izzásra) */
.elementor-1296 .elementor-element.elementor-element-6274c2d .elementor-button:hover {
    /* A háttér átmenet marad a mély kék-fekete, hogy ne üsse a pirosat */
    background: linear-gradient(90deg, #000000 0%, #0d1b2a 50%, #000000 100%) !important;
    
    /* AZ ÚJ PIROS SZEGÉLY ÉS IZZÁS */
    border-color: #ff0000 !important; /* Erős piros szegély */
    box-shadow: 0 0 20px rgba(255, 0, 0, 0.6) !important; /* Piros ragyogás */
    
    color: #ffffff !important;
    transform: translateY(-3px); /* Kicsit feljebb emelkedik */
}

/* 3. AZ ÁTFUTÓ FÉNYEFFEKT (Fehér villanás marad) */
.elementor-1296 .elementor-element.elementor-element-6274c2d .elementor-button::before {
    content: '';
    position: absolute;
    top: 0;
    left: -100%;
    width: 30%;
    height: 100%;
    background: linear-gradient(to right, 
        rgba(255,255,255,0) 0%, 
        rgba(255,255,255,0.4) 50%, 
        rgba(255,255,255,0) 100%);
    transform: skewX(-30deg);
}

.elementor-1296 .elementor-element.elementor-element-6274c2d .elementor-button:hover::before {
    left: 150%;
    transition: left 0.5s ease-in-out;
}

/* 4. SZÖVEG STÍLUSA */
.elementor-1296 .elementor-element.elementor-element-6274c2d .elementor-button-text {
    text-transform: uppercase;
    letter-spacing: 1.5px;
    font-weight: 700 !important;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-232e1a7 *//* 1. A GOMB ALAPÁLLAPOTA (Marad a kék neon szellem) */
.elementor-1296 .elementor-element.elementor-element-232e1a7 .elementor-button {
    background: #000000 !important;
    border: 1px solid rgba(0, 170, 255, 0.6) !important; /* Kék neon szegély */
    border-radius: 50px !important;
    padding: 15px 35px !important;
    transition: all 0.4s ease-in-out !important;
    position: relative;
    overflow: hidden;
    box-shadow: 0 0 10px rgba(0, 170, 255, 0.1) !important;
}

/* 2. HOVER ÁLLAPOT (Váltás PIROS szegélyre és izzásra) */
.elementor-1296 .elementor-element.elementor-element-232e1a7 .elementor-button:hover {
    /* A háttér átmenet marad a mély kék-fekete, hogy ne üsse a pirosat */
    background: linear-gradient(90deg, #000000 0%, #0d1b2a 50%, #000000 100%) !important;
    
    /* AZ ÚJ PIROS SZEGÉLY ÉS IZZÁS */
    border-color: #ff0000 !important; /* Erős piros szegély */
    box-shadow: 0 0 20px rgba(255, 0, 0, 0.6) !important; /* Piros ragyogás */
    
    color: #ffffff !important;
    transform: translateY(-3px); /* Kicsit feljebb emelkedik */
}

/* 3. AZ ÁTFUTÓ FÉNYEFFEKT (Fehér villanás marad) */
.elementor-1296 .elementor-element.elementor-element-232e1a7 .elementor-button::before {
    content: '';
    position: absolute;
    top: 0;
    left: -100%;
    width: 30%;
    height: 100%;
    background: linear-gradient(to right, 
        rgba(255,255,255,0) 0%, 
        rgba(255,255,255,0.4) 50%, 
        rgba(255,255,255,0) 100%);
    transform: skewX(-30deg);
}

.elementor-1296 .elementor-element.elementor-element-232e1a7 .elementor-button:hover::before {
    left: 150%;
    transition: left 0.5s ease-in-out;
}

/* 4. SZÖVEG STÍLUSA */
.elementor-1296 .elementor-element.elementor-element-232e1a7 .elementor-button-text {
    text-transform: uppercase;
    letter-spacing: 1.5px;
    font-weight: 700 !important;
}/* End custom CSS */