.flag-icon-background {
    background-size: contain;
    background-position: 50%;
    background-repeat: no-repeat
}

.flag-icon {
    background-size: contain;
    background-position: 50%;
    background-repeat: no-repeat;
    position: relative;
    display: inline-block;
    width: 1.33333333em;
    line-height: 1em
}

.flag-icon:before {
    content: '\00a0'
}

.flag-icon.flag-icon-squared {
    width: 1em
}

.flag-icon-sa {
    background-image: url(../img/flags/3x4/sa.svg)
}

.flag-icon-sa.flag-icon-squared {
    background-image: url(../img/flags/1x1/sa.svg)
}

.flag-icon-il {
    background-image: url(../img/flags/3x4/il.svg)
}

.flag-icon-il.flag-icon-squared {
    background-image: url(../img/flags/1x1/il.svg)
}

.flag-icon-us {
    background-image: url(../img/flags/3x4/us.svg)
}

.flag-icon-us.flag-icon-squared {
    background-image: url(../img/flags/1x1/us.svg)
}

.flag-icon-gr {
    background-image: url(../img/flags/3x4/gr.svg)
}

.flag-icon-gr.flag-icon-squared {
    background-image: url(../img/flags/1x1/gr.svg)
}
.flag-icon-de {
    background-image: url(../img/flags/3x4/de.svg)
}

.flag-icon-de.flag-icon-squared {
    background-image: url(../img/flags/1x1/de.svg)
}
.dropdown-item .flag-icon {
    margin-right: 5px; /* Add spacing between flag and label */
}