@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500&display=swap');
@import url('https://fonts.maateen.me/solaiman-lipi/font.css');

*, ::after, ::before {
    margin: 0;
    padding: 0;
}
body {
    font-family: 'Roboto', 'SolaimanLipi', sans-serif;
    font-size: 14px;
    font-weight: 300 !important;
    line-height: 1.5;
}
.w-100 {
    width: 100%;
}
.img-fluid {
    max-width: 100%;
    height: auto;;
}
.mx-auto {margin: 0 auto;}
.ms-1 {margin-left: 0.25rem;}
.ms-2 {margin-left: 0.5rem;}
.ms-3 {margin-left: 0.75rem;}
.ms-4 {margin-left: 1rem;}
.me-1 {margin-right: 0.25rem;}
.me-2 {margin-right: 0.5rem;}
.me-3 {margin-right: 0.75rem;}
.me-4 {margin-right: 1rem;}
.mb-1 {margin-bottom: 0.25rem;}
.mb-2 {margin-bottom: 0.5rem;}
.mb-3 {margin-bottom: 0.75rem;}
.mb-4 {margin-bottom: 1rem;}
.mb-5 {margin-bottom: 1.25rem;}
.mb-6 {margin-bottom: 2rem;}
h1,h2,h3,h4,h5,h6 {
    margin: 0;
    line-height: 1.3;
    font-weight: 500;
}
strong {font-weight: 600;}
td {
    font-weight: 300;
}
h1{font-size:2.5rem}
h2{font-size:2rem}
h3{font-size:1.75rem}
h4{font-size:1.5rem}
h5{font-size:1.1rem}
h6{font-size:1rem}
.lh-1 {
    line-height: 1;
}
span, div {
    font-weight: 300;
}
p {
    margin-bottom: 0;
    font-weight: 300;
}

.text-center {
    text-align: center;
}
.text-start {
    text-align: left;
}
.text-end {
    text-align: right;
}
.d-inline-flex {
    display: inline-flex;
}
.d-flex {
    display: flex;
}
.flex-column {
    flex-direction: column;
}
.flex-wrap {
    flex-wrap: wrap;
}
.align-items-start {
    align-items: flex-start;
}
.align-items-center {
    align-items: center;
}
.justify-content-center {
    justify-content: center;
}
.justify-content-between {
    justify-content: space-between;
}
.flex-grow-1 {
    flex-grow: 1;
}
.flex-1 {
    flex: 1 1 auto;
}
.flex-0 {
    flex: 0 0 auto;
}
.text-uppercase {
    text-transform: uppercase;
}
.fw-light {
    font-weight: 300;
}
.fw-normal {
    font-weight: 400;
}
.fw-semibold {
    font-weight: 500;
}
.fw-bold {
    font-weight: 600;
}

table, .table {
    width: 100%;
    border-collapse: collapse;
}
table td,
table th {
    padding: 0;
}
.table td,
.table th {
    padding: 0.25rem 0.75rem;
}
.table-bordered {
    border: 0.03rem solid #000;
}
.table-bordered td,
.table-bordered th {
    border: 0.03rem solid #000;
}



/* Section specific CSS */

.inv-item {
    display: flex;
    width: 50%;
    gap: 0 1%;
    padding: 0.1rem 0;
}
.inv-item:nth-child(odd) {
    width: 65%;
}
.inv-item:nth-child(even) {
    justify-content: flex-end;
    width: 35%;
}
.inv-item:nth-child(even) .inv-key {
    width: 4rem;
}
.inv-key {
    width: 10rem;
    margin-right: 0.5rem;
    display: flex;
    flex: 0 0 auto;
    font-weight: 300;
    align-items-center: center;
    justify-content: space-between;
}
.inv-key::after {
    content: ':'
}
.inv-val {
    font-weight: 300;
    flex: 0 1 auto;
}
.header-address {
    font-size: 15px;
}
.stretch {
    display: block;
    -webkit-transform: scale(2.1,1);
    -moz-transform: scale(2.1,1);
    -ms-transform: scale(2.1,1);
    -o-transform: scale(2.1,1);
    transform: scale(2.1,1);
}
.stretch:nth-child(1) {
    display: block;
    -webkit-transform: scale(1.25,1);
    -moz-transform: scale(1.25,1);
    -ms-transform: scale(1.25,1);
    -o-transform: scale(1.25,1);
    transform: scale(1.25,1);
}
.input-with-border {
    border-bottom: 0.03rem solid #000;
}
.receipt-body p {
    line-height: 1.8;
}

.footer-mid {
    background-color: #c1c1c1;
    color: #000;
}
.bg-grey {
    background-color: #c1c1c1;
}