/* ##################################################### (Import Files) ########################################################## */
@import url('global.css');
@import url('header-front.css');
@import url('footer.css');



/* ############################################################## (All Brands Page Start) ################################################################ */

  
    #shopByBrand .section-header h2 {
        color: #0c2e8a;
        font-weight: 700;
        font-size: 28px;
        margin: 0;
        position: relative;
        text-transform: uppercase;
        padding-bottom: 20px;
        margin-bottom: 20px;
    }

    #shopByBrand .section-header h2::before {
        content: "";
        position: absolute;
        display: block;
        width: 100%;
        height: 3px;
        background: #0f3bb2;
        bottom: 0;
        left: 0;
        margin: 0;
    }


    #shopByBrand .shop-brand-menu {
        border-top: 1px solid #ccc;
        border-bottom: 1px solid #ccc;
        padding-block: 15px;
    }

    #shopByBrand .shop-brand-menu .primarySearchLetter,
    #shopByBrand .shop-brand-list .primarySearchLetter {
        display: inline-block;
        vertical-align: middle;
        background: #f0f0f0;
        color: #333;
        border: 1px solid #e0e0e0;
        text-align: center;
        font-size: 16px;
        padding: 0px;
        margin: 2px;
        border-radius: 50%;
        transition: all .1s ease-in-out;
    }

    #shopByBrand .shop-brand-menu .primarySearchLetter:hover,
    #shopByBrand .shop-brand-menu .primarySearchLetter.active {
        font-size: 18px;
        box-shadow: 0px 0px 7px #ccc;
        color: white;
        background: var(--fourth-color);
    }

    #shopByBrand .shop-brand-menu .primarySearchLetter>span,
    #shopByBrand .shop-brand-list .primarySearchLetter>span {
        width: 35px;
        height: 35px;
        border: 0px;
        display: table-cell;
        text-align: center;
        vertical-align: middle;
    }

    #shopByBrand .shop-brand-list {
        padding-block: 20px;
    }

    #shopByBrand .brand-list-box {
        padding-left: 60px;
    }

    #shopByBrand .brand-list-box .brandName {
        display: inline-block;
        vertical-align: middle;
        color: var(--siteTextGray-color);
        padding: 0px;
        margin-bottom: 7px;
        font-size: 13px;
        position: relative;
        padding-left: 13px;
    }

    #shopByBrand .brand-list-box .brandName:before {
        
        vertical-align: top;
        font-family: FontAwesome;
        content: '\f105';
        line-height: inherit;
        position: absolute;
        left: 0px;
    }

    #shopByBrand .brand-list-box .brandName:hover {

        color: var(--main-color);
    }

    #shopByBrand .brand-list-box .brands-viewMore {
        margin-block: 10px;
    }

    #shopByBrand .brand-list-box .brands-viewMore a {
        float: right;
        margin-right: 20px;
       font-size: 14px;
       color: var(--third-color);
        font-weight: 500;
    }

    #shopByBrand .brand-list-box .brands-viewMore a:hover {
        color: var(--color-three);
    }

/* ############################################################## (All Brands Page End) ################################################################ */