/* Add custom CSS styles below */ 

    :root {
  --main-color: #65b741;
  --second-color: #c1f2b0;
  --third-color: #ffff;
      --forth-color: #fbf6ee;

    --fifth-color: #64b5e4;

 --six-color: #ff9f9f;
  --seven-color: #ff8e8e;
body{
background:var(--forth-color);}
}
.inner.bg-inherit {
background:transparent;
backdrop-filter: blur(6px);
-webkit-backdrop-filter: blur(7px);
}
#mobile-menu {
    background-color: transparent !important;
}


#mainnav{
background-color:transparent !important;
min-height:50px;
    border-radius: 0 !important;
}
#mainnav .inner.bg-inherit {
    padding:10px;
    min-height: 50px;
}



.banner.banner--fixed img{
transition:0.2s ease-in-out;
scale:0.85;
box-shadow:3px 3px 10px 3px var(--main-color);
}
.banner.banner--fixed img:hover{
    scale:0.95;
    }
    
a.banner-entry.square-photos  {
    background: var(--second-color);
    transition:0.2s ease-in-out;
    scale:0.9;
    border-radius:30px;
    box-shadow:3px 3px 10px 3px var(--main-color);
   
    
    }
    a.banner-entry.square-photos:hover  {
   
   scale: 1;
   

    border-radius: 40px;
    
    }
  
    
    
.right-side {
    width: 100%;
    padding-left:0!important;
    
}
.right-side h2{
text-align:center;
color:var(--main-color);
font-size:30px;
}
   
.main-content h1{
color:black;}
.text-xl {
color:black!important;
}
.s-slider-block__title-right h2{
color:var(--main-color) !important;
}
.s-breadcrumb-wrapper li{
color:black !important;
}
.s-slider-block__title-left a{
color:color:var(--main-color);
}
body{background-color: white}
body:after {
  content: "";
  width: 100%;
  height: 100%;
  top: 0;
  position: fixed;
  z-index: 999999;
  background:var(--third-color)
  url(https://cdn.salla.sa/KjBnbd/E0t0IAHGKTr2yNhWFLhuBr5i6RKX2yaCdg1DRcjw.png);

  left: 0;
  background-repeat: no-repeat;
  background-position: center;
  background-size: 350px;
  animation-name: fade-in;
  animation-duration: 1.5s;
  transform: scale(0);
  border: none;

}
@keyframes spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}

@keyframes fade-in {
  0% {
    opacity: 1;
    transform: scale(1);
  }

  75% {
    opacity: 1;
    transform: scale(1);
  }

  100% {
    opacity: 0;
    transform: scale(0.1);
  }
}

/* NavBar start */
.s-menu-topnav-list{color:var(--third-color)}
.s-search-input::placeholder{color:var(--third-color)}


#mainnav {
  background-color: var(--main-color);
  border-radius:50%;
}
#mainnav .inner.bg-inherit {
    border-radius: 35px;
}

#mobile-menu {
  background-color: black;
  color:black !important;
  
}

.text-primary {
  color: var(--third-color);
}
.main-menu a {
  color: black;
  transition:0.2s ease-out ;
}
.main-menu li > a:hover {
  color: var(--six-color);
      transform: translateY(-15%);
  
}

.mm-spn.mm-spn--light {
  color:  var(--third-color) !important;
}

.sicon-user-circle:hover::before {
  color: var(--second-color);
}
.sicon-menu{color:black;)
}
.header-btn__icon {
  border: none;
  color: black;
}
.header-btn__icon:hover {
  color: var(--second-color);
}

.s-cart-summary-total {
  color: black;
}
.main-nav-container {
    min-height: 0px;
}
.s-cart-summary-count{
background-color:red !important;
}

