.intro {
    height: 4300px !important;
    max-height: 4300px !important;
    margin: 0;
    padding: 0;
}

.btn-play {
    background-color: transparent;
    border: 0px;
}

.play-sound {
    width: 64px;
    height: 64px;
}

/* 1 модель */

.range {
    -webkit-appearance: none; /* скрываем стандартный вид элемента в Chrome/Safari */
    margin-left: 15px;
    height: 8px;
    border-radius: 15px;
    outline: none;
    background: -webkit-linear-gradient(left, #ff007b 0%, #ff007b 50%, #fff 50%, #fff 100%); /* цвет фона */
}

.range::-webkit-slider-thumb {
    -webkit-appearance: none; /* скрываем стандартный вид элемента thumb в Chrome/Safari */
    width: 20px;
    height: 20px;
    border-radius: 50%; /* скругляем до круга */
    background-color: #ff007b; /* цвет thumb */
    cursor: pointer; /* курсор будет выглядеть как указатель */
    }

/* 2 модель */

    .range2 {
        -webkit-appearance: none; /* скрываем стандартный вид элемента в Chrome/Safari */
        margin-left: 15px;
        height: 8px;
        border-radius: 15px;
        outline: none;
        background: -webkit-linear-gradient(left, #ff007b 0%, #ff007b 50%, #fff 50%, #fff 100%); /* цвет фона */
    }
    
    .range2::-webkit-slider-thumb {
        -webkit-appearance: none; /* скрываем стандартный вид элемента thumb в Chrome/Safari */
        width: 20px;
        height: 20px;
        border-radius: 50%; /* скругляем до круга */
        background-color: #ff007b; /* цвет thumb */
        cursor: pointer; /* курсор будет выглядеть как указатель */
        }

/* 3 модель */

        .range3 {
            -webkit-appearance: none; /* скрываем стандартный вид элемента в Chrome/Safari */
            margin-left: 15px;
            height: 8px;
            border-radius: 15px;
            outline: none;
            background: -webkit-linear-gradient(left, #ff007b 0%, #ff007b 50%, #fff 50%, #fff 100%); /* цвет фона */
        }
        
        .range3::-webkit-slider-thumb {
            -webkit-appearance: none; /* скрываем стандартный вид элемента thumb в Chrome/Safari */
            width: 20px;
            height: 20px;
            border-radius: 50%; /* скругляем до круга */
            background-color: #ff007b; /* цвет thumb */
            cursor: pointer; /* курсор будет выглядеть как указатель */
            }
            
            
            
/* 4 модель */
            .range4 {
                -webkit-appearance: none; /* скрываем стандартный вид элемента в Chrome/Safari */
                margin-left: 15px;
                height: 8px;
                border-radius: 15px;
                outline: none;
                background: -webkit-linear-gradient(left, #ff007b 0%, #ff007b 50%, #fff 50%, #fff 100%); /* цвет фона */
            }
            
            .range4::-webkit-slider-thumb {
                -webkit-appearance: none; /* скрываем стандартный вид элемента thumb в Chrome/Safari */
                width: 20px;
                height: 20px;
                border-radius: 50%; /* скругляем до круга */
                background-color: #ff007b; /* цвет thumb */
                cursor: pointer; /* курсор будет выглядеть как указатель */
                }