.mainSlider .slide.quality-control-slide .img--holder {
    position: relative;
    background-position: center right;
}

.qc-floating-visual {
    position: relative;
    width: 100%;
}

.chessbox02__item .chessbox02__img .qc-floating-visual img {
    position: static;
    display: block;
    width: 100%;
    height: auto;
    left: auto;
    right: auto;
}

.qc-floating-annotation {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    color: #3E51FF;
    pointer-events: none;
}

.qc-floating-annotation__lines {
    fill: none;
    stroke: currentColor;
    stroke-width: 1;
}

.qc-floating-annotation__lines > * {
    vector-effect: non-scaling-stroke;
}

.qc-floating-annotation__lines rect {
    stroke-width: 2;
}

.qc-floating-annotation text {
    fill: currentColor;
    font-family: "Play", sans-serif;
    font-size: 30.32px;
    font-weight: 700;
    letter-spacing: .95px;
}

@media (prefers-reduced-motion: reduce) {
    .qc-floating-annotation[data-aos] {
        opacity: 1 !important;
        transform: none !important;
        transition: none !important;
    }
}

@media (max-width: 790.98px) {
    .qc-floating-visual {
        left: min(12%, 50px);
    }
}

@media (min-width: 791px) {
    .qc-floating-visual {
        left: 50px;
    }
}

@media (min-width: 1230px) {
    .qc-floating-visual {
        left: calc(-11% + 50px);
    }
}

@media (min-width: 1600px) {
    .qc-floating-visual {
        left: calc(-29% + 50px);
    }
}

@media (min-width: 1921px) {
    .qc-floating-visual {
        width: 85%;
    }
}

.mainSlider .slide.quality-control-slide .img--holder::after {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(90deg, rgba(8, 12, 30, .92) 0%, rgba(8, 12, 30, .75) 42%, rgba(8, 12, 30, .2) 78%, rgba(8, 12, 30, .1) 100%);
}

@media screen and (max-width: 767.98px) {
    .mainSlider .slide.quality-control-slide .img--holder {
        background-position: 75% center;
    }
}

@media screen and (min-width: 1024px) {
    .logo-blue {
        display: none;
    }

    .logo-white {
        display: block;
    }

    #top-bar.stuck .logo-blue {
        display: block;
    }

    #top-bar.stuck .logo-white {
        display: none;
    }
}

@media screen and (max-width: 1023.98px) {
    .logo-blue {
        display: block;
    }

    .logo-white {
        display: none;
    }
}