.pn-about{margin-bottom: 30px}
.pn-about .pn-title{text-align: left;margin-bottom: 20px}
.pn-about .row [class*='col-']{margin-bottom: 30px}
.pn-about .row [class*='col-'] .pn-group-owl{background-color: #fff;padding: 20px;border-radius: 10px;}
.pn-about .pn-big-img{overflow: hidden;margin-bottom: 10px}
.pn-about .pn-big-img .pn-image{margin-bottom: 0;}
.pn-about .pn-image{border-radius: 10px}
.pn-about .owl-carousel .pn-image{cursor: pointer}
.pn-about .owl-carousel.pn-thumbnail .pn-image:not(.active):before{content: "";position: absolute;background-color: rgba(0,0,0,.5);left: 0;top: 0;width: 100%;height: 100%;z-index: 1}
.pn-about .owl-carousel.pn-thumbnail .pn-image.active:after{content: "";position: absolute;border: 2px solid var(--background-main-hover);width: 100%;height: 100%;top: 0;left: 0;border-radius: 10px}
.pn-about .owl-carousel .owl-nav button{width: 30px;height: 30px;line-height: 30px;min-width: 30px}
.pn-about .owl-carousel .owl-nav .owl-next{right: -15px}
.pn-about .owl-carousel .owl-nav .owl-prev{left: -15px}
.pn-about .owl-carousel .owl-item .pn-image{margin-bottom: 0}
.pn-about .pn-logo-about{margin-bottom: 0;}
.pn-about .pn-logo-about{text-align: center;}
.pn-about .pn-wrapper{text-align: justify;margin: 40px 0 0 0;overflow-y: auto;padding-right: 15px;}
.pn-about .pn-wrapper::-webkit-scrollbar {width: 5px}
.pn-about .pn-wrapper::-webkit-scrollbar-track {background: #f1f1f1}
.pn-about .pn-wrapper::-webkit-scrollbar-thumb {background: #888}
.pn-about .pn-wrapper::-webkit-scrollbar-thumb:hover {background: #555}
/**/
.pn-core{position: relative;margin-bottom: 30px;}
.pn-core .row{display: flex;flex-wrap: wrap;justify-content: center;}
.pn-core:before{content: ""; position: absolute; background-image: url('../images/bg3.png'); background-repeat: no-repeat; background-position: center; left: 0; width: 100%; height: 2078px; top: 50%; transform: translateY(-50%); background-size: 100%;z-index: -1}
.pn-core .row [class*='col-']{margin-bottom: 30px;}
.pn-core .row [class*='col-'] .pn-item{padding: 20px;border-radius: 10px;border: 1px solid var(--background-main-hover);background-color: rgba(255,255,255,0.8);text-align: center;height: 100%;margin-bottom: 0}
.pn-core .row [class*='col-'] .pn-item > span{display: flex;align-items: center;justify-content: center;width: 90px;height: 90px;margin: 0 auto 20px auto}
.pn-core .row [class*='col-'] .pn-item > span img{max-width: 100%;max-height: 100%;}
.pn-core .row [class*='col-'] .pn-item .pn-name{text-transform: uppercase;color: var(--color-hover);font-size: 26px;line-height: 36px;}
.pn-core .row [class*='col-'] .pn-item > p{font-weight: bold;font-size: 16px;line-height: 21px;margin-bottom: 20px;}
.pn-core .row [class*='col-'] .pn-item .pn-wrapper{padding-top: 20px;text-align: justify;border-top: 1px solid #c4d9db;}
.pn-core .row [class*='col-'] .pn-item .pn-wrapper > div{max-height: 208px;overflow-y: auto;padding-right: 10px;}
.pn-core .row [class*='col-'] .pn-item .pn-wrapper > div::-webkit-scrollbar {width: 5px}
.pn-core .row [class*='col-'] .pn-item .pn-wrapper > div::-webkit-scrollbar-track {background: #f1f1f1}
.pn-core .row [class*='col-'] .pn-item .pn-wrapper > div::-webkit-scrollbar-thumb {background: #888}
.pn-core .row [class*='col-'] .pn-item .pn-wrapper > div::-webkit-scrollbar-thumb:hover {background: #555}
/**/
.pn-team{margin-bottom: 40px;}
.pn-team .pn-wrapper-item{display: flex;flex-wrap: wrap;margin: 0 -15px;justify-content: center;}
.pn-team .pn-wrapper-item .pn-item{width: 20%;padding: 0 15px;text-align: center;margin-bottom: 20px;cursor: pointer;}
.pn-team .pn-wrapper-item .pn-item .pn-image{border-radius: 10px;margin-bottom: 15px}
.pn-team .pn-wrapper-item .pn-item .pn-name{margin-bottom: 5px;}
.dialogTeam{width: 1000px;max-width: 100%;}
.dialogTeam .modal-dialog{margin: 10px auto; width: 1170px;max-width: calc(100% - 20px)}
.dialogTeam .popup-image{float: left;padding-right: 30px;width: 390px;max-width: 100%}
.dialogTeam .popup-image img{width: 100%}.popup-name{padding-top: 15px;font-size: 15px;text-align: center;}
.dialogTeam .popup-name h3{font-size: 17px;font-weight: bold;text-transform: uppercase;margin-top: 0;margin-bottom: 7px;}
.dialogTeam .popup-wrapper{float:left;width:calc(100% - 390px);max-width:100%}
/**/
.pn-form{background: linear-gradient(to bottom, rgba(5,4,230,1) 2%,rgba(20,162,252,1) 51%,rgba(0,0,150,1) 100%);box-shadow: 0 0 1px #8ea7de;padding: 25px 20px;border-radius: 10px;position: relative;z-index: 1;margin-bottom: 60px;margin-left: 235px;margin-right: 235px;}
.pn-form .pn-title{color: #fff;font-size: 24px;line-height: 34px;margin-bottom: 20px}
.pn-form .form-control{margin-bottom: 10px}
.pn-form .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%);margin-top: 20px}
/**/
.pn-category{margin-bottom: 30px}
.pn-category ul{list-style: none;padding-left: 0;margin-bottom: 0}
.pn-category ul li{padding: 18px 0;border-bottom: 1px solid #efefef}
.pn-category ul li a{display: block;text-transform: uppercase;font-weight: bold;font-size: 16px;line-height: 21px;position: relative;text-align: right;padding-left: 10px}
.pn-category ul li a:before{font-family: "FontAwesome";content: "\f0da";position: absolute;left: 0;top: 0}
.pn-category ul li.active a{color: var(--color-hover);text-align: left;padding: 0 10px 0 0}
.pn-category ul li.active a:before{right: 0;left: inherit}
/**/
.pn-certification .pn-group:not(:last-child){margin-bottom: 30px}
.pn-certification .pn-group .pn-title{font-size: 16px;line-height: 21px;padding-bottom: 5px;border-bottom: 1px solid #efefef;text-align: left}
.pn-certification .pn-group .pn-wrapper-item{display: flex;flex-wrap: wrap;margin: 0 -15px}
.pn-certification .pn-group .pn-wrapper-item .pn-item{padding: 0 15px;width: 20%}
.pn-certification .pn-group .pn-wrapper-item .pn-item .pn-image{display: block;box-shadow: 0 5px 25px rgba(0,0,0,.15);height: 100%;margin-bottom: 0;background-color: #fff}
/**/
@media only screen and (min-width: 992px){
    .pn-team .pn-title{margin-bottom: 50px;}
    .pn-history{margin-bottom: 60px;}
    .pn-history .pn-history-mobile{display: none}
    .pn-history-desktop{position: relative;}
    .pn-history-desktop .pn-control{display: block !important;position: absolute;}
    .pn-history-desktop .pn-control .container{margin: 0 -15px;padding: 0;}
    .pn-history-desktop .pn-control .pn-control-line{height: 3px;background-color: #545757;margin: 0 20px;}
    .pn-history-desktop .pn-control span{width: 0; height: 31px;position: absolute; top: -14px;cursor: pointer;transition: all ease .3s;text-indent: -9999px;z-index: 2;}
    .pn-history-desktop .pn-control span{display: block}
    .pn-history-desktop .pn-control span#pn-prev-nav{left: 0;border-top: 15px solid transparent; border-right: 20px solid #545757; border-bottom: 15px solid transparent;display: none}
    .pn-history-desktop .pn-control span#pn-prev-nav.active{display: block;}
    .pn-history-desktop .pn-control span#pn-next-nav{right: 0;border-top: 15px solid transparent; border-left: 20px solid #545757; border-bottom: 15px solid transparent;}
    .pn-history-desktop .pn-scroll{overflow: hidden; -webkit-overflow-scrolling: touch;  -webkit-backface-visibility: hidden; backface-visibility: hidden}
    .pn-history-desktop .pn-scroll > div{display: table-cell}
    .pn-history-desktop .pn-scroll > div > div{display: flex}
    .pn-history-desktop .pn-scroll > div > div .pn-item{position: relative;width: 260px;margin-bottom: 0;text-align: center;}
    .pn-history-desktop .pn-scroll > div > div .pn-item > div > strong{display: block; font-size: 16px; line-height: 26px; color: var(--color-hover);text-transform: uppercase;margin-bottom: 10px;}
    .pn-history-desktop .pn-scroll > div > div .pn-item .pn-content{text-align: center}
    .pn-history-desktop .pn-scroll > div > div .pn-item .pn-circle{position: absolute;bottom: -17px;left: 50%;width: 34px;height: 34px;background-color: #fff;border-radius: 100px;border: 4px solid var(--background-main-hover);transform: translateX(-50%);z-index: 1;}
    .pn-history-desktop .pn-scroll > div > div .pn-item .pn-circle:before{content: "";position: absolute;width: 16px;height: 16px;border-radius: 100px;border: 2px solid var(--background-main-hover);left: 5px;top: 5px;}
    .pn-history-desktop .pn-scroll > div > div.row-top .pn-item{padding-bottom: 90px;display: flex;align-items: flex-end;}
    .pn-history-desktop .pn-scroll > div > div .pn-item:before{content: "";width: 2px;height: 55px;background-color: #545757;position: absolute;left: 50%;transform: translateX(-50%);}
    .pn-history-desktop .pn-scroll > div > div .pn-item:after{content: "";position: absolute;width: 10px;height: 10px;border-radius: 100px;background-color: #545757;left: 50%;transform: translateX(-50%);}
    .pn-history-desktop .pn-scroll > div > div .pn-item .pn-year{font-weight: bold;position: absolute;font-size: 16px;line-height: 21px;left: 0;width: 100%;}
    .pn-history-desktop .pn-scroll > div > div.row-top .pn-item:before{bottom: 20px;}
    .pn-history-desktop .pn-scroll > div > div.row-top .pn-item .pn-year{bottom: -60px;}
    .pn-history-desktop .pn-scroll > div > div.row-top .pn-item:after{bottom: 66px}
    .pn-history-desktop .pn-scroll > div > div.row-bot .pn-item .pn-year{top: -60px;}
    .pn-history-desktop .pn-scroll > div > div.row-bot .pn-item:after{top: 66px;}
    .pn-history-desktop .pn-scroll > div > div.row-bot .pn-item:before{top: 20px;}
    .pn-history-desktop .pn-scroll > div > div.row-bot{position: relative}
    .pn-history-desktop .pn-scroll > div > div.row-bot .pn-item{padding-top: 90px}
    .pn-history-desktop .pn-scroll > div > div.row-bot .pn-item .pn-circle{top: -17px}
}
@media only screen and (max-width: 1199px){
    .pn-about .owl-carousel .owl-nav .owl-prev, .pn-service .owl-carousel .owl-nav .owl-prev,.pn-about .owl-carousel .owl-nav .owl-next, .pn-service .owl-carousel .owl-nav .owl-next{position: initial;transform: initial;margin: 0 8px}
    .pn-about .owl-carousel .owl-nav{margin-top: 15px;display: flex;justify-content: center}
}
@media only screen and (max-width: 991px){
    .pn-about .row [class*='col-'] .pn-group-owl{padding: 10px}
    .pn-certification .pn-group:not(:last-child){margin-bottom: 0}
    .dialogTeam .popup-image{width: 350px;}.dialogTeam .popup-wrapper{width:calc(100% - 350px);}
    .pn-form{margin-left: 0;margin-right: 0;}
    .pn-team{margin-bottom: 10px}
    .pn-team .pn-wrapper-item .pn-item{width: 25%}
    .pn-history-mobile{padding-left: 15px;margin: 30px 0;list-style: none}
    .pn-history-mobile li .pn-item{border-top: 1px solid #a5a5a5;padding: 15px 0 30px 30px;border-left: 2px solid var(--background-main-hover);position: relative;margin-bottom: 0;}
    .pn-history-mobile li .pn-item:before{content: "";position: absolute;top: -15px;left: -16px;width: 30px;height: 30px;background-color: #fff;border-radius: 100px;border: 4px solid var(--background-main-hover)}
    .pn-history-mobile li .pn-item:after{content: ""; position: absolute; top: -8px; left: -9px; width: 16px; height: 16px; border-radius: 100px; border: 2px solid var(--background-main-hover);}
    .pn-history-mobile li .pn-item > div > strong {display: block; font-size: 16px; line-height: 26px; color: var(--color-hover);text-transform: uppercase;margin-bottom: 10px;}
    .pn-history-mobile li .pn-item div .pn-year{display: block;margin-bottom: 10px;font-weight: bold;}
    .pn-capabilities .pn-item strong{font-size: 20px;line-height: 25px}
    .pn-about{margin-bottom: 0;text-align: center;}
    .pn-about .pn-title{text-align: center;}
    .pn-history-desktop{display: none}
    .pn-core{margin-bottom: 0}
    .pn-core .row [class*='col-'] .pn-item .pn-name{font-size: 22px;line-height: 32px;}
    .pn-core .row [class*='col-'] .pn-item .pn-wrapper{text-align: center;margin-bottom: 0}
}
@media only screen and (max-width: 767px){
    .pn-about .row [class*='col-'] .pn-group-owl{padding: 0}
    .pn-certification .pn-group .pn-wrapper-item .pn-item{width: calc(100% / 3)}
    .dialogTeam .popup-image{width: 250px;}.dialogTeam .popup-wrapper{width:calc(100% - 250px);}
    .pn-team .pn-wrapper-item{margin: 0 -8px}
    .pn-team .pn-wrapper-item .pn-item{width: calc(100% / 3);padding: 0 8px}
    .pn-core .row [class*='col-'] .pn-item > span{width: 70px;height: 70px;}
    .pn-form{margin-bottom: 0;}
    .pn-about .pn-wrapper{margin-top: 20px;padding-right: 0}
    .pn-form .pn-title{font-size: 20px;line-height: 30px}
}
@media only screen and (max-width: 570px){
    .pn-certification .pn-group .pn-wrapper-item .pn-item{width: 50%}
    .dialogTeam .popup-image{float: none;text-align: center;padding-bottom: 20px;width: 100%;padding-right: 0}
    .dialogTeam .popup-image img{width: auto;max-width: 100%}.dialogTeam .popup-wrapper{float: none;width: 100%;}
    .pn-team .pn-wrapper-item .pn-item{width: 50%}
}
@media only screen and (max-width: 370px){
    .pn-certification .pn-group .pn-wrapper-item .pn-item{width: 100%}
    .pn-team .pn-wrapper-item .pn-item{width: 100%}
    .pn-history-mobile li .pn-item > div > strong{font-size: 14px;line-height: 24px}
}