* {
  transition: all 0.8s;
}

body {
  background-color: var(--bs-light);
  margin-top: 5rem;
  overflow-x: hidden;
}

::selection {
  background-color: var(--bs-secondary);
  color: white;
}

::-webkit-scrollbar {
  width: 8px;
}

::-webkit-scrollbar-thumb {
  background: var(--bs-primary);
  border-radius: 10px;
}

::-webkit-scrollbar-track {
  background: var(--bs-light);
}

a {
  text-decoration: none;
}

.btn {
  color: white;
  transition: 0.3s;
  border-radius: 30px;
}

.btn:hover {
  opacity: 0.9;
  color: white;
  transition: 0.3s;
}

section {
  background-color: white;
  border-radius: 30px;
  padding: 1.5rem;
  margin: 7rem 0rem 7rem 0rem;
}

.header-como-funciona {
  padding-top: 5rem;
}

.tipo-usuario img {
  margin-top: 5rem;
}

@media (max-width: 768px) {
  img.porque-garagemz {
    height: 400px !important;
  }
}

.card {
  height: 100% !important;
}

.tipo-de-usuario {
  background-color: #ff76213f;
}

.carousel-control-prev-icon, .carousel-control-next-icon {
  background-color: #00026c6e;
  border-radius: 30px;
}

@media (min-width: 1200px) {
  #carousel-1, .carousel-inner, .carousel-item {
    height: 80vh;
  }
}

@media (max-width: 1199px) {
  #carousel-1, .carousel-inner, .carousel-item {
    height: auto;
  }
}