body {
  background-color: black;
}
.box {
  position: relative;
  width: 100%;
  height: 100%;
}

.box .group {
  position: fixed;
  width: 100vw;
  height: 100%;
  top: 0;
  left: 0;
}

.box .text-wrapper {
  position: absolute;
  top: 0;
  right: 0;
  font-family: "Satoshi-Medium", Helvetica;
  font-weight: 500;
  color: var(--white);
  font-size: 1.5rem;
  text-align: right;
  letter-spacing: 0;
  line-height: normal;
}

.box .overlap-group-wrapper {
  position: absolute;
  width: 100%;
  height: 28vw;
  top: 10vw;
  left: 0;
}

.box .overlap-group {
  position: relative;
  width: 100%;
  height: 100%;
}

.box .rectangle {
  width: 20%;
  left: 80%;
  background-color: #e8194f;
  border-radius: 5vw;
  position: absolute;
  height: 100%;
  top: 0;
}

.box .div {
  width: 75%;
  left: 14%;
  background-color: var(--black);
  border-radius: 0px 5vw 5vw 0px;
  position: absolute;
  height: 100%;
  top: 0;
}

.box .ellipse {
  position: absolute;
  width: 28%;
  height: 100%;
  top: 0;
  left: 0;
  background-color: #ffffff;
  border-radius: 50%;
  border: 2px solid;
  border-color: var(--black);
}

.box .text-wrapper-2 {
  position: absolute;
  top: 3vw;
  left: 45%;
  font-family: "Satoshi-Bold", Helvetica;
  font-weight: 700;
  color: var(--white);
  font-size: 16vw;
  letter-spacing: 0;
  line-height: normal;
}


.box .img {
  position: absolute;
  height: 50%;
  width: 66.25%;
  top: 25%;
  left: 16.875%;
}