* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}
.con {
    background-color: #ffffff3a;
}
.heading {
    background-color: #f0f0f0;
}
.cv-button {
    background-color: #f04bb3;
}

.formback {
    background-image: url("../supporting-data/bg.png");
    width: 100%;
}
.nav-item:hover {
    text-decoration: underline 2px;
}
input,
textarea,
.input {
    background-color: #f0f0f0;
    border-radius: 10px;
    border: solid 1px black;
    width: 100%;
    padding: 5px 15px;
}
.cap {
    text-transform: capitalize;
    font-weight: 500 !important;
    margin-bottom: 4px !important;
}

.bordered {
    border: solid black 1px;
    box-shadow: 3px 3px rgba(0, 0, 0, 0.8);
}
.fa-asterisk {
    color: red;
    font-size: 12px !important;
}

.applied {
    width: 14% !important;
    height: fit-content !important;
}
.positions {
    width: 84% !important;
}
.ref {
    width: 13% !important;
    margin-block: 1% !important;
}
.refer {
    width: 87% !important;
    margin-block: 1% !important;
}
.objective {
    width: 19% !important;
}
.obj {
    margin-top: 1% !important;
}
.lab {
    width: 18% !important;
}
.val {
    width: 82% !important;
}
.exp-cnic {
    width: 35% !important;
}
.cnic {
    width: 35% !important;
}
.exp-lab {
    width: 15% !important;
    text-align: end !important;
}
.passport {
    width: 30% !important;
}
.exp-pass-lab {
    width: 20% !important;
    text-align: end !important;
}
.exp-passport {
    width: 35% !important;
}
.pd {
    width: 25% !important;
}
.add {
    width: 70% !important;
}
.address-lab {
    width: 10% !important;
}
.address {
    width: 90% !important;
}
.po {
    display: flex !important;
    width: 30% !important;
}
.po-lab {
    width: 30% !important;
}
.po-val {
    width: 70% !important;
}
.tehseel {
    width: 33.33% !important;
}
.district {
    width: 36.7% !important;
}
.province {
    width: 29% !important;
}
.teh-lab {
    width: 21.8% !important;
}
.teh {
    width: 78% !important;
}
.dis-lab {
    width: 16% !important;
}
.dis {
    width: 84% !important;
}
.prov-lab {
    width: 20% !important;
}
.prov {
    width: 80% !important;
}
.ptable {
    border-collapse: collapse !important;
}
.ptable td {
    border: solid 1px black !important;
    text-align: center !important;
}
.ptable th {
    border: solid 1px black !important;
    text-align: center !important;
}
.pt {
    width: 30% !important;
}
.ap {
    width: 45% !important;
}
.abc {
    background-image: url("../supporting-data/watermark.png");
    background-position: 50%;
    background-position-y: center;
    background-size: 62%;
}

@media print {
    @page {
        size: 8.27in 11.69in;
        margin: 0.5in 0in 0.5in 0in !important;
    }
    body {
        -webkit-print-color-adjust: exact; /* Chrome, Safari */
    }
    img.img {
        width: 160px !important;
        height: 185px !important;
        margin-left: -20px;
    }
    .no-break {
        break-inside: avoid !important;
        page-break-inside: avoid !important;
    }

    button {
        display: none !important;
    }
    .poi {
        width: 17% !important;
    }
    .pro-lab {
        width: 28% !important;
    }
    .licp {
        width: 30% !important;
    }
    .container {
        margin: 0.3in !important;
        max-width: fit-content !important;
        padding: 0.2in !important;
    }

    .bordered {
        border: solid black 1px !important;
        box-shadow: 3px 3px rgba(0, 0, 0, 0.8);
    }
    .applied {
        width: 22% !important;
        height: fit-content !important;
    }
    .positions {
        width: 75% !important;
    }
    .ref {
        width: 18% !important;
        margin-block: 1% !important;
        padding-left: 0 !important;
    }
    .refer {
        width: 79% !important;
        margin-block: 1% !important;
    }
    .objective {
        width: 29% !important;
    }
    .img {
        height: 199px !important;
        width: 130px !important;
    }
    .lab {
        width: 28% !important;
    }
    .val {
        width: 72% !important;
    }
    .exp-cnic {
        width: 30% !important;
    }
    .cnic {
        width: 25% !important;
    }
    .exp-lab {
        width: 20% !important;
        text-align: end !important;
    }
    .passport {
        width: 17% !important;
    }
    .exp-pass-lab {
        width: 28% !important;
        text-align: end !important;
    }
    .exp-passport {
        width: 30% !important;
    }
    .pd {
        width: 40% !important;
    }
    .add {
        width: 60% !important;
    }
    .address-lab {
        width: 20% !important;
    }
    .address {
        width: 80% !important;
    }
    .po {
        display: flex !important;
        width: 40% !important;
    }
    .po-lab {
        width: 35% !important;
    }
    .po-val {
        width: 65% !important;
    }
    .tehseel {
        width: 28% !important;
    }
    .district {
        width: 32% !important;
    }
    .province {
        width: 29% !important;
    }
    .teh-lab {
        width: 45% !important;
    }
    .teh {
        width: 55% !important;
    }
    .dis-lab {
        width: 30% !important;
    }
    .dis {
        width: 70% !important;
    }
    .prov-lab {
        width: 35% !important;
    }
    .porv {
        width: 65% !important;
    }
    .pt {
        width: 50% !important;
    }
    .ap {
        width: 65% !important;
    }
    .text-sm {
        font-size: 14px !important;
    }
}