.elementor-847 .elementor-element.elementor-element-ceb187b{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:120px;--padding-left:50px;--padding-right:50px;}.elementor-847 .elementor-element.elementor-element-b83e2e7{--display:flex;--border-radius:80px 80px 80px 80px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:60px;--padding-bottom:60px;--padding-left:60px;--padding-right:60px;}.elementor-847 .elementor-element.elementor-element-b83e2e7:not(.elementor-motion-effects-element-type-background), .elementor-847 .elementor-element.elementor-element-b83e2e7 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#0C0C0C;}.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-847 .elementor-element.elementor-element-a698aa5{text-align:left;}.elementor-847 .elementor-element.elementor-element-a698aa5 .elementor-heading-title{font-family:"Roboto", Sans-serif;font-weight:600;}.elementor-847 .elementor-element.elementor-element-020d8c8{text-align:left;}.elementor-847 .elementor-element.elementor-element-020d8c8 .elementor-heading-title{font-family:"Syne", Sans-serif;font-size:52px;font-weight:500;color:#FFFFFF;}.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-847 .elementor-element.elementor-element-d734be7{width:var( --container-widget-width, 100% );max-width:100%;padding:0px 0px 0px 0px;--container-widget-width:100%;--container-widget-flex-grow:0;text-align:left;font-family:"Syne", Sans-serif;font-size:20px;font-weight:500;color:#E1E1E1;}.elementor-847 .elementor-element.elementor-element-5f9ec33{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-847 .elementor-element.elementor-element-cdad1f2{width:100%;max-width:100%;margin:40px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 20px 0px;}.elementor-847 .elementor-element.elementor-element-c627320{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:60px 60px;--row-gap:60px;--column-gap:60px;--border-radius:25px 25px 25px 25px;--margin-top:100px;--margin-bottom:80px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-847 .elementor-element.elementor-element-e90dc67{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-847 .elementor-element.elementor-element-64bf158{--display:flex;--min-height:822px;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:40px 40px;--row-gap:40px;--column-gap:40px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-847 .elementor-element.elementor-element-f3967af{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-847 .elementor-element.elementor-element-f3967af.e-con{--align-self:flex-start;}.elementor-847 .elementor-element.elementor-element-8126e64{text-align:left;}.elementor-847 .elementor-element.elementor-element-8126e64 .elementor-heading-title{font-family:"Roboto", Sans-serif;font-weight:600;color:#A9F8B5;}.elementor-847 .elementor-element.elementor-element-081a290{text-align:left;}.elementor-847 .elementor-element.elementor-element-081a290 .elementor-heading-title{font-family:"Syne", Sans-serif;font-size:48px;font-weight:500;color:#FFFFFF;}.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-847 .elementor-element.elementor-element-1815a4d img{width:100%;height:500px;object-fit:cover;object-position:top center;border-radius:20px 20px 20px 20px;}.elementor-847 .elementor-element.elementor-element-75e014d{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}:root{--page-title-display:none;}@media(max-width:1440px){.elementor-847 .elementor-element.elementor-element-ceb187b{--padding-top:40px;--padding-bottom:120px;--padding-left:0px;--padding-right:0px;}.elementor-847 .elementor-element.elementor-element-020d8c8 .elementor-heading-title{font-size:42px;}.elementor-847 .elementor-element.elementor-element-d734be7{font-size:19px;}.elementor-847 .elementor-element.elementor-element-5f9ec33{--padding-top:0px;--padding-bottom:0px;--padding-left:50px;--padding-right:50px;}.elementor-847 .elementor-element.elementor-element-081a290 .elementor-heading-title{font-size:42px;}}@media(max-width:767px){.elementor-847 .elementor-element.elementor-element-ceb187b{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:80px;--padding-left:0px;--padding-right:0px;}.elementor-847 .elementor-element.elementor-element-b83e2e7{--border-radius:30px 30px 30px 30px;--margin-top:0px;--margin-bottom:0px;--margin-left:15px;--margin-right:0px;--padding-top:45px;--padding-bottom:45px;--padding-left:45px;--padding-right:45px;}.elementor-847 .elementor-element.elementor-element-a698aa5 .elementor-heading-title{font-size:18px;}.elementor-847 .elementor-element.elementor-element-020d8c8 .elementor-heading-title{font-size:28px;}.elementor-847 .elementor-element.elementor-element-d734be7{text-align:left;font-size:17px;}.elementor-847 .elementor-element.elementor-element-5f9ec33:not(.elementor-motion-effects-element-type-background), .elementor-847 .elementor-element.elementor-element-5f9ec33 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://websynk.hu/wp-content/uploads/2025/09/bg_wcu.png");background-position:0px 800px;background-repeat:no-repeat;background-size:1300px auto;}.elementor-847 .elementor-element.elementor-element-5f9ec33{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:15px;--padding-right:15px;}.elementor-847 .elementor-element.elementor-element-cdad1f2{margin:20px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-847 .elementor-element.elementor-element-c627320{--margin-top:80px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-847 .elementor-element.elementor-element-8126e64 .elementor-heading-title{font-size:18px;}.elementor-847 .elementor-element.elementor-element-081a290 .elementor-heading-title{font-size:27px;}.elementor-847 .elementor-element.elementor-element-1815a4d img{height:400px;}}@media(min-width:768px){.elementor-847 .elementor-element.elementor-element-ceb187b{--content-width:1920px;}.elementor-847 .elementor-element.elementor-element-b83e2e7{--content-width:1920px;}.elementor-847 .elementor-element.elementor-element-5f9ec33{--content-width:1400px;}.elementor-847 .elementor-element.elementor-element-e90dc67{--width:100%;}.elementor-847 .elementor-element.elementor-element-64bf158{--content-width:1400px;}.elementor-847 .elementor-element.elementor-element-f3967af{--width:45%;}.elementor-847 .elementor-element.elementor-element-75e014d{--width:55%;}}@media(min-width:2160px){.elementor-847 .elementor-element.elementor-element-ceb187b{--padding-top:0px;--padding-bottom:120px;--padding-left:100px;--padding-right:100px;}.elementor-847 .elementor-element.elementor-element-64bf158{--content-width:1600px;}}/* Start custom CSS for heading, class: .elementor-element-a698aa5 */.elementor-847 .elementor-element.elementor-element-a698aa5 {
    h5 {
        background: linear-gradient(78.12deg, #A9F8B5 0.32%, #DFF494 99.52%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-cdad1f2 */:root {
            --primary: #040404;
            --text-color: #FFFFFF;
            --text-color-2: #E1E1E1;
            --background-color: #0c0c0c;
            --accent-color: #A9F8B5;
            --accent-color-2: #DFF494;
            --accent-color-3: linear-gradient(78.12deg, #A9F8B5 0.32%, #DFF494 99.52%);
            --accent-color-4: #666669;
            --accent-color-5: #29292a;
            --font-1: "Syne", sans-serif;
            --font-2: "Inter", sans-serif;
            --bs-gutter-x: 1.5rem;
            --bs-gutter-y: 0;
        }

        *, ::after, ::before {
            box-sizing: border-box;
        }

        .row {
            --bs-gutter-x: 1.5rem;
            --bs-gutter-y: 0;
            display: flex;
            flex-wrap: wrap;
            margin-top: calc(-1 * var(--bs-gutter-y));
            margin-right: calc(-.5 * var(--bs-gutter-x));
            margin-left: calc(-.5 * var(--bs-gutter-x));
        }

        .row > * {
            flex-shrink: 0;
            width: 100%;
            max-width: 100%;
            padding-right: calc(var(--bs-gutter-x) * .5);
            padding-left: calc(var(--bs-gutter-x) * .5);
            margin-top: var(--bs-gutter-y);
        }

        .col {
            flex: 1 0 0%;
        }

        @media (max-width: 768px) {
            .mb-3 {
                margin-bottom: 1.5rem !important;
            }
        }

        .row-cols-1 > * {
            flex: 0 0 auto;
            width: 100%;
        }

        @media (min-width: 992px) {
            .row-cols-xl-4 > * {
                flex: 0 0 auto;
                width: 25%;
            }
        }

        @media (min-width: 1200px) {
            .row-cols-xl-4 > * {
                flex: 0 0 auto;
                width: 25%;
            }
        }

        .card-accent:hover .details-link,
        .card-accent.active .details-link {
            color: var(--primary);
        }

            
        .card-accent {
            color: var(--text-color);
            position: relative;
            border: 1px solid var(--accent-color-5);
            border-radius: 20px;
            display: flex;
            flex-direction: column;
            z-index: 1111;
            overflow: hidden;
            padding: 35px;
            height: 100%;
            cursor: pointer;
            transition: transform 0.3s ease;
        }

        .card-accent:hover {
            color: var(--primary);
            transform: translateY(-5px);
        }

        .bg {
            position: absolute;
            top: 1px;
            left: 1px;
            right: 1px;
            bottom: 1px;
            z-index: 2;
            background: var(--primary);
            backdrop-filter: blur(24px);
            border-radius: 20px;
            overflow: hidden;
            outline: transparent;
            transition: all 0.5s;
        }

        .card-accent:hover .bg {
            background: var(--accent-color-3);
        }

        .card-accent.active .bg {
            background: var(--accent-color-3);
        }

        .card-accent.active {
            color: var(--primary);
        }

        .card-accent.active p {
            color: var(--primary);
        }

        .blob {
            position: absolute;
            z-index: 1;
            top: 50%;
            left: 50%;
            bottom: 50%;
            right: 50%;
            width: 250px;
            height: 250px;
            border-radius: 50%;
            background: var(--accent-color-3);
            opacity: 1;
            filter: blur(12px);
            animation: blob-bounce 8s infinite ease;
        }

        @keyframes blob-bounce {
            0% {
                transform: translate(-100%, -100%) translate3d(0, 0, 0);
            }
            25% {
                transform: translate(-100%, -100%) translate3d(100%, 0, 0);
            }
            50% {
                transform: translate(-100%, -100%) translate3d(100%, 100%, 0);
            }
            75% {
                transform: translate(-100%, -100%) translate3d(0, 100%, 0);
            }
            100% {
                transform: translate(-100%, -100%) translate3d(0, 0, 0);
            }
        }

        .card-content {
            position: relative;
            z-index: 3;
            display: flex;
            flex-direction: column;
            gap: 1rem;
            text-align: center;
            transition: all 0.5s;
        }

        h4 {
            font-size: calc(1.275rem + .3vw);
            font-weight: 500;
            margin-top: 0;
            margin-bottom: .5rem;
            line-height: 1.2;
        }

        @media (min-width: 1200px) {
            h4 {
                font-size: 1.6rem;
            }
        }

        p {
            font-size: 16px;
            font-family: var(--font-2);
            color: var(--text-color-2);
            margin-top: 0;
            margin-bottom: 1rem;
        }

        .card-accent p {
            color: var(--text-color-2);
        }

        .card-accent:hover p {
            color: var(--primary);
        }

        .container {
            max-width: 1600px;
            margin: 0 auto;
            padding: 0;
            width: 100%;
        }

        /* Content Section Styles */
        .content-section {
            margin-top: 60px;
            padding: 50px;
            background: var(--background-color);
            border-radius: 20px;
            border: 1px solid var(--accent-color-5);
            position: relative;
            overflow: hidden;
        }

        .content-wrapper {
            position: relative;
            z-index: 2;
            min-height: 560px;
        }

        .service-content {
            opacity: 0;
            position: absolute;
            top: 0;
            left: 0;
            right: 0;
            transition: opacity 0.6s ease;
            pointer-events: none;
        }

        .service-content.active {
            opacity: 1;
            pointer-events: auto;
        }

        .service-content h3 {
            font-family: var(--font-1);
            font-size: 2.5rem;
            font-weight: 600;
            color: var(--text-color);
            margin-bottom: 30px;
            background: var(--accent-color-3);
            -webkit-background-clip: text;
            -webkit-text-fill-color: transparent;
            background-clip: text;
        }

        .service-content h5 {
            font-family: var(--font-1);
            font-size: 1.4rem;
            font-weight: 500;
            color: var(--text-color);
            margin-top: 30px;
            margin-bottom: 15px;
        }

        .service-content p {
            font-family: var(--font-2);
            font-size: 16px;
            line-height: 1.8;
            color: var(--text-color-2);
            margin-bottom: 20px;
        }

        .service-content ul {
            list-style: none;
            padding: 0;
            margin: 20px 0;
        }

        .service-content ul li {
            font-family: var(--font-2);
            font-size: 16px;
            line-height: 1.8;
            color: var(--text-color-2);
            padding-left: 30px;
            position: relative;
            margin-bottom: 12px;
        }

        .service-content ul li:before {
            content: "→";
            position: absolute;
            left: 0;
            color: var(--accent-color);
            font-weight: bold;
        }

        /* Hide details link on desktop */
        .details-link {
            display: none;
        }

        @media (max-width: 768px) {
            .content-section {
                padding: 30px 25px;
                margin-top: 40px;
            }

            .service-content {
            position: relative;
            }
            
            .service-content:not(.active) {
            display: none;
            }
            
            .content-wrapper {
                min-height: auto !important;
            }

            .service-content h3 {
                font-size: 1.8rem;
            }

            .service-content h5 {
                font-size: 1.2rem;
            }

            .details-link {
                display: block;
                margin-top: -10px;
                color: var(--accent-color);
                text-decoration: underline;
                font-family: var(--font-2);
                font-size: 15px;
                font-weight: 400;
            }
            
            .mb-3 {
            margin-bottom: 0.6rem !important;
            }

             .content-section {
            margin-top: 25px;
        }
        }
        }/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-8126e64 */.elementor-847 .elementor-element.elementor-element-8126e64 {
    h5 {
        background: linear-gradient(78.12deg, #A9F8B5 0.32%, #DFF494 99.52%) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    background-clip: text !important;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-0bf3c65 */@import url('https://fonts.googleapis.com/css2?family=Orbitron:wght@400;500;700&display=swap');

#webcrumbs {
  font-family: "Roboto", sans-serif;
  font-size: 16px;
  color: #fafafa; /* szürkés szöveg */
}

#webcrumbs .wc-container {
  position: relative;
  padding: 40px 20px;
  margin: 0 auto;
  max-width: 900px;
}

#webcrumbs .wc-container::before {
  content: "";
  position: absolute;
  left: 24px;  
  top: 0;
  bottom: 0;
  width: 2px;
  background: #A9F8B5;
}

/* Lépés doboz */
#webcrumbs .wc-step {
  display: flex;
  position: relative;
  margin-bottom: 60px;
}

