.row{display: flex;
justify-content: center;
  align-items: center;!important}

/* Mobile-first logo styling with pixel-perfect control */
.checkout-logo {
  text-align: center; /* Ensures inline elements center properly */
  margin: 0 auto; /* Horizontal centering */
  width: 100%; /* Takes full container width */
  max-width: 150px; /* Default mobile size */
}

.checkout-logo img {
  width: 100%; /* Makes image responsive within container */
  height: auto; /* Maintains aspect ratio */
  display: inline-block; /* Better for centering than block */
}

/* Desktop sizing */
@media (min-width: 768px) {
  .checkout-logo {
    max-width: 200px; /* Slightly larger for desktop */
  }
}

/* Extra small devices (phones < 576px) */
@media (max-width: 575px) {
  .checkout-logo {
    max-width: 120px; /* Even smaller for tiny screens */
  }
}