.cls-1 {
    stroke-width: 0px;
}

.cls-1, .cls-2, .cls-3 {
    fill: #0367a3;
    fill-rule: evenodd;
    transition-duration: 0.5s
}

.cls-2:hover, .cls-2:hover, .cls-3:hover {
    fill: #3fb1ff;
    fill-rule: evenodd;
}

.cls-2 {
    stroke-width: .16px;
}

.cls-2, .cls-3 {
    stroke: #fff;
    stroke-miterlimit: 1.24;
}

.cls-3 {
    stroke-width: .09px;
}

.cls-4 {
    stroke: #f916a1;
}

.cls-4, .cls-5 {
    fill: none;
}

.cls-12 {
    fill: none;
    stroke: #f916a1;
    stroke-width: 1px;
}  

/*Xetler ucun*/
.cls-5 {
    stroke: #ffc800;
    fill: none;
    stroke-width: .5px;
    stroke-dasharray: 1 1; /* 15 vahid xətt, 10 vahid boşluq */
    animation: dashMove 2s linear infinite;
}

@keyframes dashMove {
    to {
        stroke-dashoffset: -30; /* 15+10=25 vahid */
    }
}

/*Halqalar ucun:*/
.cls-4 {
    fill: none;
    animation: pulse 2s ease-out infinite;
}

    /* Hər halqaya fərqli gecikmə veririk */
    .cls-4:nth-of-type(1) {
        animation-delay: 0s;
    }

    .cls-4:nth-of-type(2) {
        animation-delay: 0.8s;
    }

    .cls-4:nth-of-type(3) {
        animation-delay: 1s;
    }

    .cls-4:nth-of-type(4) {
        animation-delay: 1.2s;
    }

    .cls-4:nth-of-type(5) {
        animation-delay: 1.5s;
    }

    .cls-4:nth-of-type(6) {
        animation-delay: 2s;
    }

    .cls-4:nth-of-type(7) {
        animation-delay: 2.3s;
    }

    .cls-4:nth-of-type(8) {
        animation-delay: 2.8s;
    }

    .cls-4:nth-of-type(9) {
        animation-delay: 3.5s;
    }

@keyframes pulse {
    0% {
        r: 0;
        opacity: 1;
        stroke-width: 3;
    }

    70% {
        r: 6;
        opacity: 0;
        stroke-width: 1;
    }

    100% {
        r: 6;
        opacity: 0;
        stroke-width: 1;
    }
}



/*svg g .tooltip {
    fill: white;*/ /* metnin rəngi */
    /*font-size: 3px;
    text-anchor: middle;
    opacity: 0;
    transition: opacity 0.3s;
    pointer-events: none;*/
    /* Text shadow effekti */
    /*text-shadow: 1px 1px 8px black, -1px -1px 2px black, 0 0 8px black;
}

svg g:hover .tooltip {
    opacity: 1;
}*/


/* ---------- Label (tooltip kimi) ---------- */
svg text.label {
    fill: white; /* mətn rəngi   */
    font-size: 3px;
    text-anchor: middle;
    opacity: 0.7; /* başlanğıcda gizli */
    pointer-events: none; /* mışa əngəl olmasın */
    transition: opacity 0.25s;
    text-shadow: /* kölgə effekti */
    1px 1px 8px black, -1px -1px 2px black, 0 0 8px black;
}

/* İstəyə görə path hover effekti */
svg g:hover path {
    fill: #4bceff;
}



/*.tooltip-inner {
    max-width: 236px !important;*/
    /*   height: 30px; */
    /*font-size: 16px;
    padding: 10px 15px 10px 20px;
    background: radial-gradient(circle, rgba(75, 206, 255, 1) 0%, rgba(58, 175, 255, 0.1825980392156863) 100%);
    color: rgba(0, 0, 0, .7);
    text-align: center;
}

.tooltip.show {
    opacity: 1;
}*/