/* Add custom CSS styles below */ 
.product-tags {
    display: none;
}

body {
    font-family: dinnextltarabic-regular !important;
    font-size: 16px !important;
    overflow-x: hidden;
    background: #f7f7fa;
    text-align: right;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.products-listing {
    margin-bottom: 0;
    padding: 0rem;
    background: #f7f7fa;
    border: 1px solid #e0e0e0;
    border-radius: 5px;
}

.salla-theme_6 .product-details__subtitle {
    font-size: 1.3rem;
}
salla-theme_6 .product-details .price-after, .salla-theme_6 .product-details .product-price {
    font-size: 30px;
}

.salla-theme_6 .site-header .header-top .logo a img {
    height: 85px !important;
    max-height: unset !important;
    max-width: unset !important;
    vertical-align: middle;
    width: auto;
}

.promotion-title.detail {
    border-radius: 10px;
    font-size: 15px;
    left: auto;
    right: 14px;
    top: 10px;
}

.promotion-title {
    background-color: rgb(34 36 38 / 5%);
    border-radius: 5px 0 0 5px;
    color: #000000;
    display: block;
    font-size: 13px;
    padding: 14px 14px;
    position: absolute;
    right: auto;
    top: 10px;
    width: auto;
    z-index: 10;
}

:root {
    --font-size-normal: 13px;
    --font-size-medium: 15px;
    --font-size-medium2: 1.04rem;
    --font-size-large: 1.4re;
    --font-line-height: 16.6px;
}

.salla-theme_6 .product>a .promotion-title {
    background-color: rgba(0, 0, 0, .05);
    border-radius: 5px 0 0 5px;
    display: block;
    font-size: 13px;
    left: auto;
    padding: 1px 8px 3px;
    position: absolute;
    right: 0;
    top: 5px;
    width: auto;
}
.footer-main {
    padding: 0.5rem 0;
    color: #f7f7fa;
    background-color: #f7f7fa;
}

.col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9 {
    position: relative;
    min-height: 1px;
    padding-right: 0px;
    padding-left: 4.5px;
}
.product-details__title.brand-title img {
    display: block;
    margin: 5px 5px 5px;
    max-height: 100px;
    max-width: 100px;
}

.footer-main {
    padding: 1rem 0;
    color: #fff;
    background-color: #333333;
}

salla-theme_6 .product .product-footer .product-add.add_to_cart_btn {
    background-color: #333333;
    border-radius: 5px;
    margin: 10px 0 0;
    padding: 10px 10px;
    position: relative;
    }


    .salla-theme_6 .product .product-footer {
    padding: 0 5px 5px;
}
a {
    color: #c40505;
}
.salla-theme_6 .product>a .product-title {
        font-size: 1.rem;
        padding: 0 5px 5px;
    }
    @media only screen and (max-width: 1024px) {
    .salla-theme_6 .product>a .product-title {
        font-size: 1.25rem ;
        margin: 3px 6px 10px !important;
        padding: 0 10px;
    }
}
.salla-theme_6 section.section.has-slider .products-listing.slick-slider {
    padding: 0rem 0rem;
}
.title--section:before {
    background-color: #c82539;
    content: "";
    display: block;
    height: 3px;
    position: absolute;
    right: 50%;
    top: 50%;
    transform: translateY(-50%) translateX(50%);
    width: 60%;
    z-index: 0;
}

.article--brand img[alt="Brand Logo"] {
    height: 170px;
}

.article--brand.vertical img {
    display: block;
    float: unset;
    margin: 0 auto 20px;
body .product {
    font-size: var(--font-size-medium) !important;
}

.salla-theme_6 .product {
    background-color: rgb(255 255 255 / 32%);
    border-radius: 3px;
}
.brand-section__content .brands-list li a img {
    display: block;
    margin: 5px auto;
    max-height: 100px;
    -o-object-fit: contain;
    object-fit: contain;
    width: 100%;
}

@media only screen and (max-width: 767px) {
    .brand-section__content .brands-list li a img {
        max-height: 80px;
    }
}

.product-detials__desc {
    margin: 0 0px;
    overflow: hidden !important;
    padding: 0 5px;
}
.brand-section__content .brands-list li a img {
    display: block;
    margin: 0px auto;
    max-height: 120px;
    -o-object-fit: contain;
    object-fit: contain;
    width: 100%;
}