#page-loader {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    /*    background: rgba(133, 133, 133, 0.25);*/
    background: rgba(15, 16, 16, 0.4); /* Dark semi-transparent tint */
    backdrop-filter: blur(8px); /* Actual blur effect */
    -webkit-backdrop-filter: blur(8px);
    z-index: 9999;
    display: flex;
    align-items: center;
    justify-content: center;
}

.custom-loader {
    position: relative;
    width: 80px; /* adjust based on SVG size */
    height: 80px;
    margin: 0 auto;
}

.base-loader,
.highlight-loader {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: auto;
}

.highlight-loader {
    animation: spin 1s linear infinite;
}

@keyframes spin {
    from {
        transform: rotate(0deg);
    }

    to {
        transform: rotate(360deg);
    }
}

.loader-text {
    color: var(--Black-900, #0F1010);
    text-align: center;
    margin-top: 15px;
    font-family: 'Merriweather Sans', sans-serif;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 150%;
}