.cont-loader{
    position: fixed;
    width: 100%;
    top: 0;
    bottom: 0;
    background: rgb(255 255 255 / 70%);
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 9999;
}

.loader {
    width: 48px;
    height: 48px;
    border: 4px solid #E5007E;
    /* top: -315px;
    left: 180px; */
    border-radius: 50%;
    display: inline-block;
    box-sizing: border-box;
    position: relative;
    animation: pulse 1s linear infinite;
}

.loader:after {
    content: '';
    position: absolute;
    width: 48px;
    height: 48px;
    border: 3px solid #E5007E;
    border-radius: 50%;
    display: inline-block;
    box-sizing: border-box;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    animation: scaleUp 1s linear infinite;
}

@keyframes scaleUp {
    0% {
        transform: translate(-50%, -50%) scale(0)
    }
    60%,
    100% {
        transform: translate(-50%, -50%) scale(1)
    }
}

@keyframes pulse {
    0%,
    60%,
    100% {
        transform: scale(1)
    }
    80% {
        transform: scale(1.2)
    }
}

@media (max-width: 1200px) {
    .loader {
        left: 255px;
    }
}