@font-face {
  font-family: BNaznnBd;
  src: url("../fonts/BNaznnBd.ttf") format("truetype"),
    url("../font/BNaznnBd.woff") format("woff"),
    url("../font/BNaznnBd.woff2") format("woff2");
}
@font-face {
  font-family: BNaznin;
  src: url("../fonts/BNaznin.ttf") format("truetype"),
    url("../font/BNaznin.woff") format("woff"),
    url("../font/BNaznin.woff2") format("woff2");
}

body {
  direction: rtl;
  background-image: url("../img/1392750347-abstract_background_68-4.jpg");
  background-repeat: no-repeat;
  background-size: cover;
}
* {
  font-family: BNaznnBd;
  box-sizing: border-box;
}
a {
  text-decoration: none;
}
p {
  line-height: 2rem;
}
.alert {
  margin: 0;
  background-color: #432bb3;
  color: white;
}
.alert-close-icon {
  position: absolute;
  left: 1rem;
  top: 50%;
  transform: translateY(-50%);
}
.bg-primary {
  background: linear-gradient(
    to right,
    rgba(135, 130, 224),
    rgb(121, 94, 219)
  ) !important;
  color: white;
}
.bg-primary:hover {
  background-color: rgba(60, 4, 71, 0.815) !important;
  transition: 1s;
  color: white;
}
.text-primary {
  color: #9932cc !important;
}

.btn-primary {
  --bs-btn-bg: #9932cc;
  --bs-btn-active-bg: rgba(60, 4, 71, 0.815);
  border: none;
  padding: 10px;
}
.btn-primary:hover {
  background-color: #2a083bd0;
}
#navbarNav {
  margin-top: 1rem;
}
.navbar-nav .nav-item {
  padding: 8px 2px;
  border-radius: 5px;
}
.navbar-nav .nav-item:hover {
  background-color: rgba(121, 94, 219, 0.3);
  transition: 1s;
}
.btn-menu a:hover {
  background-color: rgba(121, 94, 219, 0.3);
  transition: 1s;
}
.dropdown-item:hover {
  background-color: rgba(121, 94, 219, 0.3);
  transition: 1s;
}
.navbar-expand-md {
  font-size: 20px;
  background-color: none;
  color: black;
}

.img-logo {
  height: 120px;
}
.container-header-main {
  box-shadow: 0 0 4px rgba(128, 115, 131, 0.63);
}
.container-header-text {
  padding: 2rem;
  background-image: url("../img/1392750347-abstract_background_68-4.jpg");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
  color: black;
}
.container-header-text p {
  text-align: justify;
}
.container-header-text img {
  box-shadow: 0 0 2px red;
  border-radius: 10px;
  max-height: 29rem;
}
.container-users {
  margin-bottom: 5rem;
}
.container-users-items {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  border: 1px solid #9932cc;
  border-radius: 5px;
  box-shadow: 0 0 10px rgba(121, 94, 219, 0.5);
  margin-bottom: 1rem;
  padding: 6px 0;
  background-color: white;
}
.container-samane-ma {
  background-color: #eee8eb;
  border: 1px solid #9932cc;
}
.container-samane-ma h4 {
  background-color: #9932cc;
  color: white;
}
#panelsms {
  margin-bottom: 100px;
  background: linear-gradient(
    to right,
    rgba(135, 130, 224),
    rgb(121, 94, 219)
  ) !important;
  padding: 12px;
  color: white;
}
.container-why {
  margin: 8rem 0;
}
#why1 {
  box-shadow: 0 0 18px #9932cc;
  background-color: white;
}
.container-options-top img {
  width: 60px;
  color: white;
}
.container-options-top-items {
  background-color: #9932cc;
  color: white;
  padding: 1rem;
  border-radius: 10px;
}
.container-options-down img {
  width: 60px;
}
.container-options-down-items {
  background-color: #9932cc;
  color: white;
  padding: 1rem;
  border-radius: 10px;
}
.container-support {
  margin: 6rem auto;
}
.container-support-options {
  padding: 2rem;
  border-radius: 10px;
  border: 1px solid #9932cc;
  margin-bottom: 1rem;
  box-shadow: 0 0 5px #9932cc;
  background-color: white;
}
.container-support-options h2 {
  font-size: 4rem;
  color: #9932cc;
}
.container-support-options h5 {
  font-size: 1.6rem;
}
.contain-test {
  background-color: #eee8eb;
  padding: 20px;
  margin-bottom: 5rem;
  border: 1px solid #9932cc;
}
.contain-test button {
  background: linear-gradient(
    to right,
    rgba(135, 130, 224),
    rgb(121, 94, 219)
  ) !important;
  border: none;
}
.header-pannels {
  background-color: #9932cc;
  color: white;
}
.pannel {
  border: 1px solid #9932cc;
  border-top: none;
  background-color: #eee8eb;
}
#panels {
  margin-bottom: 10rem;
}
#panels h4 {
  background-color: #13021b;
  border-radius: 5px;
  color: white;
  padding: 12px;
  margin-bottom: 8rem;
}
#panels h3 {
  background-color: #9932cc;
  border-radius: 5px;
  color: white;
  padding: 12px;
  margin-bottom: 2rem;
}
.container-panel-items {
  max-width: 195px;
  margin: 0 auto;
}
.container-panel-items ul {
  display: flex;
  flex-direction: column;
  align-items: start;
}
.container-footer {
  background-color: #191a1c;
  color: white;
}
.container-down-footer {
  background-color: #151618;
}
.header-webservices h4 {
  border-radius: 5px;
  background-color: #9932cc;
  color: white;
}
.container-webservices a {
  padding: 10px;
  background-color: #9932cc;
  color: white;
  border-radius: 50px;
  margin: 0 auto;
}
.container-webservices a:hover {
  background-color: rgba(60, 4, 71, 0.815) !important;
  transition: 1s;
  color: white;
}
.webserivce-free h4 {
  padding: 10px;
  background-color: #9932cc;
  color: white;
  border-radius: 50px;
  margin: 0 auto;
}
.webserivce-free img {
  max-width: 100%;
  margin: 0 auto;
  max-height: 182px;
}

