* {
  margin: 0;
  padding: 0;
}

.wrapper {
  max-width: 1920px;
  margin: auto;
}

.hero {
  position: relative;
}

.hero img {
  width: 100%;
}

.hero .numbers {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.hero .numbers .value {
  font-size: clamp(6px, 1.4vw, 24px);
  margin-bottom: clamp(0px, 0.5vw, 10px);
  font-family: sans-serif;
}

.hero .numbers .top-right {
  position: absolute;
  top: 1.5%;
  right: 27%;
}

.hero .numbers .top-left {
  position: absolute;
  top: 3.3%;
  left: 2%;
}

.hero .numbers .bottom-left {
  position: absolute;
  bottom: 23.3%;
  left: 4%;
}

@media screen and (max-width: 768px) {
  .hero .numbers .bottom-left {
    bottom: 24%;
  }
}

.hero .numbers .bottom-right {
  position: absolute;
  bottom: 40%;
  right: 26%;
}

.btn-groups {
  margin: 50px auto;
}

.btn-groups button {
  margin-bottom: 15px;
  font-size: 24px;
  font-weight: bold;
  font-family: sans-serif;
  color: white;
  padding: 8px 25px;
  background-color: #03cc03;
  border: 2px solid #03cc03;
  cursor: pointer;
}

.btn-groups button:hover {
  background-color: transparent;
  color: #03cc03;
}

.tesla-img {
  max-width: 100%;
  max-height: 99vh;
}
/*# sourceMappingURL=home.css.map */