.single-banner {
  padding: 100px 0px 180px;
}

.brand-single {
    position: relative;
    text-align: right;
    margin-top: 18px;
    padding-bottom: 5px;
    z-index: 1;
    background-color: white;
}

.brand-single a {
    display: block;
}

.brand-single a img {
    width: 140px;
    height: 140px;
    border-radius: 5%;
    border: 6px solid var(--body);
    margin-bottom: 3px;
    margin-top: 6px;
}

.brand-single a h4 {
    text-transform: capitalize;
    margin-top: 12px;
    text-align: right;
}

.brand-single ul {
    margin-right: -40px;
}

.brand-single ul li {
  font-size: 13px;
  margin: 0px 1px;
  color: var(--gray);
  display: inline-block;
}

.brand-single ul .active {
  color: var(--yellow);
}

.brand-single ul .total {
  color: var(--heading);
}