.container-all {
  background-color: #eee8eb;
  margin: 5rem auto;
  border-radius: 15px;
  padding: 2rem;
  border: 1px solid #9932cc;
}
.container-top-text {
  text-align: center;
  padding: 1rem;
}
label {
  font-size: 16px;
}
input[type="submit"] {
  background: linear-gradient(
    to right,
    rgba(135, 130, 224),
    rgb(121, 94, 219)
  ) !important;
  border: none;
  color: white;
}
input:not([type="radio"]) {
  width: 50%;
}
.form-select {
  width: 50%;
}
textarea.form-control {
  width: 50%;
}
.form-control {
  width: 50%;
}
.container-top-table {
  max-width: 90%;
  margin-top: 2rem;
  background-color: #eee8eb;
}
.container-top-table h5 {
  background-color: #9932cc;
  color: white;
}
.top-table {
  font-size: 12px;
}
.table > :not(caption) > * > * {
  padding: 8px 0;
}
.container-down-table {
  max-width: 90%;
  border-radius: 5px;
  margin-bottom: 3rem;
}
.container-down-table-header {
  background-color: #9932cc !important;
}

.table-striped > tbody > tr:nth-of-type(2n + 1) > * {
  --bs-table-bg-type: rgba(100, 102, 221, 0.082);
}
.container-banned {
  background-color: white;
  text-align: center;
  margin: 21rem auto;
  max-width: 35rem;
  box-shadow: 0 0 5px #101b1091;
  border-radius: 1rem;
  padding: 2rem;
}
.successfulpayment {
  text-align: center;
  margin: 21rem auto;
  max-width: 35rem;
  background-color: #95d795;
  border-radius: 1rem;
  padding: 2rem;
  box-shadow: 0 0 5px #101b1091;
}
.failedpayment {
  background-color: #ff3737;
  text-align: center;
  margin: 21rem auto;
  max-width: 35rem;
  box-shadow: 0 0 5px #101b1091;
  border-radius: 1rem;
  padding: 2rem;
}
.tabsarh-in-tarfeh {
  color: red;
  max-width: 52rem;
  margin: 0 5rem 3rem;
}
@media (max-width: 992px) {
  .container-users-items {
    max-width: 21rem;
  }
  .container-options-top-items {
    max-width: 15rem;
  }
  .container-options-down-items {
    max-width: 11rem;
  }
}

@media (min-width: 992px) {
  .container-users-items {
    max-width: 13rem;
  }
  .container-options-top-items {
    max-width: 20rem;
  }
  .container-options-down-items {
    max-width: 15rem;
  }
  .container-support-options {
    max-width: 28rem;
  }
}

@media (max-width: 768px) {
  .nav-item {
    width: 100%;
  }
  .btn-menu {
    padding-right: 0px;
  }
  .container-users {
    margin-left: 5px;
    margin-right: 5px;
  }
  .container-options-top-items {
    max-width: 100%;
  }
  .container-options-top {
    margin-left: 5px;
    margin-right: 5px;
  }
  .container-options-top-items {
    max-width: 100%;
  }
  .container-options-down {
    margin-left: 5px;
    margin-right: 5px;
  }
  .container-options-down-items {
    max-width: 100%;
  }
  .container-support-options {
    max-width: 100%;
  }
  .tabsarh-in-tarfeh {
    width: 90% !important;
    margin: 0 auto;
  }
}
.thead-bg {
  background-color: #343a40 !important; /* رنگ دلخواه */
  color: #fff;
}
.account-title {
  margin: 2rem auto;
  background-color: #9932cc;
  text-align: center;
  border-radius: 10px;
  padding: 1rem;
  color: white;
}
@media (max-width: 576px) {
  input:not([type="radio"]) {
    width: 100%;
  }
  .form-select {
    width: 100%;
  }
  textarea.form-control {
    width: 100%;
  }
  .form-control {
    width: 100%;
  }
}

@media (max-width: 486px) {
  .alert {
    font-size: 10px;
  }
}