.offerBtn {
    transition: all .3s;
}

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

.thing-7-1 {
    top: 5.2%;
    left: 2%;
    width: 59.8%;
    -webkit-mask: url("../images/thing-7-1.png") no-repeat center center;
    mask: url("../images/thing-7-1.png") no-repeat center center;
    mask: url("../images/thing-7-1.avif") no-repeat center center;
    -webkit-mask-size: contain;
    mask-size: contain;
}

.thing-7-2 {
    top: 28.3%;
    left: 6%;
    width: 28.5%;
}

.thing-7-3 {
    top: 28.3%;
    left: 35.8%;
    width: 28.5%;
}

.thing-7-4 {
    top: 28.3%;
    left: 65.6%;
    width: 28.5%;
}

.thing-7-5 {
    top: 89%;
    left: 26.5%;
    width: 58.7%;
    -webkit-mask: url("../images/thing-7-5.png") no-repeat center center;
    mask: url("../images/thing-7-5.png") no-repeat center center;
    mask: url("../images/thing-7-5.avif") no-repeat center center;
    -webkit-mask-size: contain;
    mask-size: contain;
}

.thing-8-1 {
    top: 0%;
    left: 2.8%;
    width: 92.7%;
}

.thing-8-2 {
    top: 87.4%;
    left: 2.6%;
    width: 46.2%;
}

.thing-8-3 {
    top: 87.4%;
    left: 50.14%;
    width: 46.2%;
}

.thing-9-1 {
    top: 0%;
    left: 2.5%;
    width: 94.8%;
}

.thing-9-2 {
    top: 85.6%;
    left: 11%;
    width: 78.7%;
}

.thing-10-1 {
    top: 38%;
    left: 11.4%;
    width: 78.7%;
}

.thing-10-2 {
    top: 90.2%;
    left: 9.4%;
    width: 82.9%;
}

.offerD {
    top: 46.5%;
    width: 100%;
}

.thing-11-1 {
    top: 0%;
    left: 3.7%;
    width: 92.3%;
}

.thing-11-2 {
    top: 85.8%;
    left: 9.4%;
    width: 82.6%;
}