@font-face {
    font-family: 'Estedad-Bold';
    src: url('../font/Estedad-Bold.eot');
    src: url('../font/Estedad-Bold.eot?#iefix') format('embedded-opentype'),
        url('../font/Estedad-Bold.woff2') format('woff2'),
        url('../font/Estedad-Bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Estedad-Light';
    src: url('../font/Estedad-Light.eot');
    src: url('../font/Estedad-Light.eot?#iefix') format('embedded-opentype'),
        url('../font/Estedad-Light.woff2') format('woff2'),
        url('../font/Estedad-Light.woff') format('woff');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}
.card-body {
    flex: 1 1 auto;
    padding: 0.5rem !important;
}
.alert {
    padding: 0.5rem !important;
    margin-bottom: 0rem !important;

}
.table {
    margin-bottom: 0rem !important;
}
dl, ol, ul {
    margin-bottom: 0rem  !important;
}

.box-background{
      background: linear-gradient(10deg, #00000040 6.5%, #000000c2 70%) !important;
      color: #ffffff !important;
      -webkit-backdrop-filter: blur(10px) !important;
      backdrop-filter: blur(10px) !important;
      border: 1px solid rgb(255 255 255 / 13%) !important;
      border-radius: 0.75rem !important;
}
th {
    color: white!important;
}
.last {
    border-color: #dee2e600;
}
.alert-success{
    background: linear-gradient(10deg, #1987546b 6.5%, #0f513278 70%) !important;
    color: #ffffff !important;
    -webkit-backdrop-filter: blur(10px) !important;
    backdrop-filter: blur(10px) !important;
    border: 1px solid rgb(255 255 255 / 13%) !important;
    border-radius: 0.75rem !important;
}
.alert-warning{
    background: linear-gradient(10deg, #dc354533 6.5%, #c7400059 70%) !important;
    color: #ffffff !important;
    -webkit-backdrop-filter: blur(10px) !important;
    backdrop-filter: blur(10px) !important;
    border: 1px solid #ff7f0099 !important;
    border-radius: 0.75rem !important;
}
.alert-info {
    background: linear-gradient(10deg, #ad0000a6 6.5%, #ad0000a6 70%) !important;
    color: #ffffff !important;
    -webkit-backdrop-filter: blur(10px) !important;
    backdrop-filter: blur(10px) !important;
    border: 1px solid #eb0000 !important;
    border-radius: 0.75rem !important;
}
.alert-danger {
      background: linear-gradient(10deg, #8420298c 6.5%, #8420297a 70%) !important;
      color: #6b000a !important;
      -webkit-backdrop-filter: blur(10px) !important;
      backdrop-filter: blur(10px) !important;
      border: 1px solid #8420296e !important;
      border-radius: 0.75rem !important;
}
hr {
    margin: 0.65rem 0;
    color: #ffffff;
    background-color: rgb(255 255 255);
    border: 1px;
    opacity: 1;
}
@media only screen and (min-width: 600px) {
    .container {
        width: 375px !important;
        min-width: 375px !important;
    }
}
p.text-center {
    font-size: 12px !important;
    line-height: 12px;
}
.backgroundopa{
  background: linear-gradient(10deg, #dadde55e 6.5%, #f3f3f56b 70%);
  color: #ffffff;
}
@media only screen and (max-width: 320px) {
p{    font-size: 11px !important;
}
p.text-center {
    font-size: 11px !important;
    line-height: 11px;
}
span {
  font-size: 11px !important;
}
th {
  font-size: 11px !important;
}
li {
  font-size: 11px !important;
}
.display-2 {
    font-size: calc(1.475rem + 2.7vw) !important;
}
}
@media only screen and (min-width: 320px) and (max-width: 400px) {
p{    font-size: 11px !important;
}
p.text-center {
    font-size: 12px !important;
    line-height: 25px;
}
span {
  font-size: 12px !important;
}
th {
  font-size: 15px !important;
}
li {
  font-size: 15px !important;
}
.display-2 {
    font-size: calc(1.475rem + 6.7vw) !important;
}
}
body {
display: flex !important;
flex-direction: column !important;
min-height: 100vh !important;
margin: 0 !important;
}

main {
flex: 1 !important; /* فضای باقی‌مانده را پر می‌کند */
}

footer {
background-color: #f8f9fa !important; /* رنگ زمینه فوتر */
padding: 20px !important;
text-align: center !important;
}
@media (min-width: 1200px) {
    .display-2 {
        font-size: 3.5rem !important;
    }
}