@media only screen and (max-width: 1024px) {
  .mm-spn.mm-spn--light {
    color: var(--third-color);
    background: var(--third-color);
  
  }
 
  
}
@media only screen and (min-width: 620px) {
 .banner--fixed img {
    width: 100%;
    margin: auto;
    
    
    
    }
     a.banner-entry {
     
        
        }
                
}
@media only screen and (min-width: 700px) {
 
   a.banner-entry {
   
        height:350px!important;
        }
                
}
 



@media only screen and (max-width: 700px) {
.right-side h2{
font-size:1.125rem;
}

}

/* NavBar End */

/* Sections Strat */
.swiper-pagination {
  display: none;
}

.slide--cat-entry i {
  content: "\ec0b";
  color: var(--main-color);
}

.s-block--categories .swiper-wrapper a {
  background-color: var(--third-color);
}

.slide--cat-entry h4 {
  color: var(--second-color);
}

.s-slider-block__title {
  color: var(--main-color);
}

.s-block__title {
  color: var(--main-color);
}

/* Sections End */

/* Product start */

.s-products-slider-card {
  padding: 0.625rem;
  

}
.s-slider-block__title h2{
color:var(--third-color)
}
.s-slider-block__display-all{
color:var(--third-color)
}
.s-slider-block__title h2::after {
  content: "";
  width: 100%;
  height: 5px;
  background-color: var(--third-color);
  position: absolute;
  bottom: -20px;
  left: 50%;
  transform: translateX(-50%);
}

.s-product-card-entry:hover {
  scale: 1.05;

}


.s-product-card-image img {
  border-top-left-radius: 20px;
  border-top-right-radius: 20px;
  
  }
  
.s-product-card-image {
  position: relative;
  overflow: hidden;
  border-bottom-left-radius: 20px;
  border-bottom-right-radius: 20px;


}



.s-product-card-entry {
  background-color: var(--second-color)!important;
  
  border-radius: 20px;
  transition:0.2s ease-out;
   box-shadow: 3px 0 8px -2px ;
  
}

.s-product-card-vertical .s-product-card-wishlist-btn button {
  background-color: rgba(11, 22, 73, 0.5) !important;
  color: var(--third-color);
}

.s-product-card-vertical .s-product-card-image {
  position: relative;
  overflow: hidden;
border-radius:50%;
border-top-right-radius:20px;
border-top-left-radius:20px;


}

.s-product-card-content-main {
  text-align: center;
}
.s-product-card-content {
   background: linear-gradient(to bottom,var(--second-color),var(--main-color));
border-radius: 20px;
}

.s-product-card-content-title a {
  color: var(--third-color);
}
.s-product-card-price{
    color: var(--third-color);
    }
.s-product-card-content-title a:hover {
  color: var(--third-color);
}

