.views-main {
}.filter-body.ng-scope {
    border: 1px solid #e2e2e2;}

    .views-main .section-title {
        color:#000;
        font-size: 48px;
        font-weight: 500;
        margin-left: 20px;
        margin-right: 20px;
        margin-top: 80px;
        margin-bottom: 20px;
        text-align: center;
    }

    .views-main .banner-container {
        height: 500px;
        margin: 0px;
        text-align: center;
    }
    .brands-container .section-title {
        max-width: 1200px;
        margin: 80px auto 0;
    }

        .views-main .banner-container img {
            max-height: 100%;
            max-width: 100%;
            width: 100%;
            height: 500px !important;
            object-fit: cover;
        }

        .views-main .banner-container .banner-text {
            color: #ffffff;
            display: none;
            font-size: 2rem;
            font-weight: 700;
            margin-top: -300px;
            text-align: center;
        }

    .views-main .root-categories-container {
        margin-left: auto;
        margin-right: auto;
        max-width: 1200px;
    }

    .views-main .root-category-container {
        margin-top: 20px;
        padding: 20px;
        text-align: center;
    }

        .views-main .root-category-container img {
            max-height: 100%;
            max-width: 100%;
        }

    .views-main .brand-container {
        padding: 10px 20px;
        text-align: center;
        border-right: 1px solid #ddd;
        background: #fff;
    }

        .views-main .brand-container img {
            max-height: 100%;
            max-width: 100%;
        }


        .views-main .gallery-container {
            border-radius: 0;
            display: flex;
            flex-wrap: wrap;
            margin-bottom: 0;
            margin-left: auto;
            margin-right: auto;
            margin-top: 20px;
            width: calc(99vw - 0px);
            background: #e7e7e7;
        }

    .views-main .gallery-arrow-container {
        color: #777777;
        cursor: pointer;
        font-size: 30px;
        padding: 20px 0px;
        text-align: center;
        width: 30px;
    }

        .views-main .gallery-arrow-container:hover {
            opacity: 0.8;
        }

    .views-main .gallery-items-container {
        display: flex;
        margin-left: auto;
        margin-right: auto;
        width: calc(100% - 0px);
    }

    .views-main .gallery10-brand-container {
        width: 10%;
    }

    .views-main .gallery8-brand-container {
        width: 12.5%;
    }
    .views-main .root-categories-container.categories-lisitng-main {
        max-width: 100% !important;
        width: 100%;
    }
    .views-main .root-categories-container.categories-lisitng-main .h-category-listing {
        display: flex;
        align-items: start;
        justify-content: start;
        gap: 0px;
    }