/* Add custom CSS styles below */ 



@import url('https://fonts.googleapis.com/css2?family=Cairo:wght@200;300;400;500;600;700;800;900&display=swap');
  
  


:root{

   --color-primary:#f39e09;
  --color-primary-reverse :#fff;
}




body{
font-family: 'Cairo', sans-serif;
  background:#ffffff;
}


@media(min-width:992px){
.navbar-brand img{
        max-height: 5rem;
  }
}

.store-footer .navbar-brand img{
  height:9rem;
  display: flex
;
    justify-content: center;
}

@media (min-width: 992px) {
   .store-footer .navbar-brand img{
        max-height: 9rem
;
    }
}


@media (max-width: 992px) {
   .store-footer .navbar-brand img{
        max-height: 7rem;
        max-width:100%;
;
    }
}


salla-apps-icons .navbar-brand img {
  height:9rem;
}

/* Start Edit Slider */
.s-slider-block__title-nav{
  display:none !important;
}
section.s-block.s-block--photos-slider{
  margin-top:0;
}
salla-slider.photos-slider .swiper-slide{
  width: 100%;
}

salla-slider.photos-slider .swiper-slide , 
salla-slider.photos-slider .swiper-slide img{
border-radius:2rem  !important;
  margin:0;
}

salla-slider.photos-slider .swiper:where([dir="rtl"], [dir="rtl"] *){
  padding-left:0;
}


/* End Edit Slider */

section.s-block.s-block--fixed-banner.wide-placeholder:first-of-type{
  margin-top:0;
  
}

section.s-block.s-block--fixed-banner.wide-placeholder:first-of-type .container{
  max-width:100%;
  padding-left:0;
  padding-right:0;
}
section.s-block.s-block--fixed-banner.wide-placeholder img{
border-radius:0; 
}





.main-nav-container{
  min-height:100%;
}

.top-navbar .navbar-brand{
  margin:1rem auto;
}

.inner.bg-inherit{
border-radius: 1rem;
padding:0;
}

@media(max-width:992px){
  .inner.bg-inherit{
  padding:1rem;
  }
}








/* Start Edit Categories Section */

/******************* 1 *****************/
:nth-child(1 of section.s-block.s-block--banners.container) .grid{

grid-template-columns: repeat(4, minmax(0, 1fr));
}
.two-row .banner-entry:first-child{
        grid-row: span 1 / span 1;
}

:nth-child(1 of section.s-block.s-block--banners.container)  a.banner-entry.square-photos{
      height: 10rem;
      background-size:contain;
}
:nth-child(1 of section.s-block.s-block--banners.container) .lazy__bg{
     background-repeat: no-repeat;
    background-size: contain;
}

@media(max-width:768px){
:nth-child(1 of section.s-block.s-block--banners.container) .grid{
grid-template-columns: repeat(2, minmax(0, 1fr));

}

:nth-child(1 of section.s-block.s-block--banners.container)  a.banner-entry.square-photos{
    height: 150px;
}
}


.banner-entry{
  background:transparent;
}

/******************* 2 *****************/
:nth-child(2 of section.s-block.s-block--banners.container) .grid{

grid-template-columns: repeat(4, minmax(0, 1fr));
}
.two-row .banner-entry:first-child{
        grid-row: span 1 / span 1;
}

:nth-child(2 of section.s-block.s-block--banners.container)  a.banner-entry.square-photos{
      height: 10rem;
      background-size:contain;
}
:nth-child(2 of section.s-block.s-block--banners.container) .lazy__bg{
     background-repeat: no-repeat;
    background-size: contain;
}

@media(max-width:768px){
:nth-child(2 of section.s-block.s-block--banners.container) .grid{
grid-template-columns: repeat(2, minmax(0, 1fr));

}

:nth-child(2 of section.s-block.s-block--banners.container)  a.banner-entry.square-photos{
    height: 150px;
}
}

/******************* 3 *****************/
:nth-child(3 of section.s-block.s-block--banners.container) .grid{

grid-template-columns: repeat(4, minmax(0, 1fr));
}
.two-row .banner-entry:first-child{
        grid-row: span 1 / span 1;
}

:nth-child(3 of section.s-block.s-block--banners.container)  a.banner-entry.square-photos{
      height: 10rem;
      background-size:contain;
}
:nth-child(3 of section.s-block.s-block--banners.container) .lazy__bg{
     background-repeat: no-repeat;
    background-size: contain;
}

@media(max-width:768px){
:nth-child(3 of section.s-block.s-block--banners.container) .grid{
grid-template-columns: repeat(2, minmax(0, 1fr));

}

:nth-child(3 of section.s-block.s-block--banners.container)  a.banner-entry.square-photos{
height: 150px;}
}


/******************* 4 *****************/
:nth-child(4 of section.s-block.s-block--banners.container) .grid{

grid-template-columns: repeat(2, minmax(0, 1fr));
}
.two-row .banner-entry:first-child{
        grid-row: span 1 / span 1;
}

:nth-child(4 of section.s-block.s-block--banners.container)  a.banner-entry.square-photos{
      height: 20rem;
      background-size:contain;
}
:nth-child(4 of section.s-block.s-block--banners.container) .lazy__bg{
     background-repeat: no-repeat;
    background-size: contain;
}

