/* Add custom CSS styles below */ 
body:before { content: ''; width: 100%; height: 100%; background: rgb(255, 255, 255) url(https://drive.google.com/file/d/1H_CbQZ1cCn2_3GRA-0VJr4MrhhBzHTSZ/view?usp=sharing); position: fixed; z-index: 9999999999999999999; transform: scale(0); background-size: 30rem; background-repeat: no-repeat; background-position: center; -webkit-animation-name: logobg; animation-name: logobg; -webkit-animation-duration: 2.5s; animation-duration: 1.5s; -webkit-backdrop-filter: blur(4px); backdrop-filter: blur(4px); }
@-webkit-keyframes logobg {
  4% {
    transform: scale(1);
  }
  75% {
    transform: scale(1);
  }
  100% {
    transform: scale(0);
  }
}


@keyframes logobg {
  0% {
    transform: scale(1);
  }
  75% {
    transform: scale(1);
  }
  100% {
    transform: scale(0);
  }
}

/* النافقيشن المستطيل الازرق  فوقه اللوقو*/

.navbar-brand {
    width: 100px;
    margin-right: auto;
    margin-left: auto;
    padding-right: 60px;
    padding-left: 50px;
}

 .header-mainbar .sides-wrap {
 background-color: #3678b8;
  border: 5px solid ;
  color: #ffffff;
  padding: 15px 20px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 70px;
    display: flex;
    border-radius: 15px;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: 0.75rem;
    padding-top: 0.75rem;
    padding-bottom: 0.75rem;
}
    




  
  .banner--fixed img{display: block;
    width: 100%;
    border-radius: 0.375rem;
    border-style: none;
    --tw-bg-opacity: 1;
    background-color: rgba(243, 244, 246, 1);
    background-color: rgba(243, 244, 246, var(--tw-bg-opacity));
    -o-object-fit: cover;
    object-fit: cover;
}

  .s-block--categories
  {    width: 100%;
}
.s-product-card-entry{

 border: 4px solid #3678bb;

  border-radius: 20px;


  height: 100%;
  width: 100%;
  background-color: #e8f1f9;
  }
 

/* تثبيت الشاشة */ 

.s-product-card-content {
    position: relative;
    display: flex
;
    flex-direction: column;
    padding: 0.75rem;
    padding-top: 0.75rem;
    padding-right: 0.75rem;
    padding-bottom: 0.75rem;
    padding-left: 0.75rem;
 
}

  @keyframes s-product-card-content {
   0%, 100% { right: 0; } 
   50% { right: -25px; } 
    
}
.store-footer__inner{
  background-color: #0f4469;
}


.mb-4 img{
    padding-right:2333px;
    padding-left: 1033px;

}
.banner--fixed img{

     position: relative; 
    animation: up-down 8s ease infinite;  
    box-shadow: 2px 2px 10px var(--2); 
 margin-bottom: -1.5rem;
   

 }

@keyframes up-down { 
    0%, 100% { top: 0; } 
    50% { top: -25px; } 
    
}
/* Add NEW ONE  */