.offerBtn {
    transition: all .3s;
}
.offerBtn:hover {
    transform: translateY(5%);
}
.offer01-1 {
    top: 4%;
    left: 4%;
    width: 98.2%;
}
.offer01-2 {
    top: 27.5%;
    left: 63%;
    width: 42.6%;
    -webkit-mask: url("../images/thing_33.png") no-repeat center center;
  mask: url("../images/thing_33.png") no-repeat center center;
  mask: url("../images/thing_33.webp") no-repeat center center;
  -webkit-mask-size: contain;
  mask-size: contain;
}
.offer01-3 {
    top: 87%;
    left: 8%;
    width: 85.1%;
}
.offer02-1 {
    top: 2%;
    left: 64.5%;
    width: 46.2%;
    -webkit-mask: url("../images/thing_34.png") no-repeat center center;
    mask: url("../images/thing_34.png") no-repeat center center;
    mask: url("../images/thing_34.webp") no-repeat center center;
    -webkit-mask-size: contain;
    mask-size: contain;
}
.offer02-2 {
    top: 82%;
    left: 8%;
    width: 85.1%;
}
.offer03-1 {
    top: 1%;
    left: 60%;
    width: 43.9%;
    -webkit-mask: url("../images/thing_35.png") no-repeat center center;
    mask: url("../images/thing_35.png") no-repeat center center;
    mask: url("../images/thing_35.webp") no-repeat center center;
    -webkit-mask-size: contain;
    mask-size: contain;
}
.offer03-2 {
    top: 78%;
    left: 8%;
    width: 85.1%;
}
.offer03-3 {
    top: 17%;
    left: 47%;
    width: 58.3%;
}
.offer04-1 {
    top: 0%;
    left: 63.5%;
    width: 39.7%;
    -webkit-mask: url("../images/thing_37.png") no-repeat center center;
    mask: url("../images/thing_37.png") no-repeat center center;
    mask: url("../images/thing_37.webp") no-repeat center center;
    -webkit-mask-size: contain;
    mask-size: contain;
}
.offer04-2 {
    top: 74%;
    left: 8%;
    width: 85.1%;
}
.offer04-3 {
    top: 17.5%;
    left: 55.7%;
    width: 48.1%;
}
.offer05-1 {
    top: 4.5%;
    left: -4%;
    max-width: 115.8%;
}
.offer05-2 {
    top: 29%;
    left: 66%;
    width: 41.6%;
    -webkit-mask: url("../images/thing_40.png") no-repeat center center;
    mask: url("../images/thing_40.png") no-repeat center center;
    mask: url("../images/thing_40.webp") no-repeat center center;
    -webkit-mask-size: contain;
    mask-size: contain;
}
.offer05-3 {
    top: 87%;
    left: 8%;
    width: 85.1%;
}
.offer06-1 {
    top: 2%;
    left: 64.5%;
    width: 46.2%;
    -webkit-mask: url("../images/thing_41.png") no-repeat center center;
    mask: url("../images/thing_41.png") no-repeat center center;
    mask: url("../images/thing_41.webp") no-repeat center center;
    -webkit-mask-size: contain;
    mask-size: contain;
}
.offer06-2 {
    top: 82%;
    left: 8%;
    width: 85.1%;
}
.offer07-1 {
    top: 1%;
    left: 60%;
    width: 43.9%;
    -webkit-mask: url("../images/thing_42.png") no-repeat center center;
    mask: url("../images/thing_42.png") no-repeat center center;
    mask: url("../images/thing_42.webp") no-repeat center center;
    -webkit-mask-size: contain;
    mask-size: contain;
}
.offer07-2 {
    top: 78%;
    left: 8%;
    width: 85.1%;
}
.offer07-3 {
    top: 19%;
    left: 45.5%;
    width: 58.3%;
}
.offer08-1 {
    top: 12%;
    left: 61%;
    width: 39.7%;
    -webkit-mask: url("../images/thing_37.png") no-repeat center center;
    mask: url("../images/thing_37.png") no-repeat center center;
    mask: url("../images/thing_37.webp") no-repeat center center;
    -webkit-mask-size: contain;
    mask-size: contain;
}
.offer08-2 {
    top: 62%;
    left: 8%;
    width: 85.1%;
}