#custom-loader{position:fixed;z-index:9999;background:white;width:100%;height:100%;top:0;left:0;display:flex;flex-direction:column;justify-content:center;align-items:center;transition:opacity 0.5s ease,visibility 0.5s ease}#custom-loader p{font-family:sans-serif;color:#444;margin-top:20px}#custom-loader .spinner{border:4px solid #f3f3f3;border-top:4px solid #3498db;border-radius:50%;width:50px;height:50px;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}#custom-loader.loaded{opacity:0;visibility:hidden}