/* Add custom CSS styles below */ 
/*body*/
/**/
.main-nav-container {
    min-height: 84px;
    height: 120px !important;
}

.lg\:justify-between {
    justify-content: space-between;
    display: none;
}
/**/
.landing-page-first-banner .swiper-slide {
    height: 70vh;
}

section:nth-child(2 of .landing-page-first-banner)  
.swiper-slide {
    height: 50vh;
}


section:nth-child(1 of .landing-page-first-banner) .txt {

     margin-left: 2rem; 
  
}

/**/
/* loge*/

.navbar-brand img {
    max-height: 4rem !important;
    width: auto;
    max-width: unset !important;
}
/***/
/*.special_title*/
.special_title .wrapper.container p {
    font-size: 35px;
    font-weight: 500;
}/**/

/*categary*/
.al-categories .grid {
    grid-template-columns: repeat(4, minmax(0, 1fr));
}


/**/

/*products*/
.s-product-card-vertical .s-product-card-content-footer salla-add-product-button .s-button-element {
    border-radius: 0 !important;
    color: white !important;
    border: none !important;
    background: var(--color-primary);
}

/**/
/**/
footer{
    background-color: #9D8164 !important;
    color: #fff !important;
}

footer .copyright-text p {
  
    color: #fff !important;
}

.copyright-text p a:hover{
    color:#fff !important;
}
.store-footer__inner  .col-span-2 > a img{
    max-width: 100%;
    filter: brightness(0.0)invert(1);
}

/**/
@media(max-width:768px){
.special_title .wrapper.container p{
font-size:20px;

    
}
/**/
.landing-banner .font-bold {
    font-weight: 700;
    text-align: center;
    font-size: 18px;
    width: 100%;
    text-align: center !important;
}
.landing-banner .item-text {
    background-color: rgb(255 255 255 / 71%);
    align-items: center !important;
    position: absolute;
    bottom: 0;
    padding: 23px;
}
.swiper-backface-hidden .swiper-slide {
    height: 50vh;
}
.landing-page-first-banner .txt {
    margin-left: 0rem;
    padding: 0;
}

/**

/*categary*/
.al-categories .grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
}


/**/






/* footer */
.store-footer__inner .grid .col-span-2 {
    grid-column: span 1 / span 2;
}
footer * {
    text-align: center;
    margin-left: auto;
    margin-right: auto;
}
.store-footer__inner  .col-span-2 > a {
    max-width: 150px;
    margin: auto;
}


.store-footer__inner .s-menu-footer-list > a{
text-align :center;
}
/**/


}
.s-block--fixed-banner .container {
    max-width: 100%;
}
section.s-block.s-block--fixed-banner.wide-placeholder {
    margin: 0;
}