.offerBtn {
    transition: all .3s;
}

.offerBtn:hover {
    transform: translateY(5%);
}

.offer01-1 {
    top: 9%;
    left: 34%;
    width: 58.3%;
    -webkit-mask: url("../images/offer1_title.png") no-repeat center center;
    mask: url("../images/offer1_title.png") no-repeat center center;
    mask: url("../images/offer1_title.webp") no-repeat center center;
    -webkit-mask-size: contain;
    mask-size: contain;
}

.offer01-2 {
    top: 82%;
    left: 5.6%;
    width: 88.1%;
}

.offer02-1 {
    top: 2.6%;
    left: 33.5%;
    width: 59%;
    -webkit-mask: url("../images/offer2_title.png") no-repeat center center;
    mask: url("../images/offer2_title.png") no-repeat center center;
    mask: url("../images/offer2_title.webp") no-repeat center center;
    -webkit-mask-size: contain;
    mask-size: contain;
}

.offer02-2 {
    top: 43.6%;
    left: 8%;
    width: 32%;
}

.offer02-3 {
    top: 84%;
    left: 5.6%;
    width: 88.1%;
}

.offer03-1 {
    top: 2.3%;
    left: 34%;
    width: 58.4%;
    -webkit-mask: url("../images/offer3_title.png") no-repeat center center;
    mask: url("../images/offer3_title.png") no-repeat center center;
    mask: url("../images/offer3_title.webp") no-repeat center center;
    -webkit-mask-size: contain;
    mask-size: contain;
}

.offer03-2 {
    top: 44%;
    left: 8%;
    width: 48%;
}

.offer03-3 {
    top: 74.6%;
    left: 42%;
    width: 46.5%;
    -webkit-mask: url("../images/offer3_prize.png") no-repeat center center;
    mask: url("../images/offer3_prize.png") no-repeat center center;
    mask: url("../images/offer3_prize.webp") no-repeat center center;
    -webkit-mask-size: contain;
    mask-size: contain;
}

.offer03-4 {
    top: 84%;
    left: 5.6%;
    width: 88.1%;
}

.offer04-1 {
    top: 3%;
    left: 41%;
    width: 53.3%;
    -webkit-mask: url("../images/main-offer_plus.png") no-repeat center center;
    mask: url("../images/main-offer_plus.png") no-repeat center center;
    mask: url("../images/main-offer_plus.webp") no-repeat center center;
    -webkit-mask-size: contain;
    mask-size: contain;
}

.offer04-2 {
    top: 18%;
    left: 4%;
    width: 32.6%;
}

.offer04-3 {
    top: 8.5%;
    left: 6%;
    width: 56.1%;
}

.offer04-4 {
    top: 20.2%;
    left: 37%;
    width: 53%;
    /* -webkit-mask: url("../images/main-offer_title-02.png") no-repeat center center;
    mask: url("../images/main-offer_title-02.png") no-repeat center center;
    mask: url("../images/main-offer_title-02.webp") no-repeat center center;
    -webkit-mask-size: contain;
    mask-size: contain; */
}

.offer04-5 {
    top: 32%;
    left: 5%;
    width: 88%;
    -webkit-mask: url("../images/main-offer_PD-02.png") no-repeat center center;
    mask: url("../images/main-offer_PD-02.png") no-repeat center center;
    mask: url("../images/main-offer_PD-02.webp") no-repeat center center;
    -webkit-mask-size: contain;
    mask-size: contain;
}

.offer04-6 {
    top: 50%;
    left: 5.05%;
    width: 89.9%;
}

.offer04-7 {
    top: 75%;
    left: 43%;
    width: 46.7%;
    -webkit-mask: url("../images/main-offer_prize-02.png") no-repeat center center;
    mask: url("../images/main-offer_prize-02.png") no-repeat center center;
    mask: url("../images/main-offer_prize-02.webp") no-repeat center center;
    -webkit-mask-size: contain;
    mask-size: contain;
}

.offer04-8 {
    top: 83%;
    left: 6%;
    width: 88.1%;
}