/*
Theme Name: Hello Elementor Child
Theme URI: https://elementor.com/hello-theme/?utm_source=wp-themes&utm_campaign=theme-uri&utm_medium=wp-dash
Template: hello-elementor
Author: Elementor Team
Author URI: https://elementor.com/?utm_source=wp-themes&utm_campaign=author-uri&utm_medium=wp-dash
Description: Hello Elementor is a lightweight and minimalist WordPress theme that was built specifically to work seamlessly with the Elementor site builder plugin. The theme is free, open-source, and designed for users who want a flexible, easy-to-use, and customizable website. The theme, which is optimized for performance, provides a solid foundation for users to build their own unique designs using the Elementor drag-and-drop site builder. Its simplicity and flexibility make it a great choice for both beginners and experienced Web Creators.
Tags: accessibility-ready,flexible-header,custom-colors,custom-menu,custom-logo,featured-images,rtl-language-support,threaded-comments,translation-ready
Version: 3.4.4.1759152431
Updated: 2025-09-29 15:27:11

*/

@import url('https://fonts.googleapis.com/css2?family=Geist:wght@100..900&display=swap');

        /* Definicja animacji CSS */
        @keyframes sweep {
            0% {
                /* Start poza widocznym obszarem po prawej */
                stroke-dashoffset: 4000; 
            }
            100% {
                /* Koniec poza widocznym obszarem po lewej */
                stroke-dashoffset: -4000; 
            }
        }

        /* Styl dla animowanych ścieżek */
        .animated-path {
            /* Nowy kolor jest ustawiony tutaj, ponieważ element <use> odwołuje się
               do czystej ścieżki, która nie ma już dziedziczonego szarego koloru. */
            stroke: #FF0000; /* Ustawienie głównego koloru na solidną czerwień (fallback) */
            stroke-width: 6;            
            stroke-linecap: round;
            /* Dash Array: 500px widoczny czerwony element, 3500px przerwy (suma 4000) */
            stroke-dasharray: 500 3500; 
            animation: sweep 8s linear infinite;
            /* Zachowano filtr CSS drop-shadow dla dodatkowej poświaty */
            filter: drop-shadow(0 0 5px rgba(255, 0, 0, 0.8));
        }
        
        /* Styl dla szarych ścieżek */
        .base-path {
             stroke-width: 4;
        }

        /* Ustawienie kontenera, aby SVG był wyśrodkowany i dobrze widoczny */
        .svg-container {
            width: 100%;
            height: auto;
            max-width: 100%;
        }




.uslugi-svg-shape {
    width: 100%;
   /* aspect-ratio: 459 / 733; */
	height: 130vh;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;

    -webkit-mask: url("data:image/svg+xml;utf8,<svg viewBox='0 0 459 733' xmlns='http://www.w3.org/2000/svg'><path d='M453.332 323.209C456.922 327.177 459 332.278 459 337.568L458.622 486.067C458.622 491.546 456.544 496.648 452.954 500.427L228.486 733L165 671.598L417.999 411.629C421.967 407.472 421.778 400.671 417.621 396.703L256.639 243.48L318.046 180.188V180L453.332 323.209ZM293 61.0928L41.4512 323.057C37.4767 327.218 37.6661 334.027 41.8301 337.999L204.04 490.259L142.903 554L6.43555 411.575C2.83932 407.792 0.756863 402.686 0.756836 397.39L0 248.723C0.000112298 243.238 2.08255 238.131 5.67871 234.349L229.024 0L293 61.0928Z' fill='black'/></svg>") no-repeat center / contain;

    mask: url("data:image/svg+xml;utf8,<svg viewBox='0 0 459 733' xmlns='http://www.w3.org/2000/svg'><path d='M453.332 323.209C456.922 327.177 459 332.278 459 337.568L458.622 486.067C458.622 491.546 456.544 496.648 452.954 500.427L228.486 733L165 671.598L417.999 411.629C421.967 407.472 421.778 400.671 417.621 396.703L256.639 243.48L318.046 180.188V180L453.332 323.209ZM293 61.0928L41.4512 323.057C37.4767 327.218 37.6661 334.027 41.8301 337.999L204.04 490.259L142.903 554L6.43555 411.575C2.83932 407.792 0.756863 402.686 0.756836 397.39L0 248.723C0.000112298 243.238 2.08255 238.131 5.67871 234.349L229.024 0L293 61.0928Z' fill='black'/></svg>") no-repeat center / contain;
	
}