.elementor-1502 .elementor-element.elementor-element-30b716f6{--display:grid;--min-height:70vh;--e-con-grid-template-columns:repeat(2, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--grid-auto-flow:row;--align-items:center;--margin-top:50px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0%;--padding-bottom:0%;--padding-left:4%;--padding-right:4%;}.elementor-1502 .elementor-element.elementor-element-30b716f6.e-con{--align-self:center;}.elementor-1502 .elementor-element.elementor-element-679253a3{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:flex-start;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--overflow:hidden;--padding-top:0%;--padding-bottom:0%;--padding-left:0%;--padding-right:0%;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-size:var( --e-global-typography-primary-font-size );font-weight:var( --e-global-typography-primary-font-weight );text-transform:var( --e-global-typography-primary-text-transform );font-style:var( --e-global-typography-primary-font-style );text-decoration:var( --e-global-typography-primary-text-decoration );line-height:var( --e-global-typography-primary-line-height );color:var( --e-global-color-primary );}.elementor-1502 .elementor-element.elementor-element-78af99d .elementor-heading-title{font-family:"Hanken Grotesk", Sans-serif;font-size:55px;font-weight:300;text-transform:capitalize;font-style:normal;text-decoration:none;line-height:76px;}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );text-transform:var( --e-global-typography-text-text-transform );font-style:var( --e-global-typography-text-font-style );text-decoration:var( --e-global-typography-text-text-decoration );line-height:var( --e-global-typography-text-line-height );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-1502 .elementor-element.elementor-element-74c63857{margin:50px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-widget-button .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-size:var( --e-global-typography-accent-font-size );font-weight:var( --e-global-typography-accent-font-weight );text-transform:var( --e-global-typography-accent-text-transform );font-style:var( --e-global-typography-accent-font-style );text-decoration:var( --e-global-typography-accent-text-decoration );line-height:var( --e-global-typography-accent-line-height );}.elementor-1502 .elementor-element.elementor-element-b62767e{margin:30px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-widget-lottie{--caption-color:var( --e-global-color-text );}.elementor-widget-lottie .e-lottie__caption{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );text-transform:var( --e-global-typography-text-text-transform );font-style:var( --e-global-typography-text-font-style );text-decoration:var( --e-global-typography-text-text-decoration );line-height:var( --e-global-typography-text-line-height );}.elementor-1502 .elementor-element.elementor-element-2c316a3b{--lottie-container-width:70%;}.elementor-1502 .elementor-element.elementor-element-3b2ab67b{--display:flex;--min-height:500px;--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;--justify-content:center;--overlay-opacity:0.5;--margin-top:0px;--margin-bottom:50px;--margin-left:0px;--margin-right:0px;--padding-top:150px;--padding-bottom:150px;--padding-left:0px;--padding-right:0px;}.elementor-1502 .elementor-element.elementor-element-3b2ab67b:not(.elementor-motion-effects-element-type-background), .elementor-1502 .elementor-element.elementor-element-3b2ab67b > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-1b95cf9 );background-image:url("https://kibo-ai.com/wp-content/uploads/2025/08/kibo-slider-1-scaled.png");background-position:top left;background-size:cover;}.elementor-1502 .elementor-element.elementor-element-3b2ab67b::before, .elementor-1502 .elementor-element.elementor-element-3b2ab67b > .elementor-background-video-container::before, .elementor-1502 .elementor-element.elementor-element-3b2ab67b > .e-con-inner > .elementor-background-video-container::before, .elementor-1502 .elementor-element.elementor-element-3b2ab67b > .elementor-background-slideshow::before, .elementor-1502 .elementor-element.elementor-element-3b2ab67b > .e-con-inner > .elementor-background-slideshow::before, .elementor-1502 .elementor-element.elementor-element-3b2ab67b > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:#161616;--background-overlay:'';}.elementor-1502 .elementor-element.elementor-element-3b2ab67b > .elementor-shape-top .elementor-shape-fill, .elementor-1502 .elementor-element.elementor-element-3b2ab67b > .e-con-inner > .elementor-shape-top .elementor-shape-fill{fill:var( --e-global-color-1b95cf9 );}.elementor-1502 .elementor-element.elementor-element-3b2ab67b > .elementor-shape-top svg, .elementor-1502 .elementor-element.elementor-element-3b2ab67b > .e-con-inner > .elementor-shape-top svg{width:calc(100% + 1.3px);height:120px;}.elementor-1502 .elementor-element.elementor-element-9901844{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 30px) 0px;text-align:center;}.elementor-1502 .elementor-element.elementor-element-9901844 .elementor-heading-title{font-family:var( --e-global-typography-95e6f46-font-family ), Sans-serif;font-size:var( --e-global-typography-95e6f46-font-size );font-weight:var( --e-global-typography-95e6f46-font-weight );text-transform:var( --e-global-typography-95e6f46-text-transform );font-style:var( --e-global-typography-95e6f46-font-style );text-decoration:var( --e-global-typography-95e6f46-text-decoration );line-height:var( --e-global-typography-95e6f46-line-height );}.elementor-widget-nested-tabs.elementor-widget-n-tabs > .e-n-tabs[data-touch-mode='false'] > .e-n-tabs-heading > .e-n-tab-title[aria-selected="false"]:hover{background:var( --e-global-color-accent );}.elementor-widget-nested-tabs.elementor-widget-n-tabs > .e-n-tabs > .e-n-tabs-heading > .e-n-tab-title[aria-selected="true"], .elementor-widget-nested-tabs.elementor-widget-n-tabs > .e-n-tabs[data-touch-mode='true'] > .e-n-tabs-heading > .e-n-tab-title[aria-selected="false"]:hover{background:var( --e-global-color-accent );}.elementor-widget-nested-tabs.elementor-widget-n-tabs > .e-n-tabs > .e-n-tabs-heading > :is( .e-n-tab-title > .e-n-tab-title-text, .e-n-tab-title ){font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );text-transform:var( --e-global-typography-accent-text-transform );font-style:var( --e-global-typography-accent-font-style );text-decoration:var( --e-global-typography-accent-text-decoration );line-height:var( --e-global-typography-accent-line-height );}.elementor-widget-nested-tabs{--n-tabs-title-font-size:var( --e-global-typography-accent-font-size );}.elementor-1502 .elementor-element.elementor-element-23e85e5{--display:flex;}.elementor-1502 .elementor-element.elementor-element-e9bb5ba{--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;}.elementor-1502 .elementor-element.elementor-element-4991fca.elementor-element{--align-self:center;}.elementor-1502 .elementor-element.elementor-element-229d500{--display:flex;}.elementor-1502 .elementor-element.elementor-element-e343039{--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;}.elementor-1502 .elementor-element.elementor-element-82155cb{margin:30px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-1502 .elementor-element.elementor-element-a822117{--display:flex;}.elementor-1502 .elementor-element.elementor-element-1d1eb85{--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;}.elementor-1502 .elementor-element.elementor-element-d8b998d{margin:30px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-1502 .elementor-element.elementor-element-f525cfc{--n-tabs-heading-wrap:wrap;--n-tabs-heading-overflow-x:initial;--n-tabs-title-white-space:initial;--n-tabs-title-border-radius:40px 40px 40px 40px;}.elementor-1502 .elementor-element.elementor-element-f525cfc.elementor-widget-n-tabs > .e-n-tabs[data-touch-mode='false'] > .e-n-tabs-heading > .e-n-tab-title[aria-selected="false"]:hover{border-style:none;}.elementor-1502 .elementor-element.elementor-element-f525cfc.elementor-widget-n-tabs > .e-n-tabs > .e-n-tabs-heading > .e-n-tab-title[aria-selected="true"], .elementor-1502 .elementor-element.elementor-element-f525cfc.elementor-widget-n-tabs > .e-n-tabs[data-touch-mode='true'] > .e-n-tabs-heading > .e-n-tab-title[aria-selected="false"]:hover{border-style:none;}.elementor-1502 .elementor-element.elementor-element-1f133eb{--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;}.elementor-1502 .elementor-element.elementor-element-f1e709c .elementor-heading-title{font-family:var( --e-global-typography-95e6f46-font-family ), Sans-serif;font-size:var( --e-global-typography-95e6f46-font-size );font-weight:var( --e-global-typography-95e6f46-font-weight );text-transform:var( --e-global-typography-95e6f46-text-transform );font-style:var( --e-global-typography-95e6f46-font-style );text-decoration:var( --e-global-typography-95e6f46-text-decoration );line-height:var( --e-global-typography-95e6f46-line-height );}.elementor-1502 .elementor-element.elementor-element-7ff6fb0{--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:50px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}:root{--page-title-display:none;}@media(max-width:1024px){.elementor-1502 .elementor-element.elementor-element-30b716f6{--grid-auto-flow:row;}.elementor-1502 .elementor-element.elementor-element-679253a3{--min-height:70vh;--padding-top:0%;--padding-bottom:0%;--padding-left:6%;--padding-right:6%;}.elementor-widget-heading .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );line-height:var( --e-global-typography-primary-line-height );}.elementor-1502 .elementor-element.elementor-element-78af99d .elementor-heading-title{font-size:52px;line-height:1.2em;}.elementor-widget-text-editor{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}.elementor-widget-button .elementor-button{font-size:var( --e-global-typography-accent-font-size );line-height:var( --e-global-typography-accent-line-height );}.elementor-widget-lottie .e-lottie__caption{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}.elementor-1502 .elementor-element.elementor-element-9901844 .elementor-heading-title{font-size:var( --e-global-typography-95e6f46-font-size );line-height:var( --e-global-typography-95e6f46-line-height );}.elementor-widget-nested-tabs{--n-tabs-title-font-size:var( --e-global-typography-accent-font-size );}.elementor-widget-nested-tabs.elementor-widget-n-tabs > .e-n-tabs > .e-n-tabs-heading > :is( .e-n-tab-title > .e-n-tab-title-text, .e-n-tab-title ){line-height:var( --e-global-typography-accent-line-height );}.elementor-1502 .elementor-element.elementor-element-f1e709c .elementor-heading-title{font-size:var( --e-global-typography-95e6f46-font-size );line-height:var( --e-global-typography-95e6f46-line-height );}}@media(max-width:767px){.elementor-1502 .elementor-element.elementor-element-30b716f6{--e-con-grid-template-columns:repeat(1, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--grid-auto-flow:row;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-1502 .elementor-element.elementor-element-679253a3{--min-height:1vh;--justify-content:flex-start;--align-items:flex-start;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--padding-top:8%;--padding-bottom:8%;--padding-left:6%;--padding-right:6%;}.elementor-widget-heading .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );line-height:var( --e-global-typography-primary-line-height );}.elementor-1502 .elementor-element.elementor-element-78af99d{text-align:left;}.elementor-1502 .elementor-element.elementor-element-78af99d .elementor-heading-title{font-size:35px;line-height:1.3em;}.elementor-widget-text-editor{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}.elementor-widget-button .elementor-button{font-size:var( --e-global-typography-accent-font-size );line-height:var( --e-global-typography-accent-line-height );}.elementor-widget-lottie .e-lottie__caption{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}.elementor-1502 .elementor-element.elementor-element-9901844 .elementor-heading-title{font-size:var( --e-global-typography-95e6f46-font-size );line-height:var( --e-global-typography-95e6f46-line-height );}.elementor-widget-nested-tabs{--n-tabs-title-font-size:var( --e-global-typography-accent-font-size );}.elementor-widget-nested-tabs.elementor-widget-n-tabs > .e-n-tabs > .e-n-tabs-heading > :is( .e-n-tab-title > .e-n-tab-title-text, .e-n-tab-title ){line-height:var( --e-global-typography-accent-line-height );}.elementor-1502 .elementor-element.elementor-element-f525cfc{--n-tabs-heading-justify-content:center;--n-tabs-title-width:initial;--n-tabs-title-height:initial;--n-tabs-title-align-items:center;--n-tabs-title-flex-grow:0;}.elementor-1502 .elementor-element.elementor-element-f1e709c .elementor-heading-title{font-size:var( --e-global-typography-95e6f46-font-size );line-height:var( --e-global-typography-95e6f46-line-height );}}@media(min-width:768px){.elementor-1502 .elementor-element.elementor-element-679253a3{--content-width:740px;}}@media(min-width:1025px){.elementor-1502 .elementor-element.elementor-element-3b2ab67b:not(.elementor-motion-effects-element-type-background), .elementor-1502 .elementor-element.elementor-element-3b2ab67b > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-attachment:fixed;}}/* Start custom CSS for html, class: .elementor-element-4991fca */:root {
            --accent: #BF4D7A;
            --node-fill: #0A122B;
            --text: #ffffff;
            --muted: #a7b0c4;
            --tech_secondary-color: #59B2DE;
        }

