@font-face {
  font-family: 'IRANSans';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(https://cdn.jsdelivr.net/gh/sazdahani/font@main/IRANSans-web.woff2) format('woff2');
  unicode-range: U+0600-06FF, U+0750-077F, U+0870-088E, U+0890-0891, U+0898-08E1, U+08E3-08FF, U+200C-200E, U+2010-2011, U+204F, U+2E41, U+FB50-FDFF, U+FE70-FE74, U+FE76-FEFC;
}
  *{
    direction:rtl;
    font-family: -apple-system,'IRANSans';
  }
  a{
      text-decoration:none;
  }
  img{
      max-width: 100%;
      margin-left:auto;
      margin-right:auto;
  }
  .form-control{
    height: 33px;
    margin-top: auto;
    margin-bottom: auto;
    margin-right: 10px;
  }
  .btn-outline-success{
    height: 37px;
    margin-top: auto;
    margin-bottom: auto;
  }
   .keyw {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    width: 100%;
    padding-left: 0;
    justify-content:  space-around;
  }
  .keyw li {
    list-style: none;
    display: inline-block;
    width: auto;
    height: auto;
    text-align: center;
  }
  .breadcrumb {
    overflow: hidden;
  }
  .breadcrumb .nd{
    min-width: 63px;
  }
  iframe{
    width: 100%;
  }

.rating {
    border:none;
}
.rating:not(:checked) > input {
    position: absolute;
   // top:2000px;
    clip:rect(0, 0, 0, 0);
}
.rating:not(:checked) > label {
  //  float:right;
    width:1em;
   // padding:0 .1em;
    overflow:hidden;
    white-space:nowrap;
    cursor:pointer;
    font-size:300%;
    line-height:1.2;
    color:#ddd;
}
.rating:not(:checked) > label:before {
    content:'★ ';
}
.rating > input:checked ~ label {
    color: #f70;
}
.rating:not(:checked) > label:hover, .rating:not(:checked) > label:hover ~ label {
    color: gold;
}
.rating > input:checked + label:hover, .rating > input:checked + label:hover ~ label, .rating > input:checked ~ label:hover, .rating > input:checked ~ label:hover ~ label, .rating > label:hover ~ input:checked ~ label {
    color: #ea0;
}  

.buttongroup{
  display: flex;
  flex-wrap: wrap;
  justify-content: space-around;
}
.buttongroup a{
  border: 1px solid black;
  padding: 10px;
  min-width: 60px;
  height: 60px;
  text-align: center;
  margin: 10px;
  font-weight: bold;
  font-size: 24px
}
.buttongroup a:hover{
  background-color: #00008b;
  color: #fff;
}
h1 {
    text-shadow: -1px 0 #000, 0 2px #000, 2px 0 #000, 0 -1px #000;
    color: #ff0;
}
dt,
dd {
  display:inline
}
dd {
  margin-left:20px
}
dd::after {
  content:"";
  display:block
}