mbody {
    
    flex-direction: column;
    align-items: center;
    justify-content: center;
    margin: 0;
    position: fixed;
    z-index: 100;
    background: #a0f9fbfa;
    top:10%;
        margin-top: 55px;
    border-radius: 50%;
      
  box-shadow: 0 0 0 0px #87343400, 0 0 2px #fff, 0px 20px 20px #00da23, 0px -16px 20px #d4f425;
display: none;
}

.uperjapamala {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 340px;
    height: 340px;
    border: 2px solid #1667eb6e;
    border-radius: 50%;
    position: relative;
}


.japamala {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 300px;
    height: 300px;
    border: 2px solid #16ebde;
    border-radius: 50%;
    position: relative;
    z-index: -1;
}

.japamala-img {
    display: fixed;
    position: absolute;
    justify-content: center;
    align-items: center;
    width: 300px;
    height: 300px;
    border: 2px solid #ebb516;
    border-radius: 50%;
    position: relative;
    z-index: -1;
    top: 0;
    left: 0;
}


.nut {
    position: absolute;
    width: 9px;
    height: 9px;
    background-color: #f30d0d;
    border-radius: 50%;
    transform-origin: center;
text-shadow:
        0 0 10px rgba(0, 255, 0, 1), /* Green glow */
        0 0 20px rgba(0, 255, 0, 1),
        0 0 30px rgba(0, 255, 0, 1),
        0 0 40px rgba(0, 255, 0, 1),
        0 0 50px rgba(0, 255, 0, 1),
        0 0 60px rgba(0, 255, 0, 1),
        0 0 70px rgba(0, 255, 0, 1);
}

.sakhinut {
    width: 20px;
    height: 20px;
    background-color: #4c9e6f5e;
    border-radius: 50%;
    transform-origin: center;
    font-size: 10px;
    color: #e4ee05;
}


.counter_sakhijapa{
      display: flex;
margin-top: 450px;
position: fixed;
align-items: center;
    justify-content: center;
    color: #fff; /* Text color */
text-align: center;
}

.counter_japa{
margin-top: 650px;
position: fixed;
align-items: center;
    justify-content: center;

    color: #fff; /* Text color */
    font-size: 40px; /* Font size */
    text-align: center;
    font-weight: bold;
    text-transform: uppercase;
    letter-spacing: 8px;
    text-shadow:
        0 0 10px rgba(0, 255, 0, 1), /* Green glow */
        0 0 20px rgba(0, 255, 0, 1),
        0 0 30px rgba(0, 255, 0, 1),
        0 0 40px rgba(0, 255, 0, 1),
        0 0 50px rgba(0, 255, 0, 1),
        0 0 60px rgba(0, 255, 0, 1),
        0 0 70px rgba(0, 255, 0, 1);
        ; /* Adjust the duration and timing as needed */
    transform-origin: center; /* Zoom out from the center of the text */
    animation: zoomOut 3s ease-in-out infinite;
}

@keyframes zoomOut {
    0% {
        transform: scale(0); /* Initial scale (100%) */
        opacity: 0; /* Make the text disappear */
    }
    80% {
        transform: scale(1); /* Final scale (0%), zoom out */
        
    }
}