.elementor-23889 .elementor-element.elementor-element-adefff3{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--gap:5px 5px;--row-gap:5px;--column-gap:5px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-23889 .elementor-element.elementor-element-adefff3:not(.elementor-motion-effects-element-type-background), .elementor-23889 .elementor-element.elementor-element-adefff3 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:transparent;background-image:linear-gradient(180deg, var( --e-global-color-8cdbd77 ) 0%, var( --e-global-color-primary ) 100%);}.elementor-23889 .elementor-element.elementor-element-71ca5b0a img{height:50px;}.elementor-23889 .elementor-element.elementor-element-306924ef{--display:flex;--justify-content:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-23889 .elementor-element.elementor-element-65c09866{--iteration-count:infinite;--animation-duration:1200ms;--dynamic-text-color:var( --e-global-color-secondary );}.elementor-23889 .elementor-element.elementor-element-65c09866 .elementor-headline{text-align:start;font-family:"Raleway", Sans-serif;font-size:22px;font-weight:800;text-transform:none;line-height:10px;}.elementor-23889 .elementor-element.elementor-element-65c09866 .elementor-headline-plain-text{color:var( --e-global-color-42939b6 );}.elementor-23889 .elementor-element.elementor-element-65c09866 .elementor-headline-dynamic-wrapper path{stroke:var( --e-global-color-secondary );stroke-width:10px;stroke-linecap:round;stroke-linejoin:round;}.elementor-23889 .elementor-element.elementor-element-65c09866 .elementor-headline-dynamic-wrapper svg{z-index:2;}.elementor-23889 .elementor-element.elementor-element-65c09866 .elementor-headline-dynamic-text{z-index:auto;}.elementor-23889 .elementor-element.elementor-element-5cc72d76{--iteration-count:infinite;--dynamic-text-color:var( --e-global-color-secondary );}.elementor-23889 .elementor-element.elementor-element-5cc72d76 .elementor-headline{text-align:start;font-family:"Raleway", Sans-serif;font-size:18px;font-weight:600;text-transform:none;line-height:10px;}.elementor-23889 .elementor-element.elementor-element-5cc72d76 .elementor-headline-plain-text{color:var( --e-global-color-42939b6 );}body:not(.rtl) .elementor-23889 .elementor-element.elementor-element-f022e00{left:0px;}body.rtl .elementor-23889 .elementor-element.elementor-element-f022e00{right:0px;}.elementor-23889 .elementor-element.elementor-element-f022e00{top:0px;}@media(min-width:768px){.elementor-23889 .elementor-element.elementor-element-306924ef{--width:40%;}}/* Start custom CSS for image, class: .elementor-element-71ca5b0a */.elementor-23889 .elementor-element.elementor-element-71ca5b0a img {
    width: auto;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-f022e00 */.elementor-23889 .elementor-element.elementor-element-f022e00 {
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
}

/* Egérkurzor */
.elementor-23889 .elementor-element.elementor-element-f022e00 .mouse-cursor {
    position: absolute;
    width: 24px;
    height: 36px;
    pointer-events: none;
    z-index: 20;
    animation: moveMouse 4s ease-in-out infinite;
}

/* SVG egérkurzor */
.elementor-23889 .elementor-element.elementor-element-f022e00 .mouse-cursor svg {
    width: 100%;
    height: 100%;
    filter: drop-shadow(2px 2px 4px rgba(0,0,0,0.4));
}

/* Ripple effektek az egér pozíciójában követik */
.elementor-23889 .elementor-element.elementor-element-f022e00 .click-indicator,
.elementor-23889 .elementor-element.elementor-element-f022e00 .click-indicator-2 {
    animation-timing-function: ease-out;
}

/* Kattintás animáció - ripple effekt az egérnél */
.elementor-23889 .elementor-element.elementor-element-f022e00 .click-indicator {
    position: absolute;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background: rgba(255, 255, 255, 0.6);
    pointer-events: none;
    z-index: 19;
    opacity: 0;
    animation: clickRipple 4s ease-out infinite;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    backface-visibility: hidden;
    transform: translate3d(-50%, -50%, 0);
}

/* Második ripple - késleltetett */
.elementor-23889 .elementor-element.elementor-element-f022e00 .click-indicator-2 {
    position: absolute;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background: rgba(255, 255, 255, 0.4);
    pointer-events: none;
    z-index: 18;
    opacity: 0;
    animation: clickRipple2 4s ease-out infinite;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    backface-visibility: hidden;
    transform: translate3d(-50%, -50%, 0);
}

/* Egér mozgás útvonala */
@keyframes moveMouse {
    0% {
        top: 20%;
        left: 15%;
        opacity: 0;
        transform: translate(-50%, -50%) scale(1);
    }
    5% {
        opacity: 1;
    }
    47% {
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%) scale(1);
        opacity: 1;
    }
    49% {
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%) scale(0.85);
        opacity: 1;
    }
    50% {
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%) scale(0.85);
        opacity: 0;
    }
    53% {
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%) scale(1);
        opacity: 0;
    }
    100% {
        top: 20%;
        left: 15%;
        opacity: 0;
    }
}

/* Első ripple effekt - az egér kattintásánál */
@keyframes clickRipple {
    0%, 49% {
        top: 20%;
        left: 15%;
        opacity: 0;
        transform: translate3d(-50%, -50%, 0) scale(0);
    }
    50% {
        top: 50%;
        left: 50%;
        opacity: 0.6;
        transform: translate3d(-50%, -50%, 0) scale(0.5);
    }
    56% {
        top: 50%;
        left: 50%;
        opacity: 0;
        transform: translate3d(-50%, -50%, 0) scale(2.5);
    }
    100% {
        opacity: 0;
    }
}

/* Második ripple effekt - késleltetett */
@keyframes clickRipple2 {
    0%, 49% {
        top: 20%;
        left: 15%;
        opacity: 0;
        transform: translate3d(-50%, -50%, 0) scale(0);
    }
    51% {
        top: 50%;
        left: 50%;
        opacity: 0.4;
        transform: translate3d(-50%, -50%, 0) scale(0.5);
    }
    58% {
        top: 50%;
        left: 50%;
        opacity: 0;
        transform: translate3d(-50%, -50%, 0) scale(3);
    }
    100% {
        opacity: 0;
    }
}

/* Háttér particles */
.particle {
    position: absolute;
    background: rgba(255,255,255,0.1);
    border-radius: 50%;
    pointer-events: none;
}

.particle:nth-child(1) {
    width: 80px;
    height: 80px;
    top: 10%;
    left: 80%;
    animation: float 6s ease-in-out infinite;
}

.particle:nth-child(2) {
    width: 60px;
    height: 60px;
    top: 70%;
    left: 10%;
    animation: float 8s ease-in-out infinite reverse;
}

.particle:nth-child(3) {
    width: 40px;
    height: 40px;
    top: 40%;
    left: 85%;
    animation: float 7s ease-in-out infinite;
    animation-delay: 2s;
}

@keyframes float {
    0%, 100% {
        transform: translateY(0) rotate(0deg);
        opacity: 0.1;
    }
    50% {
        transform: translateY(-20px) rotate(180deg);
        opacity: 0.3;
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-adefff3 */.elementor-23889 .elementor-element.elementor-element-adefff3:hover {
    cursor: pointer;
}/* End custom CSS */