.pn-group{padding: 30px;border-radius: 10px;margin-top: 30px;background-color: #fff;border: 1px solid var(--background-main-hover)}
.pn-group .form-control{position: relative;z-index: 1}
.pn-group.pn-register{padding-left: 90px;padding-right: 90px;background: linear-gradient(to bottom, rgba(5, 4, 230, 1) 2%, rgba(20, 162, 252, 1) 51%, rgba(0, 0, 150, 1) 100%);position: relative}
.pn-group.pn-register:after{content: "";position: absolute;top: -50px;right: -20px;background-image: url('../images/328x385.png');background-repeat: no-repeat;width: 328px;height: 385px;transform: rotate(15deg)}
.pn-group .pn-title{font-size: 24px;line-height: 34px;text-align: left}
.pn-group.pn-register .pn-title{color: #fff}
.pn-group.pn-register label{color: #fff}
.pn-group.pn-register .pn-button{padding-left: 65px;padding-right: 65px;color: #1947ba;background: linear-gradient(to bottom, rgba(12, 146, 253, 1) 0%, rgba(59, 250, 253, 1) 100%)}
.pn-group.pn-login .form-control{background-color: #f4f4f4}
.pn-group.pn-login .pn-button{width: 100%}
.pn-group label{display: block;}
.section-content{margin-bottom: 60px}
#captcha-field{margin-bottom: 10px;}
.alert-block{position: relative;z-index: 2;padding: 8px 10px;}
.pn-group .form-control::placeholder { color: #999; opacity: 1; }
.pn-group .form-control::-ms-input-placeholder { color: #999; }
@media only screen and (max-width: 991px){
    .pn-group.pn-register{padding: 30px}
    .pn-group.pn-register:after{display: none}
    .section-content{margin-bottom: 150px}
}
@media only screen and (max-width: 767px){
    .pn-group.pn-login .pn-button{width: auto}
    .section-content{margin-bottom: 0}
    .pn-group{text-align: center}
    .pn-group label{text-align: left;}
    .pn-group .pn-title{text-align: center;}
    .pn-group.pn-register{margin-top: 0;}
}
@media only screen and (max-width: 480px){
    .pn-group,.pn-group.pn-register{padding: 30px 15px}
}