.pn-wrapper-group .pn-group{margin-bottom: 30px;background-color: #f5f6f8;padding: 30px;border-radius: 30px}
.pn-wrapper-group .pn-group .pn-wrapper-title{display: flex;align-items: center;justify-content: space-between;margin-bottom: 30px;position: relative}
.pn-wrapper-group .pn-group .pn-wrapper-title:before{content: "";position: absolute;top: 50%;transform: translateY(-50%);left: 0;right: 0;height: 1px;background-color: #e4e4e5}
.pn-wrapper-group .pn-group .pn-wrapper-title a{display: inline-block;position: relative}
.pn-wrapper-group .pn-group .pn-wrapper-title a.pn-button{border-radius: 100px;font-weight: 600}
.pn-wrapper-group .pn-group .pn-wrapper-title a:not(.pn-button){text-transform: uppercase;color: var(--primary-color);font-size: 28px;line-height: 38px;font-weight: bold;display: flex;align-items: center;background-color: #f5f6f8}
.pn-wrapper-group .pn-group .pn-wrapper-title a:not(.pn-button) span{display: inline-block;margin-right: 15px}
.pn-wrapper-group .pn-group .pn-wrapper-title a:after{content: "";position: absolute;height: 100%;width: 25px;background-color: #f5f6f8}
.pn-wrapper-group .pn-group .pn-wrapper-title a:not(.pn-button):after{left: 100%}
.pn-wrapper-group .pn-group .pn-wrapper-title a.pn-button:after{right: 100%;top: 0}
.pn-news .pn-item{padding: 10px;margin-bottom: 10px;background-color: #fff;border-radius: 20px}
.pn-news .pn-item .pn-image{border-radius: 20px;overflow: hidden}
.pn-news .pn-item .pn-image img{transition: .3s;width: 100%;}
.pn-news .pn-item .pn-image:hover img{transform: scale(1.2);-webkit-transform: scale(1.2)}
.pn-news .pn-item .pn-content .pn-name{font-weight: bold;line-height: 26px;display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden;margin-bottom: 10px}
.pn-news .pn-item .pn-content .pn-date-post{opacity: 0.8;font-size: 14px;}
.pn-news .pn-item .pn-content .pn-date-post:before{font-family: "FontAwesome"; content: "\f274";float: left;margin-right: 10px;opacity: 1}
.pn-news .pn-item .pn-content .pn-description{margin-top: 20px;display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden}
.pn-wrapper-group .pn-group .row [class*='col-']:not(:first-child) .pn-item,.pn-outstanding .pn-item{display: flex;align-items: center}
.pn-wrapper-group .pn-group .row [class*='col-']:not(:first-child) .pn-item .pn-image{width: 220px;min-width: 220px}
.pn-wrapper-group .pn-group .row [class*='col-']:not(:first-child) .pn-item .pn-content{padding-left: 30px}
.pn-wrapper-group .pn-group .row [class*='col-']:first-child .pn-item .pn-image{margin-bottom: 15px}
.pn-wrapper-group .pn-group .row [class*='col-']:first-child .pn-item .pn-content .pn-name{font-size: 24px;line-height: 36px;margin-bottom: 15px}
/**/
.pn-news.pn-news-category .pn-item {box-shadow: 0 0 100px rgba(0,0,0,.05);}
.pn-news.pn-news-category .pn-item .pn-image{margin-bottom: 10px;}
.pn-news-category .pn-outstanding{border-radius: 30px; overflow: hidden;margin-bottom: 30px;background-color: #f5f6f8;}
.pn-news-category .pn-outstanding .pn-title{background-color: var(--primary-color); color: #fff; margin-bottom: 0; font-size: 20px; line-height: 30px; padding: 15px 30px; position: relative; overflow: hidden; text-transform: initial; text-align: left;}
.pn-news-category .pn-outstanding .pn-title span{display: flex; align-items: center; position: relative; z-index: 1;padding-left: 60px;min-height: 40px;align-items: center;}
.pn-news-category .pn-outstanding .pn-title span:before{content: "";position: absolute;left: 0;top: 0;width: 40px;height: 40px;background-image: url('../images/icon.png');background-repeat: no-repeat;background-position: -41px -114px ;}
.pn-news-category .pn-outstanding .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-news-category .pn-outstanding ul{list-style: none;padding-left: 0;margin-bottom: 0;padding: 10px;}
.pn-news-category .pn-outstanding .pn-item{box-shadow: none;}
.pn-news-category .pn-outstanding .pn-item .pn-image{width: 160px;min-width: 160px;margin-bottom: 0;border-radius: 15px;}
.pn-news-category .pn-outstanding .pn-item .pn-content{padding-left: 15px;}
.pn-news-category .pn-outstanding .pn-item .pn-content .pn-name{display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden;}
.pn-news-category .row .row{display: flex;flex-wrap: wrap}
.pn-news-category .row .row:before,.pn-news-category .row .row:after{display: none}
.pn-news-category .row .row [class*='col-']{margin-bottom: 30px;}
.pn-news-category .row .row .pn-item{height: 100%;}
.pn-news-category .row .row .pn-item .pn-content{padding: 10px;}
.pn-news.pn-news-category .pn-item .pn-content .pn-description{margin: 10px 0 0 0;-webkit-line-clamp: 2;}
.pn-news-category > .row > [class*='col-']:nth-child(2){position: sticky;top: 100px;}
/**/
.pn-name-detail{font-size: 32px;line-height: 42px;margin: 0 0 10px 0;font-weight: bold;}
.pn-name-detail + .pn-date-post{opacity: 0.8;margin-bottom: 25px}
.pn-name-detail + .pn-date-post:before{font-family: "FontAwesome"; content: "\f274";float: left;margin-right: 10px;opacity: 1;}
.pn-related{padding-top: 15px;border-top: 1px solid #eee;}
.pn-related .pn-title{text-align: left;font-size: 20px;line-height: 30px;color: var(--primary-color);margin-bottom: 20px;}
.pn-related .pn-item{margin-bottom: 30px;box-shadow: none !important;padding: 0;border-radius: 0;}
.pn-related .pn-item .pn-image{border-radius: 10px !important;}
.pn-related .owl-nav{display: flex;justify-content: center;position: absolute;right: 0;top: -30px}
.pn-related .owl-nav [class*='owl-']{width: 30px;height: 30px;line-height: 30px;border-radius: 100px;background-color: #ddd;font-size: 20px;position: initial;opacity: 1;visibility: visible;margin-left: 10px;color: #fff}
.pn-related .owl-nav [class*='owl-']:hover{background-color: var(--primary-color);color: #fff}
.pn-related .owl-nav .owl-prev{left: -15px}
.pn-related .owl-nav .owl-next{right: -15px}

@media only screen and (max-width: 1499px){
    .pn-wrapper-group .pn-group .row [class*='col-']:not(:first-child) .pn-item .pn-image{width: 170px;min-width: 170px}
    /**/
    .pn-news-category .pn-outstanding .pn-item .pn-image{width: 120px;min-width: 120px;}
    .pn-news-category .pn-outstanding .pn-item .pn-content .pn-name{font-size: 14px;line-height: 22px;}
    /**/
    .pn-name-detail{font-size: 25px;line-height: 35px;}
}
@media only screen and (max-width: 1199px){
    .pn-wrapper-group .pn-group .row [class*='col-']:first-child .pn-item .pn-content .pn-name{font-size: 18px;line-height: 25px}
    .pn-wrapper-group .pn-group .pn-wrapper-title a:not(.pn-button){font-size: 22px;line-height: 32px}
    .pn-news:not(.pn-news-category) .pn-item .pn-content .pn-name{font-size: 14px;line-height: 22px}
    /**/
    .pn-news-category .pn-outstanding .pn-item .pn-image{width: 100px;min-width: 100px;}
    .pn-news-category .pn-outstanding .pn-item .pn-content .pn-name{margin-bottom: 5px;}
    .pn-news-category .pn-outstanding .pn-title{padding: 10px 20px;line-height: 21px;}
    .pn-news-category .pn-outstanding .pn-title span{padding-left: 40px;}
    .pn-news-category .pn-outstanding .pn-title span:before{transform: scale(0.7);transform-origin: center left;}
}
@media only screen and (min-width: 992px){
    .pn-news{margin-bottom: 30px;}
    .pn-news-category .pn-wrapper-pagination{text-align: left;}
    .pn-news-category .pn-wrapper-pagination .pagination li{margin: 0 10px 0 0;}
}
@media only screen and (max-width: 991px){
    .pn-wrapper-group .pn-group .row [class*='col-']:not(:first-child) .pn-item .pn-content{padding-left: 15px}
    .pn-wrapper-group .pn-group{padding: 20px}
    .pn-wrapper-group .pn-group .row [class*='col-']:not(:first-child) .pn-item .pn-image{width: 140px;min-width: 140px}
}
@media only screen and (max-width: 767px){
    .pn-wrapper-group .pn-group .pn-wrapper-title{margin-bottom: 15px}
    .pn-wrapper-group .pn-group .pn-wrapper-title a.pn-button{padding: 5px 15px;font-size: 14px;font-weight: normal}
    .pn-wrapper-group .pn-group .pn-wrapper-title a:not(.pn-button){line-height: 24px}
    .pn-wrapper-group .pn-group .pn-wrapper-title a:not(.pn-button) span{margin-right: 0}
    .pn-wrapper-group .pn-group .pn-wrapper-title a:not(.pn-button) span img{transform: scale(0.8);width: 45px;transform-origin: center left;object-fit: contain}
    /**/
    .pn-related .pn-item .pn-content .pn-name{font-size: 14px;line-height: 22px;}
}
@media only screen and (max-width: 570px){
    .pn-wrapper-group .pn-group{padding: 15px 0 0 0;background-color: transparent;border-radius: 0;border-top: 1px solid #eee;}
    .pn-news:not(.pn-news-category) .pn-item{padding: 0;margin-bottom: 20px;}
    .pn-wrapper-group .pn-group .pn-wrapper-title a:not(.pn-button){background-color: transparent;}
    .pn-wrapper-group .pn-group .pn-wrapper-title a:after,.pn-wrapper-group .pn-group .pn-wrapper-title:before{display: none;}
    .pn-wrapper-group .pn-group .pn-wrapper-title a.pn-button{padding: 0; background-color: transparent; color: #aaa; line-height: normal;border-radius: 0;}
    .pn-wrapper-group .pn-group .pn-wrapper-title a.pn-button:hover{box-shadow: none;}
    .pn-wrapper-group .pn-group .pn-wrapper-title a.pn-button:before{font-family: "FontAwesome";content: "\f101";margin-left: 5px;float: right;margin-top: 3px;}
    /**/
    .pn-name-detail{font-size: 20px;line-height: 25px;}
}
@media only screen and (max-width: 480px){
    .pn-wrapper-group .pn-group{position: relative;padding-bottom: 30px;}
    .pn-wrapper-group .pn-group .pn-wrapper-title{display: block;position: initial;}
    .pn-wrapper-group .pn-group .pn-wrapper-title a.pn-button{position: absolute;bottom: 0;right: 0;color: var(--primary-color);border-bottom: 1px solid var(--primary-color);}
    .pn-wrapper-group .pn-group .row [class*='col-']:first-child .pn-item .pn-content .pn-name{line-height: 24px;}
    /**/
    .pn-news-category .row .row .pn-item .pn-content{padding: 0;}
    .pn-news-category .pn-item .pn-content .pn-name{font-size: 14px;line-height: 22px;}
}
@media only screen and (max-width: 370px){
    .pn-news .pn-item .pn-image{border-radius: 10px;}
    .pn-wrapper-group .pn-group .row [class*='col-']:not(:first-child) .pn-item .pn-image{width: 100px;min-width: 100px}
    .pn-wrapper-group .pn-group .row [class*='col-']:not(:first-child) .pn-item .pn-content .pn-name{margin-bottom: 5px;}
    .pn-news .pn-item .pn-content .pn-date-post:before{margin-right: 5px;}
    .pn-news .pn-item .pn-content .pn-description{margin-top: 10px;}
    .pn-wrapper-group .pn-group .pn-wrapper-title a:not(.pn-button) span img{transform: scale(0.7);}
    .pn-wrapper-group .pn-group .row [class*='col-']:not(:first-child) .pn-item{align-items: flex-start;}
    .pn-wrapper-group .pn-group .row [class*='col-']:not(:first-child) .pn-item .pn-content .pn-name{-webkit-line-clamp: 1}
}