.container {
            max-width: 1400px;
            width: 100%;
            position: relative;
            
        }
        
      
        
        h2 {
            text-align: center;
            margin-bottom: 20px;
            font-size: 2.5rem;
            text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.3);
            color:#fff;
        }
        
        h3 {
            color:var(--accent)!important;
        }
        
        
        .card-number{
            display:inline-flex;
            align-items:center;
            margin-left:auto;
            margin-right: auto;
            justify-content:center;
            width:28px; height:28px;
            border:2px solid var(--accent);
            border-radius:20px;
            font-weight:700;
            margin-bottom:10px;
            background:#fff;
            color:#000;
            position:relative; z-index:1;
      }
        
        .subtitle {
            text-align: center;
            margin-bottom: 40px;
            font-size: 1.2rem;
            max-width: 800px;
            margin-left: auto;
            margin-right: auto;
            color: #fff!important;
        }
        
        .swiper {
            width: 90%;
            
            padding: 50px 0px 50px 0px!important;
        }

    
        
        .swiper-slide {
            display: flex;
            justify-content: center;
        }
        
        .card {
            background: rgba(10, 18, 43, 0.7);
            border: 2px solid var(--accent);
            border-radius: 15px;
            padding: 25px;
            width: 100%;
            /*max-width: 400px;*/
            height: 680px;
            min-height: 680px;
            backdrop-filter: blur(10px);
            box-shadow: 0 10px 30px rgba(0, 0, 0, 0.2);
            transition: transform 0.3s ease, box-shadow 0.3s ease;
            position: relative;
            overflow: hidden;
            display: flex;
            flex-direction: column;
        }
        
        .card:hover {
            transform: translateY(-10px);
            box-shadow: 0 15px 35px rgba(0, 0, 0, 0.3);
        }
        
        .card::before {
            content: '';
            position: absolute;
            top: -50%;
            left: -50%;
            width: 200%;
            height: 200%;
            background: radial-gradient(circle, rgba(191, 77, 122, 0.2) 0%, transparent 60%);
            opacity: 0;
            transition: opacity 0.5s ease;
            pointer-events: none;
        }
        
        .card:hover::before {
            opacity: 1;
        }
        
        .card-icon {
            font-size: 2.5rem;
            color: var(--accent);
            margin-bottom: 20px;
            text-align: center;
        }
        
        .card-icon img {
            height:60px;
        }
        
        .card-title {
            font-size: 1.4rem;
            margin-bottom: 15px;
            color: var(--text);
            text-align: center;
            border-bottom: 1px solid var(--accent);
            padding-bottom: 10px;
        }
        
        .card-subtitle {
            font-size: 1rem;
            color: var(--muted);
            text-align: center;
            margin-bottom: 15px;
            font-style: italic;
        }
        
        .card-content {
            
            font-size: 1rem;
            line-height: 1.6;
            color: var(--muted);
            flex-grow: 1;
        }
        
        .card-text {
            height: 220px!important;
        }
        
        .card-content ul {
            padding-left: 20px;
            margin-bottom: 20px;
        }
        
        .card-content li {
            margin-bottom: 8px;
        }
        
        .card-apps {
            margin-top: 20px;
            padding-top: 15px;
            border-top: 1px solid rgba(191, 77, 122, 0.3);
        }
        
        .app-title {
            font-weight: bold;
            color: var(--accent);
            margin-bottom: 5px;
        }
        
        .app-benefits {
            font-size: 0.9rem;
            color: var(--muted);
        }
        
        .app-benefits ul {
            padding-left: 18px;
        }
        
        .glow {
            position: absolute;
            width: 150px;
            height: 150px;
            background: radial-gradient(circle, var(--accent) 0%, transparent 70%);
            opacity: 0.15;
            border-radius: 50%;
            pointer-events: none;
            z-index: -1;
            transition: opacity 0.3s ease;
        }
        
        .partners {
            margin-top: 50px;
            text-align: center;
        }
        
        .partners-title {
            font-size: 1.2rem;
            margin-bottom: 20px;
            color: var(--text);
        }
        
        .partner-logos {
            display: flex;
            flex-wrap: wrap;
            justify-content: center;
            gap: 25px;
            align-items: center;
        }
        
        .partner-logos span {
            font-weight: bold;
            font-size: 1.1rem;
            color: var(--text);
            opacity: 0.9;
        }
        
        footer {
            margin-top: 50px;
            text-align: center;
            color: var(--text);
            font-size: 0.9rem;
            opacity: 0.8;
        }
        
        /* Swiper navigation styles */
        .swiper-button-next, .swiper-button-prev {
            color: var(--accent) !important;
            background: rgba(10, 18, 43, 0.7);
            width: 50px !important;
            height: 50px !important;
            border-radius: 50%;
            backdrop-filter: blur(5px);
            box-shadow: 0 5px 15px rgba(0, 0, 0, 0.2);
        }
        
        .swiper-button-next:after, .swiper-button-prev:after {
            font-size: 1.5rem !important;
            font-weight: bold;
        }
        
        .swiper-pagination-bullet {
            background: var(--muted) !important;
            opacity: 0.5 !important;
            width: 12px !important;
            height: 12px !important;
        }
        
        .swiper-pagination-bullet-active {
            background: var(--accent) !important;
            opacity: 1 !important;
        }
        
        @media (max-width: 1200px) {
            .card {
                max-width: 350px;
            }
        }
        
        @media (max-width: 900px) {
            .swiper-slide {
                justify-content: center;
            }
              
        .subtitle {
            padding-left:5%;
            padding-right:5%;
        }
        
        .swiper-button-next, .swiper-button-prev {
            display:none!important;
        }
            
            .card {
                max-width: 100%;
                min-height: 400px;
            }
            
            h1 {
                font-size: 2rem;
            }
            
            .subtitle {
                font-size: 1rem;
            }
        }



        /* Swiper navigációs nyilak a kártyákon kívül */
