#root{
    height: 100% !important;
    width: 100% !important;
    overflow-y: auto !important;
}

#root, html, body, header{
    background-color: #224b6d;
}

::-webkit-scrollbar-track {
    background-color: #fbfbfb;
}
::-webkit-scrollbar {
    width: 4px;
    background: #fbfbfb;
}
::-webkit-scrollbar-thumb{
    background: #224b6d;
    border-radius: 40px;
}

#page-wrap{
    background-color: #224b6d;
}

.loading-img{
    animation: zoominoutsinglefeatured 1s infinite ;
    width: 10rem;
}

.w-lg-50{
    width: 50%;
}

@media all and (max-width:992px) {
    .w-md-100 { width: 100% !important; }
 }

@media all and (max-width:480px) {
    .w-sm-100 { width: 100% !important; }
 }

@keyframes zoominoutsinglefeatured {
    0% {
        transform: scale(1,1);
    }
    50% {
        transform: scale(1.2,1.2);
    }
    100% {
        transform: scale(1,1);
    }
}