:root {
  --main-blue: #2b2baf;
  --main-grey-dark: #343434;
  --main-grey-light: #efefef;
  --main-grey: #868686;
  --main-blue-light: #009dff;
  --main-yellow: #fed65a;
}
.text-base {
  font-size: 16px;
}
.text-xxs {
  font-size: 10px;
}
.text-xs {
  font-size: 12px;
}
.text-lg {
  font-size: 20px;
}
.text-main-blue {
  color: var(--main-blue);
}
.text-main-blue-light {
  color: var(--main-blue-light);
}
.text-main-grey-dark {
  color: var(--main-grey-dark);
}
.text-main-grey {
  color: var(--main-grey);
}
.bg-main-blue {
  background: var(--main-blue);
}
.bg-main-grey-light {
  background: var(--main-grey-light);
}
.bg-main-blue {
  background: var(--main-blue);
}
.font-roboto {
  font-family: 'Roboto', sans-serif !important;
}

a[disabled] {
  pointer-events: none;
}

.gap-3 {
  gap: 0.75rem;
}
.gap-y-3 {
  gap: 0.75rem 0;
}
.icon-next {
  content: url(../img/icon/next.svg);
  transform: rotate(180deg);
}
.opacity-50 {
  opacity: 0.5;
}
.filter-blue-to-gray {
  filter: invert(50%) sepia(34%) saturate(16%) hue-rotate(143deg)
    brightness(99%) contrast(89%);
}
.rounded-lg {
  border-radius: 15px;
}
.rounded-xl {
  border-radius: 19px;
}