.elementor-1703 .elementor-element.elementor-element-368b70a5{--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-1703 .elementor-element.elementor-element-368b70a5.e-con{--align-self:center;}.elementor-1703 .elementor-element.elementor-element-11ff636e{--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-1703 .elementor-element.elementor-element-7a06d67e{text-align:left;}.elementor-1703 .elementor-element.elementor-element-7a06d67e .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-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-1703 .elementor-element.elementor-element-8ec15d3{margin:30px 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-1703 .elementor-element.elementor-element-c2e5b0f{margin:30px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-1703 .elementor-element.elementor-element-33c7b238{margin:50px 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-1703 .elementor-element.elementor-element-3e0d14cd{--lottie-container-width:70%;}.elementor-1703 .elementor-element.elementor-element-60a8ea11{--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-1703 .elementor-element.elementor-element-60a8ea11:not(.elementor-motion-effects-element-type-background), .elementor-1703 .elementor-element.elementor-element-60a8ea11 > .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-1703 .elementor-element.elementor-element-60a8ea11::before, .elementor-1703 .elementor-element.elementor-element-60a8ea11 > .elementor-background-video-container::before, .elementor-1703 .elementor-element.elementor-element-60a8ea11 > .e-con-inner > .elementor-background-video-container::before, .elementor-1703 .elementor-element.elementor-element-60a8ea11 > .elementor-background-slideshow::before, .elementor-1703 .elementor-element.elementor-element-60a8ea11 > .e-con-inner > .elementor-background-slideshow::before, .elementor-1703 .elementor-element.elementor-element-60a8ea11 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:#161616;--background-overlay:'';}.elementor-1703 .elementor-element.elementor-element-60a8ea11 > .elementor-shape-top .elementor-shape-fill, .elementor-1703 .elementor-element.elementor-element-60a8ea11 > .e-con-inner > .elementor-shape-top .elementor-shape-fill{fill:var( --e-global-color-1b95cf9 );}.elementor-1703 .elementor-element.elementor-element-60a8ea11 > .elementor-shape-top svg, .elementor-1703 .elementor-element.elementor-element-60a8ea11 > .e-con-inner > .elementor-shape-top svg{width:calc(100% + 1.3px);height:120px;}.elementor-1703 .elementor-element.elementor-element-6be4c485{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 30px) 0px;text-align:center;}.elementor-1703 .elementor-element.elementor-element-6be4c485 .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-1703 .elementor-element.elementor-element-5e060e9a{--display:flex;}.elementor-1703 .elementor-element.elementor-element-3cb3a5af{--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-1703 .elementor-element.elementor-element-f2d62c2.elementor-element{--align-self:center;}.elementor-1703 .elementor-element.elementor-element-6f5a4f06{--display:flex;}.elementor-1703 .elementor-element.elementor-element-5ca115a4{--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-1703 .elementor-element.elementor-element-333c7cce{--display:flex;}.elementor-1703 .elementor-element.elementor-element-3d96e611{--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-1703 .elementor-element.elementor-element-7030cb3e{--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-1703 .elementor-element.elementor-element-7030cb3e.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-1703 .elementor-element.elementor-element-7030cb3e.elementor-widget-n-tabs > .e-n-tabs > .e-n-tabs-heading > .e-n-tab-title[aria-selected="true"], .elementor-1703 .elementor-element.elementor-element-7030cb3e.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-1703 .elementor-element.elementor-element-3b1aee84{--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-1703 .elementor-element.elementor-element-791b5851 .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-1703 .elementor-element.elementor-element-7a3cc761{--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-1703 .elementor-element.elementor-element-368b70a5{--grid-auto-flow:row;}.elementor-1703 .elementor-element.elementor-element-11ff636e{--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-1703 .elementor-element.elementor-element-7a06d67e .elementor-heading-title{font-size:var( --e-global-typography-95e6f46-font-size );line-height:var( --e-global-typography-95e6f46-line-height );}.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-1703 .elementor-element.elementor-element-6be4c485 .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-1703 .elementor-element.elementor-element-791b5851 .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-1703 .elementor-element.elementor-element-368b70a5{--min-height:4vh;--e-con-grid-template-columns:repeat(1, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-1703 .elementor-element.elementor-element-11ff636e{--min-height:4vh;--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-1703 .elementor-element.elementor-element-7a06d67e .elementor-heading-title{font-size:var( --e-global-typography-95e6f46-font-size );line-height:var( --e-global-typography-95e6f46-line-height );}.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-1703 .elementor-element.elementor-element-6be4c485 .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-1703 .elementor-element.elementor-element-f2d62c2{width:var( --container-widget-width, 90% );max-width:90%;--container-widget-width:90%;--container-widget-flex-grow:0;}.elementor-1703 .elementor-element.elementor-element-791b5851 .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-1703 .elementor-element.elementor-element-11ff636e{--content-width:740px;}}@media(min-width:1025px){.elementor-1703 .elementor-element.elementor-element-60a8ea11:not(.elementor-motion-effects-element-type-background), .elementor-1703 .elementor-element.elementor-element-60a8ea11 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-attachment:fixed;}}/* Start custom CSS for html, class: .elementor-element-f2d62c2 */: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;
        }
        
        .subtitle {
            text-align: center;
            margin-bottom: 40px;
            font-size: 1.2rem;
            max-width: 800px;
            margin-left: auto;
            margin-right: auto;
            color: var(--muted);
        }
        
        .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;
            margin-left:auto;
            margin-right: auto;
        }
        
        .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-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;
            }
            
            .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-2d28b902 */.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-225ebaea */.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-f2d62c2 */: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;
        }
        
        .subtitle {
            text-align: center;
            margin-bottom: 40px;
            font-size: 1.2rem;
            max-width: 800px;
            margin-left: auto;
            margin-right: auto;
            color: var(--muted);
        }
        
        .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;
            margin-left:auto;
            margin-right: auto;
        }
        
        .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-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;
            }
            
            .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-2d28b902 */.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-225ebaea */.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-f2d62c2 */: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;
        }
        
        .subtitle {
            text-align: center;
            margin-bottom: 40px;
            font-size: 1.2rem;
            max-width: 800px;
            margin-left: auto;
            margin-right: auto;
            color: var(--muted);
        }
        
        .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;
            margin-left:auto;
            margin-right: auto;
        }
        
        .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-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;
            }
            
            .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-2d28b902 */.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-225ebaea */.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-f2d62c2 */: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;
        }
        
        .subtitle {
            text-align: center;
            margin-bottom: 40px;
            font-size: 1.2rem;
            max-width: 800px;
            margin-left: auto;
            margin-right: auto;
            color: var(--muted);
        }
        
        .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;
            margin-left:auto;
            margin-right: auto;
        }
        
        .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-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;
            }
            
            .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-2d28b902 */.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-225ebaea */.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 */