/* utility classes */
.bottom-0 {
  bottom: 0;
}
.top-0{
  top: 0;
}
.text-white{
  color: #fff;
}
.text-secondary{
  color: rgba(0,0,0,0.63);
}
.text-sm{
  font-size: 14px;
}
.text-right{
  text-align: right;
}
.text-left{
  text-align: left;
}

.grid{
  display: grid;
}
.gap-y-6{
  row-gap: 24px;
}
.gap-1{
  gap: 0.25rem;
}

.gap-2{
  gap: 0.5rem;
}

.gap-4 {
  column-gap: 1rem;
  row-gap: 1rem;
}

.gap-x-8 {
  row-gap: 2rem;
}

.grid-cols-1 {
  grid-template-columns: repeat(1, 1fr);
}
@media (min-width: 576px) {
  .xl-phone-grid-cols-2 {
    grid-template-columns: repeat(2, 1fr);
  }
}

svg{
  max-width: 100%;
}

.object-cover {
  object-fit: cover;
}