.score-modal-img {
    width: 100%;
    height: 14rem !important;
    object-fit: contain;
    margin-top: -110px !important;
}

.score-modal-btn-root {
    position: absolute;
    bottom: 0;
    transform: translateY(50%);
    font-size: 1.3rem;
    margin-bottom: -2rem;
    padding-bottom: 0.7rem;
    margin-top: 15rem !important;
    border-radius: 1rem;
}

.win-modal-btn-root {
    position: absolute;
    bottom: 0;
    transform: translateY(50%);
    font-size: 1.3rem;
    padding-bottom: 0.7rem;
    margin-top: 15rem !important;
    border-radius: 1rem;
}

.score-modal-btn {
    background: #24a727 !important;
    border: 4px solid #fff;
    font-weight: bold !important;
}

/* .score-modal-root .modal-content:before {
    background: url("../img/score-modal-bg.png") no-repeat top;
    background-size: contain;
    content: '';
    position: absolute;
    animation: rotating 15s linear infinite;
    width: 100%;
    height: 25rem;
    transform: translateY(-30rem);
    z-index: 1;
    top: -7rem
} */

@keyframes rotating {
    from {
        transform: rotate(0deg);
    }

    to {
        transform: rotate(360deg);
    }
}

.modal {
    --bs-modal-width: 300px !important;
}

.vip_modal--close {
    background: transparent !important;
    right: 0 !important;
    margin: 0px !important;
}

.modal-content {
    background: #3d3da3;
    border-radius: 1rem !important;
}

.suny {
    position: absolute;
    width: 350px;
    margin: -8rem -25px 0 -0;
    -webkit-animation: spin 15s linear infinite;
    -moz-animation: spin 15s linear infinite;
    animation: spin 15s linear infinite;
    z-index: -1;
    opacity: 0.5;
}

@-moz-keyframes spin {
    100% {
        -moz-transform: rotate(360deg);
    }
}

@-webkit-keyframes spin {
    100% {
        -webkit-transform: rotate(360deg);
    }
}

@keyframes spin {
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

.speedo-wrapper {
    margin-top: -5rem;
}

.speedo-wrapper svg {
    width: 100px;
    transform: rotate(90deg);
    fill: #000;
    animation: arrow 1.1s ease-in-out alternate infinite;
}

@keyframes arrow {
    from {
        transform: rotate(90deg);
    }

    to {
        transform: rotate(270deg);
    }
}

.st0 {
    fill: #5C9676;
}

.st1 {
    fill: #9B8100;
}

.st2 {
    fill: #2AD878;
}

.st3 {
    fill: #13753F;
}

.st4 {
    fill: #97AFAC;
}

.st5 {
    font-family: IRANYEKAN;
}

.st6 {
    font-size: 400px;
}

.st7 {
    font-size: 140px;
}

.st8 {
    font-size: 145px;
}

.mony_img_popup {
    position: absolute;
    margin: auto;
    left: 0;
    right: 0;
    text-align: center;
    margin-top: -6rem;
}