.pn-global .row{display: flex;flex-wrap: wrap;}
.pn-global .row [class*='col-']{margin-bottom: 30px;}
.pn-global .row [class*='col-'] .pn-item{text-align: center;padding: 10px 10px 25px 10px;background: linear-gradient(to bottom, rgba(115,229,233,1) 0%,rgba(115,229,233,1) 32%,rgba(11,11,229,1) 100%);border-radius: 10px;color: #fff;height: 100%;margin-bottom: 0;}
.pn-global .row [class*='col-'] .pn-item .pn-image{border-radius: 10px;margin-bottom: 15px}
.pn-global .row [class*='col-'] .pn-item .pn-name{text-transform: uppercase;color: #fff}
.pn-global .row [class*='col-'] .pn-item:hover .pn-name{color: var(--color-hover)}
.pn-global .row [class*='col-'] .pn-item .pn-name + span{display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden;text-align: center;margin-bottom: 15px}
.pn-global .row [class*='col-'] .pn-item .pn-button{background: #fff;position: relative;padding-right: 50px;color: rgba(0,0,0,.8);font-weight: normal}
.pn-global .row [class*='col-'] .pn-item .pn-button:after{content: "";position: absolute;width: 34px;height: 34px;border-radius: 100px;right: 3px;top: 3px;background-color: var(--background-main-hover);color: var(--background-main-hover-color);transition: .3s}
.pn-global .row [class*='col-'] .pn-item .pn-button:hover:after{width: calc(100% - 6px)}
.pn-global .row [class*='col-'] .pn-item .pn-button span{position: relative;z-index: 1;white-space: nowrap; overflow: hidden; text-overflow: ellipsis; display: block; max-width: 100%}
.pn-global .row [class*='col-'] .pn-item .pn-button:before{content: "";position: absolute;right: 12px;z-index: 1;width: 15px;height: 11px;background-image: url('../images/control.png');filter: brightness(0) invert(1); -webkit-filter: brightness(0) invert(1); top: 15px; transform: rotate(180deg)}
.pn-global .row [class*='col-'] .pn-item .pn-button:hover span{color: var(--background-main-hover-color)}
/**/
.pn-list-link{list-style: none;padding-left: 0;display: flex;flex-wrap: wrap;justify-content: center;margin-bottom: 30px;}
.pn-list-link li{margin-bottom: 10px;}
.pn-list-link li a{margin: 0 10px;width: 160px;padding: 10px 20px 9px 20px;font-size: 16px;line-height: 21px;text-align: center;background-color: #f5f6fb;border-radius: 100px;cursor: pointer;min-width: 200px;display: flex;height: 100%;align-items: center;justify-content: center;}
.pn-list-link li.active > a,.pn-list-link li:hover a{font-weight: bold;background: linear-gradient(to bottom, rgba(25,71,186,1) 0%,rgba(1,127,254,1) 100%);color: #fff}
/**/
.pn-form{margin-bottom: 60px}
.pn-form:before{ 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-form .pn-title{font-size: 24px;line-height: 34px}
.pn-form .pn-content-form{background-color: #0b1fe6;border-radius: 10px;padding: 25px 160px 15px 160px}
.pn-form .pn-content-form .pn-title{color: var(--background-main-hover-color)}
.pn-form .pn-content-form .row{margin: 0 -5px}
.pn-form .pn-content-form .row [class*='col-']{padding: 0 5px;margin-bottom: 10px}
.pn-form .pn-content-form .pn-button{margin-top: 5px;background: linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(59,250,253,1) 100%);padding-left: 75px;padding-right: 75px;color: #1947ba}
/**/
.pn-feel{position: relative;margin-bottom: 60px}
.pn-feel: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-feel .pn-title-tab{display: flex;justify-content: center;margin-bottom: 30px;position: relative}
.pn-feel .pn-title-tab span{display: block;margin: 0 30px 10px 30px;width: 160px;padding: 10px 10px 9px 10px;font-size: 16px;line-height: 21px;text-align: center;background-color: #f5f6fb;border-radius: 100px;cursor: pointer}
.pn-feel .pn-title-tab span.active{font-weight: bold;background: linear-gradient(to bottom, rgba(25,71,186,1) 0%,rgba(1,127,254,1) 100%);color: #fff}
.pn-feel .pn-wrapper-tab{position: relative;z-index: 0}
.pn-feel .pn-wrapper-tab .pn-tab:not(.active){height: 0;overflow: hidden}
.pn-feel .pn-video strong{display: block;position: relative;overflow: hidden;margin-bottom: 10px;}
.pn-feel .pn-video strong img{transition: .3s;width: 100%;}
.pn-feel .pn-video strong:hover img{transform: scale(1.2); -moz-transform: scale(1.2); -webkit-transform: scale(1.2);}
.pn-feel .pn-video strong:before{content: "";position: absolute;left: 0;top: 0;background-color: rgba(0,0,0,.5);width: 100%;height: 100%;z-index: 1}
.pn-feel .pn-video strong:after{content: "\f144"; font-family: "FontAwesome"; position: absolute; border-radius: 100px; top: 50%; left: 50%; z-index: 1; font-size: 60px; line-height: 60px; color: #fff; display: flex ; justify-content: center; align-items: center; transform: translate(-50%, -50%)}
.pn-feel .pn-video {display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden;}
.pn-feel .pn-item{text-align: center}
.pn-feel .pn-item .pn-name{text-align: center}
.pn-feel .owl-carousel .owl-item .pn-item .pn-name{margin-bottom: 0}
.pn-feel .owl-carousel .owl-item.center .pn-video a{font-weight: bold;}
.pn-feel .owl-carousel .owl-nav{display: flex;align-items: center;justify-content: center;margin-top: 40px}
.pn-feel .owl-carousel .owl-nav button{position: initial;transform: initial;margin: 0 8px}
.fancybox__content .dialog-title{font-size: 20px;line-height: 25px;margin: 0 0 20px 0;}
/**/
.pn-endow{margin-bottom: 60px;}
.pn-endow .owl-carousel .owl-nav .owl-prev{left: -20px}
.pn-endow .owl-carousel .owl-nav .owl-next{right: -20px}
.pn-endow .pn-image{border-radius: 10px;margin-bottom: 0}
.pn-wrapper-pagination{margin-bottom: 60px;}

@media only screen and (max-width: 1199px){
    .pn-form .pn-content-form{padding: 30px}
    .pn-endow{margin-bottom: 0;}
    .pn-endow .owl-carousel .owl-nav{display: flex;justify-content: center;margin-top: 30px}
    .pn-endow .owl-carousel .owl-nav button{position: initial;top: initial;transform: initial;margin: 0 10px;}
}
@media only screen and (min-width: 992px){
    .pn-endow .pn-title{margin-bottom: 50px;}
    .show-md{display: none;}
}
@media only screen and (max-width: 991px){
    .pn-form .pn-content-form{padding: 30px}
    .pn-form{margin-bottom: 30px}
    .pn-feel{margin-bottom: 30px}
    .pn-feel .owl-carousel .owl-item .pn-item .pn-name{font-size: 14px;}
}
@media only screen and (min-width: 768px){
    .pn-feel .owl-carousel .owl-stage-outer{padding: 30px 0}
    .pn-feel .owl-carousel .owl-item .pn-item{margin: 0 30px;transition: margin .5s}
    .pn-feel .owl-carousel .owl-item.center .pn-item{margin: -30px}
    .pn-feel .owl-carousel .owl-item.center .pn-item .pn-image{margin-bottom: 15px}
    .pn-feel .owl-carousel .owl-item.center .pn-item .pn-name{margin: 0 30px}
    .pn-feel .owl-carousel .owl-item:not(.center) .pn-item .pn-name{font-weight: normal}
    .pn-feel .owl-carousel .owl-item.left .pn-item{margin-left: 0;margin-right: 60px}
    .pn-feel .owl-carousel .owl-item.right .pn-item{margin-right: 0;margin-left: 60px}
    .table-of-contents{width: 50%;margin-left: auto;margin-right: auto;}
    .pn-wrapper-link > span{display: none;}
}
@media only screen and (max-width: 767px){
    .pn-feel{padding: 0 15px}
    .pn-feel .owl-carousel .owl-nav{margin-top: 0}
    .pn-feel .pn-title-tab span{margin-left: 15px;margin-right: 15px}
    .pn-feel .owl-carousel .owl-item .pn-item .pn-name{font-size: 14px}
    .pn-feel .pn-item .pn-name{text-align: center}
    .pn-feel .owl-carousel .owl-item.center .pn-item .pn-name{margin: 0}
    .pn-wrapper-link{text-align: center;position: relative;margin: -15px 0 30px 0}
    .pn-wrapper-link > span{display: inline-block; padding: 10px 20px; font-size: 16px; line-height: 21px; cursor: pointer; background-color: #eee; border-radius: 5px}
    .pn-wrapper-link > span .fa{margin-right: 8px}
    .pn-wrapper-link:not(.active) ul{display: none}
    .pn-wrapper-link ul{position: absolute; width: 250px; padding: 10px; background-color: #fff; border-radius: 10px; z-index: 2; box-shadow: 0 0 15px rgba(0, 0, 0, .5);left: 50%;transform: translateX(-50%);display: block;top: calc(100% + 20px)}
    .pn-wrapper-link ul:after{content: ""; position: absolute; border-left: 7px solid transparent; border-right: 7px solid transparent; border-bottom: 10px solid #fff; top: -10px; left: 50%;transform: translateX(-50%)}
    .pn-wrapper-link ul li a{display: block;padding: 10px}
}
@media only screen and (max-width: 570px){
    .pn-feel .pn-title-tab{margin-bottom: 15px}
}
@media only screen and (max-width: 480px){
    .pn-form .pn-title{font-size: 20px;line-height: 30px}
    .pn-form .pn-content-form{padding: 20px}
}
@media only screen and (max-width: 370px){
    .pn-form .pn-content-form .pn-button{width: 100%;padding-left: 10px;padding-right: 10px;}
}