.spinner-container {  
	text-align: center;  
	width: 100%;  
	height: 100px;  
	display: flex;  
	justify-content: center;  
	align-items: center;  
	/* border: 1px solid #ccc; */  
}  
  
.spinner {  
	width: 40px;  
	height: 40px;  
	border: 4px solid #857cbf;  
	border-top: 4px solid #27235e; /* Custom color */  
	border-radius: 50%;  
	animation: spin 1s linear infinite;  
}  
  
@keyframes spin {  
	0%   { transform: rotate(0deg); }  
	100% { transform: rotate(360deg); }  
}