/* Add custom CSS styles below */ 
/* Add custom CSS styles below */ 
@import url('https://fonts.googleapis.com/css2?family=Beiruti:wght@200..900&display=swap');* {
   font-family: "Beiruti", sans-serif!important;
}

/*--body before--*/
body.index:after{content:"";width:100%;height:100%;top:0;position:fixed;z-index:999999;background:url(https://cdn.salla.sa/form-builder/lOvjMrTHeORKNmltm49fAn9zxf76cHKBEVpVWiLr.png) center/80px no-repeat #fff;left:0;animation:fade-in 3s forwards}@keyframes fade-in{0%,50%{opacity:1}50%{transform:scale(1.2)}100%{opacity:0;visibility:hidden;transform:scale(1.5)}}

/*body*/
body {
  background-color:#fff;
}

/*start customize section*/

    salla-slider.photos-slider .swiper-slide {
    padding: 0rem;
    margin: 0rem;
    width: 100%;
    border-radius:0 !important;
}
.home-slider img{
border-radius:0;
}
/*.s-slider-block__title-nav {
    visibility: hidden;
}*/

 salla-slider.photos-slider .swiper:where([dir=rtl],[dir=rtl] *) {
    padding: 0rem;
}  
salla-slider.photos-slider .swiper:where([dir=ltr],[dir=ltr] *) {
    padding: 0 !important;
}
section:first-of-type {
        margin-top:0;
}


    /*banner*/
.banner--fixed img {
    background-color: transparent;
    padding: 0rem;
}


 .s-button-btn,.s-price-range-number-input {
    
    color: #ffffff;
    border-color: #482e86;
    
}

.s-products-slider-card.swiper-slide {
    width: 55%;
    
}  

.s-button-element:not(:disabled):not([loading]) {
    pointer-events: auto;
    background-color: #482e86;
}
.s-product-card-entry{
    background-color:#ffffff;
    box-shadow: 0 4px 8px #482e86bd
}
.s-product-card-content-title a , .index.s-product-card-content-sub {
    color:#000 !important;
}

.s-products-slider-slider .s-slider-container {
    padding:1rem;
}

/*footer*/
.store-footer__inner,
.store-footer {
    color:#000000;
    background-color:#F3F4F6 !important;
}

.footer-is-light .store-footer .store-footer__inner{
     border-bottom-color: #F3F4F6;

}

footer *{
    text-align: center;
    margin-right: auto;
    margin-left: auto;
}footer .hidden.lg\:block *, footer .s-social-list * {
    justify-content: center;
    color: #000;
    border-color: #000;
}
@media (min-width:767px){
footer .hidden.lg\:block * {
    margin: 0;
}
}footer .hidden.lg\:block *{
    justify-content:center;
}
footer .s-social-list .s-social-link:first-child *{
    color:#ffffff;
    border-color: #ffffff;
      background: #833ab4;
  background: linear-gradient(
    to right,
    #833ab4,#fd1d1d,#fcb045
  );
}
footer .s-social-list .s-social-link:nth-child(2) *{
    color:#000000;
    border-color: #ffffff;
    background-color:#f7f400;
}
footer .s-social-list .s-social-link:last-child *{
    color:#ffffff;
    border-color: #ffffff;
    background-color:#000000;
}


.banner--fixed img ,
section.s-block.s-block--testimonials ,
section.s-block.s-block--features.container , 
.s-block.s-block--best-offers.container ,
section.s-block.s-block--banners.container ,
.home-slider{

animation: appear linear;
  animation-timeline:view();
  animation-range: entry 0% cover 40%;
background-color:transparent;
}

@keyframes appear {
from {
    
    opacity: 0;
    scale:0.5;
}
to {
     opacity: 1;
    scale:1;
}
}
.navbar-brand
{animation: pulse-animation 1.5s infinite;}

 @keyframes pulse-animation {
0%, 100% {
    transform: scale(1);
    opacity: 1;
}
50% {
    transform: scale(1.1);
    opacity: 0.8;
}
}
salla-trust-badges {
display : none;
}
 /* WhatsApp floating button styles */
  .salla-wa-box {
    position: fixed;
    right: 20px;
    bottom: 20px;
    z-index: 99999;
    display: flex;
    flex-direction: column;
    align-items: center;
    text-decoration: none;
    cursor: pointer;
  }

  .salla-wa-btn {
    width: 64px;
    height: 64px;
    border-radius: 50%;
    background: #25D366;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 6px 18px rgba(0,0,0,0.25);
    transition: transform .14s ease, box-shadow .14s ease;
    overflow: hidden;
  }

  .salla-wa-btn:hover {
    transform: translateY(-4px);
    box-shadow: 0 10px 24px rgba(0,0,0,0.28);
  }

  .salla-wa-btn img {
    width: 70%;
    height: 70%;
    object-fit: contain;
  }

  .salla-wa-text {
    margin-top: 6px;
    font-size: 13px;
    font-weight: 600;
    color: #333;
    font-family: sans-serif;
    text-align: center;
  }

  @media (max-width: 480px) {
    .salla-wa-btn {
      width: 70px;
      height: 70px;
    }
    .salla-wa-text {
      font-size: 14px;
    }
        .product-single .salla-wa-box {
    bottom: 105px;
}
  }