.loader-wrap {
    width: 100%;
    height: 100vh;
    background: rgb(0 0 0 / 19%);
    position: fixed;
    top: 0px;
    left: 0px;
}

.page-loader {
    width: 210px;
    height: 210px;
    margin: auto;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

    .page-loader img {
        width: 90px;
        height: 90px;
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        /*margin-top: -45px;
	margin-left: -45px;
	-webkit-animation: pulsate 3s infinite;
	animation: pulsate 2s infinite;*/
    }

    .page-loader .spinner {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        border: 3px solid #ffffff;
        border-radius: 50%;
        border-top-color: transparent;
        border-bottom-color: transparent;
        animation: spin 3s ease infinite;
    }

        .page-loader .spinner:nth-child(1) {
            width: 120px;
            height: 120px;
        }

        .page-loader .spinner:nth-child(2) {
            width: 140px;
            height: 140px;
            animation-delay: 0.1s;
        }

        .page-loader .spinner:nth-child(3) {
            width: 160px;
            height: 160px;
            animation-delay: 0.2s;
        }

        .page-loader .spinner:nth-child(4) {
            width: 180px;
            height: 180px;
            animation-delay: 0.3s;
        }

@keyframes spin {
    50% {
        transform: translate(-50%, -50%) rotate(180deg);
    }

    100% {
        transform: translate(-50%, -50%) rotate(0deg);
    }
}