.offerBtn {
  transition: all 0.3s;
}
.offerBtn:hover {
  transform: translateY(5%);
}
.offer01-1 {
  top: 9.5%;
  left: 52%;
  width: 47.9%;
}
.offer01-2 {
    top: 58%;
    left: 21%;
    width: 45.8%;
    -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;
}
.offer01-3 {
    top: 82%;
    left: 4.05%;
    width: 91.9%;
}
.offer02-1 {
  top: 8%;
  left: 52%;
  width: 47.9%;
}
.offer02-2 {
    top: 56.5%;
    left: 21%;
    width: 45.8%;
    -webkit-mask: url("../images/thing16-2.png") no-repeat center center;
    mask: url("../images/thing16-2.png") no-repeat center center;
    mask: url("../images/thing16-2.webp") no-repeat center center;
    -webkit-mask-size: contain;
    mask-size: contain;
}
.offer02-3 {
    top: 79%;
    left: 4.05%;
    width: 91.9%;
}
.offer03-1 {
  top: 3%;
  left: 52%;
  width: 47.9%;
}
.offer03-2 {
    top: 54%;
    left: 21%;
    width: 45.8%;
    -webkit-mask: url("../images/thing17-2.png") no-repeat center center;
    mask: url("../images/thing17-2.png") no-repeat center center;
    mask: url("../images/thing17-2.webp") no-repeat center center;
    -webkit-mask-size: contain;
    mask-size: contain;
}
.offer03-3 {
    top: 78%;
    left: 4.05%;
    width: 91.9%;
}
.offer04-1 {
    top: 50%;
    left: 19%;
    width: 53.4%;
    -webkit-mask: url("../images/thing18-1.png") no-repeat center center;
    mask: url("../images/thing18-1.png") no-repeat center center;
    mask: url("../images/thing18-1.webp") no-repeat center center;
    -webkit-mask-size: contain;
    mask-size: contain;
}
.offer04-2 {
    top: 73%;
    left: 4.05%;
    width: 91.9%;
}
.offer05-1 {
    top: 53%;
    left: 19%;
    width: 53.4%;
    -webkit-mask: url("../images/thing19-1.png") no-repeat center center;
    mask: url("../images/thing19-1.png") no-repeat center center;
    mask: url("../images/thing19-1.webp") no-repeat center center;
    -webkit-mask-size: contain;
    mask-size: contain;
}
.offer05-2 {
    top: 77%;
    left: 4.05%;
    width: 91.9%;
}
.offer06-1 {
    top: 28%;
    left: 2%;
    width: 96.1%;
}
.offer06-2 {
    top: 62%;
    left: 2%;
    width: 96.1%;
}
.offer07-1 {
    top: 17%;
    left: 17.8%;
    width: 64.3%;
}
.offer07-2 {
    top: 27.5%;
    left: 26.9%;
    width: 46.2%;
    -webkit-mask: url("../images/thing21-2.png") no-repeat center center;
    mask: url("../images/thing21-2.png") no-repeat center center;
    mask: url("../images/thing21-2.webp") no-repeat center center;
    -webkit-mask-size: contain;
    mask-size: contain;
}