.loader {
    display: none;
    justify-content: center;
    align-items: center;
    height: 100vh;
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    width: 100%;
    z-index: 99999;
    background: #edf7fa;
    opacity: 0.8;
}
.loader .box {
	border: 3px solid #00a9e0;
	width: 150px;
	height: 150px;
	border-radius: 50%;
	position: relative;
	animation: ro linear 5s infinite;
	top: -15px; /* transition: 5s linear; */
}

.loader .img-logo {
	width: 150px;
	height: 150px;
	position: absolute;
}

.loader .img-logo img{
    width: 130px;
    margin: 50px auto;
    display: block;
    transform: translateY(20%);
}

.loader .box::after {
	position: absolute;
	content: "";
	width: 15px;
	height: 15px;
	background: #242a78;
	border-radius: 50%;
	left: 30px;
	top: 0;
	right: 0;
	bottom: 0;
}

@keyframes ro {
	0% {
		border: 3px solid #00a9e0;
		transform: rotate(0deg);
	}

	100% {
		border: 3px solid #242a78;
		/* transition: linear 5s; */
		transform: rotate(360deg);
	}
}