.cls-1 {
    fill: #38489e;
}

.cls-2 {
    fill: #212c62;
}

.cls-3 {
    fill: #5da3d9;
}

.cls-4 {
    fill: #204da1;
}

.cls-5 {
    fill: #8bceee;
}

.cls-6 {
    fill: #4c86c6;
}

.cls-7 {
    fill: #141348;
}

.cls-8 {
    fill: #3060ad;
}

.cls-9 {
    fill: #fff;
}

.cls-10 {
    fill: #227fc2;
}

.cls-11 {
    fill: #2d8bcb;
}

.cls-12 {
    fill: #25629d;
}

.cls-13 {
    fill: #22346a;
}

.cls-14 {
    fill: #184ca1;
}

.cls-15 {
    fill: #2c60ad;
}

.cls-16 {
    fill: #3853a4;
}

.cls-17 {
    fill: #1a9fda;
}

.cls-18 {
    fill: #184896;
}

.cls-19 {
    fill: #6fccdd;
}

.cls-20 {
    fill: #a2ddf0;
}

svg {
    filter: drop-shadow(0px 2px 4px rgba(0,0,0,0.2));
}

svg path,
svg polygon {
    fill: #E6F0FA; 
    stroke: #ffffff;
    stroke-width: 0.5;
    transition: fill 0.3s ease, stroke 0.3s ease;
}

svg path:hover,
svg polygon:hover {
    fill: #4A90E2; 
}

    svg path.active,
    svg polygon.active {
        fill: #FFC107;
        stroke: #333333;
    }