/*  Mobile View */

#arrowIconMobile {
    transition: transform 1s ease-in-out;
}

#arrowIcon1Mobile {
    transition: transform 1s ease-in-out;
}

#arrowIconMobile1 {
    transition: transform 1s ease-in-out;
}

#arrowIcon1Mobile1 {
    transition: transform 1s ease-in-out;
}


/* Sliders */

.slidecontainerMobile {
    display: flex;
    height: 1.3vw;
    width: 100%;
    border: 0.2vw solid #e3e8fc4d;
    border-radius: 1vw;
}

.sliderMobile1 {
    -webkit-appearance: none;
    width: 100%;
    height: 0.8vw;
    border-radius: 1vw;
    background: linear-gradient(to right,
            #121212 0%,
            #121212 var(--progress-start, 20%),
            #fdcb0a var(--progress-start, 20%),
            #fdcb0a var(--progress, 50%),
            #121212 var(--progress, 50%),
            #121212 100%);
    outline: none;
    opacity: 0.7;
    -webkit-transition: 0.2s;
    transition: opacity 0.2s;
}

.sliderMobile1::-moz-range-progress {
    background: #fdcb0a;
    height: 0.3vw;
    border-radius: 1vw;
    border: none;
}


.sliderMobile1::-webkit-slider-thumb {
    -webkit-appearance: none;
    appearance: none;
    width: 3vw;
    height: 3vw;
    background: url('../assets/sliderCircle.svg');
    cursor: pointer;
    z-index: 1;
    filter: none;
}


.sliderMobile1::-moz-range-thumb {
    width: 3vw;
    height: 3vw;
    background: url('../assets/sliderCircle.svg');
    cursor: pointer;
    z-index: 1;
    filter: none;
}

/* Slider 2 */

.sliderMobile2 {
    -webkit-appearance: none;
    width: 100%;
    height: 0.9vw;
    border-radius: 1vw;
    background: linear-gradient(to right,
            #121212 0%,
            #121212 var(--progress-start, 20%),
            #fdcb0a var(--progress-start, 20%),
            #fdcb0a var(--progress, 50%),
            #121212 var(--progress, 50%),
            #121212 100%);
    outline: none;
    opacity: 0.7;
    -webkit-transition: 0.2s;
    transition: opacity 0.2s;
}

.sliderMobile2::-moz-range-progress {
    background: #fdcb0a;
    height: 0.3vw;
    border-radius: 1vw;
    border: none;
}

.sliderMobile2::-webkit-slider-thumb {
    -webkit-appearance: none;
    appearance: none;
    width: 3vw;
    height: 3vw;
    background: url('../assets/sliderCircle.svg');
    cursor: pointer;
    z-index: 1;
    filter: none;
}

.sliderMobile2::-moz-range-thumb {
    width: 3vw;
    height: 3vw;
    background: url('../assets/sliderCircle.svg');
    cursor: pointer;
    z-index: 1;
    filter: none;
}

/* Slider 3 */

.sliderMobile3 {
    -webkit-appearance: none;
    width: 100%;
    height: 0.9vw;
    border-radius: 1vw;
    background: linear-gradient(to right,
            #121212 0%,
            #121212 var(--progress-start, 20%),
            #fdcb0a var(--progress-start, 20%),
            #fdcb0a var(--progress, 50%),
            #121212 var(--progress, 50%),
            #121212 100%);
    outline: none;
    opacity: 0.7;
    -webkit-transition: 0.2s;
    transition: opacity 0.2s;
}

.sliderMobile3::-moz-range-progress {
    background: #fdcb0a;
    height: 0.3vw;
    border-radius: 1vw;
    border: none;
}

.sliderMobile3::-webkit-slider-thumb {
    -webkit-appearance: none;
    appearance: none;
    width: 3vw;
    height: 3vw;
    background: url('../assets/sliderCircle.svg');
    cursor: pointer;
    z-index: 1;
    filter: none;
}

.sliderMobile3::-moz-range-thumb {
    width: 3vw;
    height: 3vw;
    background: url('../assets/sliderCircle.svg');
    cursor: pointer;
    z-index: 1;
    filter: none;
}

/* Slider 4 */

.sliderMobile4 {
    -webkit-appearance: none;
    width: 100%;
    height: 1vw;
    border-radius: 1vw;
    background: linear-gradient(to right,
            #121212 0%,
            #121212 var(--progress-start, 20%),
            #fdcb0a var(--progress-start, 20%),
            #fdcb0a var(--progress, 50%),
            #121212 var(--progress, 50%),
            #121212 100%);
    outline: none;
    opacity: 0.7;
    -webkit-transition: 0.2s;
    transition: opacity 0.2s;
}

.sliderMobile4::-moz-range-progress {
    background: #fdcb0a;
    height: 0.3vw;
    border-radius: 1vw;
    border: none;
}

.sliderMobile4::-webkit-slider-thumb {
    -webkit-appearance: none;
    appearance: none;
    width: 3vw;
    height: 3vw;
    background: url('../assets/sliderCircle.svg');
    cursor: pointer;
    z-index: 1;
    filter: none;
}

.sliderMobile4::-moz-range-thumb {
    width: 3vw;
    height: 3vw;
    background: url('../assets/sliderCircle.svg');
    cursor: pointer;
    z-index: 1;
    filter: none;
}