#webcrumbs .wc-step:last-child {
  margin-bottom: 0;
}

/* Számozott kör */
#webcrumbs .wc-step-circle {
  min-width: 48px;
  min-height: 48px;
  width: 52px;
  height: 52px;
  transition: background-color 0.4s ease, color 0.4s ease, border-color 0.4s ease !important;
  background: #000;
  border: 2px solid #A9F8B5;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 400;
  font-size: 17px;
  font-family: Syne;
  color: #fff;
  z-index: 1;
  position: relative;
  left: -20px;
}

#webcrumbs .wc-step-circle.active {
  background-color: #A9F8B5 !important;
  border-color: #A9F8B5 !important;
  color: #000 !important;
}

#webcrumbs .wc-container::before {
  background: #e5e7eb;
  transition: background 0.3s ease;
}
#webcrumbs .wc-container.active-line::before {
  background: #019B75;
}

/* Tartalom rész */
#webcrumbs .wc-step-content {
  margin-left: 20px;
  flex: 1;
}

#webcrumbs .wc-step-subtitle {
  font-size: 16px;
  font-weight: 500;
  color: #A9F8B5; 
  margin-bottom: 4px;
  font-family: Roboto, "sans-serif"
}

#webcrumbs .wc-step-title {
  font-size: 24px;
  font-family: "Syne", "sans-serif";
  font-weight: 600;
  margin-bottom: 8px;
  color: #fafafa;
}

