h4 {
    margin: 0;
}
.w-full {
    width: 100%;
}
.w-half {
    width: 50%;
}
.margin-top {
    margin-top: 1.25rem;
}
.footer {
    font-size: 0.875rem;
    padding: 1rem;
    background-color: rgb(241 245 249);
}
table {
    width: 100%;
    border-spacing: 0;
}
table.products {
    font-size: 0.875rem;
}
/* table.products tr {
    background-color: rgb(96 165 250);
} */
table.products th {
    color: #ffffff;
    padding: 0.5rem;
}
/* table tr.items {
    background-color: rgb(241 245 249);
} */
table tr.items td {
    padding: 0.5rem;
}
.total {
    text-align: right;
    margin-top: 1rem;
    font-size: 0.875rem;
}


table.w-full tbody tr td {
    padding-bottom: 25px;
}

.invoice-area {
    display: inline-block;
    width: 100%;
    float: left;
    overflow: hidden;
}

.invoice-left-area {
    display: inline-block;
    float: left;
    width: 45%;
}

.invoice-right-area {
    display: inline-block;
    width: 46%;
    float: left;
    border: 1px solid rgba(14, 0, 98, 0.10);
    background: #FFF;
    padding: 24px;
    border-radius: 8px;
}

.text-right {
    text-align: right;

}

.text-bold{
    font-weight: bold;
}

.text-left {
    text-align: left;
}

.invoice-title{
    font-weight: bold;
    font-size: 30px;
}

table tr td {
    padding-bottom: 30px;
}

.tbl-description tr th{
    background-color: #F1F3FA;
    color: #6E737C;
}

.margin-top.invoice-description {
    border: 1px solid #E7E5EF;
    display: block;
    float: left;
    width: 100%;
    border-radius: 4px;
}

.total {
    display: flex;
    float: right;
    width: 30%;
    border: 1px solid #ddd;
    padding: 15px;
    border-radius: 4px;
}

.total table tr td{
    padding-bottom: 0px;
}