@font-face {
  font-family: aviny; font-style: normal; font-weight: normal;
  font-display: swap;

  src:
  url('/assets/fonts/aviny/avinyweb.woff2') format('woff2'),  /* FF39+,Chrome36+, Opera24+*/
  url('/assets/fonts/aviny/avinyweb.woff') format('woff'),  /* FF3.6+, IE9, Chrome6+, Saf5.1+*/
}

.font-aviny {
  font-family: aviny, vazir, tahoma !important;
}

/* **********  ********** */

/* فونت وزیر vazir */
/* font name is 'vazirmatn' but we renamed to 'vazir' for simplicity */

/* regular font-weight is 400 */
@font-face {
  font-family: vazir-regular;
  font-style: normal;
  font-weight: normal;
  src: url('/assets/fonts/vazir/vazir-regular.woff2') format('woff2')
}

/* medium font-weight 500 which is bolder than regular (font-weight: 400) */
@font-face {
  font-family: vazir-medium;
  font-style: normal;
  font-weight: 500;
  src: url('/assets/fonts/vazir/vazir-medium.woff2') format('woff2')
}

@font-face {
  font-family: vazir-bold; font-style: normal; font-weight: 600;
  src: url('/assets/fonts/vazir/vazir-bold.woff2') format('woff2')
}


/* ********** letter-spacing ********** */

.ls-1 {letter-spacing: .063rem}
.ls-2 {letter-spacing: .125rem}

/* ********** custom font classes ********** */

/* these small font are used to decrease the size of font awesome circles */
.font6 {font-size:.375rem}
.font7 {font-size:.438rem}
.font8 {font-size:.5rem}
.font9 {font-size:.563rem}
.font10 {font-size:.625rem}

.font11 {font-size:.688rem}
.font12 {font-size:.75rem}
.font13 {font-size:.813rem}
.font14 {font-size:.875rem}
.font15 {font-size:.938rem}
.font16 {font-size:16px}
.font17 {font-size:1.063rem}
.font18 {font-size:1.125rem}
.font19 {font-size:1.188rem}
.font20 {font-size:1.25rem}

.font24 {font-size:1.5rem}
.font28 {font-size:1.75rem !important}
.font30 {font-size:1.875rem}
.font40 {font-size:2.5rem}
.font48 {font-size:3rem}

/* **********  ********** */
/* font size in mobile screens up to 768px */

@media (max-width: 768px) {
  .mob-font12 {
   font-size: .75rem !important;  /* 14px */
  }
}

@media (max-width: 768px) {
  .mob-font13 {
   font-size: .813rem !important;  /* 14px */
  }
}

@media (max-width: 768px) {
  .mob-font14 {
   font-size: .875rem !important;  /* 14px */
  }
 }

@media (max-width: 768px) {
  .mob-font15 {
   font-size: .938rem !important;  /* 15px */
  }
 }

@media (max-width: 768px) {
  .mob-font16 {
   font-size: 1rem !important;  /* 16px */
  }
 }

@media (max-width: 768px) {
  .mob-font17 {
   font-size: 1.063rem !important;  /* 17px */
  }
 }

@media (max-width: 768px) {
  .mob-font18 {
   font-size: 1.125rem !important;  /* 18px */
  }
 }