span {
    display: block;
}

body {
    background: var(--pc-bluebg);
}

.pc_deposit {
    text-align: center;
    padding: 0 2rem;
    position: relative;
    margin-bottom: 10rem;
}

.pc_instant_text h2{
    font-size: 4.1rem;
    text-shadow: 0rem .4rem .4rem rgba(0, 54, 128, 0.12);
    font-family: 'Nunito', sans-serif;
    color: var(--pc-purple);
    font-weight: 900;
    line-height: 4.5rem;
    margin-bottom: 1.5rem;
}

.pc_cashback {
    font-size: 1.4rem;
    font-family: 'Nunito', sans-serif;
    font-weight: 400;
    color: var(--pc-purple);
    padding: 0rem 3.1rem 0rem 3.1rem;


}

.pc_purplearrow {
    position: absolute;
    top: 55%;
    left: 0;
}

.pc_violetarrow img {
    width: 3rem;
    height: 3rem;
}

.pc_violetarrow {
    position: absolute;
    right: 0px;
    bottom: -20px;
}

.pc_pinkarrow {
    position: absolute;
    right: 35px;
    bottom: -52px;
}

.pc_pinkarrow img {
    width: 2rem;
    height: 2rem;
}

.pc_purplerotate {
    -webkit-animation: pc_purplerotate 10s normal linear infinite;
    animation: pc_purplerotate 10s normal linear infinite;
}


@keyframes pc_purplerotate {
    0% {
        transform: rotate(0deg);
    }

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


.pc_box_animation {
    margin-top: 8rem;
}



/* Second Payment Roation Starts */


.pc_firstcircle {
    position: relative;

}

.pc_locker {
    position: absolute;
    left: 41%;
    top: 41%;
}

.pc_circle {
    -webkit-animation: pc_circle 10s normal linear infinite;
    animation: pc_circle 10s normal linear infinite;
    width: 100%;
}

@keyframes pc_circle {
    0% {
        transform: rotate(0deg);
    }

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

* .pc_secondrotatearrow {
    position: absolute;
    right: 5%;
}


.pc_allstar {
    position: relative;
}


/* Last Rotate */



.pc_secondrotatearrow {
    -webkit-animation: pc_secondrotatearrow 10s normal linear infinite;
    animation: pc_secondrotatearrow 10s normal linear infinite;
}

@keyframes pc_secondrotatearrow {
    0% {
        transform: rotate(0deg);
    }

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



@media screen and (min-width:230px) and (max-width:640px) {

    .pc_purplearrow {
        left: -18px;
    }
}


@media screen and (min-width: 576px) {
    .pc_firstcircle {
        max-width: 60%;
        margin: 0 auto;
    }
}