.mySwiper {
    width: 90%!important;;
    margin:0 auto;
}


.swiper-button-next,
.swiper-button-prev {
  position: absolute;
  top: 60%!important;
  transform: translateY(-50%);
  width: 44px;
  height: 44px;
  background: rgba(255,255,255,0.85);
  border-radius: 50%;
  box-shadow: 0 2px 8px rgba(0,0,0,0.12);
  z-index: 10;
}

.swiper-button-next {
  right: 0;
  left: auto;
}

.swiper-button-prev {
  left: 0;
  right: auto;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-82155cb */.cards-container-v {
    display: flex;
  justify-content: center; /* vízszintesen középre igazítja a kártyákat */
  align-items: flex-start; /* tetejüket egységes vonalba igazítja */
  gap:30px;
  flex-wrap: wrap; /* ha kisebb a képernyő, egymás alá törnek */
}

.single-card-v {
  width: 300px; /* fix vagy százalékos szélesség, hogy egységesek legyenek */
  background: #fff;
  border-radius: 10px;
  padding: 20px;
  position: relative;
  box-shadow: 0 4px 20px rgba(0,0,0,0.1);
  text-align: center;
}




.single-card-v {
            background: rgba(10, 18, 43, 0.7);
            border: 2px solid var(--accent);
            border-radius: 15px;
            padding: 25px;
            width: 100%;
            max-width: 380px;
            min-height: 200px!important;
            backdrop-filter: blur(10px);
            box-shadow: 0 10px 30px rgba(0, 0, 0, 0.2);
            transition: transform 0.3s ease, box-shadow 0.3s ease;
            position: relative;
            overflow: hidden;
            display: flex;
            flex-direction: column;
            
        }

        .single-card-v:hover {
            transform: translateY(-10px);
            box-shadow: 0 15px 35px rgba(0, 0, 0, 0.3);
        }

        .single-card-v::before {
            content: '';
            position: absolute;
            top: -50%;
            left: -50%;
            width: 200%;
            height: 200%;
            background: radial-gradient(circle, rgba(191, 77, 122, 0.2) 0%, transparent 60%);
            opacity: 0;
            transition: opacity 0.5s ease;
            pointer-events: none;
        }/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-d8b998d */.single-card {
            background: rgba(10, 18, 43, 0.7);
            border: 2px solid var(--accent);
            border-radius: 15px;
            padding: 25px;
            width: 100%;
            max-width: 380px;
            min-height: 200px!important;
            backdrop-filter: blur(10px);
            box-shadow: 0 10px 30px rgba(0, 0, 0, 0.2);
            transition: transform 0.3s ease, box-shadow 0.3s ease;
            position: relative;
            overflow: hidden;
            display: flex;
            flex-direction: column;
            margin-left:auto;
            margin-right: auto;
        }

        .single-card:hover {
            transform: translateY(-10px);
            box-shadow: 0 15px 35px rgba(0, 0, 0, 0.3);
        }

        .single-card::before {
            content: '';
            position: absolute;
            top: -50%;
            left: -50%;
            width: 200%;
            height: 200%;
            background: radial-gradient(circle, rgba(191, 77, 122, 0.2) 0%, transparent 60%);
            opacity: 0;
            transition: opacity 0.5s ease;
            pointer-events: none;
        }/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-4991fca */:root {
            --accent: #BF4D7A;
            --node-fill: #0A122B;
            --text: #ffffff;
            --muted: #a7b0c4;
            --tech_secondary-color: #59B2DE;
        }

.container {
            max-width: 1400px;
            width: 100%;
            position: relative;
            
        }
        
      
        
        h2 {
            text-align: center;
            margin-bottom: 20px;
            font-size: 2.5rem;
            text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.3);
            color:#fff;
        }
        
        h3 {
            color:var(--accent)!important;
        }
        
        
        .card-number{
            display:inline-flex;
            align-items:center;
            margin-left:auto;
            margin-right: auto;
            justify-content:center;
            width:28px; height:28px;
            border:2px solid var(--accent);
            border-radius:20px;
            font-weight:700;
            margin-bottom:10px;
            background:#fff;
            color:#000;
            position:relative; z-index:1;
      }
        
        .subtitle {
            text-align: center;
            margin-bottom: 40px;
            font-size: 1.2rem;
            max-width: 800px;
            margin-left: auto;
            margin-right: auto;
            color: #fff!important;
        }
        
        .swiper {
            width: 90%;
            
            padding: 50px 0px 50px 0px!important;
        }

    
        
        .swiper-slide {
            display: flex;
            justify-content: center;
        }
        
        .card {
            background: rgba(10, 18, 43, 0.7);
            border: 2px solid var(--accent);
            border-radius: 15px;
            padding: 25px;
            width: 100%;
            /*max-width: 400px;*/
            height: 680px;
            min-height: 680px;
            backdrop-filter: blur(10px);
            box-shadow: 0 10px 30px rgba(0, 0, 0, 0.2);
            transition: transform 0.3s ease, box-shadow 0.3s ease;
            position: relative;
            overflow: hidden;
            display: flex;
            flex-direction: column;
        }
        
        .card:hover {
            transform: translateY(-10px);
            box-shadow: 0 15px 35px rgba(0, 0, 0, 0.3);
        }
        
        .card::before {
            content: '';
            position: absolute;
            top: -50%;
            left: -50%;
            width: 200%;
            height: 200%;
            background: radial-gradient(circle, rgba(191, 77, 122, 0.2) 0%, transparent 60%);
            opacity: 0;
            transition: opacity 0.5s ease;
            pointer-events: none;
        }
        
        .card:hover::before {
            opacity: 1;
        }
        
        .card-icon {
            font-size: 2.5rem;
            color: var(--accent);
            margin-bottom: 20px;
            text-align: center;
        }
        
        .card-icon img {
            height:60px;
        }
        
        .card-title {
            font-size: 1.4rem;
            margin-bottom: 15px;
            color: var(--text);
            text-align: center;
            border-bottom: 1px solid var(--accent);
            padding-bottom: 10px;
        }
        
        .card-subtitle {
            font-size: 1rem;
            color: var(--muted);
            text-align: center;
            margin-bottom: 15px;
            font-style: italic;
        }
        
        .card-content {
            
            font-size: 1rem;
            line-height: 1.6;
            color: var(--muted);
            flex-grow: 1;
        }
        
        .card-text {
            height: 220px!important;
        }
        
        .card-content ul {
            padding-left: 20px;
            margin-bottom: 20px;
        }
        
        .card-content li {
            margin-bottom: 8px;
        }
        
        .card-apps {
            margin-top: 20px;
            padding-top: 15px;
            border-top: 1px solid rgba(191, 77, 122, 0.3);
        }
        
        .app-title {
            font-weight: bold;
            color: var(--accent);
            margin-bottom: 5px;
        }
        
        .app-benefits {
            font-size: 0.9rem;
            color: var(--muted);
        }
        
        .app-benefits ul {
            padding-left: 18px;
        }
        
        .glow {
            position: absolute;
            width: 150px;
            height: 150px;
            background: radial-gradient(circle, var(--accent) 0%, transparent 70%);
            opacity: 0.15;
            border-radius: 50%;
            pointer-events: none;
            z-index: -1;
            transition: opacity 0.3s ease;
        }
        
        .partners {
            margin-top: 50px;
            text-align: center;
        }
        
        .partners-title {
            font-size: 1.2rem;
            margin-bottom: 20px;
            color: var(--text);
        }
        
        .partner-logos {
            display: flex;
            flex-wrap: wrap;
            justify-content: center;
            gap: 25px;
            align-items: center;
        }
        
        .partner-logos span {
            font-weight: bold;
            font-size: 1.1rem;
            color: var(--text);
            opacity: 0.9;
        }
        
        footer {
            margin-top: 50px;
            text-align: center;
            color: var(--text);
            font-size: 0.9rem;
            opacity: 0.8;
        }
        
        /* Swiper navigation styles */
        .swiper-button-next, .swiper-button-prev {
            color: var(--accent) !important;
            background: rgba(10, 18, 43, 0.7);
            width: 50px !important;
            height: 50px !important;
            border-radius: 50%;
            backdrop-filter: blur(5px);
            box-shadow: 0 5px 15px rgba(0, 0, 0, 0.2);
        }
        
        .swiper-button-next:after, .swiper-button-prev:after {
            font-size: 1.5rem !important;
            font-weight: bold;
        }
        
        .swiper-pagination-bullet {
            background: var(--muted) !important;
            opacity: 0.5 !important;
            width: 12px !important;
            height: 12px !important;
        }
        
        .swiper-pagination-bullet-active {
            background: var(--accent) !important;
            opacity: 1 !important;
        }
        
        @media (max-width: 1200px) {
            .card {
                max-width: 350px;
            }
        }
        
        @media (max-width: 900px) {
            .swiper-slide {
                justify-content: center;
            }
              
        .subtitle {
            padding-left:5%;
            padding-right:5%;
        }
        
        .swiper-button-next, .swiper-button-prev {
            display:none!important;
        }
            
            .card {
                max-width: 100%;
                min-height: 400px;
            }
            
            h1 {
                font-size: 2rem;
            }
            
            .subtitle {
                font-size: 1rem;
            }
        }



        /* Swiper navigációs nyilak a kártyákon kívül */
