.logo {
  min-width: calc(var(--font-lineHeight-l) * 1px) !important;
  height: calc(var(--font-lineHeight-l) * 1px) !important;
}

.circle-container {
  width: calc(var(--font-lineHeight-key) * 1px) !important;
  /* Adjust size as needed */
  height: calc(var(--font-lineHeight-key) * 1px) !important;
  /* Same as width for perfect circle */
  border-radius: calc(var(--size-radius-s) * 1px) !important;
  /* Makes it circular */
  background-color: var(--bg-surface);
  display: flex;
  align-items: center;
  justify-content: center;

}

.circle-rabwin {
  width: 110px;
  height: 40px;
  border-radius: 50%;
  background-color: #FFFFFF;
  display: flex;
  align-items: center;
  justify-content: center;
  
}