/* Add custom CSS styles below */ 
.main-nav-container .inner {
    padding-top: 5px !important;
    padding-bottom: 5px !important;
    background: #510e44;
}

.main-nav-container #cat-in-header:hover {
    color: #414042;
    color: #ffffff;
}

.product-index .main-nav-container #cat-in-header {
    color: #ffffff !important;
}

.main-nav-container #shopping-bag path, .main-nav-container #heart path, .search-btn path {
    stroke: #ffffff !important;
}

.fixed-pinned .product-index .main-nav-container #cat-in-header {
    color: #ffffff !important;
}
/*cat*/
 .g_cat .grid-cols-3 {
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
}
/* end cat*/
/*footer */

.copyright-text p {

    color: #fff !important;
}

.copyright-text a:hover {
    color: #fff !important;
}

/***/

.fixed-pinned .navbar-brand img {
    max-height: 180px;
    filter: brightness(0.0);
}

.store-footer .container > div >img {
    filter: brightness(0.0);
}

.s-payments-list-item img {
    object-fit: cover;
    background: #ffffff !important;
}

section:nth-child(1 of section.landing-page-first-banner)  h1:before {
    content: '';
    background-image: url(https://cdn.salla.sa/form-builder/trmJ5gY1RwEfmHQBVFihpuJmjVikmE680eQmTcxP.png) !important;
    background-repeat: no-repeat;
    background-size: cover;
    display: block;
    height: 184px;
    width: 434px;
    margin: auto;
}


@media(max-width:768px){
section:nth-child(1 of section.landing-page-first-banner)  h1:before {
    content: '';
    background-image: url(https://cdn.salla.sa/form-builder/trmJ5gY1RwEfmHQBVFihpuJmjVikmE680eQmTcxP.png) !important;
    background-repeat: no-repeat;
    background-size: contain;
    display: block;
    height: 141px;
    width: 303px;
    margin: auto;
}



.landing-banner .font-bold {
    font-weight: 700;
    text-align: center;
    font-size: 18px;
    width: 100%;
    text-align: center !important;
    width: 100% !important;
}
section:nth-child(2 of section.landing-page-first-banner)  .item-text {
    background-color: rgb(0 0 0 / 71%);
}



.landing-banner .item-text {
    background-color: rgb(255 255 255 / 71%);
    align-items: center !important;
    position: absolute;
    bottom: 0;
    padding: 23px;
}
}