.pop-up-qr {
  position: absolute;
  background-color: #00000091;
  width: 100%;
  text-align: center;
  height: 100vh;
  display: none;
  justify-content: center;
  align-items: center;
  z-index: 100;
  cursor: pointer;
}

.pop-up-qr.show {
  display: flex;
}

.pop-up-qr img {
  width: 450px;
  height: auto;
}

.main-wrapper {
  height: 100vh;
  display: flex;
  justify-content: center;
  align-items: center;
}

.content {
  background-color: var(--color2);
  border-radius: var(--b-radius2);
  background-image: url(../img/content-bg.png);
  background-repeat: no-repeat;
  background-position: right;
  background-size: contain;
  box-shadow: 0px 0px 35px #0000004d;
}

.image img {
  border-radius: var(--b-radius2);
}

.title {
  display: flex;
  align-items: center;
}

.title h1 {
  font-weight: 700;
  font-size: 2.7rem;
  letter-spacing: 3px;
}

.text {
  width: 100%;
  text-align: center;
  font-weight: 300;
  letter-spacing: 1px;
}

.cta-btn {
  width: 100%;
  display: block;
  text-align: center;
  font-weight: 600;
  border-radius: var(--b-radius1);
}

.btn-depo {
  background-color: #00d200;
}

.btn-gopay {
  background-color: #00aed6;
}

.btn-dana {
  background-color: #118eea;
}