@font-face {
    font-family: YekanBakhRegular;
    src: url(fonts/YekanBakhRegular.ttf);
  }

  @font-face {
    font-family: YekanBakhBold;
    src: url(fonts/YekanBakhBold.ttf);
  }

  @font-face {
    font-family: modlight;
    src: url(fonts/mod-light.ttf);
  }

  @font-face {
    font-family: modbold;
    src: url(fonts/mod-bold.ttf);
  }

  @font-face {
    font-family: vazir1;
    src: url(fonts/vazir1.ttf);
  }

  @font-face {
    font-family: vazir2;
    src: url(fonts/vazir2.ttf);
  }

  @font-face {
    font-family: vazir3;
    src: url(fonts/vazir3.ttf);
  }

  @font-face {
    font-family: modbold;
    src: url(fonts/mod-bold.ttf);
  }

  @font-face {
      font-family: is;
      src: url(fonts/is.ttf);
  }


  @font-face {
    font-family: isbol;
    src: url(fonts/isbol.ttf);
}

@font-face {
    font-family: kalame1;
    src: url(fonts/kalame1.ttf);
  }

  @font-face {
    font-family: kalame2;
    src: url(fonts/kalame1.ttf);
  }

  @font-face {
    font-family: kalame3;
    src: url(fonts/kalame3.ttf);
  }

body{
    direction: rtl;
    font-family: is;
    font-size: 14px;
    color:#fff;
    background:#fff;
}

a{
    text-decoration: none;
    color:#F59421;
}

a:hover{
    text-decoration: none;
    color:#f52121;
}

.header_top_bg{
  padding:10px;
  height:75px;
}

.bg_hero{
  background-image: url("img/3labbg.jpg");
  height:100vh;
  background-attachment: fixed;
  background-position: top;
  background-size: cover;
}

.title_first_hero{
  font-size:50px;
  font-family: kalame3;
  color:#1151E7;
}

.title_sec_hero{
  font-size:20px;
  font-family: is;
  margin-top:20px;
}

@media screen and (max-width: 500px) {

.title_first_hero{
  font-size:25px;
  font-family: kalame3;
}

}