.offerBtn {
    transition: all .3s;
}

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

.thing10-01 {
    top: 13%;
    left: 5%;
    width: 90%;
}

.thing10-02 {
    top: 23%;
    left: 0%;
    width: 82.1%;
    -webkit-mask: url("../images/thing10-02.png") no-repeat center center;
    mask: url("../images/thing10-02.png") no-repeat center center;
    mask: url("../images/thing10-02.avif") no-repeat center center;
    -webkit-mask-size: contain;
    mask-size: contain;
}

.thing11-01 {
    top: 0.5%;
    left: 4%;
    width: 92.8%;
}

.thing11-02 {
    top: 21.5%;
    left: 4%;
    width: 33.5%;
    -webkit-mask: url("../images/thing11-02.png") no-repeat center center;
    mask: url("../images/thing11-02.png") no-repeat center center;
    mask: url("../images/thing11-02.avif") no-repeat center center;
    -webkit-mask-size: contain;
    mask-size: contain;
}

.thing11-03 {
    top: 54.5%;
    left: 10.3%;
    width: 83.4%;
    -webkit-mask: url("../images/thing11-03.png") no-repeat center center;
    mask: url("../images/thing11-03.png") no-repeat center center;
    mask: url("../images/thing11-03.avif") no-repeat center center;
    -webkit-mask-size: contain;
    mask-size: contain;
}

.thing11-04 {
    top: 77%;
    left: 4%;
    width: 93.2%;
    -webkit-mask: url("../images/thing11-04.png") no-repeat center center;
    mask: url("../images/thing11-04.png") no-repeat center center;
    mask: url("../images/thing11-04.avif") no-repeat center center;
    -webkit-mask-size: contain;
    mask-size: contain;
}

.thing12-01 {
    top: 16%;
    left: 2%;
    width: 36%;
    -webkit-mask: url("../images/thing12-01.png") no-repeat center center;
    mask: url("../images/thing12-01.png") no-repeat center center;
    mask: url("../images/thing12-01.avif") no-repeat center center;
    -webkit-mask-size: contain;
    mask-size: contain;
}

.thing12-02 {
    top: 51%;
    left: 10.3%;
    width: 83.4%;
    -webkit-mask: url("../images/thing12-02.png") no-repeat center center;
    mask: url("../images/thing12-02.png") no-repeat center center;
    mask: url("../images/thing12-02.avif") no-repeat center center;
    -webkit-mask-size: contain;
    mask-size: contain;
}

.thing12-03 {
    top: 75%;
    left: 4%;
    width: 93.2%;
    -webkit-mask: url("../images/thing12-03.png") no-repeat center center;
    mask: url("../images/thing12-03.png") no-repeat center center;
    mask: url("../images/thing12-03.avif") no-repeat center center;
    -webkit-mask-size: contain;
    mask-size: contain;
}

.thing13-01 {
    top: 16%;
    left: 2%;
    width: 34.5%;
    -webkit-mask: url("../images/thing13-01.png") no-repeat center center;
    mask: url("../images/thing13-01.png") no-repeat center center;
    mask: url("../images/thing13-01.avif") no-repeat center center;
    -webkit-mask-size: contain;
    mask-size: contain;
}

.thing13-02 {
    top: 27%;
    left: 60%;
    width: 37.4%;
    -webkit-mask: url("../images/thing13-02.png") no-repeat center center;
    mask: url("../images/thing13-02.png") no-repeat center center;
    mask: url("../images/thing13-02.avif") no-repeat center center;
    -webkit-mask-size: contain;
    mask-size: contain;
}

.thing13-03 {
    top: 72%;
    left: 4%;
    width: 93.2%;
    -webkit-mask: url("../images/thing13-03.png") no-repeat center center;
    mask: url("../images/thing13-03.png") no-repeat center center;
    mask: url("../images/thing13-03.avif") no-repeat center center;
    -webkit-mask-size: contain;
    mask-size: contain;
}

.thing14-01 {
    top: 13.8%;
    left: 27%;
    width: 25.5%;
    -webkit-mask: url("../images/thing14-01.png") no-repeat center center;
    mask: url("../images/thing14-01.png") no-repeat center center;
    mask: url("../images/thing14-01.avif") no-repeat center center;
    -webkit-mask-size: contain;
    mask-size: contain;
}

.thing14-02 {
    top: 45%;
    left: 6.2%;
    width: 42.1%;
    -webkit-mask: url("../images/thing14-02.png") no-repeat center center;
    mask: url("../images/thing14-02.png") no-repeat center center;
    mask: url("../images/thing14-02.avif") no-repeat center center;
    -webkit-mask-size: contain;
    mask-size: contain;
}

.thing14-03 {
    top: 70%;
    left: 6.4%;
    width: 42.4%;
    -webkit-mask: url("../images/thing14-03.png") no-repeat center center;
    mask: url("../images/thing14-03.png") no-repeat center center;
    mask: url("../images/thing14-03.avif") no-repeat center center;
    -webkit-mask-size: contain;
    mask-size: contain;
}

.thing14-04 {
    top: 13.8%;
    left: 71.5%;
    width: 25.5%;
    -webkit-mask: url("../images/thing14-04.png") no-repeat center center;
    mask: url("../images/thing14-04.png") no-repeat center center;
    mask: url("../images/thing14-04.avif") no-repeat center center;
    -webkit-mask-size: contain;
    mask-size: contain;
}

.thing14-05 {
    top: 63%;
    left: 51.6%;
    width: 42.4%;
    -webkit-mask: url("../images/thing14-05.png") no-repeat center center;
    mask: url("../images/thing14-05.png") no-repeat center center;
    mask: url("../images/thing14-05.avif") no-repeat center center;
    -webkit-mask-size: contain;
    mask-size: contain;
}

.thing15-01 {
    top: 22%;
    left: 3%;
    width: 88.2%;
}

.thing15-02 {
    top: 57%;
    left: 2.7%;
    width: 94.7%;
}