        .troca2 {
            position: absolute;
            top: 44%;
            right: 5%;
        }

        .troca1 {
            position: absolute;
            top: 26%;
            left: 33%;
        }


        .hotspot2 {
            flex-direction: row-reverse;
            top: 42%;
            right: 11%;
        }

        .hotspot2 .thumb-label {
            text-align: right;
        }

        .hotspot1 {
            top: 24%;
            left: 35%;
        }

        .linhaProdTroca2 {
            width: 50px;
            height: 1px;
            border-radius: 999px;
            background: #fff;

        }

        .bolaProdTroca2 {
            width: 5px;
            height: 5px;
            border-radius: 50%;
            background: #fff;
            box-shadow: 0 0 12px rgba(255, 255, 255, 0.5);

        }


        .linhaProdTroca1 {
            width: 50px;
            height: 1px;
            border-radius: 999px;
            background: #fff;

        }

        .bolaProdTroca1 {
            width: 5px;
            height: 5px;
            border-radius: 50%;
            background: #fff;
            box-shadow: 0 0 12px rgba(255, 255, 255, 0.5);

        }


        @media (max-width: 768px) {
            .thumb-label{
                padding-right: 2px;
                padding-left: 2px;
            }

            .linhaProdTroca2 {
                width: 20px;
            }

            .bolaProdTroca2 {
                width: 3px;
                height: 3px;
            }

            .linhaProdTroca1 {
                width: 20px;
            }

            .bolaProdTroca1 {
                width: 3px;
                height: 3px;
            }

            .troca2 {
                top: 44%;
                right: 3%;
            }

            .troca1 {
                top: 25%;
                left: 27%;
            }

            .hotspot2 {
                top: 42%;
                right: 10%;
            }

            .hotspot1 {
                top: 22%;
                left: 30%;
            }
        }