/* -------------------*****---general------- */
@font-face {
  font-family: workerFonts;
  src: url(../asset/fonts/MarkaziText-VariableFont_wght.ttf);
}
@font-face {
  font-family: workerFontsTitle;
  src: url(../asset/fonts/ReemKufi-VariableFont_wght.ttf);
}
*{padding: 0;margin: 0;font-family:workerFonts;}
.font{font-family: workerFontsTitle;}
.bold{font-weight: bold;}
html{font-size: 16px;}
a:link{text-decoration: none;}
a:hover{text-decoration: none;}
.logo{width: 50px;}
.imgCat{
  /* width: 100px; */
  height: 100px;

}
.circle{
    border-width: 50%;
    border-radius: 50%;
}
.rtl{
    direction: rtl;
}
#top_up
{ display: none;
}
#top_up a{
    box-shadow: black 1px 1px 5px;
    background-color: rgb(79, 4, 109);
    color: #ffffff;
    width: 50px;
    height: 50px;
    position: fixed;
    bottom: 120px;
    right: 20px;
    font-size: 2rem;
    text-align: center;
    padding: 3px 0;
    z-index: 999;
}
.codeValid{
    font-size: 3.5rem;
    text-align: center;
    color: gray;
    opacity: .5;
    margin-top: 150px;
    font-weight: bold;
}
.codeSearch{
    font-size: 2.5rem;
    text-align: center;
    color: gray;
    opacity: .5;
    margin-top: 50px;
    font-weight: bold;
}
.review{
    border: rgb(227, 168, 250) 1px solid;
    font-size: 1.1rem;
    color: rgb(42, 1, 58);
}
#banner img:hover {
opacity: .8;
}
.bordersearch{
  border: indigo 5px solid;
  border-radius: 20px;
}
.hoverimg:hover{
    opacity: .7;
    border-radius: 100%;
    transition-duration: .7s;
    transform: scale(1.2) ;
}
.btnhover:hover{
    opacity: .7;
    border-radius: 5px;
    transition-duration: .7s;
    font-size: 20px;
}
.backseect:hover{
  background-color: rgb(197, 175, 248);
}
.vip:hover {
    transition-duration: .3s;
    transform: translateY(-8px);
  }
.p:hover {
    animation: action 1s infinite alternate;
  }
@keyframes action {
    0% {
      transform: translateY(0);
    }
    100% {
      transform: translateY(-15px);
    }
  }


/* loadding */
  .lds-grid {
    display: inline-block;
    position: relative;
    width: 80px;
    height: 80px;
  }
  .lds-grid div {
    position: absolute;
    width: 16px;
    height: 16px;
    border-radius: 50%;
    background: #fff;
    animation: lds-grid 1.2s linear infinite;
  }
  .lds-grid div:nth-child(1) {
    top: 8px;
    left: 8px;
    animation-delay: 0s;
  }
  .lds-grid div:nth-child(2) {
    top: 8px;
    left: 32px;
    animation-delay: -0.4s;
  }
  .lds-grid div:nth-child(3) {
    top: 8px;
    left: 56px;
    animation-delay: -0.8s;
  }
  .lds-grid div:nth-child(4) {
    top: 32px;
    left: 8px;
    animation-delay: -0.4s;
  }
  .lds-grid div:nth-child(5) {
    top: 32px;
    left: 32px;
    animation-delay: -0.8s;
  }
  .lds-grid div:nth-child(6) {
    top: 32px;
    left: 56px;
    animation-delay: -1.2s;
  }
  .lds-grid div:nth-child(7) {
    top: 56px;
    left: 8px;
    animation-delay: -0.8s;
  }
  .lds-grid div:nth-child(8) {
    top: 56px;
    left: 32px;
    animation-delay: -1.2s;
  }
  .lds-grid div:nth-child(9) {
    top: 56px;
    left: 56px;
    animation-delay: -1.6s;
  }
  @keyframes lds-grid {
    0%, 100% {
      opacity: 1;
    }
    50% {
      opacity: 0.5;
    }
  }
  /* loadding */
  .bormain{
    border: indigo 1px solid;
    border-radius: 10px;
}