.offerBtn {
  transition: all 0.3s;
}
.offerBtn:hover {
  transform: translateY(5%);
}
.offer01-1 {
  top: 36%;
  left: 10.75%;
  width: 78.5%;
}
.offer01-2 {
  top: 41%;
  left: 6%;
  width: 88%;
}
.offer01-3 {
  top: 40.5%;
  left: 65%;
  width: 35.7%;
}
.offer01-4 {
    top: 85%;
    left: 17.85%;
    width: 64.3%;
    -webkit-mask: url("../images/thing12-4.png") no-repeat center center;
    mask: url("../images/thing12-4.png") no-repeat center center;
    mask: url("../images/thing12-4.webp") no-repeat center center;
    -webkit-mask-size: contain;
    mask-size: contain;
}
.offer02-1 {
    top: 11%;
    left: 12%;
    width: 76.1%;
}
.offer02-2 {
    top: 18%;
    left: 6%;
    width: 88.5%;
}
.offer02-3 {
    top: 17.5%;
    left: 65%;
    width: 35.7%;
}
.offer02-4 {
    top: 83%;
    left: 17.85%;
    width: 64.3%;
    -webkit-mask: url("../images/thing13-4.png") no-repeat center center;
    mask: url("../images/thing13-4.png") no-repeat center center;
    mask: url("../images/thing13-4.webp") no-repeat center center;
    -webkit-mask-size: contain;
    mask-size: contain;
}
.offer03-1 {
    top: 6%;
    left: 18.45%;
    width: 63.1%;
}
.offer03-2 {
    top: 30%;
    left: 23%;
    width: 44.1%;
}
.offer03-3 {
    top: 78%;
    left: 17.85%;
    width: 64.3%;
    -webkit-mask: url("../images/thing14-3.png") no-repeat center center;
    mask: url("../images/thing14-3.png") no-repeat center center;
    mask: url("../images/thing14-3.webp") no-repeat center center;
    -webkit-mask-size: contain;
    mask-size: contain;
}
.offer04-1 {
    top: 75%;
    left: 6%;
    width: 42.1%;
    -webkit-mask: url("../images/thing15-1.png") no-repeat center center;
    mask: url("../images/thing15-1.png") no-repeat center center;
    mask: url("../images/thing15-1.webp") no-repeat center center;
    -webkit-mask-size: contain;
    mask-size: contain;
}
.offer04-2 {
    top: 75%;
    left: 53.5%;
    width: 42.1%;
    -webkit-mask: url("../images/thing15-2.png") no-repeat center center;
    mask: url("../images/thing15-2.png") no-repeat center center;
    mask: url("../images/thing15-2.webp") no-repeat center center;
    -webkit-mask-size: contain;
    mask-size: contain;
}
.offer05-1 {
    top: 17%;
    left: 33%;
    width: 34%;
}
.offer05-2 {
    top: 30.2%;
    left: 41%;
    width: 43.5%;
}