:root {
    --black: #000;
    --white: #fff;
    --jet: #3C3C3Aff;
    --gray: #BDBDBDff;
    --gray2: #666;
    --cultured: #F5F4F2ff;
}

* {
	margin: 0;
	padding: 0;
    font-family: 'Poppins', sans-serif;
	box-sizing: border-box;
	scroll-behavior: smooth;
    letter-spacing: 0.5px;
    color: var(--eerie-black);
	font-weight: 300;
}
.f-500 {
    font-weight: 500;
}
a, p, address, td {
    font-size: 1rem;
}
a {
    text-decoration: none;
}
.flex-row {
    display: flex;
    justify-content: space-between;
    /* margin-bottom: 1.5em; */
}


table {
    border-collapse: collapse;
}
address {
    font-style: normal;
}

h3 {
    font-size: 1.1rem;
    margin-bottom: 0.4em;
}
/* INVOICE CONTAINER */
.invoice-container {
    width: 80%;
    margin: auto;
    background: var(--white);
    padding: 2rem 4%;
    box-shadow: 0 0 5px rgba(0,0,0,0.1);
    margin-top: 3rem;
    margin-bottom: 3rem;
}
.column .company-name {
    font-size: 1.1rem;
}


.row1 .column:nth-child(2){
    text-align: right;
}
.row1 .column:nth-child(2) h4{
    font-size: 0.9rem;
    margin-top: 1em;
}
.row1 .column:nth-child(2) p:last-child{
    font-size: 1.4rem;
}

.invoice-container .flex-row:nth-child(2) {
    margin: 1.8em 0em;
    align-items: center;
}

.row2 .column:nth-child(1) {
    flex-basis: 55%;
}
.row2 .column:nth-child(2) {
    flex-basis: 45%;
}
.row2 .column:nth-child(1) h2 {
    font-size: 1.3rem;
}

.row2 .column:nth-child(2) table tr td{
    padding: 0.5em 0em;
}
.row2 .column:nth-child(2) table tr{
    text-align: right;
}

/* Charge Details */
.charge-details {
    padding: 1.2em 0em;
}
.charge-details table td, 
.charge-details table th {
    padding: 0.7em;
}
.charge-details table{
    margin-top: 1em;
}
.charge-details table thead{
    background: var(--jet);
}
.charge-details table thead tr th{
    color: var(--white);
}
.charge-details table thead tr th:not(:nth-child(2)),
.charge-details table tbody tr td:not(:nth-child(2)) {
    text-align: right;
}
.charge-details table thead tr th:nth-child(2){
    text-align: left;
}
.charge-details table thead tr th:not(:last-child){
    border-right: 1px solid var(--gray);
}

.charge-details table tbody tr {
    border-bottom: 2px solid var(--gray);
}

.charge-details table tbody tr td:nth-child(2) {
    color: var(--gray2);
}

/* Total */

.total {
    margin-left: auto;
}

.total td {
    padding: 0.7em;
}

.total tr td {
    text-align: right;
}
.total tr:last-child {
    background: var(--cultured);
}

/* Terms and Conditions */
.terms {
    margin-top: 1em;
}

@media (max-width: 48em) {
    .flex-row {
        flex-direction: column;
        gap: 10px;
    }

    .row1 .column:nth-child(2){
        text-align: left;
    }

    .row2 .column:nth-child(1), 
    .row2 .column:nth-child(2){
        flex-basis: 100%;
    }
}