.pn-contact .row [class*='col-']{margin-bottom: 30px}
/**/
.pn-map{border-radius: 30px;overflow: hidden;aspect-ratio: 16/9;margin-bottom: 15px}.pn-map iframe{width: 100%;height: 100%}
/**/
.pn-info{text-align: center;background-color: #f5f6f8;border-radius: 20px;padding: 30px 10px 0 10px}
.pn-info h3{margin: 0 0 20px 0;line-height: 24px}
.pn-info ul{list-style: none;padding-left: 0;margin: 0 -10px;display: flex;justify-content: center;}
.pn-info ul li{position: relative;padding: 50px 10px 0 10px;margin-bottom: 20px}
.pn-info ul li:before{content: "";position: absolute;top: 0;left: 50%;transform: translateX(-50%);background-image: url('../images/icon.png'); background-repeat: no-repeat;width: 40px;height: 40px}
.pn-info ul li.pn-contact-address:before{background-position: -71px -160px}
.pn-info ul li.pn-contact-phone:before{background-position: -112px -160px}
.pn-info ul li.pn-contact-email:before{background-position: -153px -160px}
.pn-info ul li a{word-break: break-word;}
/**/
.pn-form-contact{background-color: #fff;box-shadow: 0 0 100px rgba(0,0,0,.05);border-radius: 30px;overflow: hidden}
.pn-form-contact .pn-title{background-color: var(--primary-color);color: #fff;margin-bottom: 0;font-size: 20px;line-height: 30px;padding: 11px 15px;position: relative;overflow: hidden}
.pn-form-contact .pn-title:after{content: "";position: absolute;background-image: url('../images/bg-service-fast.jpg');height: 100%;width: 40%;background-position: left center;background-repeat: no-repeat;bottom: 0;right: 0;background-position: 0px -265px}
.pn-form-contact .pn-title span{display: flex;align-items: center;justify-content: center;position: relative;z-index: 1}
.pn-form-contact .pn-title span:before{content: "";float: left;background-image: url('../images/icon.png');background-repeat: no-repeat;background-position: -196px -152px;width: 50px;height: 48px;margin-right: 20px}
.pn-form-contact form{padding: 20px}.pn-form-contact .pn-button{width: 100%;border-radius: 100px}
.pn-form-contact .form-control{border-radius: 25px;box-shadow: none;resize: none;padding-left: 20px;padding-right: 20px}
.pn-form-contact input.form-control{height: 45px}
.pn-form-contact label{font-weight: normal;margin-left: 10px;}
/**/
.pn-sent .pn-image{padding: 30px;}
.pn-sent h3{font-size: 20px;line-height: 30px;font-weight: bold;color: #28b466;margin: 0 0 10px 0;text-align: center;position: relative;padding-top: 70px;}
.pn-sent h3:before{content: "";position: absolute;width: 58px;height: 55px;top: 0;background-image: url('../images/icon.png');background-repeat: no-repeat;background-position: -288px 0;left: 50%; transform: translateX(-50%)}

@media only screen and (max-width: 1499px){
    .pn-info {text-align: left;padding: 20px 20px 10px 20px;}
    .pn-info ul{justify-content: left;flex-wrap: wrap;}
    .pn-info ul li{width: 100%;padding: 0 10px 0 60px;text-align: left;display: flex;align-items: center;min-height: 40px;margin-bottom: 10px;}
    .pn-info ul li:before{left: 10px;top: 50%;transform: translate(0,-50%);}
}
@media only screen and (min-width: 992px){
    .pn-contact .pn-title + .pn-wrapper{margin-bottom: 50px}
}
@media only screen and (max-width: 570px){
    .pn-form-contact .pn-title span:before{display: none;}
}
@media only screen and (max-width: 480px){
    .pn-form-contact .pn-title{line-height: 24px;padding-top: 7px;padding-bottom: 7px;}
}