/* =========================
   DFTI Admission Form
   Version 2.0
========================= */

@page{
    size:A4 portrait;
    margin:8mm 10mm;
}

*{
    margin:0;
    padding:0;
    box-sizing:border-box;
}

html{
    background:#e5e7eb;
}

body{

    font-family:
    "SolaimanLipi",
    "Noto Sans Bengali",
    Arial,
    sans-serif;

    color:#000;

    background:#fff;

    font-size:10pt;

    line-height:1.45;

}

/* ========================= */

.page{

    width:190mm;

    height:277mm;

    margin:auto;

    background:#fff;

    position:relative;

    page-break-after:always;

    overflow:hidden;

    padding:0;

}

.page:last-child{

    page-break-after:auto;

}

/* ========================= */

@media print{

    html,
    body{

        background:#fff;

    }

    .toolbar{

        display:none;

    }

    .page{

        margin:0;

        width:100%;

        height:277mm;

    }

}

.header{

    width:100%;

    border-bottom:2px solid #255db5;

    padding-bottom:5px;

    margin-bottom:8px;

}

/* ===========================
   HEADER
=========================== */

.header{

    width:100%;

    margin-bottom:8mm;

    border-bottom:1.8px solid #1d4fa8;

    padding-bottom:2.5mm;

}

.header-table{

    width:100%;

    border-collapse:collapse;

}

.logo-cell{

    width:18mm;

    vertical-align:middle;

}

.logo-cell img{

    width:15mm;

    height:15mm;

    display:block;

}

.institute-cell{

    text-align:center;

    vertical-align:middle;

}

.institute-cell h1{

    font-size:17pt;

    font-weight:700;

    color:#153c73;

    margin:0;

    line-height:1.1;

}

.institute-cell p{

    margin-top:1.5mm;

    font-size:8.4pt;

    line-height:1.25;

}

.meta{

    width:100%;

    margin-top:8px;

    margin-bottom:8px;

    border-collapse:collapse;

}

.meta td{

    font-size:9.4pt;

    font-weight:bold;

}

.meta td:last-child{

    text-align:right;

}

.form-title{

    text-align:center;

    font-size:14pt;

    font-weight:700;

    margin:12px 0 15px;

}

table{

    border-collapse:collapse;

}

.full{

    width:100%;

}

.section-title{

    font-size:10pt;

    font-weight:bold;

    color:#163d6d;

    margin-bottom:6px;

}

/* PAGE 1 */

.application-letter{

margin-top:4mm;

}

.receiver{

font-size:10pt;

line-height:1.6;

margin-bottom:6mm;

}

.subject{

font-size:10.3pt;

margin-bottom:6mm;

}

.body-text{

font-size:10pt;

line-height:1.75;

text-align:justify;

text-indent:0;

}

.signature-block{

width:65mm;

margin-left:auto;

margin-top:18mm;

text-align:center;

}

.signature-line{

margin-top:16mm;

font-size:11pt;

letter-spacing:1px;

}

.signature-caption{

margin-top:2mm;

font-size:9pt;

}

.admission-table{

width:100%;

border-collapse:collapse;

margin-top:2mm;

}

.left-side{

width:78%;

vertical-align:top;

padding-right:4mm;

}

.photo-side{

width:22%;

vertical-align:top;

}

.info{

width:100%;

border-collapse:collapse;

}

.info td{

padding:2.3mm 0;

font-size:9.4pt;

vertical-align:top;

}

.info .label{

width:42mm;

font-weight:bold;

}

.info .colon{

width:5mm;

text-align:center;

}

.photo-title{

border:1px solid #333;

border-bottom:none;

text-align:center;

font-weight:bold;

padding:2mm;

font-size:9pt;

}

.photo-frame{

border:1px solid #333;

width:34mm;

height:44mm;

overflow:hidden;

}

.photo-frame img{

width:100%;

height:100%;

object-fit:cover;

display:block;

}

.address{

width:100%;

margin-top:4mm;

border-collapse:collapse;

}

.address td{

padding:2mm 0;

font-size:9.3pt;

vertical-align:top;

}

.divider{

margin-top:5mm;

border-top:1px dashed #000;

}

/* ===================================
        STUDENT COPY
=================================== */

.copy-meta{

width:100%;

margin-top:4mm;

margin-bottom:2mm;

font-size:8.5pt;

font-weight:bold;

}

.copy-meta .right{

text-align:right;

}

.students-copy-title{

text-align:center;

font-size:16pt;

font-weight:700;

color:#2d6cdf;

margin-bottom:3mm;

letter-spacing:.5px;

}

.students-copy{

width:100%;

border:1px solid #555;

border-collapse:collapse;

}

.students-copy th{

background:#f2f4f8;

border-bottom:1px solid #555;

padding:2.5mm;

text-align:left;

font-size:9.5pt;

}

.students-copy td{

vertical-align:top;

}

.student-info{

width:78%;

padding:4mm;

}

.copy-photo{

width:22%;

border-left:1px solid #555;

text-align:center;

padding:3mm;

}

.copy-photo-box{

width:28mm;

height:36mm;

margin:auto;

border:1px solid #666;

overflow:hidden;

display:flex;

justify-content:center;

align-items:center;

}

.copy-photo-box img{

width:100%;

height:100%;

object-fit:cover;

}

.footer-row{

border-top:1px solid #555;

padding:2.5mm 3mm;

font-size:8.4pt;

}

.mini-info{

width:100%;

border-collapse:collapse;

}

.mini-info td{

padding:1.5mm 0;

font-size:9pt;

}

.mini-info .label{

width:42mm;

font-weight:bold;

}

.mini-info .colon{

width:4mm;

text-align:center;

}

/* =====================================
        PAGE 2 SIGNATURES
===================================== */

.page2-signatures{

width:100%;

margin-top:10mm;

border-collapse:collapse;

}

.page2-signatures td{

width:50%;

text-align:center;

vertical-align:bottom;

}

.signature-space{

height:18mm;

}

.signature-line{

width:65mm;

margin:auto;

border-top:1px dotted #000;

}

.signature-title{

margin-top:2mm;

font-size:9pt;

font-weight:600;

}

.policy-title{

text-align:center;

font-size:12pt;

font-weight:700;

color:#1d4fa8;

margin:8mm 0 4mm;

}

.policy-list{

margin-left:6mm;

font-size:9.5pt;

line-height:1.75;

}

.policy-list li{

margin-bottom:2mm;

text-align:justify;

}

.pledge-box{

margin-top:5mm;

font-size:9.5pt;

line-height:1.8;

text-align:justify;

}

/* ==========================================
        PAGE 3
========================================== */

.pledge-signatures{

width:100%;

margin-top:12mm;

border-collapse:collapse;

}

.pledge-signatures td{

width:33.333%;

text-align:center;

vertical-align:bottom;

}

.sign-space{

height:18mm;

}

.sign-line{

width:52mm;

margin:auto;

border-top:1px dotted #000;

}

.sign-label{

margin-top:2mm;

font-size:8.8pt;

font-weight:600;

line-height:1.35;

}

/* ========================= */

.required-box{

margin-top:12mm;

border:1px solid #444;

padding:4mm;

}

.required-title{

font-size:10pt;

font-weight:700;

margin-bottom:2mm;

}

.required-box ul{

margin-left:6mm;

line-height:1.8;

font-size:9.2pt;

}

/* ========================= */

.office-note{

margin-top:8mm;

padding:3mm;

text-align:center;

font-size:9.5pt;

font-weight:700;

border-top:1px solid #444;

}