Hi Reham Alharbi,
Apparently something is wrong with your code...
Do you see any error messages in the console of your browser? (You can open this console by pressing F12, for most modern browsers.)
In the script below I tried to replicate your app - focusing on Madinah, and with a working Search widget - all in one html file. You did split your code into separate css and js files, which is of course OK.
I suppose your issue has something to do with the order of your code.
What do you see? does the map appear at all? With or without the zoom buttons?
Please let us (the community) know whether you managed to solve your issue or not. We are here to help.