html, body {
    height: 100%;
    background-image: url('../images/background.png'); /* Replace with your image URL */
    background-repeat: no-repeat; /* Do not repeat the image */
    background-size: cover;
    background-position: left center;
    overflow-x: hidden;
}
.center {
    min-height: 100%;
}

.font-19{
  font-size: 19px ;
}
.font-21{
  font-size: 21px ;
}
.font-22{
  font-size: 22px;
}
.font-23{
    font-size: 23px;
}
.font-24{
  font-size: 24px;
}
.font-25{
    font-size: 25px ;
}
.font-26{
  font-size: 26px ;
}
.font-27{
  font-size: 27px ;
}
.font-28{
  font-size: 28px ;
}
.font-30{
  font-size: 30px ;
}
.font-35{
  font-size: 35px ;
}
.font-40{
  font-size: 40px ;
}


.bg-gray{
  background-color: #F1F1F1;
}
.bg-gray2{
  background-color: #F0F0F0;
}
.bg-dark-gray{
  background-color:  #7F7F7F;
}
.bg-dark-gray2{
  background-color:  #767676;
}
.dark-gray{
  color: #7F7F7F;
}
.gray{
  color: #F1F1F1;
}
.gray2{
  color: #C0C0C0;
}
.red{
  color: #BF0000;
}
.bg-green{
  background-color: #24904D;
}
.bg-light-gray{
  background-color: #FAFAFA;
}
.green{
  color: #24904D;
}
.black-opacity-46{
  color: rgba(0, 0, 0, 0.46);
}


.mirza-regular {
    font-family: "Mirza", serif;
    font-weight: 400;
    font-style: normal;
  }

  .mirza-medium {
    font-family: "Mirza", serif;
    font-weight: 500;
    font-style: normal;
  }

  .mirza-semibold {
    font-family: "Mirza", serif;
    font-weight: 600;
    font-style: normal;
  }

  .mirza-bold {
    font-family: "Mirza", serif;
    font-weight: 700;
    font-style: normal;
  }

  .border-7{
    border-radius: 7px;
  }
  .border-9{
    border-radius: 9px;
  }
  .border-10{
    border-radius: 10px;
  }
  .border-right-10{
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
  }
  .border-left-10{
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px;
  }


  .bg-img{
    background-image: url('../images/background.png');
    background-repeat: no-repeat;

  }


  thead th {
    background-color: #E2E2E2;
    border-bottom: none;
    text-align: center;
}
tbody tr {
    background-color: #F1F1F1;
}
tbody tr td {
    border: 1px solid #dee2e6;
    text-align: center;
}
.border-bottom{
  border: none ;
  border-bottom: 1px solid #dee2e6;
}
tfoot{
  background-color: #F1F1F1;
}



 .btn-span{
  height: 47px;
  display: flex;
  justify-content: center;
}


  @media (max-width: 768px) {
    body {
        background-size: contain;
    }
}



.pagination .page-item.active .page-link {
    background-color: #24904d;
    border-color: #24904d;
    color: white;
}