body {
  max-width: 100%;
  direction: rtl;
  font-family: "iransans";
}

@font-face {
  font-family: "iransans";
  font-style: normal;
  font-weight: 400;
  src: url(./persian-font/IRANSansX-Regular.woff) format("woff");
  src: url(./persian-font/IRANSansX-Regular.ttf) format("ttf"),
    url(./persian-font/IRANSansX-Regular.woff2) format("woff2");
}

@font-face {
  font-family: "iransans";
  font-style: normal;
  font-weight: 800;
  src: url(./persian-font/IRANSansX-Bold.woff) format("woff");
}

h1 {
  text-align: center;
  color: white;
  direction: rtl;
}
h2 {
  color: rgb(80, 1, 25);
  text-align: right;
  font-size: 30px;
  margin-right: 3em;
}
h3 {
  position: relative;
  padding: 0px 0px 80px;
}

.s1 {
  background-image: image-set(
    url('./bg/1.avif') type('image/avif'),
    url('./bg/1.jpg') type('image/jpeg')
  );
  background-size: cover;
  background-position: center center;
}

.s2 {
  background-image: image-set(
    url('./bg/4.avif') type('image/avif'),
    url('./bg/4.jpg') type('image/jpeg')
  );
  background-size: cover;
}

.s3 {
  background-image: image-set(
    url('./bg/paul-brennus-1.avif') type('image/avif'),
    url('./bg/paul-brennus-1.jpg') type('image/jpeg')
  );
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}

.s4 {
  background-image: image-set(
    url('./bg/farva_s.avif') type('image/avif'),
    url('./bg/farva_s.jpg') type('image/jpeg')
  );
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
}

.s5 {
  background-image: image-set(
    url('./bg/1.avif') type('image/avif'),
    url('./bg/1.jpg') type('image/jpeg')
  );
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}

/*نوار صفحه*/
#fp-nav ul li a span,
.fp-slidesNav ul li a span {
  background: white !important;
  filter: drop-shadow(2px 5px 1px #00000048);
}

#roya-link {
  color: white;
  text-shadow: 0px 0px 6px #ffffff;
}

h3.heading {
  text-align: center;
  font-size: 1.9rem;
  text-transform: uppercase;
  margin-bottom: 1.9rem;
  color: #ffffff;
  font-family: "aviny";
  text-shadow: 2px 2px 4px #171717d5;
}

.row {
  --bs-gutter-x: 1.5rem;
  display: flex;
  justify-content: center;
  align-content: center;
  align-items: center;
  flex-wrap: wrap;
  color: #ffffff;
  text-align: center !important;
  text-shadow: 2px 2px 4px #171717d5;
  max-width: 100%;
}

.row > * {
  width: 100%;
  max-width: 100%;
  padding-right: calc(var(--bs-gutter-x) / 2);
  padding-left: calc(var(--bs-gutter-x) / 2);
}
.col {
  flex: 1 0 0%;
}
.row-cols-auto > * {
  flex: 0 0 auto;
  width: auto;
}
.row-cols-1 > * {
  flex: 0 0 auto;
  width: 100%;
}
.row-cols-2 > * {
  flex: 0 0 auto;
  width: 50%;
}
.row-cols-3 > * {
  flex: 0 0 auto;
  width: 33.3333333333%;
}
.row-cols-4 > * {
  flex: 0 0 auto;
  width: 25%;
}
.row-cols-5 > * {
  flex: 0 0 auto;
  width: 20%;
}
.row-cols-6 > * {
  flex: 0 0 auto;
  width: 16.6666666667%;
}
.col-auto {
  flex: 0 0 auto;
  width: auto;
}

.col-4 {
  flex: 0 0 auto;
  width: 33.3333333333%;
}

@media (min-width: 768px) {
  .col-md {
    flex: 1 0 0%;
  }
  .row-cols-md-auto > * {
    flex: 0 0 auto;
    width: auto;
  }
  .row-cols-md-1 > * {
    flex: 0 0 auto;
    width: 100%;
  }
  .row-cols-md-2 > * {
    flex: 0 0 auto;
    width: 50%;
  }
  .row-cols-md-3 > * {
    flex: 0 0 auto;
    width: 33.3333333333%;
  }
  .row-cols-md-4 > * {
    flex: 0 0 auto;
    width: 25%;
  }
  .row-cols-md-5 > * {
    flex: 0 0 auto;
    width: 20%;
  }
  .row-cols-md-6 > * {
    flex: 0 0 auto;
    width: 16.6666666667%;
  }
  .col-md-auto {
    flex: 0 0 auto;
    width: auto;
  }

  .col-md-3 {
    flex: 0 0 auto;
    width: 25%;
  }
  .col-md-4 {
    flex: 0 0 auto;
    width: 33.3333333333%;
  }

  .offset-md-0 {
  }

  .g-md-4,
  .gx-md-4 {
  }
  .g-md-4,
  .gy-md-4 {
  }
}