.slick-prev, .slick-next, .slick-prev:hover,.slick-prev:focus,.slick-next:hover,.slick-next:focus, .slick-prev:before,.slick-next:before{
    color: red;
}

.arrow_box{
    display: flex;
    
    background:#f9f9f9;
    margin: auto;
    height:400px; 
    width: 600px;
}

.slider{
    display: flex;
    
    background:#f9f9f9;
    margin: auto;
    height:400px; 
    width: 600px;
}


.project-gallery-arrow{
    width: 3.5em;
    height: 3.5em;
    left: 0;
}

.list-detail{
    margin: 0 0 3rem 0;
    border-top: 1px solid red;
    list-style: none;
    padding: 0;
}
.list-detail li{
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    display: flex;
    flex-direction: row;
    font-size: 1rem;
    border-bottom: 1px solid red;
    padding: 1rem 0;
}

.title-project{
    width: 12.5rem;
    color: green;
}

.list-detail li .value{
    -webkit-box-flex: 1;
    flex: 1;
    color: black;
}

@media screen and (max-width: 991px) {
    .arrow_box{
        display: flex;
        
        background:#f9f9f9;
        margin: 0; 
        width: 100%;
        height: auto;
    }
    
    .slider{
        display: flex;
        
        background:#f9f9f9;
        margin: 0; 
        width: 100%;
        height: auto;
    }
}