* {
  box-sizing: border-box !important;
  font-family: Arial, Helvetica, sans-serif;
}

.banner-container {
  background-color: #7a8aff;
  margin: 0 !important;
  padding: 0 !important;
}

.main-card {
  border: none !important;
}

.text-title-bigger {
  color: black;
  font-weight: bold;
  font-size: 3.5rem;
  line-height: 4rem;
}

.text-title {
  color: black;
  font-weight: bold;
  font-size: 3.25rem;
  line-height: 3.25rem;
}

.text-content {
  color: black;
  font-weight: normal;
  font-size: 1.5rem;
  line-height: 1.5rem;
}

.text-content-bigger {
  color: black;
  font-weight: normal;
  font-size: 1.75rem;
  line-height: 2rem;
}

.about-title {
  color: black;
  font-weight: bold;
  font-size: 2rem;
  line-height: 2.25rem;
}

.about-content {
  color: black;
  font-weight: normal;
  font-size: 2rem;
  line-height: 2.25rem;
}

.banner-btn {
  border-radius: 0 !important;
  background-color: black !important;
  border: none !important;
  transition: 0.3s !important;
}

.banner-btn:hover {
  background-color: #161616 !important;
}

.banner-btn a {
  color: white !important;
}

.banner-img-container {
  display: flex;
  align-items: flex-end;
}

.content-img {
  width: 65%;
  margin-left: 5.75rem !important;
}

#promotion {
  background-image: url("../../images/moyo-task/promotion-bg.jpg");
  background-size: cover;
  background-repeat: no-repeat;
}

#promotion img {
  border-radius: 1.25rem !important;
  width: 100%;
}

#contact {
  background-color: black;
}

#contact p {
  color: azure;
  text-align: center;
}

#contact button {
  color: azure;
  background-color: #7a8aff;
  border: none;
  border-radius: 0 !important;
  transition: 0.3s;
}
#contact button a {
  color: white !important;
}

#contact button:hover {
  background-color: #92a0fc !important;
}