#loading-overlay {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #ecf0f3;
    z-index: 9999;
    text-align: center;
}

.loadbox {
position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.loadlogo {
    width: 180px;
    margin: auto;
}

.loadlogo img {
    width: 100%;
    height: 180px;
    object-fit: cover;
    border-radius: 50%;
    box-shadow: 0px 0px 3px #5f5f5f,
        0px 0px 0px 5px #ecf0f3,
        8px 8px 15px #a7aaa7,
        -8px -8px 15px #fff;
}

.spin-logo {
    width: 180px;
    margin: auto;
    object-fit: cover;
    border-radius: 50%;
   animation: zoom 1.3s ease-in-out infinite; /* Adjusted duration and timing function */
}

@keyframes zoom {
    0%, 100% {
        transform: scale(0.5);
    }
    50% {
        transform: scale(0.8);
    }
}