/* Universal spinner container */
.spinner {
  display: none;               
  width: 100%;                  
  margin: 0 auto;               
  display: flex;               
  align-items: center;          
  justify-content: center;      
  text-align: center;
  z-index: 999;
  padding: 15px;
  margin-bottom: 10px;
}

/* Loader animation */
.loader {
  width: 64px;
  height: 64px;
  border: 6px solid #ff2143;
  border-color: #ff2143 transparent #2143ff transparent;
  border-radius: 50%;
  animation: spin 1.2s linear infinite;
}

@keyframes spin {
  0%   { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}

/* Responsive rules */
@media (max-width: 992px) {   
  .spinner {
    width: 25%;                
  }
}

@media (max-width: 768px) {   
  .spinner {
    width: 50%;               
  }
}

@media (max-width: 576px) {   
  .spinner {
    width: 100%;              
  }
}