/* Loader container covering the whole screen */
	#loadingSpinner {
		position: fixed;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		background-color: rgba(255, 255, 255, 1);
		z-index: 1000;
		display: flex;
		justify-content: center;
		align-items: center;
	}
	
	 /* Rotating circle animation */
	@keyframes rotateCircle {
		0% {
			transform: rotate(0deg);
		}
		100% {
			transform: rotate(360deg);
		}
	}

	/* Circle surrounding the logo with a dashed border */
	.circle {
		width: 150px; /* Adjust size as needed */
		height: 150px;
		border: 5px dashed transparent;
		border-top: 5px dashed #de6946; /* Top border color */
		border-radius: 50%;
		position: absolute;
		animation: rotateCircle 2s linear infinite;
	}

	/* Centered logo */
	#loadingSpinner img {
		width: 80px; /* Adjust size as needed */
		height: 80px;
		position: relative;
		z-index: 1;
	}