
.class-free {
    padding:5px 20px !important;
    
}

.class-lang-en {
    background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 50 50" width="20" height="20"><rect width="50" height="50" fill="pink" stroke="black"/><text x="50%" y="50%" dominant-baseline="middle" text-anchor="middle"  fill="black" font-size="40">EN</text></svg>');
}
.class-lang-zh {
    background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 50 50" width="20" height="20"><rect width="50" height="50" fill="pink" stroke="black"/><text x="50%" y="50%" dominant-baseline="middle" text-anchor="middle"  fill="black" font-size="40">ZH</text></svg>');
}
.class-lang-hi {
    background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 50 50" width="20" height="20"><rect width="50" height="50" fill="pink" stroke="black"/><text x="50%" y="50%" dominant-baseline="middle" text-anchor="middle"  fill="black" font-size="40">HI</text></svg>');
}
.class-lang-es {
    background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 50 50" width="20" height="20"><rect width="50" height="50" fill="pink" stroke="black"/><text x="50%" y="50%" dominant-baseline="middle" text-anchor="middle"  fill="black" font-size="40">ES</text></svg>');
}
.class-lang-ar {
    background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 50 50" width="20" height="20"><rect width="50" height="50" fill="pink" stroke="black"/><text x="50%" y="50%" dominant-baseline="middle" text-anchor="middle"  fill="black" font-size="40">AR</text></svg>');
}
.class-lang-bn {
    background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 50 50" width="20" height="20"><rect width="50" height="50" fill="pink" stroke="black"/><text x="50%" y="50%" dominant-baseline="middle" text-anchor="middle"  fill="black" font-size="40">BN</text></svg>');
}
.class-lang-pt {
    background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 50 50" width="20" height="20"><rect width="50" height="50" fill="pink" stroke="black"/><text x="50%" y="50%" dominant-baseline="middle" text-anchor="middle"  fill="black" font-size="40">PT</text></svg>');
}
.class-lang-ru {
    background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 50 50" width="20" height="20"><rect width="50" height="50" fill="pink" stroke="black"/><text x="50%" y="50%" dominant-baseline="middle" text-anchor="middle"  fill="black" font-size="40">RU</text></svg>');
}
.class-lang-ja {
    background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 50 50" width="20" height="20"><rect width="50" height="50" fill="pink" stroke="black"/><text x="50%" y="50%" dominant-baseline="middle" text-anchor="middle"  fill="black" font-size="40">JA</text></svg>');
}
.class-lang-de {
    background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 50 50" width="20" height="20"><rect width="50" height="50" fill="pink" stroke="black"/><text x="50%" y="50%" dominant-baseline="middle" text-anchor="middle"  fill="black" font-size="40">DE</text></svg>');
}
.class-lang-ko {
    background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 50 50" width="20" height="20"><rect width="50" height="50" fill="pink" stroke="black"/><text x="50%" y="50%" dominant-baseline="middle" text-anchor="middle"  fill="black" font-size="40">KO</text></svg>');
}
.class-lang-fr {
    background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 50 50" width="20" height="20"><rect width="50" height="50" fill="pink" stroke="black"/><text x="50%" y="50%" dominant-baseline="middle" text-anchor="middle"  fill="black" font-size="40">FR</text></svg>');
}
.class-lang-ms {
    background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 50 50" width="20" height="20"><rect width="50" height="50" fill="pink" stroke="black"/><text x="50%" y="50%" dominant-baseline="middle" text-anchor="middle"  fill="black" font-size="40">MS</text></svg>');
}
.class-lang-vi {
    background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 50 50" width="20" height="20"><rect width="50" height="50" fill="pink" stroke="black"/><text x="50%" y="50%" dominant-baseline="middle" text-anchor="middle"  fill="black" font-size="40">VI</text></svg>');
}
.class-lang-it {
    background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 50 50" width="20" height="20"><rect width="50" height="50" fill="pink" stroke="black"/><text x="50%" y="50%" dominant-baseline="middle" text-anchor="middle"  fill="black" font-size="40">IT</text></svg>');
}
.class-conservatory {
    
}

[class^="class-lang-"], [class*=" class-lang-"] {
    /* CSS properties */
    background-size: 26px;
    background-repeat: no-repeat;
    padding-left: 40px !important;
    background-position: 5px 5px;
    border: 1px solid black; /* Thin black border */
    color: darkred; /* Dark red text */
    /* Your SVG background-image or other properties */
}

[class^="class-college-"], [class*=" class-college-"] {
    /* CSS properties */
    
}

[class^="class-instrumentmakers"], [class*=" class-instrumentmakers"] {
    /* CSS properties */
    
}
[class^="class-festival-"], [class*=" class-festival-"] {
    /* CSS properties */
    
}



.class-lang-es {
    background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 50 50" width="20" height="20"><rect width="50" height="50" fill="pink" stroke="black"/><text x="50%" y="50%" dominant-baseline="middle" text-anchor="middle"  fill="black" font-size="40">ES</text></svg>');
}
.class-lang-zh {
    background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 50 50" width="20" height="20"><rect width="50" height="50" fill="pink" stroke="black"/><text x="50%" y="50%" dominant-baseline="middle" text-anchor="middle"  fill="black" font-size="40">ZH</text></svg>');
}


.class-instrumentmakers-piano-shigeru {
   background-size: 56px;
    background-image: url("shigeru.png");
    background-repeat: no-repeat;
    padding-left:70px !important;
    background-position: 5px 5px; /* 20px from the left and 50px from the top */
}

.class-instrumentmakers-piano-baldwin {
   background-size: 33px;
    background-image: url("baldwin.png");
    background-repeat: no-repeat;
    padding-left:40px !important;
    background-position: 5px 5px; /* 20px from the left and 50px from the top */
}

.class-instrumentmakers-piano-kawai {
   background-size: 37px;
    background-image: url("kawai.png");
    background-repeat: no-repeat;
    padding-left:50px !important;
    background-position: 5px 5px; /* 20px from the left and 50px from the top */
}

.class-instrumentmakers-piano-mason {
   background-size: 100px;
    background-image: url("mason.png");
    background-repeat: no-repeat;
    padding-left:110px !important;
    background-position: 5px 5px; /* 20px from the left and 50px from the top */
}


.class-instrumentmakers-piano-steinway {
   background-size: 26px;
    background-image: url("steinway.png");
    background-repeat: no-repeat;
    padding-left:40px !important;
    background-position: 5px 5px; /* 20px from the left and 50px from the top */


}
