How to create a white panel box on search input focus

I’m using WordPress with Elementor Builder.

I have a search box in my website header to allow my customers to search for the products.
When you click on the Search Box and type any product name, a new white panel opens under the search box, I need to create a similar white panel (Blank Panel) when I click on the Search Box.

Check this screenshot for the white panel (search results): https://prnt.sc/ml6h44F-cE8A

I need to create this blank panel: https://prnt.sc/fMUOtDT_Iphq

My website URL: https://projects.craftsolutions.com.eg/zahome/