.align-items-center {
    align-items: center !important;
}
.row {
    --bs-gutter-x: 1.5rem;
    --bs-gutter-y: 0;
    display: flex;
    flex-wrap: wrap;
    margin-top: calc(-1* var(--bs-gutter-y));
    margin-right: calc(-.5* var(--bs-gutter-x));
    margin-left: calc(-.5* var(--bs-gutter-x));
}


.new-modal .invoice-details .invoice-items {
	margin-bottom: 30px
}

@media(max-width:767.98px) {
	.new-modal .invoice-details .invoice-items {
		margin-bottom: 20px
	}
}

.new-modal .invoice-details .invoice-items .invoice-info-text {
	text-align: right
}

@media(max-width:767.98px) {
	.new-modal .invoice-details .invoice-items .invoice-info-text {
		padding-top: 10px
	}
}

.new-modal .invoice-details .invoice-items .invoice-info-text h4 {
	font-size: 24px;
	font-weight: 600;
	color: #201f1d;
	text-transform: uppercase;
	margin-bottom: 10px
}

@media(max-width:767.98px) {
	.new-modal .invoice-details .invoice-items .invoice-info-text h4 {
		font-size: 20px;
		margin-bottom: 0
	}
}

.new-modal .invoice-details .invoice-items .invoice-info-text p {
	font-size: 14px;
	color: #737373;
	margin-bottom: 0
}

.new-modal .invoice-details .invoice-item-bills {
	position: relative;
	background: #201f1d;
	border-radius: 10px;
	margin: 0 0 30px;
	padding: 30px
}

@media(max-width:991.98px) {
	.new-modal .invoice-details .invoice-item-bills {
		margin: 0 0 20px;
		padding: 20px 20px 0
	}
}

.new-modal .invoice-details .invoice-item-bills:before {
	content: "";
	background: url(../img/bg/invoice.png) no-repeat;
	position: absolute;
	top: -45px;
	left: -45px;
	width: 179px;
	height: 180px;
	background-size: cover
}

.new-modal .invoice-details .invoice-item-bills .invoice-bill-info {
	border-right: 1px solid #f5f5f5
}

@media(max-width:991.98px) {
	.new-modal .invoice-details .invoice-item-bills .invoice-bill-info {
		border-right: 0;
		margin-bottom: 20px
	}
}

.new-modal .invoice-details .invoice-item-bills .invoice-bill-info h6 {
	font-size: 18px;
	font-weight: 500;
	color: #fff;
	margin: 0 0 15px
}

@media(max-width:767.98px) {
	.new-modal .invoice-details .invoice-item-bills .invoice-bill-info h6 {
		margin: 0 0 10px
	}
}

.new-modal .invoice-details .invoice-item-bills .invoice-bill-info p {
	font-size: 14px;
	font-weight: 400;
	color: #fff;
	margin: 0 0 10px
}

.new-modal .invoice-details .invoice-item-bills .invoice-bill-info p:last-child {
	margin: 0
}

@media(max-width:767.98px) {
	.new-modal .invoice-details .invoice-item-bills .invoice-bill-info p {
		margin: 0 0 5px
	}
}

.new-modal .invoice-details .invoice-table-wrap {
	margin: 0 0 30px
}

@media(max-width:991.98px) {
	.new-modal .invoice-details .invoice-table-wrap {
		margin: 0 0 20px
	}
}

.new-modal .invoice-details .invoice-table-wrap .invoice-table thead th {
	font-size: 15px;
	font-weight: 600;
	color: #201f1d;
	background: #f4f4f4;
	padding: 15px
}

.new-modal .invoice-details .invoice-table-wrap .invoice-table tbody td {
	font-size: 14px;
	font-weight: 400;
	color: #2f2f2f;
	padding: 15px
}

.new-modal .invoice-details .invoice-table-wrap .invoice-table tbody td h6 {
	font-size: 14px;
	font-weight: 500;
	color: #111;
	margin-bottom: 0
}

.new-modal .invoice-details .payment-details-info {
	margin: 0 0 30px
}

