.pdf-download {
    width: 80vh;
    height: 80vh;
    margin: 1rem;
    font-size: 0.5rem;
    //both of the css styles below are imp. as without it the doc texts break
    letter-spacing: 0.01px;
    font-family: "Noto Sans", sans-serif;
    font-optical-sizing: auto;
    font-weight: 900; /* Replace <weight> with the desired font weight value */
    font-style: normal;
    font-variation-settings: "wdth" 900;
    

    .pdf-header {
        margin: 0.5rem;
        display: flex;
        justify-content: space-between;
        font-weight: bolder;
        width: 100%;

        .pdf-logo {
            width: 10%;
            background-color: white;
        }

        .pdf-heading {
            width: 80%;
            font-size: 0.7rem;
            margin-left: 1rem;
            .sub-header {
                font-size: 0.5rem;
                margin-left: 5rem;
            }
        }

        .pdf-pagination {
            width: 10%;
            font-size: 0.5rem;
            padding: 0.2rem;
        }
    }

    .pdf-body {
        display: flex;
        width: 100%;
        justify-content: space-between;
        gap: 2rem;
        margin: 3rem 1rem;

        .details-right {
            width: 40%;
        }
        .details-right {
            width: 40%;
        }
    }

    .pdf-company-details{
        .details-right{
            text-align: right;
            margin-left: 10px;
        }
    }

    .pdf-table {
        width: 100%;
        border: solid 1px black;

        table > thead > tr > th {
            display: inline-flex;
            justify-content: center;
            align-items: center;
            width: 4rem;
        }
        table > tbody > tr > td {
            display: inline-flex;
            justify-content: center;
            align-items: center;
            width: 4rem;
        }

        th {
            border: solid 1px black;
            padding: 0.4rem;
        }

        td {
            border: solid 1px black;
            padding: 0.4rem;
        }
    }

    .display-none {
        display: none;
    }

    .hr {
        border: solid 1px black;
    }

    .pdf-footer {
        display: flex;
        justify-content: flex-end;
    }

    .pcrd-document {
        display: flex;
        flex-direction: column;

        .pcrd-title {
            display: flex;
            justify-content: center;
            font-size: 0.8rem;
            font-weight: 600;
            margin: 1rem;
        }

        .pdf-company-details {
            display: flex;
            justify-content: space-around;
            gap: 1rem;
        }

        .pdf-footer {
            display: flex;
            flex-direction: column;
            margin-top: 10rem;
            width: 100%;
            > div {
                display: flex;
                gap: 3rem;
            }
        }
    }

    .pdf-company-details {
        display: flex;
        justify-content: space-around;

        .details-right {
            font-weight: lighter;
            div:nth-of-type(1) {
                div {
                    display: flex;
                    gap: 0.5rem;
                }
            }
        }
    }

    .cpv-document {
        .pdf-body {
            .details-left {
                margin-top: 2rem;
            }
        }

        .details-right {
            width: 60%;
        }

        .cpv-title {
            background-color: green;
            color: white;
            justify-content: center;
            display: flex;
            font-size: 0.8rem;
            font-weight: 700;
            margin-bottom: 0.5rem;
        }

        .pdf-footer {
            display: flex;
            flex-direction: column;
            margin-top: 9rem;
            width: 100%;
            > div {
                display: flex;
                gap: 1rem;
            }
        }
    }

    .pv-pdf-download {
        width: 100vh;
        height: 60vh;
        .pv-pdf-body {
            margin-top: 100px;
        }

        .pv-pdf-table {
            width: 100%;
            margin-bottom: 50px;
        }
        .pv-pdf-company-details {
            display: flex;
            justify-content: space-between;
        }

        .pv-details-right {
            margin-left: auto;
            padding: 0px;
            display: flex;
        }

        .pv-details-left-details {
            display: flex;
            width: 100%;
        }

        .pv-details-right-details {
            margin-left: auto;
            width: 100%;
        }
        .paid-section {
            width: 50%;
        }
        .paid-details {
            margin-left: 105px;
            margin-bottom: 20px;
        }

        .reg-no {
            display: flex;
        }

        .telex-no {
            display: flex;
        }

        .pv-cpv-tite {
            margin-top: -60px;
            display: flex;
            justify-content: center;
            align-items: center;
            color: #000;
            margin-bottom: 20px;
        }

        .pv-table-row {
            text-align: justify;
        }

        .pv-details-left-header {
            display: flex;
            justify-content: space-between;
            margin-top: -60px;
        }

        .pv-details-right-header {
            width: 33.5vw;
        }

        .pv-reg-number {
            width: 100%;
        }

        .pv-cpv-tite {
            border-radius: 5px;
        }

        .pv-pdf-table-footer {
            margin-top: 0px;
            width: 100%;
        }

        .date-section {
            text-align: right;
            margin-right: 70px;
            margin-bottom: 60px;
            margin-top: -50px;
        }

        .pv-bottom-table-details {
            width: 100%;
            text-align: left;
        }

        .amount-words {
            display: flex;
            margin-top: 50px;
            margin-bottom: 20px;
        }
        .pv-details-amount {
            padding-left: 115px;
        }
    }
}