/* dashboard */
.tm1 {
    margin-right: 30px;
}

.tm2 {
    margin-right: 170px;
}

.tm3 {
    margin-right: 230px;
}

.badge {
    background-color: royalblue;
}

/* produk */
.car:hover {
    border: 2px solid;
    /* border-radius: 1%; */
    color: rgb(252, 122, 22);
}

/* details */
.slides .images {
    display: flex;
    transition: 0s;
}

.card .wraper {
    width: 500px;
    border-radius: 5px;
    overflow: hidden;
    margin-left: 20px;
    margin-bottom: 50px;
}

.navigation {
    margin-left: -10px;
    margin-top: 10px;
}

.navigation img {
    height: 80px;
    width: 80px;
    font-size: 0px;
    margin: 9px;
}

.navigation img:hover {
    border: 2px solid;
    color: rgb(252, 122, 22);
}

#slide-1:target~.images {
    margin-left: 0px;
}

#slide-2:target~.images {
    margin-left: -100%;
}

#slide-3:target~.images {
    margin-left: -200%;
}

#slide-4:target~.images {
    margin-left: -300%;
}