.elementor-5114 .elementor-element.elementor-element-6e9c098 > .elementor-background-overlay{background-color:transparent;background-image:radial-gradient(at center center, #F3F3F3 54%, #2F312D 81%);opacity:0.36;mix-blend-mode:multiply;transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-5114 .elementor-element.elementor-element-6e9c098 > .elementor-container{min-height:85vh;}.elementor-5114 .elementor-element.elementor-element-6e9c098:not(.elementor-motion-effects-element-type-background), .elementor-5114 .elementor-element.elementor-element-6e9c098 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background:url("https://zsoltilia.com/wp-content/uploads/2020/07/services_film_3.jpg") 50% 50%;background-size:cover;}.elementor-5114 .elementor-element.elementor-element-6e9c098{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;margin-top:0px;margin-bottom:0px;padding:0px 0px 0px 0px;}.elementor-5114 .elementor-element.elementor-element-fd26a31:not(.elementor-motion-effects-element-type-background), .elementor-5114 .elementor-element.elementor-element-fd26a31 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#0E100F;}.elementor-5114 .elementor-element.elementor-element-fd26a31{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;margin-top:0px;margin-bottom:0px;padding:90px 40px 0px 40px;}.elementor-5114 .elementor-element.elementor-element-fd26a31 > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-5114 .elementor-element.elementor-element-a142275 > .elementor-element-populated{margin:0px 0px 0px 0px;--e-column-margin-right:0px;--e-column-margin-left:0px;padding:0px 0px 0px 0px;}.elementor-5114 .elementor-element.elementor-element-996a73f .raven-divider-solid, .elementor-5114 .elementor-element.elementor-element-996a73f .raven-divider-double:before, .elementor-5114 .elementor-element.elementor-element-996a73f .raven-divider-double:after{background-color:#FFFFFF26;height:1px;}.elementor-5114 .elementor-element.elementor-element-996a73f > .elementor-widget-container{margin:55px 0px 36px 0px;padding:0px 0px 0px 0px;}.elementor-5114 .elementor-element.elementor-element-996a73f .raven-divider-double:before{margin-bottom:1px;}.elementor-5114 .elementor-element.elementor-element-996a73f .raven-divider-line{width:100%;}.elementor-5114 .elementor-element.elementor-element-996a73f .raven-divider{padding:15px 0px 15px 0px;}.elementor-5114 .elementor-element.elementor-element-eeb963d > .elementor-container > .elementor-column > .elementor-widget-wrap{align-content:center;align-items:center;}.elementor-5114 .elementor-element.elementor-element-eeb963d:not(.elementor-motion-effects-element-type-background), .elementor-5114 .elementor-element.elementor-element-eeb963d > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#0E100F;}.elementor-5114 .elementor-element.elementor-element-eeb963d{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;margin-top:0px;margin-bottom:0px;padding:70px 40px 90px 40px;}.elementor-5114 .elementor-element.elementor-element-eeb963d > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-5114 .elementor-element.elementor-element-de2ae17 > .elementor-element-populated{margin:0px 0px 0px 0px;--e-column-margin-right:0px;--e-column-margin-left:0px;padding:0px 0px 0px 0px;}.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-5114 .elementor-element.elementor-element-8220e73 img{opacity:0.7;}.elementor-5114 .elementor-element.elementor-element-8220e73:hover img{opacity:1;}.elementor-5114 .elementor-element.elementor-element-b4beec2 img{opacity:0.7;}.elementor-5114 .elementor-element.elementor-element-b4beec2:hover img{opacity:1;}.elementor-5114 .elementor-element.elementor-element-955f5be img{opacity:0.7;}.elementor-5114 .elementor-element.elementor-element-955f5be:hover img{opacity:1;}.elementor-5114 .elementor-element.elementor-element-e4e4a24 img{opacity:0.7;}.elementor-5114 .elementor-element.elementor-element-e4e4a24:hover img{opacity:1;}.elementor-5114 .elementor-element.elementor-element-0a8d87f img{opacity:0.7;}.elementor-5114 .elementor-element.elementor-element-0a8d87f:hover img{opacity:1;}.elementor-5114 .elementor-element.elementor-element-5b12f46 > .elementor-container > .elementor-column > .elementor-widget-wrap{align-content:flex-start;align-items:flex-start;}.elementor-5114 .elementor-element.elementor-element-5b12f46:not(.elementor-motion-effects-element-type-background), .elementor-5114 .elementor-element.elementor-element-5b12f46 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#181B1A;}.elementor-5114 .elementor-element.elementor-element-5b12f46 > .elementor-container{min-height:363px;}.elementor-5114 .elementor-element.elementor-element-5b12f46{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;padding:90px 0px 180px 0px;}.elementor-5114 .elementor-element.elementor-element-5b12f46 > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-widget-raven-advanced-posts .raven-post-title, .elementor-widget-raven-advanced-posts .raven-post-title a{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-raven-advanced-posts .raven-metro-item:not(.raven-posts-full-width) .raven-post-title, .elementor-widget-raven-advanced-posts .raven-metro-item:not(.raven-posts-full-width) .raven-post-title a{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-raven-advanced-posts .raven-matrix-item:not(.raven-posts-full-width) .raven-post-title, .elementor-widget-raven-advanced-posts .raven-matrix-item:not(.raven-posts-full-width) .raven-post-title a{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-raven-advanced-posts .raven-post-meta, .elementor-widget-raven-advanced-posts .raven-post-meta a{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-raven-advanced-posts .raven-post-excerpt{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-raven-advanced-posts .raven-post .raven-post-read-more a.raven-post-button{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-raven-advanced-posts .raven-post .raven-post-read-more a.raven-post-button:hover{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-raven-advanced-posts .raven-pagination-item{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-raven-advanced-posts a.raven-pagination-active, .elementor-widget-raven-advanced-posts a.raven-pagination-disabled{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-raven-advanced-posts .raven-pagination-item:not(.raven-pagination-active):not(.raven-pagination-disabled):hover{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-raven-advanced-posts .raven-load-more-button{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-raven-advanced-posts .raven-load-more-button:hover{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-raven-advanced-posts .raven-sortable-item{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-raven-advanced-posts .raven-sortable-active{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-raven-advanced-posts .raven-sortable-item:not(.raven-sortable-active):hover{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-raven-advanced-posts .raven-post-author-spotlight a{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-raven-advanced-posts .raven-post .raven-post-tags li a{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-5114 .elementor-element.elementor-element-560b4f9 .raven-posts-metro .raven-metro{margin-right:calc( -23px*2 );margin-top:-23px !important;}.elementor-5114 .elementor-element.elementor-element-560b4f9 .raven-posts-metro .raven-metro-item {padding-right:23px;margin-top:23px !important;}.elementor-5114 .elementor-element.elementor-element-560b4f9 .raven-posts-matrix .raven-matrix{margin-right:calc( -23px*2 );margin-top:-23px !important;}.elementor-5114 .elementor-element.elementor-element-560b4f9 .raven-posts-matrix .raven-matrix-item {padding-right:23px;margin-top:23px !important;}.elementor-5114 .elementor-element.elementor-element-560b4f9 .raven-post-wrapper{background-color:#fff;background-image:none;border-radius:0px 0px 0px 0px;}.elementor-5114 .elementor-element.elementor-element-560b4f9 .raven-posts-item{text-align:left;}.elementor-5114 .elementor-element.elementor-element-560b4f9 .raven-posts-item .raven-post-tags{justify-content:left;}.elementor-5114 .elementor-element.elementor-element-560b4f9 .raven-posts-item .raven-post-author-spotlight{justify-content:left;}.elementor-5114 .elementor-element.elementor-element-560b4f9 .raven-post-inline{align-items:end;}.elementor-5114 .elementor-element.elementor-element-560b4f9 .raven-posts-metro .content-layout-overlay .raven-post-content{justify-content:end;}.elementor-5114 .elementor-element.elementor-element-560b4f9 .raven-posts-matrix .content-layout-overlay .raven-post-content{justify-content:end;}.elementor-5114 .elementor-element.elementor-element-560b4f9:not(.raven-advaned-posts-equal-height-yes) .raven-post .raven-post-content{padding:0px 40px 40px 40px;}.elementor-5114 .elementor-element.elementor-element-560b4f9.raven-advaned-posts-equal-height-yes .raven-post .raven-post-content-container{padding:0px 40px 40px 40px;}.elementor-5114 .elementor-element.elementor-element-560b4f9 .content-layout-overlay .raven-post-image img{-o-object-position:center center;object-position:center center;-o-object-fit:cover;object-fit:cover;}.elementor-5114 .elementor-element.elementor-element-560b4f9 .content-layout-overlay .raven-posts-zoom-move-wrapper{background-position:center center;background-size:cover;opacity:1;}.elementor-5114 .elementor-element.elementor-element-560b4f9 .raven-post-image img{opacity:1;}.elementor-5114 .elementor-element.elementor-element-560b4f9 .raven-post-image:hover img{opacity:1;}.elementor-5114 .elementor-element.elementor-element-560b4f9 .raven-post-inside:hover .raven-post-image img{opacity:1;}.elementor-5114 .elementor-element.elementor-element-560b4f9 .raven-post-image:hover .raven-posts-zoom-move-wrapper{opacity:1;}.elementor-5114 .elementor-element.elementor-element-560b4f9 .raven-post-inside:hover .raven-post-image .raven-posts-zoom-move-wrapper{opacity:1;}.elementor-5114 .elementor-element.elementor-element-560b4f9 .content-layout-overlay .raven-post .raven-post-image-overlay{background-color:rgba(0,0,0,0);background-image:linear-gradient(180deg, rgba(0,0,0,0) 54%, #303548 100%);transition-duration:0.5s;}.elementor-5114 .elementor-element.elementor-element-560b4f9 .content-layout-overlay .raven-post .raven-post-image-overlay:before{background-color:rgba(0,0,0,0);background-image:none;transition-duration:0.5s;}.elementor-5114 .elementor-element.elementor-element-560b4f9 .raven-post-title, .elementor-5114 .elementor-element.elementor-element-560b4f9 .raven-post-title a{font-family:"Roboto", Sans-serif;font-size:38px;font-weight:800;text-transform:uppercase;line-height:34px;letter-spacing:-0.035em;}.elementor-5114 .elementor-element.elementor-element-560b4f9 .raven-post-title{margin:0px 0px 12px 0px;text-align:left;color:#FFFFFF;}.elementor-5114 .elementor-element.elementor-element-560b4f9 .raven-post-title a{color:#FFFFFF;}.elementor-5114 .elementor-element.elementor-element-560b4f9 .raven-metro-item:not(.raven-posts-full-width) .raven-post-title, .elementor-5114 .elementor-element.elementor-element-560b4f9 .raven-metro-item:not(.raven-posts-full-width) .raven-post-title a{font-family:"Roboto", Sans-serif;font-weight:800;}.elementor-5114 .elementor-element.elementor-element-560b4f9 .raven-post-excerpt{font-family:"Roboto", Sans-serif;font-weight:400;margin:0px 0px 0px 0px;color:#C9C9C9;}.elementor-5114 .elementor-element.elementor-element-560b4f9 .raven-posts-empty{text-align:center;}.elementor-5114 .elementor-element.elementor-element-626c38e:not(.elementor-motion-effects-element-type-background), .elementor-5114 .elementor-element.elementor-element-626c38e > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#161717;}.elementor-5114 .elementor-element.elementor-element-626c38e{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;margin-top:0px;margin-bottom:0px;padding:0px 0px 0px 0px;}.elementor-5114 .elementor-element.elementor-element-626c38e > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-5114 .elementor-element.elementor-element-25337e9 > .elementor-container > .elementor-column > .elementor-widget-wrap{align-content:flex-start;align-items:flex-start;}.elementor-5114 .elementor-element.elementor-element-25337e9:not(.elementor-motion-effects-element-type-background), .elementor-5114 .elementor-element.elementor-element-25337e9 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#181B1A;}.elementor-5114 .elementor-element.elementor-element-25337e9 > .elementor-container{min-height:363px;}.elementor-5114 .elementor-element.elementor-element-25337e9{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;padding:90px 0px 180px 0px;}.elementor-5114 .elementor-element.elementor-element-25337e9 > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-5114 .elementor-element.elementor-element-a45bf5d:not(.elementor-motion-effects-element-type-background), .elementor-5114 .elementor-element.elementor-element-a45bf5d > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#161717;}.elementor-5114 .elementor-element.elementor-element-a45bf5d > .elementor-container{max-width:1521px;}.elementor-5114 .elementor-element.elementor-element-a45bf5d{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;margin-top:0px;margin-bottom:0px;padding:90px 0px 70px 0px;}.elementor-5114 .elementor-element.elementor-element-a45bf5d > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-5114 .elementor-element.elementor-element-55105fd > .elementor-element-populated{margin:0px 0px 0px 0px;--e-column-margin-right:0px;--e-column-margin-left:0px;}.elementor-5114 .elementor-element.elementor-element-29f0245 .elementor-repeater-item-1a7aef0.elementor-social-icon{background-color:rgba(255, 255, 255, 0);}.elementor-5114 .elementor-element.elementor-element-29f0245 .elementor-repeater-item-1a7aef0.elementor-social-icon i{color:#FFFFFF;}.elementor-5114 .elementor-element.elementor-element-29f0245 .elementor-repeater-item-1a7aef0.elementor-social-icon svg{fill:#FFFFFF;}.elementor-5114 .elementor-element.elementor-element-29f0245 .elementor-repeater-item-4e548c8.elementor-social-icon{background-color:rgba(255, 255, 255, 0);}.elementor-5114 .elementor-element.elementor-element-29f0245 .elementor-repeater-item-4e548c8.elementor-social-icon i{color:#FFFFFF;}.elementor-5114 .elementor-element.elementor-element-29f0245 .elementor-repeater-item-4e548c8.elementor-social-icon svg{fill:#FFFFFF;}.elementor-5114 .elementor-element.elementor-element-29f0245{--grid-template-columns:repeat(0, auto);--grid-column-gap:5px;--grid-row-gap:0px;}.elementor-5114 .elementor-element.elementor-element-29f0245 .elementor-widget-container{text-align:left;}@media(max-width:1399px){.elementor-5114 .elementor-element.elementor-element-6e9c098 > .elementor-container{min-height:870px;}.elementor-5114 .elementor-element.elementor-element-fd26a31{margin-top:0px;margin-bottom:0px;padding:70px 30px 55px 30px;}.elementor-bc-flex-widget .elementor-5114 .elementor-element.elementor-element-a142275.elementor-column .elementor-widget-wrap{align-items:center;}.elementor-5114 .elementor-element.elementor-element-a142275.elementor-column.elementor-element[data-element_type="column"] > .elementor-widget-wrap.elementor-element-populated{align-content:center;align-items:center;}.elementor-5114 .elementor-element.elementor-element-eeb963d{margin-top:-28px;margin-bottom:0px;padding:70px 30px 90px 30px;}.elementor-bc-flex-widget .elementor-5114 .elementor-element.elementor-element-de2ae17.elementor-column .elementor-widget-wrap{align-items:center;}.elementor-5114 .elementor-element.elementor-element-de2ae17.elementor-column.elementor-element[data-element_type="column"] > .elementor-widget-wrap.elementor-element-populated{align-content:center;align-items:center;}.elementor-5114 .elementor-element.elementor-element-5b12f46{margin-top:0px;margin-bottom:0px;padding:90px 30px 100px 30px;}.elementor-5114 .elementor-element.elementor-element-560b4f9 .raven-post-image img{opacity:1;}.elementor-5114 .elementor-element.elementor-element-560b4f9 .content-layout-overlay .raven-posts-zoom-move-wrapper{opacity:1;}.elementor-5114 .elementor-element.elementor-element-560b4f9 .raven-post-image:hover img{opacity:1;}.elementor-5114 .elementor-element.elementor-element-560b4f9 .raven-post-inside:hover .raven-post-image img{opacity:1;}.elementor-5114 .elementor-element.elementor-element-560b4f9 .raven-post-image:hover .raven-posts-zoom-move-wrapper{opacity:1;}.elementor-5114 .elementor-element.elementor-element-560b4f9 .raven-post-inside:hover .raven-post-image .raven-posts-zoom-move-wrapper{opacity:1;}.elementor-5114 .elementor-element.elementor-element-626c38e{padding:0px 0px 0px 0px;}.elementor-5114 .elementor-element.elementor-element-55c5464 > .elementor-element-populated{margin:0px 0px 0px 0px;--e-column-margin-right:0px;--e-column-margin-left:0px;}.elementor-5114 .elementor-element.elementor-element-25337e9{margin-top:0px;margin-bottom:0px;padding:90px 30px 100px 30px;}.elementor-5114 .elementor-element.elementor-element-a45bf5d{padding:70px 23px 80px 23px;}}@media(max-width:767px){.elementor-5114 .elementor-element.elementor-element-6e9c098 > .elementor-container{min-height:743px;}.elementor-5114 .elementor-element.elementor-element-6e9c098{padding:13px 13px 13px 13px;}.elementor-5114 .elementor-element.elementor-element-fd26a31{margin-top:0px;margin-bottom:0px;padding:60px 22px 0px 22px;}.elementor-5114 .elementor-element.elementor-element-a142275 > .elementor-element-populated{margin:0px 0px 0px 0px;--e-column-margin-right:0px;--e-column-margin-left:0px;padding:0px 0px 0px 0px;}.elementor-5114 .elementor-element.elementor-element-9c88016 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-5114 .elementor-element.elementor-element-eeb963d{margin-top:0px;margin-bottom:0px;padding:0px 22px 45px 22px;}.elementor-5114 .elementor-element.elementor-element-de2ae17 > .elementor-element-populated{margin:40px 0px 80px 0px;--e-column-margin-right:0px;--e-column-margin-left:0px;padding:0px 0px 0px 0px;}.elementor-5114 .elementor-element.elementor-element-560b4f9 .raven-posts-metro .raven-metro{margin-right:calc( -20px*2 );margin-top:-20px !important;}.elementor-5114 .elementor-element.elementor-element-560b4f9 .raven-posts-metro .raven-metro-item {padding-right:20px;margin-top:20px !important;}.elementor-5114 .elementor-element.elementor-element-560b4f9 .raven-posts-matrix .raven-matrix{margin-right:calc( -20px*2 );margin-top:-20px !important;}.elementor-5114 .elementor-element.elementor-element-560b4f9 .raven-posts-matrix .raven-matrix-item {padding-right:20px;margin-top:20px !important;}.elementor-5114 .elementor-element.elementor-element-560b4f9 .raven-post-image img{opacity:1;}.elementor-5114 .elementor-element.elementor-element-560b4f9 .content-layout-overlay .raven-posts-zoom-move-wrapper{opacity:1;}.elementor-5114 .elementor-element.elementor-element-560b4f9 .raven-post-image:hover img{opacity:1;}.elementor-5114 .elementor-element.elementor-element-560b4f9 .raven-post-inside:hover .raven-post-image img{opacity:1;}.elementor-5114 .elementor-element.elementor-element-560b4f9 .raven-post-image:hover .raven-posts-zoom-move-wrapper{opacity:1;}.elementor-5114 .elementor-element.elementor-element-560b4f9 .raven-post-inside:hover .raven-post-image .raven-posts-zoom-move-wrapper{opacity:1;}.elementor-5114 .elementor-element.elementor-element-626c38e{margin-top:0px;margin-bottom:0px;padding:0px 0px 0px 0px;}.elementor-5114 .elementor-element.elementor-element-55c5464.elementor-column > .elementor-widget-wrap{justify-content:center;}.elementor-5114 .elementor-element.elementor-element-55c5464 > .elementor-element-populated{margin:0px 0px 0px 0px;--e-column-margin-right:0px;--e-column-margin-left:0px;padding:40px 0px 0px 0px;}.elementor-5114 .elementor-element.elementor-element-a45bf5d{padding:0px 23px 23px 23px;}}@media(min-width:768px){.elementor-5114 .elementor-element.elementor-element-a142275{width:100%;}}@media(max-width:1399px) and (min-width:768px){.elementor-5114 .elementor-element.elementor-element-55105fd{width:100%;}}/* Start custom CSS for section, class: .elementor-element-6e9c098 */<style>
/* ========================================
   HERO – DESKTOP
======================================== */

.hero-content,
.hero-content * {
    box-sizing: border-box;
}

.hero-content {
    width: 100%;
    max-width: 1600px;
    min-height: 100svh;
    margin: 0 auto;
    padding: 140px 40px 80px;

    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;

    text-align: center;
}

/* Főcím */

.hero-title {
    width: 100%;
    margin: 0 0 32px;

    color: #f1efe8;
    font-family: inherit;
    font-size: clamp(54px, 6.4vw, 132px);
    font-weight: 800;
    line-height: 0.88;
    letter-spacing: -0.055em;
    text-align: center;
    text-transform: uppercase;

    text-shadow:
        0 3px 18px rgba(0, 0, 0, 0.68),
        0 1px 4px rgba(0, 0, 0, 0.85);
}

.hero-line {
    display: block;
    white-space: nowrap;
}

.hero-accent {
    color: #82d94c !important;
    -webkit-text-fill-color: #82d94c !important;
    font-style: italic;
    font-weight: 800;
}

/* Bevezető szöveg */

.hero-intro {
    width: 100%;
    max-width: 940px;
    margin: 0 0 36px;

    color: #f1efe8;
    font-family: inherit;
    font-size: clamp(21px, 1.5vw, 27px);
    font-weight: 300;
    line-height: 1.4;
    text-align: center;

    text-shadow:
        0 2px 10px rgba(0, 0, 0, 0.9),
        0 1px 3px rgba(0, 0, 0, 0.95);
}

/* CTA */

.hero-cta {
    display: inline-flex;
    align-items: center;
    justify-content: center;

    min-width: 290px;
    padding: 19px 28px;

    background-color: #82d94c;
    color: #0e100f !important;

    font-family: inherit;
    font-size: 17px;
    font-weight: 800;
    line-height: 1;
    text-align: center;
    text-decoration: none !important;
    text-transform: uppercase;

    transition:
        background-color 0.2s ease,
        color 0.2s ease,
        transform 0.2s ease;
}

.hero-cta:hover,
.hero-cta:focus {
    background-color: #f1efe8;
    color: #0e100f !important;
    transform: translateY(-2px);
}

/* Scroll for more*/
.hero-scroll {
    position: absolute;
    bottom: 24px;
    left: 50%;
    transform: translateX(-50%);

    display: flex;
    align-items: center;
    gap: 10px;

    color: rgba(241, 239, 232, 0.65) !important;
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 0.2em;
    text-decoration: none !important;
    white-space: nowrap;
    text-shadow:
    0 2px 8px rgba(0, 0, 0, 0.9),
    0 1px 2px rgba(0, 0, 0, 1);
}

.hero-scroll span {
    color: #82d94c;
    font-size: 17px;

    text-shadow:
        0 2px 8px rgba(0, 0, 0, 0.95),
        0 1px 3px rgba(0, 0, 0, 1);

    animation: hero-scroll-move 1.6s ease-in-out infinite;
}

@keyframes hero-scroll-move {
    0%, 100% {
        transform: translateY(0);
    }

    50% {
        transform: translateY(5px);
    }
}

@media (max-width: 767px) {
    .hero-scroll {
        bottom: 16px;
        font-size: 9px;
    }
}

/* ========================================
   HERO – TABLET / JUPITER BREAKPOINT
======================================== */

@media (min-width: 750px) and (max-width: 1399px) {
    .hero-content {
        min-height: 100svh;
        padding: 140px 32px 70px !important;
        justify-content: center;
    }

    .hero-content .hero-title {
        width: 100%;
        margin-bottom: 36px !important;

        font-size: clamp(84px, 7.8vw, 110px) !important;
        line-height: 0.86 !important;
        letter-spacing: -0.05em !important;
    }

    .hero-content .hero-intro {
        max-width: 800px !important;
        margin-bottom: 42px !important;

        font-size: clamp(27px, 2.2vw, 31px) !important;
        line-height: 1.36 !important;
    }

.hero-content .hero-cta {
    width: 360px !important;
    max-width: 360px !important;
    min-width: 360px !important;
    padding: 20px 28px !important;

    font-size: 18px !important;
}

    .hero-scroll {
        bottom: 20px;
        font-size: 10px;
    }
}

/* ========================================
   HERO – MOBILE
   Nagyobb főcím, kiegyensúlyozottabb CTA
======================================== */

@media (max-width: 767px) {

    .hero-content {
        box-sizing: border-box;
        width: 100%;
        min-height: 100svh;

        padding: 92px 12px 42px;

        display: flex;
        flex-direction: column;
        justify-content: center;

        /* Enyhén feljebb húzza a teljes tartalmi blokkot */
        transform: translateY(-2svh);
    }

    /* Főcím */
    .hero-title {
        width: 100%;
        max-width: 100%;
        margin: 0 0 24px;

        font-size: clamp(40px, 11.5vw, 52px);
        font-weight: 800;
        line-height: 0.87;
        letter-spacing: -0.055em;

        text-align: center;

        /* Olvashatóság a mozgó videón */
        text-shadow:
            0 3px 5px rgba(0, 0, 0, 0.72),
            0 8px 20px rgba(0, 0, 0, 0.38);
    }

    .hero-line {
        display: block;
        white-space: nowrap;
    }

    /* Bevezető szöveg */
    .hero-intro {
        width: 100%;
        max-width: 350px;
        margin: 0 auto 32px;

        font-size: clamp(17px, 4.6vw, 19px);
        font-weight: 300;
        line-height: 1.4;

        color: rgba(241, 239, 232, 0.88);
        text-align: center;

        text-shadow:
            0 2px 4px rgba(0, 0, 0, 0.8),
            0 5px 14px rgba(0, 0, 0, 0.42);
    }

    /* CTA: kevésbé domináns, mint a főcím */
    .hero-cta {
        box-sizing: border-box;
        width: min(100%, 286px);
        min-width: 0;
        max-width: 286px;
        margin: 0 auto;

        padding: 18px 22px;

        border-radius: 0 !important;

        font-size: 15.5px;
        font-weight: 800;
        line-height: 1.1;
        letter-spacing: 0.035em;
        text-align: center;
    }

    .hero-scroll {
        bottom: 11px;
        font-size: 10px;
    }
}


/* ========================================
   KISEBB MOBILOK – pl. régi iPhone SE
======================================== */

@media (max-width: 360px) {

    .hero-content {
        padding-right: 10px;
        padding-left: 10px;
        transform: translateY(-1svh);
    }

    .hero-title {
        font-size: 35px;
        line-height: 0.88;
        letter-spacing: -0.045em;
    }

    .hero-intro {
        max-width: 310px;
        font-size: 16px;
    }

    .hero-cta {
        width: min(100%, 264px);
        max-width: 264px;
        padding: 17px 18px;
        font-size: 14.5px;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-9c88016 */.elementor-5114 .elementor-element.elementor-element-9c88016 .experience-kicker {
    display: flex;
    align-items: center;
    gap: 14px;
    margin-bottom: 30px;

    color: #f0eee8;
    font-size: 13px;
    font-weight: 700;
    line-height: 1;
    letter-spacing: 0.24em;
}

.elementor-5114 .elementor-element.elementor-element-9c88016 .experience-dot {
    display: block;
    width: 11px;
    height: 11px;
    flex: 0 0 11px;
    background: #7be342;
}

.elementor-5114 .elementor-element.elementor-element-9c88016 .experience-title {
    margin: 0;

    color: #f0eee8;
    font-family: inherit;
    font-size: clamp(48px, 5.4vw, 96px);
    font-weight: 800;
    line-height: 0.94;
    letter-spacing: -0.045em;
    text-transform: uppercase;
}

.elementor-5114 .elementor-element.elementor-element-9c88016 .experience-line {
    display: block;
}

.elementor-5114 .elementor-element.elementor-element-9c88016 .experience-number {
    color: #7be342;
    -webkit-text-fill-color: #7be342;
}/* End custom CSS */
/* Start custom CSS for section, class: .elementor-element-fd26a31 *//* ==================================================
   MOBILE – HORIZONTAL OVERFLOW FIX
   ================================================== */

html {
    width: 100%;
    max-width: 100%;
    overflow-x: clip;
}

body {
    width: 100%;
    max-width: 100%;
    overflow-x: hidden;
}


/* ==================================================
   EXPERIENCE SECTION – MOBILE WIDTH FIX
   ================================================== */

@media (max-width: 767px) {

    /*
     * Az Elementor régi Section / Column struktúrájának
     * minden eleme összezsugorodhat a viewport szélességére.
     */
    .experience-section,
    .experience-section > .elementor-container,
    .experience-section .elementor-row,
    .experience-section .elementor-column,
    .experience-section .elementor-column-wrap,
    .experience-section .elementor-widget-wrap,
    .experience-section .elementor-widget,
    .experience-section .elementor-widget-container {
        box-sizing: border-box !important;
        width: 100% !important;
        min-width: 0 !important;
        max-width: 100% !important;
    }

    .experience-section {
        margin-right: 0 !important;
        margin-left: 0 !important;
        padding-right: 20px !important;
        padding-left: 20px !important;
        overflow: hidden !important;
    }

    /*
     * Megszünteti a desktopon használt, mobilon
     * túlnyúlást okozó egysoros szöveget.
     */
    .experience-section h1,
    .experience-section h2,
    .experience-section .experience-title,
    .experience-section .experience-title *,
    .experience-section .experience-line {
        max-width: 100% !important;
        white-space: normal !important;
        overflow-wrap: normal !important;
        word-break: normal !important;
    }

    .experience-section .experience-title {
        margin-right: 0 !important;
        margin-left: 0 !important;
        font-size: clamp(46px, 13vw, 62px) !important;
        line-height: 0.88 !important;
        letter-spacing: -0.04em !important;
    }
}


/* ==================================================
   reCAPTCHA BADGE
   Ne mozgasd left: -9999px értékkel!
   ================================================== */

.grecaptcha-badge {
    visibility: hidden !important;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-50517ec */.elementor-5114 .elementor-element.elementor-element-50517ec .credits-kicker {
    display: flex;
    align-items: center;
    gap: 14px;

    color: #f0eee8;
    font-size: 14px;
    font-weight: 700;
    line-height: 1;
    letter-spacing: 0.22em;
    text-transform: uppercase;
}

.elementor-5114 .elementor-element.elementor-element-50517ec .credits-dot {
    display: block;
    width: 12px;
    height: 12px;
    flex: 0 0 12px;
    background: #7be342;
}

.elementor-5114 .elementor-element.elementor-element-50517ec .credits-note {
    color: rgba(240, 238, 232, 0.48);
    font-weight: 500;
    letter-spacing: 0.16em;
}

@media (max-width: 767px) {
    .elementor-5114 .elementor-element.elementor-element-50517ec .credits-kicker {
        align-items: flex-start;
        flex-wrap: wrap;
        gap: 10px;
        font-size: 11px;
        line-height: 1.4;
    }

    .elementor-5114 .elementor-element.elementor-element-50517ec .credits-dot {
        width: 10px;
        height: 10px;
        flex-basis: 10px;
        margin-top: 2px;
    }

    .elementor-5114 .elementor-element.elementor-element-50517ec .credits-note {
        flex-basis: 100%;
        margin-left: 20px;
    }
}/* End custom CSS */
/* Start custom CSS for section, class: .elementor-element-eeb963d *//* ==================================================
   SELECTED SCREEN CREDITS – LOGÓRÁCS

   ================================================== */


/* --------------------------------------------------
   A COLUMN TARTALMÁBÓL RÁCSOT KÉSZÍTÜNK

   -------------------------------------------------- */

.elementor-5114 .elementor-element.elementor-element-eeb963d .credits-column
> .elementor-column-wrap
> .elementor-widget-wrap,

.elementor-5114 .elementor-element.elementor-element-eeb963d .credits-column
> .elementor-widget-wrap {
    width: 100%;

    display: grid !important;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    align-items: center;

    column-gap: 48px;
    row-gap: 26px;
}


/* --------------------------------------------------
   A CÍMSOR TELJES SZÉLESSÉGŰ
   -------------------------------------------------- */

.elementor-5114 .elementor-element.elementor-element-eeb963d .credits-heading {
    grid-column: 1 / -1;
    width: 100%;
    margin: 0 0 16px !important;
}


/* --------------------------------------------------
   IMAGE WIDGETEK
   -------------------------------------------------- */

.elementor-5114 .elementor-element.elementor-element-eeb963d .credit-logo {
    width: 100% !important;
    min-width: 0;
    margin: 0 !important;
}


/* Minden logónak azonos vizuális terület */

.elementor-5114 .elementor-element.elementor-element-eeb963d .credit-logo .elementor-widget-container {
    width: 100%;
    min-height: 150px;

    display: flex;
    align-items: center;
    justify-content: center;
}


/* A logók tényleges mérete */

.elementor-5114 .elementor-element.elementor-element-eeb963d .credit-logo img {
    display: block;

    width: 84% !important;
    max-width: 260px !important;
    max-height: 120px !important;
    height: auto !important;

    object-fit: contain;

    opacity: 0.72;
    filter: grayscale(1);

    transition:
        opacity 0.2s ease,
        transform 0.2s ease;
}


/* Finom hover-effekt */

.elementor-5114 .elementor-element.elementor-element-eeb963d .credit-logo:hover img {
    opacity: 1;
    transform: translateY(-2px);
}


/* ==================================================
   TABLET: 2 + 2 + 1
   ================================================== */

@media (min-width: 750px) and (max-width: 1399px) {

    .elementor-5114 .elementor-element.elementor-element-eeb963d .credits-column
    > .elementor-column-wrap
    > .elementor-widget-wrap,

    .elementor-5114 .elementor-element.elementor-element-eeb963d .credits-column
    > .elementor-widget-wrap {
        grid-template-columns: repeat(2, minmax(0, 1fr));

        column-gap: 40px;
        row-gap: 20px;
    }

    .elementor-5114 .elementor-element.elementor-element-eeb963d .credit-logo .elementor-widget-container {
        min-height: 135px;
    }

    .elementor-5114 .elementor-element.elementor-element-eeb963d .credit-logo img {
        width: 84% !important;
        max-width: 230px !important;
        max-height: 108px !important;
    }

    /* Az ötödik logó az utolsó sor közepén */
    .elementor-5114 .elementor-element.elementor-element-eeb963d .credit-logo:last-child {
        grid-column: 1 / -1;
        justify-self: center;
        width: 50% !important;
    }
}


/* ==================================================
   MOBIL: EGY LOGÓ SORONKÉNT
   ================================================== */

@media (max-width: 767px) {

    .elementor-5114 .elementor-element.elementor-element-eeb963d .credits-column
    > .elementor-column-wrap
    > .elementor-widget-wrap,

    .elementor-5114 .elementor-element.elementor-element-eeb963d .credits-column
    > .elementor-widget-wrap {
        grid-template-columns: 1fr;
        row-gap: 12px;
    }

    .elementor-5114 .elementor-element.elementor-element-eeb963d .credits-heading {
        margin-bottom: 10px !important;
    }

    .elementor-5114 .elementor-element.elementor-element-eeb963d .credit-logo {
        width: 100% !important;
    }

    .elementor-5114 .elementor-element.elementor-element-eeb963d .credit-logo .elementor-widget-container {
        min-height: 105px;
    }

    .elementor-5114 .elementor-element.elementor-element-eeb963d .credit-logo img {
        width: 80% !important;
        max-width: 190px !important;
        max-height: 84px !important;
    }

    .elementor-5114 .elementor-element.elementor-element-eeb963d .credit-logo:last-child {
        grid-column: auto;
        width: 100% !important;
    }
}/* End custom CSS */
/* Start custom CSS for section, class: .elementor-element-5b12f46 *//* ==========================================
   SELECTED VISUAL WORK – BEVEZETŐ
   A szekció CSS classa: work-section
   ========================================== */

.elementor-5114 .elementor-element.elementor-element-5b12f46 {
    background:
        radial-gradient(
            circle at 88% 4%,
            rgba(130, 217, 76, 0.045),
            transparent 32%
        ),
        #181b1a;

    padding: 104px 40px 0;
}


/* ------------------------------------------
   BELSŐ TARTALMI SZÉLESSÉG
   ------------------------------------------ */

.elementor-5114 .elementor-element.elementor-element-5b12f46 .work-intro {
    width: 100%;
    max-width: 1500px;
    margin: 0 auto;
    text-align: left;
}


/* ------------------------------------------
   KIS SZEKCIÓCÍM
   ------------------------------------------ */

.elementor-5114 .elementor-element.elementor-element-5b12f46 .work-eyebrow {
    display: flex;
    align-items: center;
    gap: 15px;

    margin: 0 0 48px;

    color: #f1efe8;
    font-size: 13px;
    font-weight: 700;
    line-height: 1;
    letter-spacing: 0.22em;
    text-transform: uppercase;
}

.elementor-5114 .elementor-element.elementor-element-5b12f46 .work-square {
    display: block;
    width: 13px;
    height: 13px;
    flex: 0 0 13px;

    background: #82d94c;
}


/* ------------------------------------------
   FŐCÍM
   ------------------------------------------ */

.elementor-5114 .elementor-element.elementor-element-5b12f46 .work-title {
    width: 100%;
    max-width: 1120px;
    margin: 0 0 38px;

    color: #f1efe8;
    font-family: inherit;
    font-size: clamp(68px, 6.7vw, 128px);
    font-weight: 800;
    line-height: 0.86;
    letter-spacing: -0.055em;
    text-transform: uppercase;
}

.elementor-5114 .elementor-element.elementor-element-5b12f46 .work-title span,
.elementor-5114 .elementor-element.elementor-element-5b12f46 .work-title em {
    display: block;
}

.elementor-5114 .elementor-element.elementor-element-5b12f46 .work-title em {
    color: #82d94c;
    font-style: italic;
    font-weight: 800;
}


/* ------------------------------------------
   LEÍRÁS
   ------------------------------------------ */

.elementor-5114 .elementor-element.elementor-element-5b12f46 .work-copy {
    width: 100%;
    max-width: 920px;
    margin: 0 0 88px;

    color: rgba(241, 239, 232, 0.68);
    font-family: inherit;
    font-size: clamp(20px, 1.4vw, 26px);
    font-weight: 300;
    line-height: 1.55;
}


/* ------------------------------------------
   PROJEKTRÁCS
   Ha ugyanebben a szekcióban található
   ------------------------------------------ */

.elementor-5114 .elementor-element.elementor-element-5b12f46 .projects-grid {
    width: 100%;
    max-width: 1500px;
    margin: 0 auto;
}


/* ==========================================
   TABLET
   ========================================== */

@media (min-width: 768px) and (max-width: 1399px) {

    .elementor-5114 .elementor-element.elementor-element-5b12f46 {
        padding: 84px 28px 0;
    }

    .elementor-5114 .elementor-element.elementor-element-5b12f46 .work-eyebrow {
        margin-bottom: 40px;
        font-size: 12px;
    }

    .elementor-5114 .elementor-element.elementor-element-5b12f46 .work-title {
        max-width: 900px;
        margin-bottom: 34px;
        font-size: clamp(62px, 8.5vw, 104px);
    }

    .elementor-5114 .elementor-element.elementor-element-5b12f46 .work-copy {
        max-width: 760px;
        margin-bottom: 68px;
    }
}


/* ==========================================
   MOBIL
   ========================================== */

@media (max-width: 767px) {

    .elementor-5114 .elementor-element.elementor-element-5b12f46 {
        padding: 64px 20px 0;
    }

    .elementor-5114 .elementor-element.elementor-element-5b12f46 .work-eyebrow {
        gap: 12px;
        margin-bottom: 32px;
        font-size: 11px;
    }

    .elementor-5114 .elementor-element.elementor-element-5b12f46 .work-square {
        width: 11px;
        height: 11px;
        flex-basis: 11px;
    }

    .elementor-5114 .elementor-element.elementor-element-5b12f46 .work-title {
        max-width: 100%;
        margin-bottom: 28px;
        font-size: clamp(48px, 14.5vw, 66px);
        line-height: 0.88;
        letter-spacing: -0.04em;
    }

    .elementor-5114 .elementor-element.elementor-element-5b12f46 .work-copy {
        max-width: 100%;
        margin-bottom: 54px;
        font-size: 18px;
        line-height: 1.5;
    }
}/* End custom CSS */
/* Start custom CSS for section, class: .elementor-element-626c38e *//* ==================================================
   HOW I BUILD / PROCESS
   ================================================== */

.build-process {
    --process-bg: #0e100f;
    --process-text: #f1efe8;
    --process-muted: rgba(241, 239, 232, 0.62);
    --process-dim: rgba(241, 239, 232, 0.34);
    --process-line: rgba(241, 239, 232, 0.18);
    --process-green: #82d94c;

    width: 100%;
    min-height: 900px;

    display: grid;
    grid-template-columns: minmax(0, 56%) minmax(0, 44%);

    overflow: hidden;
    background: var(--process-bg);
    color: var(--process-text);

    border-top: 1px solid rgba(241, 239, 232, 0.08);
}


/* ==================================================
   BAL OLDALI KÉP
   ================================================== */

.build-process__visual {
    position: relative;
    min-height: 900px;
    overflow: hidden;
    background: #080a09;
}

.build-process__visual img {
    position: absolute;
    inset: 0;

    width: 100%;
    height: 100%;

    display: block;
    object-fit: cover;
    object-position: center;
}

/* A jobb oldal felé finoman sötétíti a képet */
.build-process__visual-overlay {
    position: absolute;
    inset: 0;
    pointer-events: none;

    background:
        linear-gradient(
            90deg,
            rgba(8, 10, 9, 0.05) 0%,
            rgba(8, 10, 9, 0.08) 52%,
            rgba(8, 10, 9, 0.72) 100%
        ),
        linear-gradient(
            180deg,
            rgba(8, 10, 9, 0.04) 55%,
            rgba(8, 10, 9, 0.55) 100%
        );
}


/* ==================================================
   JOBB OLDALI TARTALOM
   ================================================== */

.build-process__content {
    box-sizing: border-box;

    display: flex;
    flex-direction: column;
    justify-content: center;

    padding: 100px clamp(42px, 5vw, 96px);
    background: var(--process-bg);
}


/* --------------------------------------------------
   KIS SZEKCIÓCÍM
   -------------------------------------------------- */

.build-process__eyebrow {
    display: flex;
    align-items: center;
    gap: 16px;

    margin: 0 0 42px;

    color: var(--process-text);
    font-family: inherit;
    font-size: 15px;
    font-weight: 700;
    line-height: 1;
    letter-spacing: 0.22em;
    text-transform: uppercase;
}

.build-process__square {
    display: block;

    width: 22px;
    height: 22px;
    flex: 0 0 22px;

    background: var(--process-green);
}


/* --------------------------------------------------
   FŐCÍM
   A Selected Visual Work tipográfiájához igazítva
   -------------------------------------------------- */

.build-process__title {
    max-width: 820px;
    margin: 0 0 34px;

    color: var(--process-text);
    font-family: inherit;
    font-size: clamp(72px, 7vw, 138px);
    font-weight: 800;
    line-height: 0.84;
    letter-spacing: -0.055em;
    text-transform: uppercase;

    text-shadow:
        0 4px 10px rgba(0, 0, 0, 0.34),
        0 12px 28px rgba(0, 0, 0, 0.22);
}

.build-process__title em {
    display: block;

    color: var(--process-green);
    font-style: italic;
    font-weight: 800;
}


/* --------------------------------------------------
   BEVEZETŐ
   -------------------------------------------------- */

.build-process__intro {
    max-width: 700px;
    margin: 0 0 58px;

    color: var(--process-muted);
    font-family: inherit;
    font-size: clamp(19px, 1.25vw, 25px);
    font-weight: 300;
    line-height: 1.5;
}


/* ==================================================
   FOLYAMAT LÉPÉSEI
   ================================================== */

.build-process__steps {
    position: relative;
    width: 100%;
    max-width: 760px;
}


/*
 * 48 px: sorszám
 * 28 px: vonal és pötty
 * maradék: szöveg
 */
.process-step {
    position: relative;

    display: grid;
    grid-template-columns: 48px 28px minmax(0, 1fr);
    column-gap: 18px;
    align-items: start;

    min-height: 132px;
    padding: 0 0 34px;

    color: var(--process-dim);

    transition:
        color 0.2s ease,
        opacity 0.2s ease;
}


/*
 * A függőleges vonal minden lépés saját marker
 * oszlopának pontos közepén marad.
 */
.process-step__marker {
    position: relative;
    align-self: stretch;

    display: flex;
    justify-content: center;
}

.process-step__marker::before {
    content: "";
    position: absolute;

    top: 8px;
    bottom: -8px;
    left: 50%;

    width: 1px;

    background: var(--process-line);
    transform: translateX(-50%);
}


/* Az utolsó pont után már ne fusson tovább a vonal */
.process-step:last-child .process-step__marker::before {
    bottom: calc(100% - 9px);
}


/*
 * A pötty nincs animálva vagy eltolva.
 * Így hoverkor is pontosan a vonal közepén marad.
 */
.process-step__dot {
    position: relative;
    z-index: 2;

    display: block;

    width: 13px;
    height: 13px;
    flex: 0 0 13px;
    margin-top: 2px;

    border: 2px solid var(--process-bg);
    border-radius: 50%;

    background: #65706a;
    box-shadow: 0 0 0 1px rgba(241, 239, 232, 0.16);

    transition:
        background-color 0.2s ease,
        box-shadow 0.2s ease;
}


.process-step__number {
    padding-top: 0;

    font-family: inherit;
    font-size: 18px;
    font-weight: 800;
    line-height: 1;
    color: inherit;

    transition: color 0.2s ease;
}


.process-step__body {
    min-width: 0;
}

.process-step__body h3 {
    margin: -4px 0 8px;

    color: inherit;
    font-family: inherit;
    font-size: clamp(23px, 1.6vw, 31px);
    font-weight: 700;
    line-height: 1.12;
}

.process-step__body p {
    max-width: 560px;
    margin: 0;

    color: inherit;
    font-family: inherit;
    font-size: clamp(16px, 1vw, 20px);
    font-weight: 300;
    line-height: 1.48;
}


/* Aktív első lépés */
.process-step--active {
    color: var(--process-text);
}

.process-step--active .process-step__number {
    color: var(--process-green);
}

.process-step--active .process-step__dot {
    background: var(--process-green);
    box-shadow:
        0 0 0 1px rgba(130, 217, 76, 0.25),
        0 0 18px rgba(130, 217, 76, 0.42);
}


/* Hover – csak színváltozás, nincs pozícióeltolás */
.process-step:hover {
    color: var(--process-text);
}

.process-step:hover .process-step__number {
    color: var(--process-green);
}

.process-step:hover .process-step__dot {
    background: var(--process-green);
    box-shadow:
        0 0 0 1px rgba(130, 217, 76, 0.25),
        0 0 18px rgba(130, 217, 76, 0.42);
}


/* ==================================================
   SZÖVEGES CTA
   ================================================== */

.build-process__cta {
    display: inline-flex;
    align-items: center;
    align-self: flex-start;
    gap: 14px;

    margin-top: 20px;
    padding: 12px 0 8px;

    color: var(--process-text) !important;

    font-family: inherit;
    font-size: 16px;
    font-weight: 700;
    line-height: 1;
    letter-spacing: 0.12em;
    text-decoration: none;
    text-transform: uppercase;

    border-bottom: 1px solid rgba(130, 217, 76, 0.55);

    transition:
        color 0.2s ease,
        border-color 0.2s ease;
}

.build-process__cta span {
    color: var(--process-green);
    font-size: 22px;
    line-height: 1;

    transition: transform 0.2s ease;
}

.build-process__cta:hover {
    color: var(--process-green) !important;
    border-color: var(--process-green);
}

.build-process__cta:hover span {
    transform: translateX(5px);
}


/* ==================================================
   TABLET
   ================================================== */

@media (min-width: 768px) and (max-width: 1399px) {

    .build-process {
        min-height: 760px;
        grid-template-columns: minmax(0, 48%) minmax(0, 52%);
    }

    .build-process__visual {
        min-height: 760px;
    }

    .build-process__content {
        padding: 76px 42px;
    }

    .build-process__eyebrow {
        margin-bottom: 34px;
    }

    .build-process__title {
        margin-bottom: 28px;
        font-size: clamp(60px, 7vw, 96px);
    }

    .build-process__intro {
        margin-bottom: 46px;
        font-size: 19px;
    }

    .process-step {
        min-height: 120px;
        grid-template-columns: 42px 26px minmax(0, 1fr);
        column-gap: 15px;
    }
}


/* ==================================================
   MOBIL
   ================================================== */

@media (max-width: 767px) {

    .build-process {
        min-height: 0;
        display: block;
    }

    .build-process__visual {
        min-height: 62svh;
    }

    .build-process__visual-overlay {
        background:
            linear-gradient(
                180deg,
                rgba(8, 10, 9, 0.04) 35%,
                rgba(8, 10, 9, 0.88) 100%
            );
    }

    .build-process__content {
        padding: 62px 20px 68px;
    }

    .build-process__eyebrow {
        gap: 12px;
        margin-bottom: 30px;
        font-size: 12px;
    }

    .build-process__square {
        width: 16px;
        height: 16px;
        flex-basis: 16px;
    }

    .build-process__title {
        margin-bottom: 26px;

        font-size: clamp(48px, 15vw, 70px);
        line-height: 0.87;
    }

    .build-process__intro {
        margin-bottom: 46px;
        font-size: 18px;
        line-height: 1.5;
    }

    .process-step {
        min-height: 0;

        grid-template-columns: 36px 22px minmax(0, 1fr);
        column-gap: 12px;

        padding-bottom: 36px;
    }

    .process-step__number {
        font-size: 15px;
    }

    .process-step__dot {
        width: 11px;
        height: 11px;
        flex-basis: 11px;
    }

    .process-step__body h3 {
        font-size: 22px;
    }

    .process-step__body p {
        font-size: 16px;
    }

    .build-process__cta {
        margin-top: 10px;
        font-size: 14px;
    }
}


/* ==================================================
   HOW I BUILD – EGYSÉGES SZEKCIÓJELÖLŐ
   A Featured Projects méreteihez igazítva
   ================================================== */

/*
 * Kikapcsolja a korábbi PROCESS felirat elé
 * generált vonalat vagy egyéb díszítőelemet.
 */
.elementor-5114 .elementor-element.elementor-element-626c38e .process-eyebrow::before,
.elementor-5114 .elementor-element.elementor-element-626c38e .process-label::before,
.elementor-5114 .elementor-element.elementor-element-626c38e .section-eyebrow::before {
    content: none !important;
    display: none !important;
}


/* --------------------------------------------------
   DESKTOP
   -------------------------------------------------- */

.elementor-5114 .elementor-element.elementor-element-626c38e .section-eyebrow {
    display: flex;
    align-items: center;
    gap: 16px;

    width: 100%;
    margin: 0 0 46px;

    color: #f1efe8;
    font-family: inherit;
    font-size: 15px;
    font-weight: 700;
    line-height: 1;
    letter-spacing: 0.22em;
    text-transform: uppercase;
}


/* Neon négyzet a felirat előtt */
.elementor-5114 .elementor-element.elementor-element-626c38e .section-eyebrow__square {
    display: block;

    width: 11px;
    height: 12px;
    flex: 0 0 10px;

    background-color: #82d94c;
}


/* ==================================================
   TABLET
   ================================================== */

@media (min-width: 768px) and (max-width: 1399px) {

    .elementor-5114 .elementor-element.elementor-element-626c38e .section-eyebrow {
        gap: 16px;
        margin-bottom: 36px;

        font-size: 15px;
    }

    .elementor-5114 .elementor-element.elementor-element-626c38e .section-eyebrow__square {
        width: 22px;
        height: 22px;
        flex-basis: 22px;
    }
}


/* ==================================================
   MOBIL
   ================================================== */

@media (max-width: 767px) {

    .elementor-5114 .elementor-element.elementor-element-626c38e .section-eyebrow {
        gap: 12px;
        margin-bottom: 30px;

        font-size: 12px;
        letter-spacing: 0.2em;
    }

    .elementor-5114 .elementor-element.elementor-element-626c38e .section-eyebrow__square {
        width: 16px;
        height: 16px;
        flex-basis: 16px;
    }
}/* End custom CSS */
/* Start custom CSS for section, class: .elementor-element-25337e9 *//* ==================================================
   CAPABILITIES / WHAT I BRING
   Elementor Section Custom CSS
   ================================================== */

.elementor-5114 .elementor-element.elementor-element-25337e9 {
    box-sizing: border-box;
    overflow: hidden;

    background: #171b19;
    padding: 104px clamp(24px, 4vw, 64px) 92px;
}

.elementor-5114 .elementor-element.elementor-element-25337e9 *,
.elementor-5114 .elementor-element.elementor-element-25337e9 *::before,
.elementor-5114 .elementor-element.elementor-element-25337e9 *::after {
    box-sizing: border-box;
}


/* ==================================================
   KÖZÖS TARTALMI SZÉLESSÉG
   ================================================== */

.elementor-5114 .elementor-element.elementor-element-25337e9 .capabilities-block {
    width: 100%;
    max-width: 1500px;
    margin: 0 auto;
}


/* ==================================================
   BEVEZETŐ
   ================================================== */

.elementor-5114 .elementor-element.elementor-element-25337e9 .capabilities-header {
    display: grid;
    grid-template-columns:
        minmax(0, 1.35fr)
        minmax(320px, 0.65fr);
    align-items: end;
    gap: 60px;

    margin-bottom: 76px;
}

.elementor-5114 .elementor-element.elementor-element-25337e9 .capabilities-eyebrow {
    display: flex;
    align-items: center;
    gap: 16px;

    margin-bottom: 42px;

    color: #f1efe8;
    font-size: 15px;
    font-weight: 800;
    line-height: 1;
    letter-spacing: 0.22em;
    text-transform: uppercase;
}

.elementor-5114 .elementor-element.elementor-element-25337e9 .capabilities-square {
    display: block;
    width: 22px;
    height: 22px;
    flex: 0 0 22px;

    background: #82d94c;
}

.elementor-5114 .elementor-element.elementor-element-25337e9 .capabilities-title {
    max-width: 980px;
    margin: 0;

    color: #f1efe8;
    font-family: inherit;
    font-size: clamp(64px, 5.4vw, 106px);
    font-weight: 800;
    line-height: 0.86;
    letter-spacing: -0.055em;
    text-transform: uppercase;
}

.elementor-5114 .elementor-element.elementor-element-25337e9 .capabilities-title em {
    color: #82d94c;
    font-style: italic;
    font-weight: 800;
}

.elementor-5114 .elementor-element.elementor-element-25337e9 .capabilities-lead {
    max-width: 520px;
    margin: 0 0 6px;

    color: rgba(241, 239, 232, 0.66);
    font-size: clamp(20px, 1.35vw, 25px);
    font-weight: 300;
    line-height: 1.5;
}


/* ==================================================
   KÁRTYARÁCS
   ================================================== */

.elementor-5114 .elementor-element.elementor-element-25337e9 .capabilities-grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 18px;

    width: 100%;
}


/* ==================================================
   KÁRTYA
   ================================================== */

.elementor-5114 .elementor-element.elementor-element-25337e9 .capability-card {
    position: relative;
    isolation: isolate;

    display: flex;
    flex-direction: column;

    min-width: 0;
    min-height: 430px;
    padding: 32px 30px 34px;

    overflow: hidden;

    background: #0e100f;
    border: 1px solid rgba(241, 239, 232, 0.14);

    color: #f1efe8;
    text-decoration: none;

    transition:
        border-color 0.25s ease,
        background-color 0.25s ease,
        transform 0.25s ease;
}

.elementor-5114 .elementor-element.elementor-element-25337e9 .capability-card:hover {
    background: #111511;
    border-color: rgba(130, 217, 76, 0.75);
    transform: translateY(-4px);
}


/* Számozás */

.elementor-5114 .elementor-element.elementor-element-25337e9 .capability-number {
    display: block;

    color: #82d94c;
    font-size: clamp(31px, 2.2vw, 43px);
    font-weight: 800;
    line-height: 0.9;
    letter-spacing: -0.04em;
}


/*
 * Ettől kerül minden kártyán azonos magasságba
 * a főcím, és nagyobb tér marad a szám alatt.
 */

.elementor-5114 .elementor-element.elementor-element-25337e9 .capability-body {
    margin-top: 108px;
    padding-right: 6px;
}


/* Kártyacím */

.elementor-5114 .elementor-element.elementor-element-25337e9 .capability-title {
    min-height: 3.05em;
    margin: 0 0 28px;

    color: #f1efe8;
    font-family: inherit;
    font-size: clamp(27px, 1.55vw, 34px);
    font-weight: 800;
    line-height: 0.98;
    letter-spacing: -0.035em;
    text-transform: uppercase;
}


/* Leírás */

.elementor-5114 .elementor-element.elementor-element-25337e9 .capability-copy {
    max-width: 300px;
    margin: 0;

    color: rgba(241, 239, 232, 0.61);
    font-size: clamp(17px, 1vw, 20px);
    font-weight: 300;
    line-height: 1.5;
}


/* Jobb alsó nyíl */

.elementor-5114 .elementor-element.elementor-element-25337e9 .capability-arrow {
    position: absolute;
    right: 28px;
    bottom: 25px;

    display: block;
    width: 39px;
    height: 39px;
    overflow: hidden;

    /* Hide the original character, which iOS can render as an emoji. */
    font-size: 0;
    text-indent: -9999px;
    color: rgba(241, 239, 232, 0.68);

    transform-origin: center;
    transition:
        color 0.22s ease,
        transform 0.22s ease;
}

.elementor-5114 .elementor-element.elementor-element-25337e9 .capability-arrow::before,
.elementor-5114 .elementor-element.elementor-element-25337e9 .capability-arrow::after {
    content: "";
    position: absolute;
}

.elementor-5114 .elementor-element.elementor-element-25337e9 .capability-arrow::before {
    left: 3px;
    bottom: 3px;
    width: calc(100% + 3px);
    height: 1.5px;
    background: currentColor;
    transform: rotate(-45deg);
    transform-origin: left center;
}

.elementor-5114 .elementor-element.elementor-element-25337e9 .capability-arrow::after {
    top: 4px;
    right: 4px;
    width: 10px;
    height: 10px;
    border-top: 1.5px solid currentColor;
    border-right: 1.5px solid currentColor;
}

.elementor-5114 .elementor-element.elementor-element-25337e9 .capability-card:hover .capability-arrow {
    color: #82d94c;
    transform: translate(3px, -3px);
}


/* ==================================================
   ALSÓ SZÖVEGES CTA
   ================================================== */

.elementor-5114 .elementor-element.elementor-element-25337e9 .capabilities-cta {
    display: inline-flex;
    align-items: center;
    justify-content: space-between;
    gap: 28px;

    min-width: 310px;
    margin-top: 52px;
    padding: 0 0 13px;

    border-bottom: 1px solid rgba(130, 217, 76, 0.65);

    color: #f1efe8;
    font-size: 16px;
    font-weight: 800;
    line-height: 1;
    letter-spacing: 0.12em;
    text-decoration: none;
    text-transform: uppercase;

    transition:
        color 0.2s ease,
        border-color 0.2s ease;
}

.elementor-5114 .elementor-element.elementor-element-25337e9 .capabilities-cta-arrow {
    color: #82d94c;
    font-size: 28px;
    font-weight: 400;
    line-height: 0.8;

    transition: transform 0.2s ease;
}

.elementor-5114 .elementor-element.elementor-element-25337e9 .capabilities-cta:hover {
    color: #82d94c;
    border-color: #82d94c;
}

.elementor-5114 .elementor-element.elementor-element-25337e9 .capabilities-cta:hover .capabilities-cta-arrow {
    transform: translateX(5px);
}


/* ==================================================
   TABLET
   ================================================== */

@media (min-width: 768px) and (max-width: 1199px) {

    .elementor-5114 .elementor-element.elementor-element-25337e9 {
        padding: 82px 34px 76px;
    }

    .elementor-5114 .elementor-element.elementor-element-25337e9 .capabilities-header {
        grid-template-columns: 1fr;
        gap: 30px;
        margin-bottom: 58px;
    }

    .elementor-5114 .elementor-element.elementor-element-25337e9 .capabilities-title {
        max-width: 850px;
        font-size: clamp(62px, 8vw, 94px);
    }

    .elementor-5114 .elementor-element.elementor-element-25337e9 .capabilities-lead {
        max-width: 700px;
    }

    .elementor-5114 .elementor-element.elementor-element-25337e9 .capabilities-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .elementor-5114 .elementor-element.elementor-element-25337e9 .capability-card {
        min-height: 390px;
    }

    .elementor-5114 .elementor-element.elementor-element-25337e9 .capability-body {
        margin-top: 82px;
    }

    .elementor-5114 .elementor-element.elementor-element-25337e9 .capability-title {
        min-height: 2.9em;
    }
}


/* ==================================================
   MOBIL
   ================================================== */

@media (max-width: 767px) {

    .elementor-5114 .elementor-element.elementor-element-25337e9 {
        padding: 64px 20px 58px;
    }

    .elementor-5114 .elementor-element.elementor-element-25337e9 .capabilities-header {
        grid-template-columns: 1fr;
        gap: 26px;
        margin-bottom: 44px;
    }

    .elementor-5114 .elementor-element.elementor-element-25337e9 .capabilities-eyebrow {
        gap: 12px;
        margin-bottom: 30px;
        font-size: 12px;
    }

    .elementor-5114 .elementor-element.elementor-element-25337e9 .capabilities-square {
        width: 16px;
        height: 16px;
        flex-basis: 16px;
    }

    .elementor-5114 .elementor-element.elementor-element-25337e9 .capabilities-title {
        font-size: clamp(48px, 15vw, 68px);
        line-height: 0.88;
    }

    .elementor-5114 .elementor-element.elementor-element-25337e9 .capabilities-lead {
        max-width: 100%;
        font-size: 18px;
        line-height: 1.5;
    }

    .elementor-5114 .elementor-element.elementor-element-25337e9 .capabilities-grid {
        grid-template-columns: 1fr;
        gap: 14px;
    }

    .elementor-5114 .elementor-element.elementor-element-25337e9 .capability-card {
        min-height: 330px;
        padding: 26px 24px 30px;
    }

    .elementor-5114 .elementor-element.elementor-element-25337e9 .capability-number {
        font-size: 34px;
    }

    .elementor-5114 .elementor-element.elementor-element-25337e9 .capability-body {
        margin-top: 62px;
    }

    .elementor-5114 .elementor-element.elementor-element-25337e9 .capability-title {
        min-height: 0;
        margin-bottom: 22px;
        font-size: 30px;
    }

    .elementor-5114 .elementor-element.elementor-element-25337e9 .capability-copy {
        max-width: calc(100% - 45px);
        font-size: 17px;
    }

    .elementor-5114 .elementor-element.elementor-element-25337e9 .capability-arrow {
        right: 22px;
        bottom: 21px;
        width: 34px;
        height: 34px;
    }

    .elementor-5114 .elementor-element.elementor-element-25337e9 .capabilities-cta {
        width: 100%;
        min-width: 0;
        margin-top: 38px;
        font-size: 14px;
    }
}/* End custom CSS */
/* Start custom CSS for section, class: .elementor-element-a45bf5d *//* ==================================================
   REACH OUT / CONTACT SZEKCIÓ
   Elementor Section Custom CSS
   ================================================== */

.elementor-5114 .elementor-element.elementor-element-a45bf5d {
    box-sizing: border-box;
    overflow: hidden;
    background: #171b19;
    padding: 104px clamp(24px, 4vw, 64px) 92px;
}

.elementor-5114 .elementor-element.elementor-element-a45bf5d *,
.elementor-5114 .elementor-element.elementor-element-a45bf5d *::before,
.elementor-5114 .elementor-element.elementor-element-a45bf5d *::after {
    box-sizing: border-box;
}

/* KÖZÖS TARTALMI SZÉLESSÉG */
.elementor-5114 .elementor-element.elementor-element-a45bf5d .capabilities-block,
.capabilities-block {
    width: 100%;
    max-width: 1500px;
    margin: 0 auto;
}


/* ==================================================
   ASZTALI NÉZET (1200px felett egymás mellett)
   ================================================== */

.elementor-5114 .elementor-element.elementor-element-a45bf5d .capabilities-header,
.capabilities-block .capabilities-header {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: flex-end;
    gap: 60px;
    margin-bottom: 76px;
    width: 100%;
}

/* Eyebrow (zöld négyzet + Reach out felirat) */
.elementor-5114 .elementor-element.elementor-element-a45bf5d .capabilities-eyebrow,
.capabilities-block .capabilities-eyebrow {
    display: flex;
    align-items: center;
    gap: 16px;
    margin-bottom: 42px;

    color: #f1efe8;
    font-size: 15px;
    font-weight: 800;
    line-height: 1;
    letter-spacing: 0.22em;
    text-transform: uppercase;
}

.elementor-5114 .elementor-element.elementor-element-a45bf5d .capabilities-square,
.capabilities-block .capabilities-square {
    display: block;
    width: 22px;
    height: 22px;
    flex: 0 0 22px;
    background: #82d94c;
}

/* Főcím */
.elementor-5114 .elementor-element.elementor-element-a45bf5d .capabilities-title,
.capabilities-block .capabilities-title {
    max-width: 980px;
    margin: 0;

    color: #f1efe8;
    font-family: inherit;
    font-size: clamp(64px, 5.4vw, 106px);
    font-weight: 800;
    line-height: 0.86;
    letter-spacing: -0.055em;
    text-transform: uppercase;
}

.elementor-5114 .elementor-element.elementor-element-a45bf5d .capabilities-title em,
.capabilities-block .capabilities-title em {
    color: #82d94c;
    font-style: italic;
    font-weight: 800;
}

/* Kísérő leírás */
.elementor-5114 .elementor-element.elementor-element-a45bf5d .capabilities-lead,
.capabilities-block .capabilities-lead {
    max-width: 520px;
    margin: 0 0 6px;

    color: rgba(241, 239, 232, 0.66);
    font-size: clamp(20px, 1.35vw, 25px);
    font-weight: 300;
    line-height: 1.5;
}


/* ==================================================
   TABLET NÉZET (768px – 1199px)
   ================================================== */

@media (min-width: 768px) and (max-width: 1199px) {

    .elementor-5114 .elementor-element.elementor-element-a45bf5d {
        padding: 82px 34px 76px;
    }

    .elementor-5114 .elementor-element.elementor-element-a45bf5d .capabilities-header,
    .capabilities-block .capabilities-header {
        flex-direction: column;
        align-items: flex-start;
        gap: 30px;
        margin-bottom: 58px;
    }

    .elementor-5114 .elementor-element.elementor-element-a45bf5d .capabilities-eyebrow,
    .capabilities-block .capabilities-eyebrow {
        gap: 16px;
        margin-bottom: 42px;
        font-size: 15px;
    }

    .elementor-5114 .elementor-element.elementor-element-a45bf5d .capabilities-square,
    .capabilities-block .capabilities-square {
        width: 22px;
        height: 22px;
        flex: 0 0 22px;
    }

    /* A fentebbi szekcióval egyező, nagyobb tablet cím */
    .elementor-5114 .elementor-element.elementor-element-a45bf5d .capabilities-title,
    .capabilities-block .capabilities-title {
        max-width: 850px;
        font-size: clamp(62px, 8vw, 94px);
        line-height: 0.86;
    }

    .elementor-5114 .elementor-element.elementor-element-a45bf5d .capabilities-lead,
    .capabilities-block .capabilities-lead {
        max-width: 700px;
        font-size: clamp(20px, 1.35vw, 25px);
        line-height: 1.5;
        margin: 0;
    }
}


/* ==================================================
   MOBIL NÉZET (767px alatt)
   ================================================== */

@media (max-width: 767px) {

    .elementor-5114 .elementor-element.elementor-element-a45bf5d {
        padding: 64px 20px 58px;
    }

    .elementor-5114 .elementor-element.elementor-element-a45bf5d .capabilities-header,
    .capabilities-block .capabilities-header {
        flex-direction: column;
        align-items: flex-start;
        gap: 26px;
        margin-bottom: 44px;
    }

    .elementor-5114 .elementor-element.elementor-element-a45bf5d .capabilities-eyebrow,
    .capabilities-block .capabilities-eyebrow {
        gap: 12px;
        margin-bottom: 30px;
        font-size: 12px;
    }

    .elementor-5114 .elementor-element.elementor-element-a45bf5d .capabilities-square,
    .capabilities-block .capabilities-square {
        width: 16px;
        height: 16px;
        flex: 0 0 16px;
    }

    /* A fentebbi szekcióval egyező, dinamikusan skálázódó mobil cím */
    .elementor-5114 .elementor-element.elementor-element-a45bf5d .capabilities-title,
    .capabilities-block .capabilities-title {
        max-width: 100%;
        font-size: clamp(48px, 15vw, 68px);
        line-height: 0.88;
    }

    .elementor-5114 .elementor-element.elementor-element-a45bf5d .capabilities-lead,
    .capabilities-block .capabilities-lead {
        max-width: 100%;
        font-size: 18px;
        line-height: 1.5;
        margin: 0;
    }
}


/* ==================================================
   KÜLDÉS GOMB STÍLUS & HOVER ANIMÁCIÓ
   ================================================== */

.elementor-5114 .elementor-element.elementor-element-a45bf5d button, 
.elementor-5114 .elementor-element.elementor-element-a45bf5d html [type="button"], 
.elementor-5114 .elementor-element.elementor-element-a45bf5d [type="reset"], 
.elementor-5114 .elementor-element.elementor-element-a45bf5d [type="submit"] {
    display: inline-flex !important;
    align-items: center;
    justify-content: center;

    width: auto !important;
    min-width: 300px !important;
    max-width: 100% !important;
    height: auto !important;
    min-height: unset !important;

    padding: 22px 40px !important;
    box-sizing: border-box !important;
    margin-top: 24px;
    margin-right: auto;

    border-radius: 0 !important;
    border: none !important;
    cursor: pointer;

    background-color: #82d94c !important;
    color: #0e100f !important;

    font-family: inherit;
    font-size: 16px !important;
    font-weight: 800;
    line-height: 1.2 !important;
    letter-spacing: 0.5px;
    text-align: center;
    text-decoration: none !important;
    text-transform: uppercase;
    white-space: nowrap;

    transition: 
        background-color 0.2s ease,
        color 0.2s ease,
        transform 0.2s ease;
}

.elementor-5114 .elementor-element.elementor-element-a45bf5d button:hover,
.elementor-5114 .elementor-element.elementor-element-a45bf5d button:focus,
.elementor-5114 .elementor-element.elementor-element-a45bf5d html [type="button"]:hover,
.elementor-5114 .elementor-element.elementor-element-a45bf5d html [type="button"]:focus,
.elementor-5114 .elementor-element.elementor-element-a45bf5d [type="reset"]:hover,
.elementor-5114 .elementor-element.elementor-element-a45bf5d [type="reset"]:focus,
.elementor-5114 .elementor-element.elementor-element-a45bf5d [type="submit"]:hover,
.elementor-5114 .elementor-element.elementor-element-a45bf5d [type="submit"]:focus {
    background-color: #f1efe8 !important;
    color: #0e100f !important;
    transform: translateY(-2px);
    outline: none;
}/* End custom CSS */
/* Start JX Custom Fonts CSS *//* End JX Custom Fonts CSS */