font-weight-1 {
  font-size: 100 !important;
}

font-weight-2 {
  font-size: 200 !important;
}

font-weight-3 {
  font-size: 300 !important;
}

font-weight-4 {
  font-size: 400 !important;
}

font-weight-5 {
  font-size: 500 !important;
}

font-weight-6 {
  font-size: 600 !important;
}

font-weight-7 {
  font-size: 700 !important;
}

font-weight-8 {
  font-size: 800 !important;
}

font-weight-9 {
  font-size: 900 !important;
}

.donation-history-bx {
  border-radius: 10px;
  background: #fff;
  padding: 18px 24px;
  color: #363c4f;
}
@media only screen and (max-width: 768px) {
  .donation-history-bx {
    /* padding: 15px; */
    padding: 0;
    background: transparent;
  }
}
.donation-history-bx .heading-donation {
  font-size: 13px;
  font-weight: 400;
  color: #78828b;
}
.donation-history-bx h6 {
  line-height: 26px;
  margin: 0;
}
@media only screen and (max-width: 768px) {
  .donation-history-bx h6 {
    line-height: 20px;
  }
}
.donation-history-bx p {
  color: #737373 !important;
}
@media only screen and (max-width: 768px) {
  .donation-history-bx p {
    font-size: 12px;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
  }
}
.donation-history-bx .line-h-26 {
  line-height: 26px;
}
.donation-history-bx .border-bot-donation {
  border: 1px solid #d6d6d6;
  border-radius: 8px;
  margin-top: 15px;
  padding: 0 20px;
}
@media only screen and (max-width: 768px) {
  .donation-history-bx .font-14 {
    font-size: 15px !important;
    font-weight: 800;
    line-height: 22px;
  }
}

.donation-pagination .page-link {
  /* border: 1px solid #c1c1c1; */
  padding: 14px 20px;
  font-size: 14px;
  color: #304061;
  font-weight: 500;
}
.donation-pagination .page-item.active .page-link {
  background: #866dcf;
  color: #fff;
  border-color: #866dcf;
}
.donation-pagination .page-item.disabled .page-link {
  color: #98a7b5;
}

@media only screen and (max-width: 768px) {
  .bg-mob {
    padding: 17px 12px !important;
    background: #fff;
    margin-bottom: 16px;
    box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.08);
    border-radius: 4px;
    border: 0;
  }
}

@media only screen and (max-width: 768px) {
  .border-bottom-mob {
    border-bottom: 1px solid #d9d9d9;
  }
}