.title-daa{font-size: 32px; font-weight: 300; line-height: 1.5em;}
.list-duan{display: flex;}
.list-duan .list-duan-item{width: 20%; transition: all 1.5s;padding:10px;border-left:1px solid #fff}
.list-duan .list-duan-item:first-child{border-left:none}
.list-duan{border-top:1px solid #fff}
.stt-duan {display: flex; transition: all .1s; width: 100%; }
.lable-duan .label-text{font-size: 14px; font-weight: 500; text-transform: uppercase; line-height: 28px; fill: #ffffff; color: #ffffff; border-style: solid; border-width: 0px 0px 0px 0px; padding: 6px 20px 6px 20px;background-image: url("/assets/images/hover-item-dl-1-vector-aabf33d61560.png"); background-repeat: no-repeat; background-size: 100% 100%;}

.lable-duan{display: flex; flex-direction: row-reverse;width:100%;top: 16px;position:absolute;right:20px}
.tenduan{transition: all .1s;display: -webkit-inline-box; -webkit-box-orient: vertical; overflow: hidden;word-break: break-all; max-height: 28px;font-size: 20px; font-weight: 400; text-transform: uppercase; line-height: 1.4em;}

.motangan{display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; overflow: hidden;margin: 10px 0px 8px 0px;font-size: 14px; font-weight: 300; line-height: 1.4em;}
.transition{-webkit-transition: background .3s,border .3s,border-radius .3s,-webkit-box-shadow .3s; transition: background .3s,border .3s,border-radius .3s,-webkit-box-shadow .3s; -o-transition: background .3s,border .3s,border-radius .3s,box-shadow .3s; transition: background .3s,border .3s,border-radius .3s,box-shadow .3s; transition: background .3s,border .3s,border-radius .3s,box-shadow .3s,-webkit-box-shadow .3s;}
.list-duan .list-duan-item:hover{width: 40%; transition: all 1s;}
.list-duan .list-duan-item:hover .lable-duan{display:none}
.list-duan .list-duan-item:hover .stt-duan{display:none;transition: all .1s;}
.list-duan-item{min-height: 70vh;align-content: flex-end; align-items: flex-end;justify-content: flex-start;display: flex;position: relative; width: 100%;flex-wrap: wrap;}
.stt-duan,.tenduan, .motangan, .hinhanhda{width:100%!important; transition: all 1.5s}
.list-duan-item:hover .tenduan a{color: #5FD1C1; transition: all 1s;} 
.list-duan-item:hover .hinhanhda{transition: all 1s;}
.hinhanhda a:before { display: none; content: ""; position: absolute; background-image: url("/assets/images/hover-item-dl-1-11ab056f8d36.png"); background-repeat: no-repeat; background-position: center center; background-size: 100% 100%; width: 56px; height: 56px; top: 60%; right: 50%; transform: translate(50%,-50%);z-index: 9;}
.list-duan-item:hover .hinhanhda a:before{display:block}