.custom-select {
    position: relative;
    display: inline-block;
    width: 150px; /* يمكنك تعديل العرض حسب الحاجة */
}

.custom-select select {
    display: none; /* إخفاء القائمة المنسدلة الأصلية */
}

.custom-select .selected-option {
    display: flex;
    align-items: center;
    cursor: pointer;
    padding: 5px;
    border: 1px solid #ccc;
    background-color: #fff;
}

.custom-select .selected-option img {
    width: 30px;
    height: 20px;
    margin-right: 8px;
}

.custom-select .options-container {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 1000;
    border: 1px solid #ccc;
    background-color: #fff;
    width: 100%;
    display: none;
}

.custom-select .options-container .option {
    padding: 5px;
    display: flex;
    align-items: center;
    cursor: pointer;
}

.custom-select .options-container .option img {
    width: 30px;
    height: 20px;
    margin-right: 8px;
}

.flag {
    background: url(/public/assets/images/flags.f7f299ab.png) no-repeat;
    width: 30px;
    height: 20px;
    display: block;
    float: right
}

.flag.TEST {
    background-position: 100% -4940px
}

.flag.ALL,.flag.com,.flag.en,.flag.ii {
    background-position: 100% -5240px
}

.flag.cz {
    background-position: 100% -1200px
}

.flag.de {
    background-position: 100% -1720px
}

.flag.ru {
    background-position: 100% -3840px
}

.flag.fr {
    background-position: 100% -1600px
}

.flag.dz {
    background-position: 100% -80px
}

.flag.ad {
    background-position: 100% -120px
}

.flag.ar {
    background-position: 100% -220px
}

.flag.au {
    background-position: 100% -280px
}

.flag.at {
    background-position: 100% -300px
}

.flag.bh {
    background-position: 100% -360px
}

.flag.be {
    background-position: 100% -460px
}

.flag.ba {
    background-position: 100% -580px
}

.flag.br {
    background-position: 100% -620px
}

.flag.bg {
    background-position: 100% -700px
}

.flag.ca {
    background-position: 100% -800px
}

.flag.cl {
    background-position: 100% -920px
}

.flag.cn {
    background-position: 100% -940px
}

.flag.co {
    background-position: 100% -1000px
}

.flag.hr {
    background-position: 100% -1120px
}

.flag.cw {
    background-position: 100% -1160px
}

.flag.dk {
    background-position: 100% -1240px
}

.flag.ec {
    background-position: 100% -1340px
}

.flag.eg {
    background-position: 100% -1360px
}

.flag.ee {
    background-position: 100% -1460px
}

.flag.fi {
    background-position: 100% -1580px
}

.flag.gr {
    background-position: 100% -1800px
}

.flag.hk {
    background-position: 100% -2020px
}

.flag.hu {
    background-position: 100% -2040px
}

.flag.id {
    background-position: 100% -2100px
}

.flag.iq {
    background-position: 100% -2140px
}

.flag.il {
    background-position: 100% -2200px
}

.flag.it {
    background-position: 100% -2220px
}

.flag.jp {
    background-position: 100% -2260px
}

.flag.jo {
    background-position: 100% -2300px
}

.flag.kw {
    background-position: 100% -2400px
}

.flag.lv {
    background-position: 100% -2460px
}

.flag.lb {
    background-position: 100% -2500px
}

.flag.lt {
    background-position: 100% -2600px
}

.flag.lu {
    background-position: 100% -2620px
}

.flag.my {
    background-position: 100% -2720px
}

.flag.mx {
    background-position: 100% -2920px
}

.flag.ma {
    background-position: 100% -3060px
}

.flag.nl {
    background-position: 100% -3220px
}

.flag.nz {
    background-position: 100% -3280px
}

.flag.no {
    background-position: 100% -3460px
}

.flag.pe {
    background-position: 100% -3640px
}

.flag.ph {
    background-position: 100% -3660px
}

.flag.pl {
    background-position: 100% -3700px
}

.flag.pt {
    background-position: 100% -3720px
}

.flag.qa {
    background-position: 100% -3760px
}

.flag.ro {
    background-position: 100% -3820px
}

.flag.sa {
    background-position: 100% -4060px
}

.flag.rs {
    background-position: 100% -4120px
}

.flag.sg {
    background-position: 100% -4180px
}

.flag.sk {
    background-position: 100% -4200px
}

.flag.sl {
    background-position: 100% -4220px
}

.flag.za {
    background-position: 100% -4300px
}

.flag.kr {
    background-position: 100% -4340px
}

.flag.es {
    background-position: 100% -4400px
}

.flag.se {
    background-position: 100% -4500px
}

.flag.ch {
    background-position: 100% -4520px
}

.flag.sy {
    background-position: 100% -4540px
}

.flag.tw {
    background-position: 100% -4560px
}

.flag.th {
    background-position: 100% -4620px
}

.flag.tr {
    background-position: 100% -4740px
}

.flag.dev,.flag.ua {
    background-position: 100% -4840px
}

.flag.ae {
    background-position: 100% -5220px
}

.flag.gb {
    background-position: 100% -4880px
}

.flag.us {
    background-position: 100% -4920px
}

.flag.uy {
    background-position: 100% -4960px
}

.flag.ve {
    background-position: 100% -5060px
}

.flag.ye {
    background-position: 100% -5160px
}