/* CSS for the loading spinner container */
.loading-spinner {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 30px; 
  }
  
  /* CSS for the loading spinner itself */
  .spinner {
    position: relative;
    width: 50px; 
    height: 50px; 
  }
  
  .spinner-circle {
    /* position: absolute; */
    border: 4px solid rgba(255, 255, 255, 0.3); /* Spinner color and opacity */
    border-top: 4px solid #049cc4; /* Adjust the color as needed */
    border-radius: 50%;
    width: 20px; /* Adjust the size of the circle */
    height: 20px; /* Adjust the size of the circle */
    animation: spin 1s linear infinite; /* Animation for rotation */
  }
  
  /* Animation keyframes for the spinner rotation */
  @keyframes spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
  }