*{
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  color: #2A3663;
}
body{
  background-color: #FAF6E3;
}
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/EZKrmK/FfeTPAVYh3Ez31OAuzMrlPSxr1LFNSijb3RCfbtC.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;
}
.s-cart-summary-total {
  color: #2A3663;
}
.banner--fixed img {
    display: block;
    width: 100%;
    border-radius: 0.375rem;
    border-style: none;
    --tw-bg-opacity: 1;
  background-color: #FAF6E3;
  background-color: #FAF6E3;
    -o-object-fit: cover;
    object-fit: cover;
}
.lazy__bg {
  background-color: #FAF6E3;
    position: absolute;
    top: 0px;
    left: 0px;
    height: 100%;
    width: 100%;
    background-size: cover;
    background-position: center;
    opacity: 0;
    transition-property: opacity;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 500ms;
}
.s-button-primary {
  border-width: 1px;
  border-color: #fff;
  background-color: #fff;
  color: #2A3663;
}
[class^="sicon-"], [class*=" sicon-"] {
  color: #2A3663;
}
.text-center::before {
  content: "برمجه وتطوير ADFAZ";
  display: block;
  text-align: center;
  background-color: #FAF6E3;
  padding: 10px;
  color: #2A3663;
}
.s-slider-block__title {
color: rgb(88, 25, 96) ;
display: flex;
align-items: center;
justify-content: center;
}
.s-slider-block__title h2{
color: rgb(88, 25, 96) ;
display: flex;
align-items: center;
justify-content: center;
}
.gap-3 {

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

@media (min-width: 1024px) {
.md\:grid-cols-3 {
  grid-template-columns: repeat(3, minmax(0, 1fr));
} 
  .banner-entry {
  height: 400px;
width: 300px;
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 {

color:rgb (88 , 25 , 96);
}
}
.s-slider-block__title h2 {
  color: rgb(88, 25, 96);
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #2A3663;
  color: #fff;
  padding: 12px;
  border-radius: 24px;
}
@media (max-width: 480px) {
.md\:grid-cols-3{
  grid-template-columns: repeat(3, minmax(0, 1fr));
}
 .banner-entry {
  width: 155px;
  height: 205px;
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: 180px;
  height: 275px;
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: 210px;
  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: 410px;
width: 255px;
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: 430px;
width: 280px;
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: #FAF6E3;
color:rgb (88 , 25 , 96);
}
}
.footer-is-light .store-footer .store-footer__inner {
  --tw-border-opacity: 1;
  background-color: #FAF6E3;
  --tw-bg-opacity: 1;
  background-color: #FAF6E3;
}