/* slider */
.image-fader{
    padding-top: 30px;
    margin: auto;
    display: flex;
    justify-content: center;
}
.img1{
    width: 90%;
    position:absolute;
    z-index: 1;
    animation: fade-and-stay1 12s infinite;
}
.img2{
    width: 90%;
    position:absolute;
    z-index: 1;
    animation: fade-and-stay2 12s infinite;
}
.img3{
    width: 90%;
    position:absolute;
    z-index: 1;
    animation: fade-and-stay3 12s infinite;
}
.br{
    border-radius: 20px;
}

@keyframes fade-and-stay1 {
  /* مرحله 1: fade out (2 ثانیه) */
  0%   { opacity: 0; } /* نمایان */
  5%   { opacity: 1; }
  30%  { opacity: 1; } /* ناپدید (2 ثانیه از 8 ثانیه = 25%) */
  35%  { opacity: 0; } /* ناپدید (شروع fade in) */
  100% { opacity: 0; } /* ظاهر */
}
@keyframes fade-and-stay2 {
  /* مرحله 1: fade out (2 ثانیه) */
  0%   { opacity: 0; } /* نمایان */
  30%  { opacity: 0; } /* ناپدید (2 ثانیه از 8 ثانیه = 25%) */
  35%  { opacity: 1; } /* ناپدید (شروع fade in) */
  65%  { opacity: 1; }
  70%  { opacity: 0; }
  100% { opacity: 0; } /* ظاهر */
}
@keyframes fade-and-stay3 {
  /* مرحله 1: fade out (2 ثانیه) */
  0%   { opacity: 1; } /* نمایان */
  5%  { opacity: 0; }
  30%  { opacity: 0; } /* ناپدید (2 ثانیه از 8 ثانیه = 25%) */
  65%  { opacity: 0; } /* ناپدید (شروع fade in) */
  70%  { opacity: 1; }
  100% { opacity: 1; } /* ظاهر */
}