.page-loading-wrap {
    padding: 120px 20px;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}

.page-loading-text {
    margin-top: 20px;
    font-size: 20px;
    font-weight: 400;
    color: #515a6e;
}

.half-circle-spinner,
.half-circle-spinner * {
    box-sizing: border-box;
}

.half-circle-spinner {
    width: 55px;
    height: 55px;
    border-radius: 100%;
    position: relative;
}

.half-circle-spinner .circle {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    border-radius: 100%;
    border: calc(55px / 10) solid transparent;
}

.half-circle-spinner .circle.circle-1 {
    border-top-color: #5cadff;
    animation: half-circle-spinner-animation 1s infinite;
}

.half-circle-spinner .circle.circle-2 {
    border-bottom-color: #5cadff;
    animation: half-circle-spinner-animation 1s infinite alternate;
}

@keyframes half-circle-spinner-animation {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}