#webcrumbs .wc-step-text {
  font-size: 16px;
  margin-bottom: 16px;
  color: #fff;
  font-family: Roboto, "sans-serif";
  line-height: 1.6;
}

/* Checklista */
#webcrumbs .wc-checklist {
  list-style: none;
  padding: 0;
  margin: 0;
}

#webcrumbs .wc-checklist li {
  display: flex;
  align-items: flex-start;
  margin-bottom: 8px;
  font-size: 15px;
  font-family: Roboto, "sans-serif";
  font-weight: 500;
  color: #fff;
  gap: 5px;
}


#webcrumbs .wc-checklist .wc-icon {
  display: inline-block;
  width: 14px;       /* kisebb négyzet */
  height: 14px;
  margin-right: 6px; /* kisebb hézag */
  border: 2px solid #A9F8B5;
  border-radius: 3px;
  position: relative;
  top: 3px;          
}

/* Pipa vonal finomabb */
#webcrumbs .wc-checklist .wc-icon::after {
  content: "";
  position: absolute;
  left: 3px;
  top: 1px;
  width: 4px;
  height: 8px;
  border: solid #A9F8B5;
  border-width: 0 2px 2px 0;
  transform: rotate(45deg);
}

@media screen and (max-width: 768px) {
  #webcrumbs .wc-container {
    padding: 30px 15px;
  }

  #webcrumbs .wc-container::before {
    left: 20px;
  }

  #webcrumbs .wc-step {
    margin-bottom: 45px;
  }

  #webcrumbs .wc-step-circle {
    width: 44px;
    height: 44px;
    min-width: 44px;
    min-height: 44px;
    font-size: 15px;
    left: -15px;
  }

  #webcrumbs .wc-step-content {
    margin-left: 15px;
  }

  #webcrumbs .wc-step-title {
    font-size: 20px;
  }

  #webcrumbs .wc-step-subtitle {
    font-size: 14px;
  }

  #webcrumbs .wc-step-text {
    font-size: 15px;
  }
}