.mySwiper {
    width: 90%!important;;
    margin:0 auto;
}


.swiper-button-next,
.swiper-button-prev {
  position: absolute;
  top: 60%!important;
  transform: translateY(-50%);
  width: 44px;
  height: 44px;
  background: rgba(255,255,255,0.85);
  border-radius: 50%;
  box-shadow: 0 2px 8px rgba(0,0,0,0.12);
  z-index: 10;
}

.swiper-button-next {
  right: 0;
  left: auto;
}

.swiper-button-prev {
  left: 0;
  right: auto;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-82155cb */.cards-container-v {
    display: flex;
  justify-content: center; /* vízszintesen középre igazítja a kártyákat */
  align-items: flex-start; /* tetejüket egységes vonalba igazítja */
  gap:30px;
  flex-wrap: wrap; /* ha kisebb a képernyő, egymás alá törnek */
}

.single-card-v {
  width: 300px; /* fix vagy százalékos szélesség, hogy egységesek legyenek */
  background: #fff;
  border-radius: 10px;
  padding: 20px;
  position: relative;
  box-shadow: 0 4px 20px rgba(0,0,0,0.1);
  text-align: center;
}




.single-card-v {
            background: rgba(10, 18, 43, 0.7);
            border: 2px solid var(--accent);
            border-radius: 15px;
            padding: 25px;
            width: 100%;
            max-width: 380px;
            min-height: 200px!important;
            backdrop-filter: blur(10px);
            box-shadow: 0 10px 30px rgba(0, 0, 0, 0.2);
            transition: transform 0.3s ease, box-shadow 0.3s ease;
            position: relative;
            overflow: hidden;
            display: flex;
            flex-direction: column;
            
        }

        .single-card-v:hover {
            transform: translateY(-10px);
            box-shadow: 0 15px 35px rgba(0, 0, 0, 0.3);
        }

        .single-card-v::before {
            content: '';
            position: absolute;
            top: -50%;
            left: -50%;
            width: 200%;
            height: 200%;
            background: radial-gradient(circle, rgba(191, 77, 122, 0.2) 0%, transparent 60%);
            opacity: 0;
            transition: opacity 0.5s ease;
            pointer-events: none;
        }/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-d8b998d */.single-card {
            background: rgba(10, 18, 43, 0.7);
            border: 2px solid var(--accent);
            border-radius: 15px;
            padding: 25px;
            width: 100%;
            max-width: 380px;
            min-height: 200px!important;
            backdrop-filter: blur(10px);
            box-shadow: 0 10px 30px rgba(0, 0, 0, 0.2);
            transition: transform 0.3s ease, box-shadow 0.3s ease;
            position: relative;
            overflow: hidden;
            display: flex;
            flex-direction: column;
            margin-left:auto;
            margin-right: auto;
        }

        .single-card:hover {
            transform: translateY(-10px);
            box-shadow: 0 15px 35px rgba(0, 0, 0, 0.3);
        }

        .single-card::before {
            content: '';
            position: absolute;
            top: -50%;
            left: -50%;
            width: 200%;
            height: 200%;
            background: radial-gradient(circle, rgba(191, 77, 122, 0.2) 0%, transparent 60%);
            opacity: 0;
            transition: opacity 0.5s ease;
            pointer-events: none;
        }/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-4991fca */:root {
            --accent: #BF4D7A;
            --node-fill: #0A122B;
            --text: #ffffff;
            --muted: #a7b0c4;
            --tech_secondary-color: #59B2DE;
        }

.container {
            max-width: 1400px;
            width: 100%;
            position: relative;
            
        }
        
      
        
        h2 {
            text-align: center;
            margin-bottom: 20px;
            font-size: 2.5rem;
            text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.3);
            color:#fff;
        }
        
        h3 {
            color:var(--accent)!important;
        }
        
        
        .card-number{
            display:inline-flex;
            align-items:center;
            margin-left:auto;
            margin-right: auto;
            justify-content:center;
            width:28px; height:28px;
            border:2px solid var(--accent);
            border-radius:20px;
            font-weight:700;
            margin-bottom:10px;
            background:#fff;
            color:#000;
            position:relative; z-index:1;
      }
        
        .subtitle {
            text-align: center;
            margin-bottom: 40px;
            font-size: 1.2rem;
            max-width: 800px;
            margin-left: auto;
            margin-right: auto;
            color: #fff!important;
        }
        
        .swiper {
            width: 90%;
            
            padding: 50px 0px 50px 0px!important;
        }

    
        
        .swiper-slide {
            display: flex;
            justify-content: center;
        }
        
        .card {
            background: rgba(10, 18, 43, 0.7);
            border: 2px solid var(--accent);
            border-radius: 15px;
            padding: 25px;
            width: 100%;
            /*max-width: 400px;*/
            height: 680px;
            min-height: 680px;
            backdrop-filter: blur(10px);
            box-shadow: 0 10px 30px rgba(0, 0, 0, 0.2);
            transition: transform 0.3s ease, box-shadow 0.3s ease;
            position: relative;
            overflow: hidden;
            display: flex;
            flex-direction: column;
        }
        
        .card:hover {
            transform: translateY(-10px);
            box-shadow: 0 15px 35px rgba(0, 0, 0, 0.3);
        }
        
        .card::before {
            content: '';
            position: absolute;
            top: -50%;
            left: -50%;
            width: 200%;
            height: 200%;
            background: radial-gradient(circle, rgba(191, 77, 122, 0.2) 0%, transparent 60%);
            opacity: 0;
            transition: opacity 0.5s ease;
            pointer-events: none;
        }
        
        .card:hover::before {
            opacity: 1;
        }
        
        .card-icon {
            font-size: 2.5rem;
            color: var(--accent);
            margin-bottom: 20px;
            text-align: center;
        }
        
        .card-icon img {
            height:60px;
        }
        
        .card-title {
            font-size: 1.4rem;
            margin-bottom: 15px;
            color: var(--text);
            text-align: center;
            border-bottom: 1px solid var(--accent);
            padding-bottom: 10px;
        }
        
        .card-subtitle {
            font-size: 1rem;
            color: var(--muted);
            text-align: center;
            margin-bottom: 15px;
            font-style: italic;
        }
        
        .card-content {
            
            font-size: 1rem;
            line-height: 1.6;
            color: var(--muted);
            flex-grow: 1;
        }
        
        .card-text {
            height: 220px!important;
        }
        
        .card-content ul {
            padding-left: 20px;
            margin-bottom: 20px;
        }
        
        .card-content li {
            margin-bottom: 8px;
        }
        
        .card-apps {
            margin-top: 20px;
            padding-top: 15px;
            border-top: 1px solid rgba(191, 77, 122, 0.3);
        }
        
        .app-title {
            font-weight: bold;
            color: var(--accent);
            margin-bottom: 5px;
        }
        
        .app-benefits {
            font-size: 0.9rem;
            color: var(--muted);
        }
        
        .app-benefits ul {
            padding-left: 18px;
        }
        
        .glow {
            position: absolute;
            width: 150px;
            height: 150px;
            background: radial-gradient(circle, var(--accent) 0%, transparent 70%);
            opacity: 0.15;
            border-radius: 50%;
            pointer-events: none;
            z-index: -1;
            transition: opacity 0.3s ease;
        }
        
        .partners {
            margin-top: 50px;
            text-align: center;
        }
        
        .partners-title {
            font-size: 1.2rem;
            margin-bottom: 20px;
            color: var(--text);
        }
        
        .partner-logos {
            display: flex;
            flex-wrap: wrap;
            justify-content: center;
            gap: 25px;
            align-items: center;
        }
        
        .partner-logos span {
            font-weight: bold;
            font-size: 1.1rem;
            color: var(--text);
            opacity: 0.9;
        }
        
        footer {
            margin-top: 50px;
            text-align: center;
            color: var(--text);
            font-size: 0.9rem;
            opacity: 0.8;
        }
        
        /* Swiper navigation styles */
        .swiper-button-next, .swiper-button-prev {
            color: var(--accent) !important;
            background: rgba(10, 18, 43, 0.7);
            width: 50px !important;
            height: 50px !important;
            border-radius: 50%;
            backdrop-filter: blur(5px);
            box-shadow: 0 5px 15px rgba(0, 0, 0, 0.2);
        }
        
        .swiper-button-next:after, .swiper-button-prev:after {
            font-size: 1.5rem !important;
            font-weight: bold;
        }
        
        .swiper-pagination-bullet {
            background: var(--muted) !important;
            opacity: 0.5 !important;
            width: 12px !important;
            height: 12px !important;
        }
        
        .swiper-pagination-bullet-active {
            background: var(--accent) !important;
            opacity: 1 !important;
        }
        
        @media (max-width: 1200px) {
            .card {
                max-width: 350px;
            }
        }
        
        @media (max-width: 900px) {
            .swiper-slide {
                justify-content: center;
            }
              
        .subtitle {
            padding-left:5%;
            padding-right:5%;
        }
        
        .swiper-button-next, .swiper-button-prev {
            display:none!important;
        }
            
            .card {
                max-width: 100%;
                min-height: 400px;
            }
            
            h1 {
                font-size: 2rem;
            }
            
            .subtitle {
                font-size: 1rem;
            }
        }



        /* Swiper navigációs nyilak a kártyákon kívül */
