/* =================================================== */
/* =================================================== */
/*   yalda */
/* css class  for   yalda */
/* =================================================== */
/* =================================================== */

/* ------------------- */
/* add fonts  */
/* ------------------- */

@import "../fonts/fontiran.css";

/* ------------------- */
/* add fonts  */
/* ------------------- */

/* ------------------- */
/* roots  */
/* ------------------- */

@import "./root.css";

/* ------------------- */
/* roots  */
/* ------------------- */

/* --------------------------- */
/* margins and padings class  */
/* ------------------------- */
p {
  margin-bottom: 0 !important;
}

.mr-4 {
  margin-right: 4px;
}

.mt-7 {
  margin-top: 7px;
}

.mr-7 {
  margin-right: 7px;
}

.ml-7 {
  margin-left: 7px;
}

.mb-7 {
  margin-bottom: 7px;
}

.mt-8 {
  margin-top: 8px;
}

.mr-8 {
  margin-right: 8px;
}

.ml-8 {
  margin-left: 8px;
}

.mb-8 {
  margin-bottom: 8px;
}

.mt-12 {
  margin-top: 12px;
}

.mr-12 {
  margin-right: 12px;
}

.ml-12 {
  margin-left: 12px;
}

.mb-12 {
  margin-bottom: 12px;
}

.mt-16 {
  margin-top: 16px;
}

.mr-16 {
  margin-right: 16px;
}

.ml-16 {
  margin-left: 16px;
}

.mb-16 {
  margin-bottom: 16px;
}

.mb-20 {
  margin-bottom: 20px;
}

.mt-20 {
  margin-top: 20px;
}

.mt-24 {
  margin-top: 24px;
}

.mr-24 {
  margin-right: 24px;
}

.ml-24 {
  margin-left: 24px;
}

.mb-24 {
  margin-bottom: 24px;
}

.mt-28 {
  margin-top: 28px;
}

.mb-32 {
  margin-bottom: 32px;
}

.mt-32 {
  margin-top: 32px;
}

.mt-40 {
  margin-top: 40px;
}

.mr-40 {
  margin-right: 40px;
}

.ml-40 {
  margin-left: 40px;
}

.mb-40 {
  margin-bottom: 40px;
}

.mt-48 {
  margin-top: 48px;
}

.mt-64 {
  margin-top: 64px;
}

.mr-64 {
  margin-right: 64px;
}

.ml-64 {
  margin-left: 64px;
}

.mb-64 {
  margin-bottom: 64px;
}

.mt-80 {
  margin-top: 80px;
}

.mt-96 {
  margin-top: 96px;
}

.mr-96 {
  margin-right: 96px;
}

.ml-96 {
  margin-left: 96px;
}

.mb-96 {
  margin-bottom: 96px;
}

.mt-128 {
  margin-top: 128px;
}

.mr-128 {
  margin-right: 128px;
}

.ml-128 {
  margin-left: 128px;
}

.mb-128 {
  margin-bottom: 128px;
}

.pt-7 {
  padding-top: 7px;
}

.pr-7 {
  padding-right: 7px;
}

.pl-7 {
  padding-left: 7px;
}

.pb-7 {
  padding-bottom: 7px;
}

.pt-8 {
  padding-top: 8px;
}

.pr-8 {
  padding-right: 8px;
}

.pl-8 {
  padding-left: 8px;
}

.pb-8 {
  padding-bottom: 8px;
}

.pt-12 {
  padding-top: 12px;
}

.pr-12 {
  padding-right: 12px;
}

.pl-12 {
  padding-left: 12px;
}

.pb-12 {
  padding-bottom: 12px;
}

.pt-16 {
  padding-top: 16px;
}

.pr-16 {
  padding-right: 16px;
}

.pl-16 {
  padding-left: 16px;
}

.pb-16 {
  padding-bottom: 16px;
}

.pt-24 {
  padding-top: 24px;
}

.pr-24 {
  padding-right: 24px;
}

.pl-24 {
  padding-left: 24px;
}

.pb-24 {
  padding-bottom: 24px;
}

.pt-40 {
  padding-top: 40px;
}

.pr-40 {
  padding-right: 40px;
}

.pl-40 {
  padding-left: 40px;
}

.pb-40 {
  padding-bottom: 40px;
}

.pt-64 {
  padding-top: 64px;
}

.pr-64 {
  padding-right: 64px;
}

.pl-64 {
  padding-left: 64px;
}

.pb-64 {
  padding-bottom: 64px;
}

.pt-96 {
  padding-top: 96px;
}
.pt-80 {
  padding-top: 80px;
}

.pr-96 {
  padding-right: 96px;
}

.pl-96 {
  padding-left: 96px;
}

.pb-96 {
  padding-bottom: 96px;
}

.pt-128 {
  padding-top: 128px;
}

.pr-128 {
  padding-right: 128px;
}

.pl-128 {
  padding-left: 128px;
}

.pb-128 {
  padding-bottom: 128px;
}

.p-rl-32 {
  padding: 0 32px;
}

/* --------------------------- */
/* margins and padings class  */
/* ------------------------- */

/* body */
html {
  overflow-x: hidden;
  scroll-behavior: smooth;
}

body {
  background: #07051a;
  color: #b2b2b8;
  font-size: var(--font-16) !important;
  font-weight: var(--font-w-500) !important;
  font-family: Yekan Bakh !important;
  direction: rtl !important;
  text-align: right !important;
  overflow-x: hidden;
  line-height: 32px !important;
  min-height: 100vh;
}

/* body */