.latepoint-w .payment-zarinpal-loading {
    position: relative;
    height: 100px
}

.latepoint-w .payment-zarinpal-loading:before {
    display: block;
    content: "";
    width: 30px !important;
    height: 30px !important;
    border-bottom: 2px solid var(--latepoint-brand-primary);
    border-left: 2px solid var(--latepoint-brand-primary);
    border-top: 2px solid var(--latepoint-brand-primary);
    border-right: 2px solid transparent;
    border-radius: 20px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    animation: os-loading 700ms infinite linear;
    background-color: transparent !important
}