a{color: #000;transition: all ease .3s}a:hover,a:focus{text-decoration:none;color:#ec8c02}body{color: #000;background:#fff;line-height:1.5;font-family: 'Roboto', sans-serif;font-size:16px}strong{font-weight: 700}.pn-wrapper img{max-width:100%}.pn-wrapper ul,.pn-wrapper ol{list-style-position: inside}h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6{line-height:1.3}label{font-weight:500}
body{padding-bottom: 30px}
header{margin-bottom: 30px;border-bottom: 1px solid #e5e5e5; padding: 10px 0 }
header img{ max-width: 100%; height: auto; }
header .row{ display: flex;align-items: center; }
header .pn-quanc { max-height: 130px; float: right; overflow: hidden; }
.pn-form{ border: 1px solid hsl(0deg 0% 83.53%); border-radius: 5px; padding: 20px;width: 45%;margin: 0 auto 30px auto}
.pn-form h2{ font-size: 25px;line-height: 35px;margin: 0 0 20px 0;color: #041c98;font-weight: bold;text-align: center;text-transform: uppercase;}
.pn-form .form-control{height: 40px;box-shadow: none;border-radius: 0;}
.pn-form .pn-button{ color: #fff;margin-bottom: 20px;padding: 10px 15px 9px 15px;font-size: 16px;line-height: 21px; display: inline-block; background-color: #ec8c02; border: none;border-radius: 0;width: 100%;font-weight: 500;text-align: center;}
.pn-form label{display: block;text-align: left;}.pn-form p.msg-ctn{margin-top: 15px;text-align: left;}.pn-form p.msg-ctn span{color: #f00;}
.pn-form .pn-button:hover { background-color: rgba(236, 140, 2, .7); color: #fff }
.pn-form .pn-button.show-pdf,.pn-form .pn-button.show-pdf:hover,.pn-form .pn-button.show-pdf:focus{background-color: hsl(124.72deg 37.55% 53.53%)}
.form-resend-otp2{display: none}
.form-resend-otp2 p a{color: hsl(208.18deg 55.93% 46.27%)}
.pn-button{position: relative;overflow: hidden;}
.pn-button.loading:before {content: "";position: absolute;width: 10px;aspect-ratio: 1;border-radius: 50%;animation: l5 1s infinite linear alternate;z-index: 1;left: 50%; top: 50%; transform: translate(-50%, -50%)}
.pn-button.loading:after{content: "";position: absolute;width: 100%;background-color: #ec8c02;height: 100%;left: 0;top: 0}
.shutdown.icon {color: #000;position: relative;width: 13px;height: 13px;border-radius: 50%;border: solid 2px hsl(208.18deg 55.93% 46.27%);display: inline-block;margin-right: 5px}
.shutdown.icon:before {content: '';position: absolute;left: 1px;top: -3px;width: 6px;height: 8px;border-left: solid 2px white;border-right: solid 2px white;background-color: hsl(208.18deg 55.93% 46.27%)}
/**/
@keyframes l5 {
    0%  {box-shadow: 20px 0 #fff, -20px 0 rgba(255,255,255,.2);background: #fff }
    33% {box-shadow: 20px 0 #fff, -20px 0 rgba(255,255,255,.2);background: rgba(255,255,255,.2)}
    66% {box-shadow: 20px 0 rgba(255,255,255,.2),-20px 0 #fff; background: rgba(255,255,255,.2)}
    100%{box-shadow: 20px 0 rgba(255,255,255,.2),-20px 0 #fff; background: #fff }
}
@media only screen and (min-width: 1500px){
    .container{width: 1440px}
}
@media only screen and (max-width: 991px) {
    header{margin-bottom: 15px}
    .container{width: 100%}
    .header-logo{text-align: center}
    .pn-form h2{font-size: 20px;line-height: 30px}
}
@media only screen and (max-width: 767px){
    .pn-form input.form-control{font-size:16px}
}
@media only screen and (max-width: 480px){
    .pn-form h2{font-size: 20px;line-height: 30px;}
    .pn-form{width: 100%;padding: 0; border: none; }
}
@media only screen and (max-width: 370px){
    .pn-form h2{font-size: 18px;line-height: 25px}
}