.moducore-page-loader {
	position:fixed;
    z-index:999999;
    top:0px;
    left:0px;
    width:100vw;
    height:100vh;
    background-color:rgba(255,255,255, 0.75);
}
.loading-container {
	display: flex;
	justify-content: center;
	align-items: center;
	height: 400px;
	background-color: transparent; /* You can change this to white if needed */
}
.loading-dot-mc {
	width: 15px;
	height: 15px;
	margin: 0 10px;
	background-color: #14ED8F;
	border-radius: 50%;
	animation: fadeInBounce 1.0s infinite;
}
.loading-dot-mc:nth-child(1),
.loading-dot-mc:nth-child(2) {
	background-color: #2544D8; /* Color of the first and second balls (blue) */
}
/* Green ball */
.ball:nth-child(3) {
	background-color: #14ED8F; /* Color of the third ball (green) */
}
@keyframes bounce {
	0%, 100% {
		transform: translateY(0);
	}
	50% {
	  	transform: translateY(-20px);
	}
  }
  @keyframes fadeInBounce {
	0%, 100% {
	  	transform: translateY(0);
	  	opacity: 0;
	}
	50% {
	  	transform: translateY(-40px);
	  	opacity: 1;
	}
}
  
.loading-dot-mc:nth-child(2) {
	animation-delay: -0.2s;
}
.loading-dot-mc:nth-child(3) {
	animation-delay: -1s;
}

.success-animation { margin:150px auto;}

.checkmark {
    width: 100px;
    height: 100px;
    border-radius: 50%;
    display: block;
    stroke-width: 2;
    stroke: #4bb71b;
    stroke-miterlimit: 10;
    box-shadow: inset 0px 0px 0px #4bb71b;
    animation: fill .4s ease-in-out .4s forwards, scale .3s ease-in-out .9s both;
    position:relative;
    top: 5px;
    right: 5px;
   margin: 0 auto;
}
.checkmark__circle {
    stroke-dasharray: 166;
    stroke-dashoffset: 166;
    stroke-width: 2;
    stroke-miterlimit: 10;
    stroke: #4bb71b;
    fill: #fff;
    animation: stroke 0.6s cubic-bezier(0.65, 0, 0.45, 1) forwards;
 
}

.checkmark__check {
    transform-origin: 50% 50%;
    stroke-dasharray: 48;
    stroke-dashoffset: 48;
    animation: stroke 0.3s cubic-bezier(0.65, 0, 0.45, 1) 0.8s forwards;
}

@keyframes stroke {
    100% {
        stroke-dashoffset: 0;
    }
}

@keyframes scale {
    0%, 100% {
        transform: none;
    }

    50% {
        transform: scale3d(1.1, 1.1, 1);
    }
}

@keyframes fill {
    100% {
        box-shadow: inset 0px 0px 0px 30px #4bb71b;
    }
}




.sharethis-inline-share-buttons {
	z-index: 750 !important;
}
.navbar {
    z-index: 999 !important;
}





.blob {
	background: rgb(44, 202, 117);
	border-radius: 50%;
	margin: 10px;
	height: 20px;
	width: 20px;

	box-shadow: 0 0 0 0 rgba(0, 0, 0, 1);
	transform: scale(1);
	animation: pulse 2s infinite;
}

@keyframes pulse {
	0% {
		transform: scale(0.95);
		box-shadow: 0 0 0 0 rgb(44, 202, 117);
	}

	70% {
		transform: scale(1);
		box-shadow: 0 0 0 10px rgba(44, 202, 117, 0);
	}

	100% {
		transform: scale(0.95);
		box-shadow: 0 0 0 0 rgba(44, 202, 117, 0);
	}
}