@media(max-width:991.98px) {
	.new-modal .invoice-details .payment-details-info {
		margin: 0 0 20px
	}
}

@media(max-width:991.98px) {
	.new-modal .invoice-details .payment-details-info .invoice-terms {
		margin: 0 0 20px
	}
}

.new-modal .invoice-details .payment-details-info .invoice-terms h6 {
	font-weight: 500;
	font-size: 18px;
	color: #2f2f2f;
	margin-bottom: 18px
}

.new-modal .invoice-details .payment-details-info .invoice-terms .invocie-note {
	border: 2px dashed #787878;
	border-radius: 4px;
	max-width: 266px;
	padding: 20px
}

@media(max-width:767.98px) {
	.new-modal .invoice-details .payment-details-info .invoice-terms .invocie-note {
		padding: 15px
	}
}

.new-modal .invoice-details .payment-details-info .invoice-terms .invocie-note h6 {
	font-weight: 500;
	font-size: 18px;
	color: #201f1d;
	margin: 0 0 20px
}

.new-modal .invoice-details .payment-details-info .invoice-terms .invocie-note p {
	font-size: 14px;
	color: #2f2f2f;
	margin-bottom: 0
}

.new-modal .invoice-details .payment-details-info .invoice-total-box .invoice-total-inner p {
	font-size: 14px;
	font-weight: 400;
	color: #737373;
	margin-bottom: 15px
}

.new-modal .invoice-details .payment-details-info .invoice-total-box .invoice-total-inner p:last-child {
	margin-bottom: 0
}

.new-modal .invoice-details .payment-details-info .invoice-total-box .invoice-total-inner p b {
	font-weight: 400;
	max-width: 196px;
	display: inline-block
}

.new-modal .invoice-details .payment-details-info .invoice-total-box .invoice-total-inner p span {
	float: right;
	font-weight: 500;
	font-size: 15px
}

.new-modal .invoice-details .invoice-total {
	background: #f1f1f1;
	border: 2px dashed #fcfcfc;
	margin: 0 0 30px;
	padding: 10px;
	text-align: right
}

@media(max-width:991.98px) {
	.new-modal .invoice-details .invoice-total {
		margin: 0 0 20px;
		padding: 10px
	}
}

.new-modal .invoice-details .invoice-total h4 {
	font-weight: 500;
	font-size: 20px;
	color: #201f1d
}

@media(max-width:767.98px) {
	.new-modal .invoice-details .invoice-total h4 {
		font-size: 18px
	}
}

.new-modal .invoice-details .invoice-total h4 span {
	padding-left: 88px
}

@media(max-width:575.98px) {
	.new-modal .invoice-details .invoice-total h4 span {
		padding: 0 0 0 10px
	}
}

.new-modal .invoice-details .invoice-note-footer .invocie-note {
	margin: 0 0 30px
}

@media(max-width:767.98px) {
	.new-modal .invoice-details .invoice-note-footer .invocie-note {
		margin: 0 0 20px
	}
}

.new-modal .invoice-details .invoice-note-footer .invocie-note h6 {
	font-weight: 500;
	font-size: 18px;
	color: #201f1d;
	margin: 0 0 12px
}

@media(max-width:767.98px) {
	.new-modal .invoice-details .invoice-note-footer .invocie-note h6 {
		margin: 0 0 8px
	}
}

.new-modal .invoice-details .invoice-note-footer .invocie-note p {
	font-size: 14px;
	color: #2f2f2f;
	margin-bottom: 0
}

.new-modal .invoice-details .invoice-note-footer .invoice-sign {
	float: right
}

@media(max-width:575.98px) {
	.new-modal .invoice-details .invoice-note-footer .invoice-sign {
		float: left
	}
}

.new-modal .invoice-details .invoice-note-footer .invoice-sign img {
	margin: 0 0 19px
}

@media(max-width:991.98px) {
	.new-modal .invoice-details .invoice-note-footer .invoice-sign img {
		margin: 0
	}
}

.new-modal .invoice-details .invoice-note-footer .invoice-sign span {
	font-size: 18px;
	font-weight: 500;
	color: #201f1d;
	text-align: center
}


