body.loading
{
    overflow: hidden;
}


.rotate {
	animation: rotation 8s infinite linear;
  }
  
  @keyframes rotation {
	from {
	  transform: rotate(0deg);
	}
	to {
	  transform: rotate(-359deg);
	}
  }


.loader
{
	width: 100%;
	height: 100%;
	position: fixed;
	z-index: 1031;
	background: #13342D;
	opacity: 1;
	
	top: 0;
	left: 0;
    display: flex;
    justify-content: center;
    align-items: center;
}


.loader .icon 
{

	width: 100px;
	height: 100px;
	background-position: center center;
	background-size: 50%;
	background-repeat: no-repeat;
	background-attachment: scroll;
	margin: 0 auto;
	text-align: center;

}

.loading_logo 
{
	.logo 
	{
		animation: loader_rotation 14s linear infinite; /* Adjust animation duration as needed */
	}
	
    width: 150px;
}


.loader_rotate {
	animation: rotation 10s infinite linear;
  }
  
  @keyframes loader_rotation {
	from {
	  transform: rotate(0deg);
	}
	to {
	  transform: rotate(-359deg);
	}
  }


  @keyframes rotate3D {
	0% {
	  transform: perspective(1000px) rotateY(0deg);
	}
	100% {
	  transform: perspective(1000px) rotateY(-359deg);
	}
  }