.elementor-513 .elementor-element.elementor-element-d7a8b20{--display:flex;--min-height:100vh;--justify-content:flex-start;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:200px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-513 .elementor-element.elementor-element-d7a8b20:not(.elementor-motion-effects-element-type-background), .elementor-513 .elementor-element.elementor-element-d7a8b20 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-25eef61 );}.elementor-513 .elementor-element.elementor-element-745fafb{--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;--align-items:center;--padding-top:00px;--padding-bottom:00px;--padding-left:0px;--padding-right:0px;}.elementor-513 .elementor-element.elementor-element-6835f18{width:100%;max-width:100%;}@media(max-width:1024px){.elementor-513 .elementor-element.elementor-element-d7a8b20{--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-513 .elementor-element.elementor-element-745fafb{--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}}@media(min-width:768px){.elementor-513 .elementor-element.elementor-element-d7a8b20{--content-width:974px;}}@media(max-width:767px){.elementor-513 .elementor-element.elementor-element-d7a8b20{--min-height:100vh;--justify-content:center;--padding-top:100px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-513 .elementor-element.elementor-element-745fafb{--justify-content:flex-start;--padding-top:0px;--padding-bottom:50px;--padding-left:0px;--padding-right:0px;}}/* Start custom CSS for container, class: .elementor-element-d7a8b20 *//* --- ORYGINALNY KOD CSS (DLA DUŻYCH EKRANÓW) --- */

/* Ustawia sekcję jako punkt odniesienia i "przytrzymuje" poświatę */
.elementor-513 .elementor-element.elementor-element-d7a8b20 {
    position: relative;
    overflow: visible; /* Ważne, aby poświata nie "wystawała" poza sekcję */
    z-index: 1; /* Upewnia się, że sekcja jest w odpowiedniej warstwie */
}

/* Tworzy pierwszy, większy okrąg poświaty (lewy) */
.elementor-513 .elementor-element.elementor-element-d7a8b20::before {
    content: '';
    position: absolute;
    z-index: -1; /* Umieszcza poświatę ZA treścią sekcji */
    
    background: #FF66C4; 
    top: -150px;
    left: -200px;
    
    width: 600px;
    height: 600px;
    filter: blur(250px);
    opacity: 0.25;
    border-radius: 50%;
}

/* Tworzy drugi, mniejszy okrąg poświaty (prawy) */
.elementor-513 .elementor-element.elementor-element-d7a8b20::after {
    content: '';
    position: absolute;
    z-index: -1; 
    
    background: #E03C7B; 
    bottom: 200px;
    right: -250px;
    
    width: 500px;
    height: 500px;
    filter: blur(200px);
    opacity: 0; 
    border-radius: 50%;
}

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

/* --- RESPONSIVE FIX: ZMIANY DLA EKRANÓW MOBILNYCH (< 768px) --- */
@media (max-width: 767px) {
    
    /* Pierwsza poświata (lewy) */
    .elementor-513 .elementor-element.elementor-element-d7a8b20::before {
        /* ZNACZNIE MNIEJSZE ROZMIARY */
        width: 300px; 
        height: 300px; 
        
        /* Mniejsza pozycja, aby nie wystawała za daleko poza widoczny ekran telefonu */
        left: -100px; 
        top: -100px;
        
        /* Mniejsze rozmycie, aby efekt był subtelniejszy przy mniejszym rozmiarze */
        filter: blur(100px);
        opacity: 0.35; /* Możemy zwiększyć krycie, skoro jest mniejsza */
    }

    /* Druga poświata (prawy) */
    .elementor-513 .elementor-element.elementor-element-d7a8b20::after {
        /* ZNACZNIE MNIEJSZE ROZMIARY */
        width: 250px; 
        height: 250px; 
        
        /* Mniejsza pozycja */
        right: -80px;
        bottom: -100px;
        
        /* Mniejsze rozmycie */
        filter: blur(80px);
        opacity: 0;
    }
}/* End custom CSS */