.dropdown{position:relative;display:inline-block;width:300px;font-family:Arial,sans-serif}.dropdown-menu{display:none;position:absolute;background-color:#fff;box-shadow:0 8px 16px rgb(0 0 0 / .2);z-index:1;max-height:300px;overflow-y:auto;width:100%;border-radius:4px;box-sizing:border-box}.dropdown-menu::-webkit-scrollbar{width:8px}.dropdown-menu::-webkit-scrollbar-track{background-color:#F5F5F5}.dropdown-menu::-webkit-scrollbar-thumb{background-color:grey;border-radius:4px}.selected-language{display:flex;justify-content:space-between;align-items:center;padding:10px;font-size:16px;border:1px solid #ccc;border-radius:4px;cursor:pointer;box-sizing:border-box}.arrow{font-size:12px;color:blue}.dropdown-menu{display:none;position:absolute;background-color:#fff;box-shadow:0 8px 16px rgb(0 0 0 / .2);z-index:1;max-height:300px;overflow-y:auto;width:100%;border-radius:4px;box-sizing:border-box}.search-container{border-radius:8px;box-sizing:border-box;height:40px;padding-left:16px;padding-right:40px;position:absolute;top:8px;left:8px;display:flex;align-items:center;padding:8px;background-color:#fff;border:1px solid #ccc}.search-input{width:100%;padding:8px;box-sizing:border-box;border:none;outline:none;font-size:16px}.search-icon{padding-left:10px;font-size:18px;color:#ccc}.dropdown-menu ul{list-style-type:none;padding:0;margin-top:50px}.dropdown-menu ul li{padding:8px 12px;cursor:pointer}.dropdown-menu ul li:hover{background-color:#f1f1f1}