:root{
    --color: #2c56df;
    --background: white;
    --selection:rgb(139, 202, 253);;
}
::selection{
    background-color: #2c56df75 !important;
}
*{
    scroll-behavior: smooth;
}
.color{
    color: var(--color) !important;
}
.bg{
    background-color: var(--background) !important;
}
.main-popup{
    display: block;
    transition: all .5s ease;
    position: fixed;
    left: 50%;
    top: 50% !important;
    transform: translate(-50%,-50%);
    height: 95vh;
    border-radius: 10px;
    box-shadow: 0 0 20px #ccc;
    border: 1px solid #ccc;
    width: 50%;
    background-color: #fff !important;
    z-index: 1000;
    visibility: visible;
    opacity: 1;
}
.main-popup.hide{
    transition: all .5s ease;
    z-index: -1;
    visibility: hidden;
    opacity: 0;
    /* transform: scale(0); */
    width: 0;
    height: 0;
    display: hidden;

}
.pop-img{
    position: inherit;
    display: block;
    width: 100%;
    height: 65vh !important;
}
.btn-animated{
    color: var(--color);
    background: #fff;
    animation: animate 2s infinite alternate;
}
.btn-animated:hover{
    color: #fff;
    background: var(--color);
    animation: none;
}

.btn-animated:focus{
    color: var(--color);
    background: #fff;
    animation: none;
}
@keyframes animate {
    0%{
        color: var(--color);
        background: #fff;
    }
    100%{
        color: #fff ;
        background:var(--color);
    }
}