.offerBtn {
    transition: all .3s;
}

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

.video04_container {
    width: 80.2%;
    height: 22.5%;
    top: 31.8%;
    left: 9.9%;
    border-radius: 47px;
    overflow: hidden;
}

.video04 {
    top: 0%;
    left: -17%;
    width: 135%;
    height: 100%;
}

@media screen and (max-width: 768px) {
    .video04_container {
        border-radius: 17px;
    }
}

.offerTarget {
    top: 9%;
    left: 0%;
    width: 100%;
}

#offerTarget {
    top: 6%;
    left: 0%;
    width: 100%;
}

.thing-12-1 {
    top: 12.2%;
    left: 0%;
    width: 100%;
}

.thing-12-2 {
    top: 53.8%;
    left: 2%;
    width: 95.5%;
    -webkit-mask: url("../images/thing-12-2.png") no-repeat center center;
    mask: url("../images/thing-12-2.png") no-repeat center center;
    mask: url("../images/thing-12-2.avif") no-repeat center center;
    -webkit-mask-size: contain;
    mask-size: contain;
}

.thing-12-3 {
    top: 81.3%;
    left: 10.8%;
    width: 9.6%;
}

.thing-12-4 {
    top: 90%;
    left: 13.7%;
    width: 74.9%;
}

.thing-13-1 {
    top: 16.9%;
    left: 18.5%;
    width: 61.5%;
    -webkit-mask: url("../images/thing-13-1.png") no-repeat center center;
    mask: url("../images/thing-13-1.png") no-repeat center center;
    mask: url("../images/thing-13-1.avif") no-repeat center center;
    -webkit-mask-size: contain;
    mask-size: contain;
}

.thing-13-2 {
    top: 57.8%;
    left: 47.5%;
    width: 43.5%;
}

.thing-13-3 {
    top: 68.9%;
    left: 13%;
    width: 9%;
}

.thing-13-4 {
    top: 83%;
    left: 13.4%;
    width: 74.9%;
}

.thing-14-1 {
    top: 3%;
    left: 0%;
    width: 100%;
}

.thing-14-2 {
    top: 28%;
    left: 11%;
    width: 80.7%;
    -webkit-mask: url("../images/thing-14-2.png") no-repeat center center;
    mask: url("../images/thing-14-2.png") no-repeat center center;
    mask: url("../images/thing-14-2.avif") no-repeat center center;
    -webkit-mask-size: contain;
    mask-size: contain;
}

.thing-14-3 {
    top: 46%;
    left: 67%;
    width: 29.1%;
}

.thing-14-4 {
    top: 73%;
    left: 13%;
    width: 9%;
}

.thing-14-5 {
    top: 85%;
    left: 13.5%;
    width: 74.9%;
}

.thing-15-1 {
    top: 13%;
    left: 12%;
    width: 59.1%;
    -webkit-mask: url("../images/thing-15-1.png") no-repeat center center;
    mask: url("../images/thing-15-1.png") no-repeat center center;
    mask: url("../images/thing-15-1.avif") no-repeat center center;
    -webkit-mask-size: contain;
    mask-size: contain;
}

.thing-15-2 {
    top: 17%;
    left: 66%;
    width: 33.6%;
}

.thing-15-3 {
    top: 69%;
    left: 13%;
    width: 9%;
}

.thing-15-4 {
    top: 84.5%;
    left: 13.3%;
    width: 74.9%;
}

.thing-16-1 {
    top: 18%;
    left: 5.5%;
    width: 40.7%;
    -webkit-mask: url("../images/thing-16-1.png") no-repeat center center;
    mask: url("../images/thing-16-1.png") no-repeat center center;
    mask: url("../images/thing-16-1.avif") no-repeat center center;
    -webkit-mask-size: contain;
    mask-size: contain;
}

.thing-16-2 {
    top: 78%;
    left: 4.4%;
    width: 43.8%;
}

.thing-16-3 {
    top: 18%;
    left: 66%;
    width: 14.9%;
    -webkit-mask: url("../images/thing-16-3.png") no-repeat center center;
    mask: url("../images/thing-16-3.png") no-repeat center center;
    mask: url("../images/thing-16-3.avif") no-repeat center center;
    -webkit-mask-size: contain;
    mask-size: contain;
}

.thing-16-4 {
    top: 78%;
    left: 52.6%;
    width: 43.8%;
}