/* box du an moc do */
.item-project .info-wrap{
    position: absolute;
    width: 100%;
    padding: 0px 20px 20px 20px;
    bottom: 0;
    left: 0;
    z-index: 3;
}
.item-project .info-wrap a{
    color: #fff;
}
.projects-wrap{
    margin: 0px -15px 0px -15px;
}
.box-duan .owl-stage .owl-item .item-project{
    padding: 0px 15px 0px 15px;
}
.item-project .item-project-iner .img-wrap a::after{
    background: url(../../../../assets/css/images/bg-after.png);
    background-size: contain;
    background-position: center;
    content: "";
    display: block;
    position: absolute;
    width: 100%;
    bottom: 0;
    z-index: 2;
    height: 200px;
    background-position: bottom;
    background-repeat: no-repeat;
    background-size: cover;
}
.projects-wrap.style2 .owl-carousel .owl-nav button{
    margin: 0px -15px !important;
}
.projects-wrap.style2 .img-wrap a::before{
    content: "";
    position: absolute;
    display: block;
    top: 0px;
    left: 0px;
    right: 0px;
    bottom: 0px;
    border: 5px solid transparent;
    transition: all 0.3s;
    z-index: 3;
}
.projects-wrap.style2 .item-project-iner .img-wrap a img{
    transition: all 0.3s;
}
.projects-wrap.style2 .item-project-iner:hover .img-wrap a::before{
    border-color: #FFBA00;
}
.projects-wrap.style2 .item-project-iner:hover .img-wrap a img{
    transform: scale(1.05);
}

@media (max-width: 767px){
    .projects-wrap{
        margin: 0px -0.375rem 0px -0.375rem;
    }
    .box-duan .owl-stage .owl-item .item-project{
        padding: 0px 0.375rem 0px 0.375rem;
    }
}