.offerBtn {
    transition: all .3s;
}

.offerBtn:hover {
    transform: translateY(5%);
}
.offer01-1 {
    top: 29.5%;
    left: 2.85%;
    width: 94.3%;
    -webkit-mask: url("../images/thing17-1.png") 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;
}
.offer01-2 {
    top: 39%;
    left: 81%;
    width: 12.6%;
}
.offer02-1 {
    top: 72.5%;
    left: 2.85%;
    width: 94.3%;
    -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;
}
.offer02-2 {
    top: 78.5%;
    left: 81%;
    width: 12.6%;
}
.offer03-1 {
    top: 72%;
    left: 2.85%;
    width: 94.3%;
    -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;
}
.offer03-2 {
    top: 78%;
    left: 81%;
    width: 12.6%;
}
.offer04-1 {
    top: 68%;
    left: 2.85%;
    width: 94.3%;
    -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;
}
.offer04-2 {
    top: 75%;
    left: 81%;
    width: 12.6%;
}
.offer05-1 {
    top: 67%;
    left: 2.85%;
    width: 94.3%;
    -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: 74%;
    left: 81%;
    width: 12.6%;
}