.loading {
	position: fixed;
	z-index: 10052;
	height: 100%;
	width: 100%;
	background: #fff;
	opacity: 0.8;
}

.loader-wrapper {
  position: relative;
  top: 35%;
  box-sizing: border-box;
  display: 'flex';
  justify-content: 'center';
  align-content: 'center';
  align-items: 'flex-start';
}

.page-container-bg-solid {
  background: #eff3f8;
}

.loader {
    width: 148px;
    height: 148px;
    border: 4px solid transparent;
    border-radius: 50%;
    position: relative;
    margin: 0 auto;
}

.loader:before {
    content: '';
    border: 4px solid #692c90;
    border-radius: 50%;
    width: 160px;
    height: 160px;
    position: absolute;
    top: -9.6px;
    left: -9.6px;
    animation: loader-scale 1s ease-out infinite;
    animation-delay: 1s;
    opacity: 0;
}

.loader:after {
    content: '';
    border: 4px solid #e54197;
    border-radius: 50%;
    width: 148px;
    height: 148px;
    position: absolute;
    top: -4px;
    left: -4px;
    animation: loader-scale 1s ease-out infinite;
    animation-delay: 0.5s;
}

@keyframes loader-scale {
  0% {
    transform: scale(0);
    opacity: 0;
 }
  50% {
    opacity: 1;
 }
  100% {
    transform: scale(1);
    opacity: 0; }
}