.initial__loading {
	position: fixed;
	z-index: 99999;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: #ffffff;
	display: flex;
	align-items: center;
	justify-content: center;
	}

	/* The spinner SVG itself */
	.spinner {
	width: 44px;
	height: 44px;
	animation: rotate 2s linear infinite;
	}

	/* The ring path in the SVG */
	.spinner .path {
	stroke: #23356d;         /* Customize ring color here */
	stroke-linecap: round;   /* Rounded corners on the stroke */
	animation: dash 1.5s ease-in-out infinite;
	}

	/* Spin the entire SVG */
	@keyframes rotate {
	100% { 
		transform: rotate(360deg); 
	}
	}

	/* Animate the dash of the ring (creates the “progress” effect) */
	@keyframes dash {
	0% {
		stroke-dasharray: 1, 150;
		stroke-dashoffset: 0;
	}
	50% {
		stroke-dasharray: 90, 150;
		stroke-dashoffset: -35;
	}
	100% {
		stroke-dasharray: 90, 150;
		stroke-dashoffset: -120;
	}
	}