/* خدا، به نامش */
:root {
    --poost: #fff;
    --goosht: #00ffff;
    --moo: #aaa;
    --sfid: #ffffffff;
    --sia: #111;
    --kmsfid: #ccccccff;
    --kmsia: #808080ff;}
    /* hi lit */
    ::selection {
      /* Code for Firefox */
      color: #fff;
      background: #77573e;
    }
/* hi lit */
html {
    scroll-behavior: smooth;
    background:  white;
    color: var(--sia);
    font-family: 'Vazir', sans-serif;
}
body, html {
                scrollbar-color: var(--sia) var(--sfid) ;
    font-size: 2.5vh;
    font-family: 'Vazir', sans-serif;
                }
*{margin:0;}
* {
  box-sizing: border-box;
}
hr.khat {
  border: 1px solid var(--poost);
  width: 100%;
  scale: 0.8;
  }
.axnamaad {
    width: 100%;
    display: inline-block;
    border-radius: 2vh;
}
.axnamaad2 {
    width: 100%;
    display: inline-block;
    padding: 3vh;
    border-radius: 2vh;
}
.namaad0 {display: inline-block;
border: 0.1vh solid #cebaa5;
overflow: clip;
margin: 0.5vh;
border-radius: 1vh;
    transition:0.3s;
}
.namaad0:hover{box-shadow: 0vh 0vh 2vh 0vh #cebaa5}
.onvan {text-align: center; font-size: 7vh;
  color: #77573e;
  /*! border: solid 0.1vh #cdab8f; */
  width: 80vw;
  max-width: 70vh;
  padding: 1vh 3vh;
  margin: 0 auto;
display: block;
  text-align: center;
}
.namaad {
    display: block;
    width: 15vh;
    padding: 0vh;
    margin: 40vh auto 0;
    border-radius: 2vh;
}
.namaad2 {
    display: inline-block;
    width: 20vh;
    padding: 0vh;
    border-radius: 2vh;
}
.namaad3 {
    display: block;
    height: 20vh;
    margin: 0 auto;
}
.namaad4 {
    display: block;
    height: 30vh;
    margin: 0 auto;
}
/* Add styles to the form container */
.zirqaab-benevis {
  display: ;
  font-size: 3vh;
}
/* Full-width input fields */
.zirqaab-benevis input, .zirqaab-benevis textarea {
  background-color: var(--goosht);
  width: 100%;
  margin: 0vh 0vh 0vh 0;
  border: solid 0.1vh #000;
  border-right: none;
  color: var(--sia);
  vertical-align: middle;
}
/* When the inputs get focus, do something */
.zirqaab-benevis input:focus, .zirqaab-benevis textarea:focus {
  background-color: #fff;
  outline: none;
}
:-moz-ui-invalid {
             box-shadow: inset 0vh 0vh 2vh black;
}
:user-invalid {
             box-shadow: inset 0vh 0vh 2vh black;
}
.adad {
    font-family: Vazir FD WOL;
}
.jaanevis {
font-size: 2.5vh;
}
.btn {
    width: 5vh;
    height: 5vh;
  border: none;
  background: none;
    display: contents;
}
.qaabnevis {
  width: 80vw;
  max-width: 70vh;
  margin: 5vh auto;
}
.kesh {
    width: 20%;
}
.matnklid {
    width: 100%;
text-align: center;
margin: 0vh auto;
display: inline-block;
padding: 1vh 3vh;
background: var(--sia);
color: var(--sefid);
padding: 1vh;
  border-radius: 3vh;
  border: solid 0.1vh var(--sia);
  transition: 0.3s;
letter-spacing: 0.5vh;
}
.matnklid:hover {
  background: var(--sfid);
  cursor: pointer;
  color: var(--sia);
}
.matn {
  font-size: 2vh;
  color: #77573e;
  /*! border: solid 0.1vh #cdab8f; */
  width: 80vw;
  max-width: 70vh;
  padding: 1vh 3vh;
  margin: -37vh auto 20%;
display: block;
  text-align: center;
    }
.matn2 {
  font-size: 2vh;
  color: #77573e;
  /*! border: solid 0.1vh #cdab8f; */
  width: 80vw;
  max-width: 100vh;
  margin: 20vh auto 0;
display: block;
  text-align: center;
    }
.matn3 {
  font-size: 1.5vh;
  color: #77573e;
  /*! border: solid 0.1vh #cdab8f; */
  width: 80vw;
  max-width: 100vh;
  margin: -3vh auto 3vh;
display: block;
  text-align: center;
    }
.qaab {
  font-size: 2vh;
  color: #77573e;
  /*! border: solid 0.1vh #cdab8f; */
  width: 80vw;
  max-width: 70vh;
  padding: 1vh 3vh;
  margin: -37vh auto 20%;
display: block;
  text-align: center;
    }
.qaab2 {
  font-size: 2.5vh;
  color: var(--sia);
  border: solid 0.1vh var(--sia);
  width: 80vw;
  max-width: 70vh;
display: block;
  background: var(--sfid);
    background: var(--sfid);
margin: 10vh auto 0vh;
padding: 2vh;
border-radius: 4vh;
box-shadow: 0.5vh 0.5vh 1vh #0cc,-0.5vh -0.5vh 1vh #a5ffff;
}
.qaabtozi {
display: block;
  font-size: 2.5vh;
  color: var(--kmsia);
  border: solid 0 var(--kmsfid);
  border-radius: 3vh;
  background: var(--sfid);
  text-align: right;
  width: 80vw;
  max-width: 100vh;
  padding: 3vh;
  margin-top: 3vh;
              box-shadow:
              1vh 1vh 2vh #f5e8e1,
              -1vh -1vh 2vh #fffcf3;
    }
p {    }
/* width */
::-webkit-scrollbar {
  width: 1px;
}
/* width */
::-webkit-scrollbar:hover {
  width: 12px;
}
/* Track */
::-webkit-scrollbar-track {
  background: #e1c10a80;
  border-radius: 10px;
}
/* Handle */
::-webkit-scrollbar-thumb {
  background: #e1c10a80;
  border-radius: 10px;
}
/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
  background: #e1c10a80;
}
.pizhklid {
    font-size: 1.5vh;
    bottom: 5vh;
    margin: 5vh auto !important;
    position: relative;
    transition: 0.3s;
    border-radius: 3vh;
    display: inline-block;
    background: var(--sfid);
    border: solid 0.1vh black;
box-shadow: 0.5vh 0.5vh 1vh #0cc,-0.5vh -0.5vh 1vh #a5ffff;
}
.pizhklid:hover .axpizhklid{
    background: var(--sia);
filter: brightness(2);
    cursor: pointer;
}
.axpizhklid {
width: 5vh;
display: inline-block;
filter: brightness(0);
    border-radius: 100%;
    margin: -0.2vh;
    transition: 0.3s;
}
a {
  color: var(--sfid);
  text-decoration: none;
}
a:link {
  color: #7d583a;
  text-decoration: none;
}
/* visited link */
a:visited {
  color: var(--sfid);
}
/* mouse over link */
a:hover {
}
/* selected link */
a:active {
}

.vasat{margin: 20% auto; display: table; }


.klid5 {
margin: 0 auto;
display: table;
color: var(--sia);
  border-radius: 3vh;
  transition: 0.3s;
padding: 1vh 5vh;
border: solid 0.1vh #cdab8f;
}
.klid5:hover {
background: #cdab8f;
color: #fff;
width: 4vh;
height: 4vh;
  cursor: pointer;
}



.qaabchap {
  font-family: "samim" !important;
  font-size: 2.5vh;
  color: var(--کمسیا);
  text-align: right;
  width: 100%;
  display: grid;
  grid-template-columns: 10% 10% 10% 10% 10% 10% 10% 10% 10% 10%;
  margin: 0 auto;
  background: var(--پوست);
  cursor: default;
    overflow-y: scroll;
    overflow-x: hidden;
  scrollbar-width: none;
    }
    .ax0 {
        display: inline-block; width:100%; border-radius: 1vh;
    }
    .klidax0 {
        display: inline-block; width:100%; border-radius: 1vh;
        background: var(--پوست);
        transition: 0.3s;
    }
    .klidax0 img{
        display: inline-block; width:100%; border-radius: 1vh;
        background: var(--پوست);
        transition: 0.3s;
    }
    .klidax0:hover img {
        opacity: 0.7;
        background: var(--پوست);
    }
    .klidax {
        display: block;
         /*! border-radius: 1vh; */
        background: #fafafa;
        transition: 0.3s;
        margin: 2vh;
        /*! border: solid 0.1vh #cdab8f; */
    }
    .klidax img{
        display: inline-block; width:100%; border-radius: 1vh;
        background: var(--پوست);
        transition: 0.3s;
    }
    .klidax:hover img {
        opacity: 0.7;
        background: var(--پوست);
    }