/* 
---------------------------------------------
Pre-loader Style
--------------------------------------------- 
*/
        #js-preloader {
            position: fixed;
            inset: 0;
            background: linear-gradient(135deg, #0f2027, #203a43, #2c5364);
            display: flex;
            align-items: center;
            justify-content: center;
            z-index: 99999;
        }

        .loader-box {
            width: 300px;
            text-align: center;
            color: #fff;
            font-family: Arial, sans-serif;
        }

        .loader-percent {
            font-size: 20px;
            font-weight: bold;
            margin-bottom: 12px;
        }

        .progress-bar {
            width: 100%;
            height: 8px;
            background: rgba(255, 255, 255, 0.25);
            border-radius: 20px;
            overflow: hidden;
        }

        .progress-fill {
            width: 0%;
            height: 100%;
            background: #00ffcc;
            border-radius: 20px;
            transition: width 0.3s ease;
        }