.mySwiper {
    width: 90%!important;;
    margin:0 auto;
}


.swiper-button-next,
.swiper-button-prev {
  position: absolute;
  top: 60%!important;
  transform: translateY(-50%);
  width: 44px;
  height: 44px;
  background: rgba(255,255,255,0.85);
  border-radius: 50%;
  box-shadow: 0 2px 8px rgba(0,0,0,0.12);
  z-index: 10;
}

.swiper-button-next {
  right: 0;
  left: auto;
}

.swiper-button-prev {
  left: 0;
  right: auto;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-82155cb */.cards-container-v {
    display: flex;
  justify-content: center; /* vízszintesen középre igazítja a kártyákat */
  align-items: flex-start; /* tetejüket egységes vonalba igazítja */
  gap:30px;
  flex-wrap: wrap; /* ha kisebb a képernyő, egymás alá törnek */
}

.single-card-v {
  width: 300px; /* fix vagy százalékos szélesség, hogy egységesek legyenek */
  background: #fff;
  border-radius: 10px;
  padding: 20px;
  position: relative;
  box-shadow: 0 4px 20px rgba(0,0,0,0.1);
  text-align: center;
}




.single-card-v {
            background: rgba(10, 18, 43, 0.7);
            border: 2px solid var(--accent);
            border-radius: 15px;
            padding: 25px;
            width: 100%;
            max-width: 380px;
            min-height: 200px!important;
            backdrop-filter: blur(10px);
            box-shadow: 0 10px 30px rgba(0, 0, 0, 0.2);
            transition: transform 0.3s ease, box-shadow 0.3s ease;
            position: relative;
            overflow: hidden;
            display: flex;
            flex-direction: column;
            
        }

        .single-card-v:hover {
            transform: translateY(-10px);
            box-shadow: 0 15px 35px rgba(0, 0, 0, 0.3);
        }

        .single-card-v::before {
            content: '';
            position: absolute;
            top: -50%;
            left: -50%;
            width: 200%;
            height: 200%;
            background: radial-gradient(circle, rgba(191, 77, 122, 0.2) 0%, transparent 60%);
            opacity: 0;
            transition: opacity 0.5s ease;
            pointer-events: none;
        }/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-d8b998d */.single-card {
            background: rgba(10, 18, 43, 0.7);
            border: 2px solid var(--accent);
            border-radius: 15px;
            padding: 25px;
            width: 100%;
            max-width: 380px;
            min-height: 200px!important;
            backdrop-filter: blur(10px);
            box-shadow: 0 10px 30px rgba(0, 0, 0, 0.2);
            transition: transform 0.3s ease, box-shadow 0.3s ease;
            position: relative;
            overflow: hidden;
            display: flex;
            flex-direction: column;
            margin-left:auto;
            margin-right: auto;
        }

        .single-card:hover {
            transform: translateY(-10px);
            box-shadow: 0 15px 35px rgba(0, 0, 0, 0.3);
        }

        .single-card::before {
            content: '';
            position: absolute;
            top: -50%;
            left: -50%;
            width: 200%;
            height: 200%;
            background: radial-gradient(circle, rgba(191, 77, 122, 0.2) 0%, transparent 60%);
            opacity: 0;
            transition: opacity 0.5s ease;
            pointer-events: none;
        }/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-4991fca */:root {
            --accent: #BF4D7A;
            --node-fill: #0A122B;
            --text: #ffffff;
            --muted: #a7b0c4;
            --tech_secondary-color: #59B2DE;
        }

.container {
            max-width: 1400px;
            width: 100%;
            position: relative;
            
        }
        
      
        
        h2 {
            text-align: center;
            margin-bottom: 20px;
            font-size: 2.5rem;
            text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.3);
            color:#fff;
        }
        
        h3 {
            color:var(--accent)!important;
        }
        
        
        .card-number{
            display:inline-flex;
            align-items:center;
            margin-left:auto;
            margin-right: auto;
            justify-content:center;
            width:28px; height:28px;
            border:2px solid var(--accent);
            border-radius:20px;
            font-weight:700;
            margin-bottom:10px;
            background:#fff;
            color:#000;
            position:relative; z-index:1;
      }
        
        .subtitle {
            text-align: center;
            margin-bottom: 40px;
            font-size: 1.2rem;
            max-width: 800px;
            margin-left: auto;
            margin-right: auto;
            color: #fff!important;
        }
        
        .swiper {
            width: 90%;
            
            padding: 50px 0px 50px 0px!important;
        }

    
        
        .swiper-slide {
            display: flex;
            justify-content: center;
        }
        
        .card {
            background: rgba(10, 18, 43, 0.7);
            border: 2px solid var(--accent);
            border-radius: 15px;
            padding: 25px;
            width: 100%;
            /*max-width: 400px;*/
            height: 680px;
            min-height: 680px;
            backdrop-filter: blur(10px);
            box-shadow: 0 10px 30px rgba(0, 0, 0, 0.2);
            transition: transform 0.3s ease, box-shadow 0.3s ease;
            position: relative;
            overflow: hidden;
            display: flex;
            flex-direction: column;
        }
        
        .card:hover {
            transform: translateY(-10px);
            box-shadow: 0 15px 35px rgba(0, 0, 0, 0.3);
        }
        
        .card::before {
            content: '';
            position: absolute;
            top: -50%;
            left: -50%;
            width: 200%;
            height: 200%;
            background: radial-gradient(circle, rgba(191, 77, 122, 0.2) 0%, transparent 60%);
            opacity: 0;
            transition: opacity 0.5s ease;
            pointer-events: none;
        }
        
        .card:hover::before {
            opacity: 1;
        }
        
        .card-icon {
            font-size: 2.5rem;
            color: var(--accent);
            margin-bottom: 20px;
            text-align: center;
        }
        
        .card-icon img {
            height:60px;
        }
        
        .card-title {
            font-size: 1.4rem;
            margin-bottom: 15px;
            color: var(--text);
            text-align: center;
            border-bottom: 1px solid var(--accent);
            padding-bottom: 10px;
        }
        
        .card-subtitle {
            font-size: 1rem;
            color: var(--muted);
            text-align: center;
            margin-bottom: 15px;
            font-style: italic;
        }
        
        .card-content {
            
            font-size: 1rem;
            line-height: 1.6;
            color: var(--muted);
            flex-grow: 1;
        }
        
        .card-text {
            height: 220px!important;
        }
        
        .card-content ul {
            padding-left: 20px;
            margin-bottom: 20px;
        }
        
        .card-content li {
            margin-bottom: 8px;
        }
        
        .card-apps {
            margin-top: 20px;
            padding-top: 15px;
            border-top: 1px solid rgba(191, 77, 122, 0.3);
        }
        
        .app-title {
            font-weight: bold;
            color: var(--accent);
            margin-bottom: 5px;
        }
        
        .app-benefits {
            font-size: 0.9rem;
            color: var(--muted);
        }
        
        .app-benefits ul {
            padding-left: 18px;
        }
        
        .glow {
            position: absolute;
            width: 150px;
            height: 150px;
            background: radial-gradient(circle, var(--accent) 0%, transparent 70%);
            opacity: 0.15;
            border-radius: 50%;
            pointer-events: none;
            z-index: -1;
            transition: opacity 0.3s ease;
        }
        
        .partners {
            margin-top: 50px;
            text-align: center;
        }
        
        .partners-title {
            font-size: 1.2rem;
            margin-bottom: 20px;
            color: var(--text);
        }
        
        .partner-logos {
            display: flex;
            flex-wrap: wrap;
            justify-content: center;
            gap: 25px;
            align-items: center;
        }
        
        .partner-logos span {
            font-weight: bold;
            font-size: 1.1rem;
            color: var(--text);
            opacity: 0.9;
        }
        
        footer {
            margin-top: 50px;
            text-align: center;
            color: var(--text);
            font-size: 0.9rem;
            opacity: 0.8;
        }
        
        /* Swiper navigation styles */
        .swiper-button-next, .swiper-button-prev {
            color: var(--accent) !important;
            background: rgba(10, 18, 43, 0.7);
            width: 50px !important;
            height: 50px !important;
            border-radius: 50%;
            backdrop-filter: blur(5px);
            box-shadow: 0 5px 15px rgba(0, 0, 0, 0.2);
        }
        
        .swiper-button-next:after, .swiper-button-prev:after {
            font-size: 1.5rem !important;
            font-weight: bold;
        }
        
        .swiper-pagination-bullet {
            background: var(--muted) !important;
            opacity: 0.5 !important;
            width: 12px !important;
            height: 12px !important;
        }
        
        .swiper-pagination-bullet-active {
            background: var(--accent) !important;
            opacity: 1 !important;
        }
        
        @media (max-width: 1200px) {
            .card {
                max-width: 350px;
            }
        }
        
        @media (max-width: 900px) {
            .swiper-slide {
                justify-content: center;
            }
              
        .subtitle {
            padding-left:5%;
            padding-right:5%;
        }
        
        .swiper-button-next, .swiper-button-prev {
            display:none!important;
        }
            
            .card {
                max-width: 100%;
                min-height: 400px;
            }
            
            h1 {
                font-size: 2rem;
            }
            
            .subtitle {
                font-size: 1rem;
            }
        }



        /* Swiper navigációs nyilak a kártyákon kívül */
