@import url("https://fonts.googleapis.com/css2?family=Barlow+Semi+Condensed:wght@400;500;600;700&display=swap");

body {
  /* font-family: "Barlow Semi Condensed", sans-serif; */
        font-family: "Poppins", sans-serif;
}

.alert {
  padding: 0.5rem;
}

.form-wrap h1,
.form-wrap .form-label {
  font-weight: 600;
}
 .card.hidden {
  border: none;
background-color: rgba(255, 255, 255, 0) }

.card.active {
  border: 1px solid #333;
  background: #f0f0f0;
}
.br-custom {
  border-radius: 2rem;
}
.loading-select {
    background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16"><circle cx="8" cy="8" r="7" stroke="%23999" stroke-width="2" fill="none" opacity="0.25"/><path d="M8 1 a7 7 0 0 1 7 7" stroke="%23999" stroke-width="2" fill="none"/></svg>');
    background-repeat: no-repeat;
    background-position: right .75rem center;
}