*{
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  color: #231f20;
}
body{
  background-color: rgb(243, 244, 246);
}
body:after {
  content: '';
  width: 100%;
  height: 100%;
  top: 0;
  position: fixed;
  z-index: 999999;
  background: white url(https://cdn.salla.sa/cdn-cgi/image/fit=scale-down,width=400,height=400,onerror=redirect,format=auto/BrZnRy/6PPvBjwh6FLC8A89YNXp3xqZXT3NVF2tXXBUV31f.png);
  left: 0;
  background-repeat: no-repeat;
  background-position: center;
  background-size: 300px;
  animation-name: fade-in;
  animation-duration: 1.5s;
  transform: scale(0);
  border: none
}
@keyframes fade-in {
  0% {
      opacity: 1;
      transform: scale(1)
  }

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

  100% {
      opacity: 0;
      transform: scale(.1)
  }
}
.navbar-brand img {
max-height: 70px!important;
}
.header-btn__icon {
  display: flex;
  height: 2.5rem;
  width: 2.5rem;
  align-items: center;
  justify-content: center;
  border-radius: 9999px;
  border-width: 1px;
  background-color:#231f20;
  --tw-border-opacity: 1;
  border-color: rgb(243, 244, 246);
  border-color: rgb(243, 244, 246, var(--tw-border-opacity));
  font-size: 1.25rem;
  line-height: 1.75rem;
  --tw-text-opacity: 1;
  color: rgb(243, 244, 246);
  color: rgb(243, 244, 246, var(--tw-text-opacity));
}
.mm-ocd-opened .mobile-menu {
    display: block;
    color: #231f20;
  }
.top-navbar .s-search-input {
  border: solid #231f20;
  background-color: rgba(229, 231, 235, 0.5);
}
.s-search-icon svg {
  height: 1rem;
  width: 1rem;
  fill: #231f20;
}
@media only screen and (max-width: 1024px) {
.mm-spn li a span {
  padding: 0;
    color: #231f20;
}
.text-primary {
    color: #231f20;
}
    .banner-entry {
  height: 490px;
width: 280px;
margin:auto;
}
}
.text-center::before {
  content: "برمجه وتطوير ADFAZ";
  display: block;
  text-align: center;
  background: #231f20;
  padding: 10px;
  color: #000;
}
.text-center {
  text-align: center;
  background: #231f20;
  padding: 10px;
  color: #000;
}
.s-slider-block__title {
color: rgb(164, 2, 3);
display: flex;
align-items: center;
justify-content: center;
}
.s-slider-block__title h2{
color: #231f20;
display: flex;
align-items: center;
justify-content: center;
}
.s-cart-summary-total {
  font-weight: 600;
  --tw-text-opacity: 1;
  color: #231f20;

}
.gap-3 {

  display: flex;
  width: 100%;
  text-align: center;
  justify-content: center;
}

.s-button-primary {
  border-width: 1px;
  border-color: #414042;
  background-color: rgb(243, 244, 246);
  color: #ff6767;
  color: var(--color-primary-reverse);
}

@media (max-width: 480px) {
.md\:grid-cols-3{
  grid-template-columns: repeat(3, minmax(0, 1fr));
}
 .banner-entry {
  width: 270px;
  height: 235px;
margin:auto;
}
.gap-3 {
gap: 1rem;
}
}
@media (min-width:480px) and (max-width: 650px) {
.md\:grid-cols-3 {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}
.banner-entry {
  width: 290px;
  height: 265px;
margin:auto;
}
.gap-3 {
gap: 1rem;
}
}

@media (min-width:650px) and (max-width: 768px) {
.md\:grid-cols-3 {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}
.banner-entry {
  height: 355px;
  width: 150px;
  margin:auto;
}
.gap-3 {
gap: 1rem;
}
}
@media (min-width: 769px) {
.md\:grid-cols-3 {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}
  .banner-entry {
height: 400px;
width: 235px;
margin:auto;
}
.gap-3 {
gap: 1rem;
}
}
@media (min-width: 1024px) {
.md\:grid-cols-3 {
  grid-template-columns: repeat(3, minmax(0, 1fr));
} 
  .banner-entry {
  height: 450px;
width: 250px;
margin:auto;
}
.gap-3 {
gap: 1rem;
}
.s-products-slider-card {
  width: 100%;
  max-width: 320px;
}

.mm-spn li a span{
color:rgb (88 , 25 , 96);
}
#mobile-menu {
background- color: rgb(88, 25, 96);
color:rgb (88 , 25 , 96);
}
}