/* Add custom CSS styles below */ 

/* Start Welcome Text */
body.index:before {
content: "";
    width: 100%;
    height: 100%;
    background: #5939736e url(https://cdn.files.salla.network/theme/1088186827/648b95b4-2338-418e-9ad3-30a39db52cc8_294x189.png);
    backdrop-filter: blur(20px);
    position: fixed;
    z-index: 999 !important;
    opacity: 0;
  visibility: hidden;
    background-size: 250px !important;
    background-repeat: no-repeat;
    background-position: center !important;
    animation-name: logobg;
    animation-duration: 4s;
}

@keyframes logobg {
    0% {
      visibility: visible;
        opacity: 0; 
        transform: scale(1);
    }
    10% {
        opacity: 1; 
    }
    70% {
        opacity: 1; 
    }
    100% {
        opacity: 0; 
        transform: scale(1);
    }
}

/* Start Background */
body#app {
    background-image: url(https://i.ibb.co/r2Shx9FG/Group-1618873710.jpg);
    background-size: cover;
}

/* Start Header */
.top-navbar .s-search-input{
      border: 2px solid #4b5563;
}
header .main-nav-container {
    background-color: var(--color-primary);
}
.main-menu li.root-level>a,
.s-user-menu-login-btn svg,
.header-btn__icon,
#mainnav .sicon-menu{
    color: #fff;
    fill: #fff;
}
.main-menu>.has-children:hover>a{
  color: #c8c8c8;
}

/* Start Hero Banner */
section:first-of-type{
  margin-top: 0;
}
salla-slider.photos-slider .swiper-slide {
    width: 100%;
    margin: 0;
    padding: 0;
}
salla-slider.photos-slider .swiper:where([dir=rtl],[dir=rtl] *) {
    padding: 0;
}

/* Start Fixed Banner */
section.s-block.s-block--fixed-banner .container
Specificity: (0,3,1)
 {
    max-width: 90%;
    padding: 0;
}

/* Start Categories */
.two-row .banner-entry:first-child {
    grid-column: span 1 / span 1;
    grid-row: span 1 / span 1;
}
.md\:grid-cols-3 {
    grid-template-columns: repeat(6, minmax(0, 1fr));
}
.banner-entry {
    background: transparent;
}
@media(max-width:767px){
  .md\:grid-cols-3 {
    grid-template-columns: repeat(3, minmax(0, 1fr));
}
  .banner-entry{
    height: 150px;
  }
}

/* Start Product */
.s-block__title h2 {
    background: var(--color-primary);
    padding: 10px;
    border-radius: 0 10px 0 10px;
    color: #fff;
}
.s-button-primary-outline {
    background-color: var(--color-primary);
    color: #fff;
}

/* Start Features */
.s-block--features__item .feature-icon i {
    color: #fff;
}

/* Start Footer */
.footer-is-light .store-footer .store-footer__inner {
    background-color: var(--color-primary);
    color: #fff;
    border: none;
}
.store-footer h3 {
    background: var(--color-primary);
    padding: 10px;
    border-radius: 0 10px 0 10px;
    box-shadow: 2px 2px 10px #ffffff1f;
    color: #fff;
    width: max-content;
}