
.Color_White{
  color: white;
}
.Color_White2{
  color: #fff7ce;
}

.Border_Color_SotonFari{
  border-color: #2bff00;
}

.BG_Black{
  background-color: Black;
}

.Color_Black{
  color: hsl(0, 0%, 0%);
}

.Color_Gold{
  color: #ffac46;
}
.Color_Red{
  color: Red;
}
.Color_Blue{
  color: #0084ff;
}

a{
  text-decoration: none;
}
.RTL{
  direction: rtl;
}

.Font_FarD{
  font-family: 'FarD';
}
.Font_Vazir{
  font-family: "Vazir";
}










.No_Link{
  text-decoration: none;
}





img {
  -webkit-user-drag: none;
  -khtml-user-drag: none;
  -moz-user-drag: none;
  -o-user-drag: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}


























/* Reader Manhwa Page */


.HeaderReader{
  position: relative;
  display: flex;
  justify-content: space-between;
  direction: rtl;
  padding-inline: 1vw;
  margin-bottom: 2vw;
}

.BargashBeIndex{
  left: 10px;
  text-decoration: none;
}

.GhesmatName{
  text-align: center;
}

.IMGReader{
  position: relative;
  width: 500px;
  display: block;
  margin: 1px auto; /* قرار دادن عکس‌ها در مرکز و فاصله بین عکس‌ها */
  box-shadow: hsl(0, 100%, 50%) 0px 54px 55px, rgba(0, 0, 0, 0.12) 0px -12px 30px, hsla(0, 100%, 50%, 0.71) 0px 4px 6px, #ff000097 0px 12px 13px, rgba(0, 0, 0, 0.09) 0px -3px 5px;}


  .GhesmatHa {
      display: flex;
      justify-content: center;
      align-items: center;
  }
  
  .GhesmatHa button {
      font-family: 'FarD';
      font-size: 30px;
      text-align: center;
      width: 200px;
      position: relative;
  }
  



  .footer-container {
      display: flex;
      text-align: center;
      justify-content: space-between;
      color: white;
      padding: 20px;
      margin-top: 100px;
      border: 5px solid black;
  }

  .footer-left, .footer-middle, .footer-right {
      flex: 1;
      margin: 0 10px;
  }

  .footer-left h3, .footer-middle h3, .footer-right h3 {
      border-bottom: 1px solid #777;
      padding-bottom: 10px;
      margin-bottom: 10px;
  }

  .footer-middle ul {
      list-style-type: none;
      padding: 0;
  }

  .footer-middle ul li {
      margin-bottom: 10px;
  }

  .footer-middle ul li a {
      color: white;
      text-decoration: none;
  }

  .footer-middle ul li a:hover {
      text-decoration: underline;
  }

  .footer-bottom {
      text-align: center;
      padding: 10px;
      background-color: #222;
      color: #bbb;
  }
  
  