.recommend{
    margin: 8% 0 5%;;
}

.recommend ul {
    list-style: none;
    padding: 0;
    display: flex;
    flex-wrap: wrap;
    gap: 1%;
}
.recommend a li {
    border: 1px solid #ccc;
    padding: 10px;
    margin-bottom: 10px;
    position: relative;
    padding-left: 30px;
}

.recommend a li::before {
    content: '\25B6';
    font-size: 0.9em;
    position: absolute;
    left: 10px;
    top: 50%;
    transform: translateY(-50%);
    color: #8b1a10;
}
.recommend a {
    text-decoration: none;
    color: #000;
    width: 49%;
}

.recommend a:hover {
    opacity: 0.6;
}

.recommend h3{
    border-bottom: 6px double black;
    outline: 6px solid white;
    padding-bottom: 5px;
}

.bx-wrapper .bx-pager.bx-default-pager a {
    background: #E0E0E0 ! Important;
    width: 20px ! Important;
    height: 5px ! Important;
    margin: 0 2px ! Important;
}

.bx-wrapper .bx-pager.bx-default-pager a:hover, .bx-wrapper .bx-pager.bx-default-pager a.active{
	background: #990000!Important;
}