.s-product-card-content-sub {
  justify-content: center;
}
h4 {
  color: var(--third-color);
}
h4:hover {
  color: var(--second-color);
}
.s-product-card-content {
  padding: 0.75rem 0.75rem;
  justify-content: center;
  align-items: center;
}
.banner--fixed img{
background-color:var(--third-color);
    background-image: url(https://f.top4top.io/p_3074bje9i1.png);
}



.s-button-outline {
  border-radius: 50px;
  border-color: var(--third-color);
}

.s-product-card-entry {
  background-color: var(--third-color);
}

.s-button-primary-outline {
  color: var(--main-color);
  background-color: var(--third-color);
}

.s-button-primary-outline:hover {
  background-color: var(--third-color);
  color: var(--main-color);
  border-color:var(--third-color);
}
.s-block--features__item {
    background:transparent;
     transition:0.5s 
     
     
;
}
.s-block--features__item:hover{
 box-shadow: 1px 3px 8px;
}
.s-block--features__item .feature-icon {
  background-color: var(--third-color);
}
.s-block--features__item h2 {
  color: var(--main-color);
}

.s-block--features__item p {
  color: var(--main-color);
}

.s-block--features__item .feature-icon i {
  color: var(--third-color) !important;
}
.md\:text-2xl {
  font-size: 1.5rem;
  line-height: 2rem;
  color: var(--main-color);
}
.pb-1 p {
  padding-bottom: 0.25rem;
  color: var(--main-color);
}
.s-breadcrumb-item {
  color: var(--main-color);
}
.text-xl{ color: var(--main-color);}


/* Product End */




/* Footer Start */

.store-footer {
   background: linear-gradient(to bottom,var(--second-color),var(--main-color));
    padding: 30px;
    font-size: 14px;
    border-top-left-radius: 125px;
    border-top-right-radius: 125px;
    text-align: center;
    transition: background 0.3s, transform 0.3s, box-shadow 0.3s;
    box-shadow: 0 3px 6px 0 rgba(102, 15, 86, 0.333), 0 6px 20px 0 rgba(190, 78, 169, 0.262);



}




.footer-is-light .store-footer .store-footer__inner {
    background_color: transparent;
    font-size: 18 px !important;
}



.store-footer__inner {
    background-color: transparent !important;
    color: #CF5D8F !important;
    border-bottom: solid var(--third-color) 2px !important;
    border-radius: 50%;
    padding: 10px;


}

.store-footer__inner .flex {

    justify-content: center;
}

.store-footer__inner .max-w-sm {
    margin: auto;
}

.store-footer h3 {
    color: white!important;
    font-size: 1.3rem;
    width: 150px;
    margin: auto;
    padding: 10px;
}




.footer-list {
    color: white!important;
}

.store-footer__inner .max-w-sm {
    color: white!important;
    ;
}

.store-footer a {
    color: white!important;
    ;
}

.store-footer a:hover {
    color: white;
}

.s-contacts-header {
    display: none;
}

.s-contacts-list.s-contacts-list-vertical {
    align-items: center;
}

.store-footer i {
    color: white!important;
    border-color: transparent !important;
}

.store-footer .contact-social {
    border: none;
}

.store-footer__inner {
    text-align: center;
}

.store-footer__inner h3:hover {
    color: white !important;
}

.s-breadcrumb-wrapper {
    color: 


 !important;
}

.s-block--features__item .feature-icon {
   background: linear-gradient(to bottom,var(--second-color),var(--main-color));
    font-size: 30px !important;
    color: var(--third-color);

}



.s-block--features__item:hover {
    scale: 1.08;
    box-shadow: 0 3px 6px 0 rgba(102, 15, 86, 0.333), 0 6px 20px 0 rgba(190, 78, 169, 0.262);

    border-radius: 30px;
}

@media only screen and (max-width: 600px) {
body:after {
background-size:160px;
}
    .store-footer h3 {
        font-size: 15px !important;

    }

    .gap-4 {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }

    .s-menu-topnav-list {
        padding: 0;
        box-shadow: none;
    }
}

.copyright-text p {
    color: white !important;
}

.store-footer::after {
    animation: shake 3s infinite;
    content: "برمجة وتطوير   ADFAZ" !important;
    top: 0px;
    font-size: 16px;
    opacity: 0.8;
    text-align: center;
    font-weight: bold;
    display: inline-block;
    color: var(--main-color) !important;
    padding: 10px;
    background-color: var(--third-color);
    border-top-right-radius: 15px;
    border-top-left-radius: 15px;
    border-bottom-right-radius: 15px;
    border-bottom-left-radius: 15px;
}
  .lazy__bg.lazy.entered.loaded {
    background-size:contain;
    background-repeat: no-repeat;
    
}
.s-block--fixed-banner a{
scale: 1.08;
    box-shadow: 0 3px 6px 0 rgba(102, 15, 86, 0.333), 0 6px 20px 0 rgba(190, 78, 169, 0.262);

    border-radius: 30px;scale: 1.08;
    }
    salla-social.s-social-list.hydrated {
    display: flex;
    align-items: center;
    justify-content: center;
}