.new-modal .invoice-details .invoice-items {
    margin-bottom: 30px;
  }
  @media (max-width: 767.98px) {
    .new-modal .invoice-details .invoice-items {
      margin-bottom: 20px;
    }
  }
  .new-modal .invoice-details .invoice-items .invoice-info-text {
    text-align: right;
  }
  @media (max-width: 767.98px) {
    .new-modal .invoice-details .invoice-items .invoice-info-text {
      padding-top: 10px;
    }
  }
  .new-modal .invoice-details .invoice-items .invoice-info-text h4 {
    font-size: 24px;
    font-weight: 600;
    color: #201F1D;
    text-transform: uppercase;
    margin-bottom: 10px;
  }
  @media (max-width: 767.98px) {
    .new-modal .invoice-details .invoice-items .invoice-info-text h4 {
      font-size: 20px;
      margin-bottom: 0;
    }
  }
  .new-modal .invoice-details .invoice-items .invoice-info-text p {
    font-size: 14px;
    color: #737373;
    margin-bottom: 0;
  }
  .new-modal .invoice-details .invoice-item-bills {
    position: relative;
    background: #201F1D;
    border-radius: 10px;
    margin: 0 0 30px;
    padding: 30px;
  }
  @media (max-width: 991.98px) {
    .new-modal .invoice-details .invoice-item-bills {
      margin: 0 0 20px;
      padding: 20px 20px 0;
    }
  }
  .new-modal .invoice-details .invoice-item-bills:before {
    content: "";
    background: url(../img/bg/invoice.png) no-repeat;
    position: absolute;
    top: -45px;
    left: -45px;
    width: 179px;
    height: 180px;
    background-size: cover;
  }
  .new-modal .invoice-details .invoice-item-bills .invoice-bill-info {
    border-right: 1px solid #F5F5F5;
  }
  @media (max-width: 991.98px) {
    .new-modal .invoice-details .invoice-item-bills .invoice-bill-info {
      border-right: 0;
      margin-bottom: 20px;
    }
  }
  .new-modal .invoice-details .invoice-item-bills .invoice-bill-info h6 {
    font-size: 18px;
    font-weight: 500;
    color: #ffffff;
    margin: 0 0 15px;
  }
  @media (max-width: 767.98px) {
    .new-modal .invoice-details .invoice-item-bills .invoice-bill-info h6 {
      margin: 0 0 10px;
    }
  }
  .new-modal .invoice-details .invoice-item-bills .invoice-bill-info p {
    font-size: 14px;
    font-weight: 400;
    color: #ffffff;
    margin: 0 0 10px;
  }
  .new-modal .invoice-details .invoice-item-bills .invoice-bill-info p:last-child {
    margin: 0;
  }
  @media (max-width: 767.98px) {
    .new-modal .invoice-details .invoice-item-bills .invoice-bill-info p {
      margin: 0 0 5px;
    }
  }
  .new-modal .invoice-details .invoice-table-wrap {
    margin: 0 0 30px;
  }
  @media (max-width: 991.98px) {
    .new-modal .invoice-details .invoice-table-wrap {
      margin: 0 0 20px;
    }
  }
  .new-modal .invoice-details .invoice-table-wrap .invoice-table thead th {
    font-size: 15px;
    font-weight: 600;
    color: #201F1D;
    background: #F4F4F4;
    padding: 15px;
  }
  .new-modal .invoice-details .invoice-table-wrap .invoice-table tbody td {
    font-size: 14px;
    font-weight: 400;
    color: #2F2F2F;
    padding: 15px;
  }
  .new-modal .invoice-details .invoice-table-wrap .invoice-table tbody td h6 {
    font-size: 14px;
    font-weight: 500;
    color: #111;
    margin-bottom: 0;
  }
  .new-modal .invoice-details .payment-details-info {
    margin: 0 0 30px;
  }
  @media (max-width: 991.98px) {
    .new-modal .invoice-details .payment-details-info {
      margin: 0 0 20px;
    }
  }
  @media (max-width: 991.98px) {
    .new-modal .invoice-details .payment-details-info .invoice-terms {
      margin: 0 0 20px;
    }
  }
  .new-modal .invoice-details .payment-details-info .invoice-terms h6 {
    font-weight: 500;
    font-size: 18px;
    color: #2F2F2F;
    margin-bottom: 18px;
  }
  .new-modal .invoice-details .payment-details-info .invoice-terms .invocie-note {
    border: 2px dashed #787878;
    border-radius: 4px;
    max-width: 266px;
    padding: 20px;
  }
  @media (max-width: 767.98px) {
    .new-modal .invoice-details .payment-details-info .invoice-terms .invocie-note {
      padding: 15px;
    }
  }
  .new-modal .invoice-details .payment-details-info .invoice-terms .invocie-note h6 {
    font-weight: 500;
    font-size: 18px;
    color: #201F1D;
    margin: 0 0 20px;
  }
  .new-modal .invoice-details .payment-details-info .invoice-terms .invocie-note p {
    font-size: 14px;
    color: #2F2F2F;
    margin-bottom: 0;
  }
  .new-modal .invoice-details .payment-details-info .invoice-total-box .invoice-total-inner p {
    font-size: 14px;
    font-weight: 400;
    color: #737373;
    margin-bottom: 15px;
  }
  .new-modal .invoice-details .payment-details-info .invoice-total-box .invoice-total-inner p:last-child {
    margin-bottom: 0;
  }
  .new-modal .invoice-details .payment-details-info .invoice-total-box .invoice-total-inner p b {
    font-weight: 400;
    max-width: 196px;
    display: inline-block;
  }
  .new-modal .invoice-details .payment-details-info .invoice-total-box .invoice-total-inner p span {
    float: right;
    font-weight: 500;
    font-size: 15px;
  }
  .new-modal .invoice-details .invoice-total {
    background: #F1F1F1;
    border: 2px dashed #FCFCFC;
    margin: 0 0 30px;
    padding: 10px;
    text-align: right;
  }
  @media (max-width: 991.98px) {
    .new-modal .invoice-details .invoice-total {
      margin: 0 0 20px;
      padding: 10px;
    }
  }
  .new-modal .invoice-details .invoice-total h4 {
    font-weight: 500;
    font-size: 20px;
    color: #201F1D;
  }
  @media (max-width: 767.98px) {
    .new-modal .invoice-details .invoice-total h4 {
      font-size: 18px;
    }
  }
  .new-modal .invoice-details .invoice-total h4 span {
    padding-left: 88px;
  }
  @media (max-width: 575.98px) {
    .new-modal .invoice-details .invoice-total h4 span {
      padding: 0 0 0 10px;
    }
  }
  .new-modal .invoice-details .invoice-note-footer .invocie-note {
    margin: 0 0 30px;
  }
  @media (max-width: 767.98px) {
    .new-modal .invoice-details .invoice-note-footer .invocie-note {
      margin: 0 0 20px;
    }
  }
  .new-modal .invoice-details .invoice-note-footer .invocie-note h6 {
    font-weight: 500;
    font-size: 18px;
    color: #201F1D;
    margin: 0 0 12px;
  }
  @media (max-width: 767.98px) {
    .new-modal .invoice-details .invoice-note-footer .invocie-note h6 {
      margin: 0 0 8px;
    }
  }
  .new-modal .invoice-details .invoice-note-footer .invocie-note p {
    font-size: 14px;
    color: #2F2F2F;
    margin-bottom: 0;
  }
  .new-modal .invoice-details .invoice-note-footer .invoice-sign {
    float: right;
  }
  @media (max-width: 575.98px) {
    .new-modal .invoice-details .invoice-note-footer .invoice-sign {
      float: left;
    }
  }
  .new-modal .invoice-details .invoice-note-footer .invoice-sign img {
    margin: 0 0 19px;
  }
  @media (max-width: 991.98px) {
    .new-modal .invoice-details .invoice-note-footer .invoice-sign img {
      margin: 0;
    }
  }
  .new-modal .invoice-details .invoice-note-footer .invoice-sign span {
    font-size: 18px;
    font-weight: 500;
    color: #201F1D;
    text-align: center;
  }