html{ background-color: #f5f5f5; }
.boats{}
.boats .item{
    background-color: #FFF; border-radius: 20px; box-shadow: 2px 2px 5px 0 rgba(0,0,0,0.2);
    padding: 10px 10px 10px 10px; margin-bottom: 45px;
}
.boats .item .img-wrapper{ position: relative; }
.boats .item .img-wrapper img{ border-radius: 12px; height: 263px; width: 100%; object-fit: cover; }
.boats .item .img-wrapper .sell_rent{
    position: absolute; top: 10px; left: 10px; color: #FFF; background-color: rgba(13,56,92,0.5); padding: 2px 5px 0 5px;
}
.boats .item .img-wrapper .price{ position: absolute; bottom: 10px; right: 20px; color: #FFF; }
.boats .item .title{ margin: 5px 0 10px 0; font-size: 18px; font-weight: 500; }
.boats .item .last-line{ display: flex; }
.boats .item .last-line .left{ margin-right: auto; }
.boats .item .last-line .right{ margin-left: auto; }
.boats .item .last-line .attributes{ display: flex; font-size: 11px; }
.boats .item .last-line .attributes div span:last-child:after{ content: '|'; padding: 0 6px; }
.boats .item .last-line .attributes div:last-child span:after{ content: ''; padding: 0; }
.boats .item .last-line .type{ font-size: 11px;  }
.boats .item .last-line .right .btn{ font-size: 13px; border-radius: 0; }
.boats .item .last-line .right .btn span{ margin-right: 20px; }
.boats .item .last-line .right .btn img{  }