@import url('https://fonts.googleapis.com/css2?family=Pinyon+Script&display=swap');
.printable-area {
    color: #000;
    font-weight: bold;
}
.certificate-modal-wrapper {
    position: relative;

}
.result-content-area p {
    margin-top: 6px !important;
    border-bottom: 1px solid #ddd;
    padding: 5px 0;
}
.result-area .certificate-img {
    min-width: 1080px;
    height: 768px;
}
.certificate-modal-wrapper .student-name, .certificate-modal-wrapper .father-name, .certificate-modal-wrapper .mother-name,
.certificate-modal-wrapper .course-name, .certificate-modal-wrapper .institute-name, .certificate-modal-wrapper .grade {
    position: absolute;
    font-size: 17px;
    font-family: 'Pinyon Script', cursive;
    text-transform: capitalize;
}
.certificate-modal-wrapper .serial-no, .certificate-modal-wrapper .institute-code, .certificate-modal-wrapper .reg-no, .certificate-modal-wrapper .roll-no,
.certificate-modal-wrapper .session-start, .certificate-modal-wrapper .session-end, .certificate-modal-wrapper .date {
    position: absolute;
    font-size: 15px;
}
.certificate-modal-wrapper .serial-no {
    top: 271px;
    left: 375px;
}
.certificate-modal-wrapper .student-name {
    top: 368px;
    left: 573px;
}
.certificate-modal-wrapper .father-name {
    top: 405px;
    left: 460px;
}
.certificate-modal-wrapper .mother-name {
    top: 442px;
    left: 460px;
}
.certificate-modal-wrapper .course-name {
    top: 480px;
    left: 610px;
}
.certificate-modal-wrapper .institute-name {
    top: 520px;
    left: 445px;
}
.certificate-modal-wrapper .institute-code {
    top: 520px;
    left: 802px;
}
.certificate-modal-wrapper .roll-no {
    top: 262px;
    left: 870px;
}
.certificate-modal-wrapper .reg-no {
    top: 291px;
    left: 870px;
}
.certificate-modal-wrapper .session-start {
    top: 554px;
    left: 415px;
}
.certificate-modal-wrapper .session-end {
    top: 554px;
    left: 605px;
}
.certificate-modal-wrapper .date {
    top: 318px;
    left: 890px;
}
.certificate-modal-wrapper .grade {
    top: 554px;
    left: 875px;
}


@media print {
    @page {
        size: landscape
    }
    *, div {
        font-size: 17px;
        font-weight: bolder;
    }
    .certificate-modal-wrapper .student-name, .certificate-modal-wrapper .father-name, .certificate-modal-wrapper .mother-name,
    .certificate-modal-wrapper .course-name, .certificate-modal-wrapper .institute-name, .certificate-modal-wrapper .grade {
        font-size: 16px;
    }
    .certificate-modal-wrapper .serial-no, .certificate-modal-wrapper .institute-code, .certificate-modal-wrapper .reg-no, .certificate-modal-wrapper .roll-no,
    .certificate-modal-wrapper .session-start, .certificate-modal-wrapper .session-end, .certificate-modal-wrapper .date {
        font-size: 14px;
    }
    .certificate-modal-wrapper .serial-no {
        top: 245px;
        left: 350px;
    }
    .certificate-modal-wrapper .student-name {
        top: 330px;
        left: 525px;
    }
    .certificate-modal-wrapper .father-name {
        top: 365px;
        left: 425px;
    }
    .certificate-modal-wrapper .mother-name {
        top: 400px;
        left: 425px;
    }
    .certificate-modal-wrapper .course-name {
        top: 430px;
        left: 555px;
    }
    .certificate-modal-wrapper .institute-name {
        top: 466px;
        left: 426px;
    }
    .certificate-modal-wrapper .institute-code {
        top: 468px;
        left: 735px;
    }
    .certificate-modal-wrapper .roll-no {
        top: 238px;
        left: 780px;
    }
    .certificate-modal-wrapper .reg-no {
        top: 263px;
        left: 780px;
    }
    .certificate-modal-wrapper .session-start {
        top: 500px;
        left: 390px;
    }
    .certificate-modal-wrapper .session-end {
        top: 500px;
        left: 550px;
    }
    .certificate-modal-wrapper .date {
        top: 288px;
        left: 795px;
    }
    .certificate-modal-wrapper .grade {
        top: 500px;
        left: 790px;
    }
}