@charset "UTF-8";
@import url('https://fonts.googleapis.com/css2?family=PT+Sans:ital,wght@0,400;0,700;1,400;1,700&display=swap');
*{font-family:"PT Sans", sans-serif;font-size:15px;-webkit-print-color-adjust:exact;print-color-adjust:exact;}
*, :after, :before{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
@page{
    size:A4;
    size:portrait;
    margin:0
}
html{width:100%;max-width:210mm;height:auto;padding:0;margin:0 auto;}
body{width:100%;max-width:210mm;height:auto;padding:0;margin:0 auto;display:flex;flex-direction:column;flex-wrap:nowrap;align-items:center;justify-content:space-between;}
header{width:100%;text-align:center;padding:15px 0;}
header img{max-width:100%;max-height:350px}
.contact-info{width:calc(100% - 100px);max-width:calc(100% - 100px);display:flex;flex-direction:column;flex-wrap:nowrap;align-items:flex-start;gap:8px;}
.contact-info-item{width:100%;min-height:50px;display:flex;flex-direction:row;justify-content:flex-start;align-items:center;gap:5px;border:4px solid #2b3576;border-radius:30px;padding:0px 15px;}
.contact-info-item span:nth-child(1){font-weight:400;min-width:fit-content;}
.contact-info-item span:nth-child(2){font-weight:700;text-overflow:ellipsis;overflow:hidden;display:-webkit-box !important;-webkit-line-clamp:1;-webkit-box-orient:vertical;}
.contact-info-item input{width:100%;height:42px;border:none;outline:none;padding:0;margin:0;font-weight:700;}
.contact-info button{background-color:#2b3576;color:#ffffff;border:none;outline:none;width:110px;height:46px;border-radius:30px;margin:0 auto;cursor:pointer;}
.date-qr{width:100%;display:flex;flex-direction:row;flex-wrap:wrap;justify-content:center;align-items:center;gap:20px;padding-top:30px;}
.date-box{width:140px;height:140px;display:flex;align-items:center;justify-content:center;line-height:1;}
.date-box img{max-width:140px;max-height:140px;}
.qr-box{width:140px;height:140px;line-height:1;border:2px solid #2b3576;display:flex;align-items:center;justify-content:center;}
.qr-box img{width:120px;height:120px;}
footer{background-color:#2b3576;width:100%;padding:20px 15px;text-align:center;margin-top:30px;}
footer img{max-width:100%;max-height:100px;}
.printCard{width:100%;height:100%;display:flex;flex-direction:column;flex-wrap:nowrap;align-items:center;justify-content:space-between;padding:0 15px;}
@media (max-width:1024px){
    header{width:calc(100% - 10px);}
    .contact-info{width:calc(100% - 10px);max-width:calc(100% - 10px);}
}
@media print{
    body, html{width:210mm;min-height:297mm;height:auto;margin:auto;padding:0;}
    .contact-info{width:calc(100% - 100px);max-width:calc(100% - 100px);}
    .contact-info button{display:none;}
}