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

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

.greens_slides input{
    display: none;
}

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

.greens_slide img{
    width: 100%;
}

/* css for manual slide navigation */

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

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

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

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

#greens_radio1:checked ~ .greens_first{
    margin-left: 0;
}

#greens_radio2:checked ~ .greens_first{
    margin-left: -8%;
}

#greens_radio3:checked ~ .greens_first{
    margin-left: -16%;
}

#greens_radio4:checked ~ .greens_first{
    margin-left: -24%;
}

#greens_radio5:checked ~ .greens_first{
    margin-left: -32%;
}

#greens_radio6:checked ~ .greens_first{
    margin-left: -40%;
}

#greens_radio7:checked ~ .greens_first{
    margin-left: -48%;
}

#greens_radio8:checked ~ .greens_first{
    margin-left: -56%;
}

#greens_radio9:checked ~ .greens_first{
    margin-left: -64%;
}

#greens_radio10:checked ~ .greens_first{
    margin-left: -72%;
}

#greens_radio11:checked ~ .greens_first{
    margin-left: -80%;
}

/* css for automatic navigation */

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

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

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

#greens_radio1:checked ~ .greens_navigation-auto .auto-btn_nectarine{
    background: #40D3DC;
}

#greens_radio2:checked ~ .greens_navigation-auto .auto-btn_apricot{
    background: #40D3DC;
}

#greens_radio3:checked ~ .greens_navigation-auto .auto-btn_peach{
    background: #40D3DC;
}

#greens_radio4:checked ~ .greens_navigation-auto .auto-btn_cherry{
    background: #40D3DC;
}

#greens_radio5:checked ~ .greens_navigation-auto .auto-btn_currant{
    background: #40D3DC;
}

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

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

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

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

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

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