 .brand-img{
                width: 150px;
                height: 150px;
            }
            .brand-img img{
                object-fit: contain;
                object-position: center;
                aspect-ratio: 3/2;
            }
             .brand-img{
             position: relative; 
            
            }
            .brand-img .split-name{
            margin: 0;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    font-size: 30px;
    font-weight: bold;
    color: black;      
            }
           .brand-item {
    width: auto;
}
span.brand-name {
    text-align: center;
    width: 100%;
    margin: 0;
}
.alphabet-seperator{
    padding:15px;
    border-bottom: 1px solid #dcdcdc;
    font-weight: bold;
    font-size: 24px;
    color: black;
}
.alpha-link{
      font-size: 24px;
        padding: 5px;
        
  
}
.alpha-link:not(:last-child){
      border-right: 1px solid #dcdcdc;
}


/* .list-group-item:not(:last-child) {
    border-bottom: 1px solid black;
} */

.list-group-item {
    padding: 0.2rem 0.7rem;
    border: none;
}




@media screen and (min-width: 990px) {
    .brand-items-image-container {
        column-gap: 32px;
        grid-template-columns: repeat(5, 1fr);
    }
}

@media screen and (min-width: 990px) {
    .brand-items-image-container {
        justify-items: center;
        column-gap: 20px;
        row-gap: 20px;
        margin-top: 32px;
        display: grid;
        grid-template-columns: repeat(6, 1fr);
    }
}

@media screen and (max-width: 990px) {
    .brand-items-image-container {
        justify-items: center;
        column-gap: 20px;
        row-gap: 20px;
        margin-top: 32px;
        display: grid;
        grid-template-columns: repeat(5, 1fr);
    }
}




.brands__featured-logo {
    height: 55px;
    width: auto;
    
}

.brand_heading{
    text-align: center;
}

@media screen and (min-width: 990px) {
    .alpha-link {
        font-size: 2.4rem;
        padding: 15px;
    }
}


@media screen and (min-width: 990px) {
    .brands__vendor-link-wrapper {
        box-sizing: border-box;
        display: inline-block;
        max-width: 24%;
        width: 100%;
        /* margin-bottom: 10px; */
        vertical-align: top;
    }
}
@media screen and (max-width: 990px) and (min-width: 750px) {
    .brands__vendor-link-wrapper {
        box-sizing: border-box;
        display: inline-block;
        max-width: 30%;
        width: 100%;
        /* margin-bottom: 10px; */
        vertical-align: top;
    }
}
@media screen and (max-width: 750px) {
    .brands__vendor-link-wrapper {
        box-sizing: border-box;
        display: inline-block;
        max-width: 48%;
        width: 100%;
        /* margin-bottom: 10px; */
        vertical-align: top;
    }
}


.rotate-90 {
      display: inline-block;
    transform: rotate(180deg);
  }