/* ==================== */
/* MOBIL (480px alatt)  */
/* ==================== */
@media screen and (max-width: 480px) {
  #webcrumbs .wc-container {
    padding: 25px 15px;
  }

  #webcrumbs .wc-container::before {
    left: 18px;
  }

  #webcrumbs .wc-step {
    margin-bottom: 40px;
  }

  #webcrumbs .wc-step-circle {
    width: 42px;
    height: 42px;
    min-width: 42px;
    min-height: 42px;
    font-size: 15px;
    left: -17px;
  }

  #webcrumbs .wc-step-content {
    margin-left: 12px;
  }

  #webcrumbs .wc-step-title {
    font-size: 19px;
    margin-bottom: 6px;
  }

  #webcrumbs .wc-step-subtitle {
    font-size: 14px;
  }

  #webcrumbs .wc-step-text {
    font-size: 15px;
    margin-bottom: 14px;
    line-height: 1.55;
  }

  #webcrumbs .wc-checklist li {
    font-size: 14px;
    margin-bottom: 10px;
    gap: 8px;
  }

  /* Checkbox ikon fix mobilra */
  #webcrumbs .wc-checklist .wc-icon {
    width: 16px;
    height: 16px;
    min-width: 16px;
    min-height: 16px;
    flex-shrink: 0;
    top: 2px;
    margin-right: 4px;
  }

  #webcrumbs .wc-checklist .wc-icon::after {
    left: 4px;
    top: 1px;
    width: 4px;
    height: 7px;
    border-width: 0 2px 2px 0;
  }
}

/* ========================== */
/* KIS MOBIL (360px alatt)    */
/* ========================== */
@media screen and (max-width: 360px) {
  #webcrumbs .wc-container {
    padding: 20px 12px;
  }

  #webcrumbs .wc-container::before {
    left: 16px;
  }

  #webcrumbs .wc-step-circle {
    width: 38px;
    height: 38px;
    min-width: 38px;
    min-height: 38px;
    font-size: 14px;
    left: -14px;
  }

  #webcrumbs .wc-step-title {
    font-size: 17px;
  }

  #webcrumbs .wc-step-text {
    font-size: 14px;
  }

  #webcrumbs .wc-checklist li {
    font-size: 13px;
  }

  /* Checkbox ikon fix kis mobilra */
  #webcrumbs .wc-checklist .wc-icon {
    width: 14px;
    height: 14px;
    min-width: 14px;
    min-height: 14px;
  }

  #webcrumbs .wc-checklist .wc-icon::after {
    left: 3px;
    top: 1px;
    width: 3px;
    height: 6px;
  }
}/* End custom CSS */