.logoImg{
    min-width: 600px;
    width: 100%;
}

.invisible{
    display: none;
}

.spin-bg.disabled {
    filter: grayscale(1) !important; 
    pointer-events: none; 
    cursor: not-allowed; 
}
.popup-visible {
    display: flex !important;
    opacity: 1 !important;
    animation: fade-in 0.5s ease-in-out !important;
}

.modal{
    display: none !important;
}

.modal.visible-modal{
    display: flex !important;
}

@keyframes fade-in {
    from {
        opacity: 0;
        transform: translateY(-20px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}


@keyframes arr {
    0% {
        transform: translate(-50%, -8%);  
      }

    50% {
        transform: translate(-50%, 8%); 
       }

    100% {
        transform: translate(-50%, -8%);   
     }
}

.active-arr {
    animation: arr 1s ease-in-out infinite;
}


@media(max-width: 1024px){
    .logoImg{
        min-width: 500px;
    }
    
}

@media(max-width: 697px){
    .logoImg{
        min-width: 400px;
    }
    
}


@media(max-width: 580px){
    .logoImg{
        min-width: 300px;
    }
    
}

@media(max-width: 450px){
    .logoImg{
        min-width: 250px;
    }
    
}