.offerBtn {
  transition: all 0.3s;
}
.offerBtn:hover {
  transform: translateY(5%);
}
.offer01-1 {
  top: 11.5%;
  left: 11.4%;
  width: 77.2%;
}
.offer01-2 {
  top: 22%;
  left: 0%;
  width: 50.9%;
  -webkit-mask: url("../images/thing_29.png") no-repeat center center;
  mask: url("../images/thing_29.png") no-repeat center center;
  mask: url("../images/thing_29.webp") no-repeat center center;
  -webkit-mask-size: contain;
  mask-size: contain;
}
.offer01-3 {
    top: 50.5%;
    left: 5%;
    width: 100%;
    -webkit-mask: url("../images/thing_30.png") no-repeat center center;
    mask: url("../images/thing_30.png") no-repeat center center;
    mask: url("../images/thing_30.webp") no-repeat center center;
    -webkit-mask-size: contain;
    mask-size: contain;
}
.offer01-4 {
    top: 50.5%;
    left: 81%;
    width: 26.8%;
}
.offer01-5 {
    top: 80%;
    left: 11.95%;
    width: 77.1%;
}
.offer02-1 {
    top: 0.5%;
    left: 0%;
    width: 49.4%;
    -webkit-mask: url("../images/thing_32.png") no-repeat center center;
    mask: url("../images/thing_32.png") no-repeat center center;
    mask: url("../images/thing_32.webp") no-repeat center center;
    -webkit-mask-size: contain;
    mask-size: contain;
}
.offer02-2 {
    top: 37%;
    left: 5%;
    width: 100%;
    -webkit-mask: url("../images/thing_33.png") no-repeat center center;
    mask: url("../images/thing_33.png") no-repeat center center;
    mask: url("../images/thing_33.webp") no-repeat center center;
    -webkit-mask-size: contain;
    mask-size: contain;
}
.offer02-3 {
    top: 37%;
    left: 81%;
    width: 26.8%;
}
.offer02-4 {
    top: 75.5%;
    left: 11.95%;
    width: 77.1%;
}
.offer03-1 {
    top: 1.5%;
    left: 0%;
    width: 51.2%;
    -webkit-mask: url("../images/thing_35.png") no-repeat center center;
    mask: url("../images/thing_35.png") no-repeat center center;
    mask: url("../images/thing_35.webp") no-repeat center center;
    -webkit-mask-size: contain;
    mask-size: contain;
}
.offer03-2 {
    top: 39%;
    left: 5%;
    width: 100%;
    -webkit-mask: url("../images/thing_36.png") no-repeat center center;
    mask: url("../images/thing_36.png") no-repeat center center;
    mask: url("../images/thing_36.webp") no-repeat center center;
    -webkit-mask-size: contain;
    mask-size: contain;
}
.offer03-3 {
    top: 39%;
    left: 81%;
    width: 26.8%;
}
.offer03-4 {
    top: 74.5%;
    left: 11.95%;
    width: 77.1%;
}
.offer04-1 {
    top: 1%;
    left: 0%;
    width: 52.5%;
    -webkit-mask: url("../images/thing_38.png") no-repeat center center;
    mask: url("../images/thing_38.png") no-repeat center center;
    mask: url("../images/thing_38.webp") no-repeat center center;
    -webkit-mask-size: contain;
    mask-size: contain;
}
.offer04-2 {
    top: 38.5%;
    left: 5%;
    width: 100%;
    -webkit-mask: url("../images/thing_39.png") no-repeat center center;
    mask: url("../images/thing_39.png") no-repeat center center;
    mask: url("../images/thing_39.webp") no-repeat center center;
    -webkit-mask-size: contain;
    mask-size: contain;
}
.offer04-3 {
    top: 77.5%;
    left: 11.95%;
    width: 77.1%;
}
.offer05-1 {
    top: 4%;
    left: 0%;
    width: 51.5%;
    -webkit-mask: url("../images/thing_40.png") no-repeat center center;
    mask: url("../images/thing_40.png") no-repeat center center;
    mask: url("../images/thing_40.webp") no-repeat center center;
    -webkit-mask-size: contain;
    mask-size: contain;
}
.offer05-2 {
    top: 22.5%;
    left: 53%;
    width: 54.3%;
    -webkit-mask: url("../images/thing_41.png") no-repeat center center;
    mask: url("../images/thing_41.png") no-repeat center center;
    mask: url("../images/thing_41.webp") no-repeat center center;
    -webkit-mask-size: contain;
    mask-size: contain;
}
.offer05-3 {
    top: 75.5%;
    left: 11.95%;
    width: 77.1%;
}
.offer06-1 {
    top: 4%;
    left: 0%;
    width: 51.5%;
    -webkit-mask: url("../images/thing_42.png") no-repeat center center;
    mask: url("../images/thing_42.png") no-repeat center center;
    mask: url("../images/thing_42.webp") no-repeat center center;
    -webkit-mask-size: contain;
    mask-size: contain;
}
.offer06-2 {
    top: 25%;
    left: 50%;
    width: 46.4%;
    -webkit-mask: url("../images/thing_43.png") no-repeat center center;
    mask: url("../images/thing_43.png") no-repeat center center;
    mask: url("../images/thing_43.webp") no-repeat center center;
    -webkit-mask-size: contain;
    mask-size: contain;
}
.offer06-3 {
    top: 75.5%;
    left: 11.95%;
    width: 77.1%;
}
.offer07-1 {
    top: 8%;
    left: 0%;
    width: 41.2%;
    -webkit-mask: url("../images/thing_44.png") no-repeat center center;
    mask: url("../images/thing_44.png") no-repeat center center;
    mask: url("../images/thing_44.webp") no-repeat center center;
    -webkit-mask-size: contain;
    mask-size: contain;
}
.offer07-2 {
    top: 75.5%;
    left: 18.6%;
    width: 62.8%;
}
.offer08-1 {
    top: 4%;
    left: 2%;
    width: 40.5%;
    -webkit-mask: url("../images/thing_45.png") no-repeat center center;
    mask: url("../images/thing_45.png") no-repeat center center;
    mask: url("../images/thing_45.webp") no-repeat center center;
    -webkit-mask-size: contain;
    mask-size: contain;
}
.offer08-2 {
    top: 74.5%;
    left: 18.6%;
    width: 62.8%;
}