.offerBtn {
  transition: all 0.3s;
}
.offerBtn:hover {
  transform: translateY(5%);
}
.offer01-1 {
    top: 22.5%;
    left: 23.9%;
    width: 52.8%;
    -webkit-mask: url("../images/thing15-1.webp") 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;
}
.offer01-2 {
    top: 57.55%;
    left: 1.9%;
    width: 91.5%;
    -webkit-mask: url("../images/thing15-2.webp") 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: 84.5%;
    left: 1.7%;
    width: 96.6%;
    -webkit-mask: url("../images/thing15-3.webp") no-repeat center center;
    mask: url("../images/thing15-3.png") no-repeat center center;
    mask: url("../images/thing15-3.webp") no-repeat center center;
    -webkit-mask-size: contain;
    mask-size: contain;
}
.offer02-1 {
    top: 15.5%;
    left: 23.9%;
    width: 52.8%;
    -webkit-mask: url("../images/thing16-1.webp") no-repeat center center;
    mask: url("../images/thing16-1.png") no-repeat center center;
    mask: url("../images/thing16-1.webp") no-repeat center center;
    -webkit-mask-size: contain;
    mask-size: contain;
}
.offer02-2 {
    top: 29.5%;
    left: 60.9%;
    width: 33%;
}
.offer02-3 {
    top: 79.5%;
    left: 1.65%;
    width: 96.7%;
    -webkit-mask: url("../images/thing16-3.webp") no-repeat center center;
    mask: url("../images/thing16-3.png") no-repeat center center;
    mask: url("../images/thing16-3.webp") no-repeat center center;
    -webkit-mask-size: contain;
    mask-size: contain;
}
.offer03-1 {
    top: 15.5%;
    left: 23.9%;
    width: 52.8%;
    -webkit-mask: url("../images/thing17-1.webp") no-repeat center center;
    mask: url("../images/thing17-1.png") no-repeat center center;
    mask: url("../images/thing17-1.webp") no-repeat center center;
    -webkit-mask-size: contain;
    mask-size: contain;
}
.offer03-2 {
    top: 25.5%;
    left: 60.9%;
    width: 33.2%;
}
.offer03-3 {
    top: 78.5%;
    left: 1.65%;
    width: 96.7%;
    -webkit-mask: url("../images/thing17-3.webp") no-repeat center center;
    mask: url("../images/thing17-3.png") no-repeat center center;
    mask: url("../images/thing17-3.webp") no-repeat center center;
    -webkit-mask-size: contain;
    mask-size: contain;
}
.offer04-1 {
    top: 75%;
    left: 1.65%;
    width: 96.7%;
    -webkit-mask: url("../images/thing18-1.webp") 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;
}
.offer05-1 {
    top: 63%;
    left: 1.65%;
    width: 96.7%;
    -webkit-mask: url("../images/thing19-1.webp") 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: 79%;
    left: 0%;
    width: 100%;
    height: 21%;
}
.offer07-1 {
    top: 56.5%;
    left: 0%;
    width: 100%;
    height: 4.5%;
}
.offer07-2 {
    top: 78.5%;
    left: 0%;
    width: 100%;
    height: 12%;
}
.offer07-3 {
    top: 90.5%;
    left: 0%;
    width: 100%;
    height: 2.5%;
}