.offerBtn {
    transition: all .3s;
}
.offerBtn:hover {
    transform: translateY(-5%);
}
.offer01-1 {
    top: 3%;
    left: 0%;
    width: 29.7%;
}
.offer01-2 {
    top: 33.7%;
    left: 0%;
    width: 100%;
    -webkit-mask: url("../images/thing11-2.png") no-repeat center center;
    mask: url("../images/thing11-2.png") no-repeat center center;
    mask: url("../images/thing11-2.webp") no-repeat center center;
    -webkit-mask-size: contain;
    mask-size: contain;
}
.offer01-3 {
    top: 53.7%;
    left: 12%;
    width: 80.8%;
}
.offer01-4 {
    top: 71.7%;
    left: 8%;
    width: 91.8%;
    -webkit-mask: url("../images/thing11-4.png") no-repeat center center;
    mask: url("../images/thing11-4.png") no-repeat center center;
    mask: url("../images/thing11-4.webp") no-repeat center center;
    -webkit-mask-size: contain;
    mask-size: contain;
}
.offer01-5 {
    top: 85.7%;
    left: 12%;
    width: 80.8%;
}
.offer02-1 {
    top: 14.5%;
    left: 8%;
    width: 91.8%;
    -webkit-mask: url("../images/thing12-1.png") no-repeat center center;
    mask: url("../images/thing12-1.png") no-repeat center center;
    mask: url("../images/thing12-1.webp") no-repeat center center;
    -webkit-mask-size: contain;
    mask-size: contain;
}
.offer02-2 {
    top: 38.7%;
    left: 12%;
    width: 80.8%;
}
.offer02-3 {
    top: 68%;
    left: 8%;
    width: 64.8%;
    -webkit-mask: url("../images/thing12-3.png") no-repeat center center;
    mask: url("../images/thing12-3.png") no-repeat center center;
    mask: url("../images/thing12-3.webp") no-repeat center center;
    -webkit-mask-size: contain;
    mask-size: contain;
}
.offer02-4 {
    top: 83.7%;
    left: 12%;
    width: 80.8%;
}
.offer03-1 {
    top: 0%;
    left: 0.1%;
    width: 99.8%;
    -webkit-mask: url("../images/thing13-1.png") no-repeat center center;
    mask: url("../images/thing13-1.png") no-repeat center center;
    mask: url("../images/thing13-1.webp") no-repeat center center;
    -webkit-mask-size: contain;
    mask-size: contain;
}
.offer03-2 {
    top: 32%;
    left: 0.1%;
    width: 99.8%;
    -webkit-mask: url("../images/thing13-2.png") no-repeat center center;
    mask: url("../images/thing13-2.png") no-repeat center center;
    mask: url("../images/thing13-2.webp") no-repeat center center;
    -webkit-mask-size: contain;
    mask-size: contain;
}
.offer03-3 {
    top: 63%;
    left: 0.1%;
    width: 99.8%;
    -webkit-mask: url("../images/thing13-3.png") no-repeat center center;
    mask: url("../images/thing13-3.png") no-repeat center center;
    mask: url("../images/thing13-3.webp") no-repeat center center;
    -webkit-mask-size: contain;
    mask-size: contain;
}
.offer04-1 {
    top: 49.5%;
    left: 0;
    width: 100%;
    height: 6%;
}
.offer04-2 {
    top: 73.5%;
    left: 0;
    width: 100%;
    height: 17%;
}
.offer04-3 {
    top: 91.5%;
    left: 0;
    width: 100%;
    height: 3%;
}