.fruits_slider{
    border-radius: 2%;
    overflow: hidden;
}

.fruits_slides{
    width: 1250%;
    height: 100%;
    display: flex;
}

.fruits_slides input{
    display: none;
}

.fruits_slide{
    width: 8%;
    transition: 2s;
}

.fruits_slide img{
    width: 100%;
}

/* css for manual slide navigation */

.fruits_navigation-manual{
    position: absolute;
    width: 100%;
    margin-top: 70%;
    display: flex;
    justify-content: center;
}

.fruits_manual-btn{
    border: 1% solid #40D3DC;
    padding: 1%;
    border-radius: 2%;
    cursor: pointer;
    transition: 1s;
}

.fruits_manual-btn:not(:last-child){
    margin-right: 5%;
}

.fruits_manual-btn:hover{
    background: #40D3DC;
}

#fruits_radio1:checked ~ .fruits_first{
    margin-left: 0;
}

#fruits_radio2:checked ~ .fruits_first{
    margin-left: -8%;
}

#fruits_radio3:checked ~ .fruits_first{
    margin-left: -16%;
}

#fruits_radio4:checked ~ .fruits_first{
    margin-left: -24%;
}

#fruits_radio5:checked ~ .fruits_first{
    margin-left: -32%;
}

#fruits_radio6:checked ~ .fruits_first{
    margin-left: -40%;
}

#fruits_radio7:checked ~ .fruits_first{
    margin-left: -48%;
}

#fruits_radio8:checked ~ .fruits_first{
    margin-left: -56%;
}

#fruits_radio9:checked ~ .fruits_first{
    margin-left: -64%;
}

#fruits_radio10:checked ~ .fruits_first{
    margin-left: -72%;
}

#fruits_radio11:checked ~ .fruits_first{
    margin-left: -80%;
}

/* css for automatic navigation */

.fruits_navigation-auto{
    position: absolute;
    display: flex;
    width: 100%;
    justify-content: center;
    margin-top: 70%;
}

.fruits_navigation-auto div{
    border: 1% solid #40D3DC;
    padding: 1%;
    border-radius: 2%;
    transition: 1s;
}

.fruits_navigation-auto div:not(:last-child){
    margin-right: 5%;
}

#fruits_radio1:checked ~ .fruits_navigation-auto .auto-btn_nectarine{
    background: #40D3DC;
}

#fruits_radio2:checked ~ .fruits_navigation-auto .auto-btn_apricot{
    background: #40D3DC;
}

#fruits_radio3:checked ~ .fruits_navigation-auto .auto-btn_peach{
    background: #40D3DC;
}

#fruits_radio4:checked ~ .fruits_navigation-auto .auto-btn_cherry{
    background: #40D3DC;
}

#fruits_radio5:checked ~ .fruits_navigation-auto .auto-btn_currant{
    background: #40D3DC;
}

#fruits_radio6:checked ~ .navigation-auto .auto-btn_pear{
    background: #40D3DC;
}

#fruits_radio7:checked ~ .navigation-auto .auto-btn_plum{
    background: #40D3DC;
}

#fruits_radio8:checked ~ .navigation-auto .auto-btn_apple{
    background: #40D3DC;
}

#fruits_radio9:checked ~ .navigation-auto .auto-btn_figpeach{
    background: #40D3DC;
}

#fruits_radio10:checked ~ .navigation-auto .auto-btn_redraspberry{
    background: #40D3DC;
}

#fruits_radio11:checked ~ .navigation-auto .auto-btn_blackberry{
    background: #40D3DC;
}