@media(max-width:768px){
:nth-child(4 of section.s-block.s-block--banners.container) .grid{
grid-template-columns: repeat(2, minmax(0, 1fr));

}

:nth-child(4 of section.s-block.s-block--banners.container)  a.banner-entry.square-photos{
    height: 170px;
}
}





.s-block--banners+.s-block--banners, .s-block--features+.s-block--features, .s-block--fixed-banner+.s-block--fixed-banner {
    margin-top: 1em;
}
.gap-3 {
    gap: 1rem;
}

/* End Edit Categories Section */

/* Start Edit Banner */
.banner--fixed img{
  background:transparent;
}
/* End Edit Banner */

/* Start Features Section */




.s-block--features__item .feature-icon{
       height: 8rem;
    width: 8rem;
      background:transparent;
}








.sicon-store2:before{
    content: "";
        background: url(https://i.ibb.co/wgyKCs3/quality-2.png);

    background-size: contain;
    background-repeat: no-repeat;
    width: 120px;
    height: 120px;
    display: block;
    border-radius:0;
  
}


.sicon-shipping-fast:before{
    content: "";
    background: url(https://i.ibb.co/hXwfcGV/fast-delivery-1.png);
    background-size: contain;
    background-repeat: no-repeat;
    width: 120px;
    height: 120px;
    display: block;
    border-radius:0;
  

}


.sicon-fire:before{
    content: "";
    background: url(https://i.ibb.co/ypqbYtY/Ellipse-1-copy-11.png);
    background-size: contain;
    background-repeat: no-repeat;
    width: 120px;
    height: 120px;
    display: block;
    border-radius:0;

}

/* Start Edit Products */

.s-slider-block__title-right h2 , 
.s-block__title h2{
  position:relative;
  padding-left: 0;
}

.s-slider-block__title-right h2:before , 
.s-block__title h2:before{
     content: "";
    bottom: -0.4rem;
    width: 100%;
    height: 2px;
    background: #f39e09;
    position: absolute;
}
}

custom-salla-product-card{
  border:1px solid #f39e09;
  box-shadow: 5px 5px 3px #604a3c40
}

.s-product-card-vertical{
 border:1px solid #f39e09;
  background:transparent;
}
/* End Edits Products */
.s-button-primary-outline{
    background-color: var(--color-primary);
    fill: var(--color-primary-reverse);
    color: var(--color-primary-reverse);
}







@media(max-width:768px){
.s-product-card-vertical .s-product-card-wishlist-btn{
  bottom:0.7rem;
  left:0.1rem;
}

}
.s-product-card-vertical .s-product-card-wishlist-btn button{
  position:unset;
   pointer-events: auto;
       appearance: none;
       border:1px solid #f3a00d !important;
       color:#f3a00d;
           border-radius: 9px !important;
}


/* Start Edit Footer */
.footer-is-light .store-footer .store-footer__inner{
  background-color:#f27124;
  color:#fff;
}

footer.store-footer{
  background:#f27124!important;
}
.copyright-text p{
  color:#fff;
}
/*Edit footer in Large Screen 'Desktop '*/

@media(min-width:992px){
:nth-child(3 of .store-footer__inner .container.grid.grid-col-1.lg\:grid-cols-6.gap-8.lg\:gap-6 div){
  display:none;

}
.s-menu-footer-list{
  column-count:2;
}

:nth-child(2 of .store-footer__inner .container.grid.grid-col-1.lg\:grid-cols-6.gap-8.lg\:gap-6 div){
   grid-column: span 2 / span 2;
}
}

.copyRight {
    display: flex;
    align-items: center;
    font-size: 1rem;
    box-shadow: 0 1px 15px rgba(32, 33, 36, .28);
    color: #000 !important;
    width: fit-content;
    background: #fff;
    margin:1rem  auto;
    padding: .7rem;
    border-radius: 30px;
}

.store-footer .navbar-brand{
  margin:1rem 0;
@media (max-width: 992px) {
.store-footer .navbar-brand{
  display:none;
}
}

@media (min-width: 992px) {
   .store-footer .navbar-brand img{ 
        max-height: 9rem;
    }
}/* Add custom CSS styles below */


salla-apps-icons{
display: flex
;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}

.registerPaper{
    display: inline-flex
;
    margin: 1rem 0 2rem 0;
    font-size: 1.1rem;
}
}
salla-apps-icons.lg\:col-span-2.rtl\:lg\:pr-20.ltr\:lg\:pl-20.s-apps-icons.hydrated{
display: flex
;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}



@media (max-width: 768px) {
    :nth-child(1 of section.s-block.s-block--banners.container) a.banner-entry.square-photos {
        height: 270px;
    }
}

@media (max-width: 768px) {
    :nth-child(2 of section.s-block.s-block--banners.container) a.banner-entry.square-photos {
        height: 270px;
    }
    
    
  @media (max-width: 768px) {
    :nth-child(3 of section.s-block.s-block--banners.container) a.banner-entry.square-photos {
        height: 270px;
    }
}