@font-face {
    font-family: "vaziri";
    src: url("/fonts/Vazir.eot") format(eot);
    src: url("/fonts/Vazir.woff") format(woff);
    src: url("/fonts/Vazir.woff2") format(woff2);
    src: url("/fonts/Vazir.ttf") format(ttf);
    ;
}

@font-face {


    font-family: "AdobeArabic";
    src: url("/fonts/AdobeArabic-Regular.eot") format(eot);
    src: url("/fonts/AdobeArabic-Regular.woff") format(woff);
    src: url("/fonts/AdobeArabic-Regular.woff2") format(woff2);
    src: url("/fonts/AdobeArabic-Bold.otf") format(otf);


}

@font-face {
    font-family: "Iransan";
    src: url("/fonts/IRANSansWeb.eot") format(eot);
    src: url("/fonts/IRANSansWeb.woff") format(woff);
    src: url("/fonts/IRANSansWeb.woff2") format(woff2);
    src: url("/fonts/IRANSansWeb.ttf") format(ttf);
    src: url("/fonts/IRANSansWeb-Bold.eot") format(eot);
    src: url("/fonts/IRANSansWeb-Bold.woff") format(woff);
    src: url("/fonts/IRANSansWeb-Bold.woff2") format(woff2);
    src: url("/fonts/IRANSansWeb-Bold.ttf") format(ttf);
    ;
}

@font-face {
    font-family: "sahel";
    src: url("/fonts/Sahel.eot") format(eot);
    src: url("/fonts/Sahel.woff") format(woff);
    src: url("/fonts/Sahel.woff2") format(woff2);
    src: url("/fonts/Sahel-Black.ttf") format(ttf);
    ;
}

@font-face {
    font-family: "Yekan";
    src: url("/fonts/Yekan.eot") format(eot);
    src: url("/fonts/Yekan.woff") format(woff);
    src: url("/fonts/Yekan.woff2") format(woff2);
    src: url("/fonts/Yekan.ttf") format(ttf);
    ;
}


#s{

font-family: Iransan;

}

.slider {
  width: 100%;
  max-width: 1000px;
  margin: 50px auto;
  overflow: hidden;
  border-radius: 10px;
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.2);
}

.slides {
  display: flex;
  width: 700%;
  animation: slide 10s infinite;
}

.slide {
  width: 50%;
  flex-shrink: 0;
}

.slide img {
  width: 100%;
  display: flex;
}

/* Animation */
@keyframes slide {
  0% { transform: translateX(0); }
  33% { transform: translateX(-100%); }
  66% { transform: translateX(-200%); }
  100% { transform: translateX(0); }
}