.mySwiper {
    width: 90%!important;;
    margin:0 auto;
}


.swiper-button-next,
.swiper-button-prev {
  position: absolute;
  top: 60%!important;
  transform: translateY(-50%);
  width: 44px;
  height: 44px;
  background: rgba(255,255,255,0.85);
  border-radius: 50%;
  box-shadow: 0 2px 8px rgba(0,0,0,0.12);
  z-index: 10;
}

.swiper-button-next {
  right: 0;
  left: auto;
}

.swiper-button-prev {
  left: 0;
  right: auto;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-82155cb */.cards-container-v {
    display: flex;
  justify-content: center; /* vízszintesen középre igazítja a kártyákat */
  align-items: flex-start; /* tetejüket egységes vonalba igazítja */
  gap:30px;
  flex-wrap: wrap; /* ha kisebb a képernyő, egymás alá törnek */
}

.single-card-v {
  width: 300px; /* fix vagy százalékos szélesség, hogy egységesek legyenek */
  background: #fff;
  border-radius: 10px;
  padding: 20px;
  position: relative;
  box-shadow: 0 4px 20px rgba(0,0,0,0.1);
  text-align: center;
}




.single-card-v {
            background: rgba(10, 18, 43, 0.7);
            border: 2px solid var(--accent);
            border-radius: 15px;
            padding: 25px;
            width: 100%;
            max-width: 380px;
            min-height: 200px!important;
            backdrop-filter: blur(10px);
            box-shadow: 0 10px 30px rgba(0, 0, 0, 0.2);
            transition: transform 0.3s ease, box-shadow 0.3s ease;
            position: relative;
            overflow: hidden;
            display: flex;
            flex-direction: column;
            
        }

        .single-card-v:hover {
            transform: translateY(-10px);
            box-shadow: 0 15px 35px rgba(0, 0, 0, 0.3);
        }

        .single-card-v::before {
            content: '';
            position: absolute;
            top: -50%;
            left: -50%;
            width: 200%;
            height: 200%;
            background: radial-gradient(circle, rgba(191, 77, 122, 0.2) 0%, transparent 60%);
            opacity: 0;
            transition: opacity 0.5s ease;
            pointer-events: none;
        }/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-d8b998d */.single-card {
            background: rgba(10, 18, 43, 0.7);
            border: 2px solid var(--accent);
            border-radius: 15px;
            padding: 25px;
            width: 100%;
            max-width: 380px;
            min-height: 200px!important;
            backdrop-filter: blur(10px);
            box-shadow: 0 10px 30px rgba(0, 0, 0, 0.2);
            transition: transform 0.3s ease, box-shadow 0.3s ease;
            position: relative;
            overflow: hidden;
            display: flex;
            flex-direction: column;
            margin-left:auto;
            margin-right: auto;
        }

        .single-card:hover {
            transform: translateY(-10px);
            box-shadow: 0 15px 35px rgba(0, 0, 0, 0.3);
        }

        .single-card::before {
            content: '';
            position: absolute;
            top: -50%;
            left: -50%;
            width: 200%;
            height: 200%;
            background: radial-gradient(circle, rgba(191, 77, 122, 0.2) 0%, transparent 60%);
            opacity: 0;
            transition: opacity 0.5s ease;
            pointer-events: none;
        }/* End custom CSS */