.pn-wrapper-item{display: flex;flex-wrap: wrap}
.pn-wrapper-item [class*='col-']:first-child{width: 100%}
.pn-wrapper-item [class*='col-']:first-child .pn-item .pn-image{margin-bottom: 20px;}
.pn-wrapper-item [class*='col-']:first-child .pn-item .pn-content .pn-name{color: var(--color-hover);font-size: 26px;line-height: 36px;margin-bottom: 10px;}
.pn-wrapper-item [class*='col-']:first-child .pn-item .pn-content .pn-name + span{font-size: 16px;line-height: 24px;}
.pn-wrapper-item [class*='col-']:nth-child(n + 4) .pn-item{display: flex;flex-wrap: wrap}
.pn-wrapper-item [class*='col-']:nth-child(n + 4) .pn-item .pn-image{width: 160px;min-width: 160px;margin-bottom: 0;}
.pn-wrapper-item [class*='col-']:nth-child(n + 4) .pn-item .pn-content{width: calc(100% - 160px);padding-left: 20px}
.pn-wrapper-item [class*='col-']:nth-child(n + 4) .pn-item .pn-content span{color: rgba(0, 0, 0, 0.8);}
.pn-wrapper-item [class*='col-']:is(:nth-child(2),:nth-child(3)) .pn-item{background-color: #fff;box-shadow: 3px 5px 15px rgba(0,0,0,.05);border-radius: 10px;}
.pn-wrapper-item [class*='col-']:is(:nth-child(2),:nth-child(3)) .pn-item .pn-image{margin-bottom: 0;}
.pn-wrapper-item [class*='col-']:is(:nth-child(2),:nth-child(3)) .pn-item .pn-content{padding: 20px;}
.pn-wrapper-item [class*='col-']:is(:nth-child(2),:nth-child(3)) .pn-item .pn-content .pn-name{margin-bottom: 10px;}
.pn-wrapper-item [class*='col-']:is(:nth-child(2),:nth-child(3)) .pn-item .pn-content span{-webkit-line-clamp: 3;}
.pn-wrapper-item .pn-item .pn-image{border-radius: 10px}
.pn-wrapper-item .pn-item .pn-content .pn-name-category{display: inline-block;margin-bottom: 5px;color: var(--color-hover);padding-left: 8px;border-left: 2px solid var(--color-hover);vertical-align: top;font-size: 14px;line-height: 19px;}
.pn-wrapper-item .pn-item .pn-content .pn-name{margin-bottom: 5px;}
.pn-wrapper-item .pn-item .pn-content span{display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;}
.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 30px 20px;border-radius: 10px;position: relative;z-index: 1;margin-bottom: 90px}
.pn-form:before{content: ""; position: absolute; top: -85px; right: 0; background-image: url('../images/328x385.png'); background-repeat: no-repeat; width: 228px; height: 270px; background-size: contain; transform: rotate(15deg); z-index: -1;}
.pn-form:after{content: "";position: absolute;left: 0;bottom: -55px;background-image: url('../images/flower.png');background-repeat: no-repeat;width: 118px;height: 95px;}
.pn-form .pn-title{color: #fff;font-size: 24px;line-height: 34px;margin-bottom: 20px;text-align: left;}
.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-outstanding{margin-bottom: 20px;}
.pn-outstanding .pn-title{text-align: left;text-transform: initial;font-size: 26px;line-height: 36px;color: var(--color);}
.pn-outstanding .pn-title span{display: inline-block;border-bottom: 2px solid var(--background-main-hover);}
.pn-outstanding .pn-wrapper-item .pn-item{display: flex;flex-wrap: wrap;align-items: center;margin-bottom: 10px;width: 100%;}
.pn-outstanding .pn-wrapper-item .pn-item .pn-image{margin-bottom: 0;width: 160px;min-width: 160px;}
.pn-outstanding .pn-wrapper-item .pn-item .pn-name{width: calc(100% - 180px);margin-left: 20px;}
.pn-detail .pn-name-detail{color: var(--color-hover);font-size: 26px;line-height: 36px;margin: 0 0 10px 0;font-weight: bold;}
.pn-detail .pn-description{margin-bottom: 25px;font-size: 16px;line-height: 24px;}
.pn-related{position: relative}
.pn-related .pn-title{text-align: left;font-size: 24px;line-height: 34px;}
.pn-related .pn-item .pn-image{border-radius: 10px;}
.pn-related .pn-item .pn-name + span{display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;}
.pn-related .pn-item .pn-name{margin-bottom: 5px;}
.pn-related .owl-carousel .owl-nav button{position: initial;transform: none;width: 30px;height: 30px;min-width: 30px;margin-left: 10px;}
.pn-related .owl-carousel .owl-nav{position: absolute;right: 0;top: -62px;display: flex;}
@media only screen and (max-width: 1199px){
    .pn-wrapper-item [class*='col-']:first-child .pn-item .pn-content .pn-name{font-size: 20px;line-height: 30px;}
    .pn-form:before{display: none}
}
@media only screen and (max-width: 991px){
    .pn-outstanding{display: none;}
    .pn-form{margin-top: 30px;}
    .table-of-contents{width: 50%;}
}
@media only screen and (max-width: 767px){
    .pn-wrapper-item [class*='col-']:nth-child(2),.pn-wrapper-item [class*='col-']:nth-child(3){width: 50%;}
    .pn-wrapper-item [class*='col-']:nth-child(n + 4){width: 100%;}
    .pn-detail .pn-name-detail{font-size: 22px;line-height: 27px;}
    .pn-related .pn-item{margin-bottom: 0;}
    .table-of-contents{width: 100%;}
}
@media only screen and (max-width: 570px){
    .pn-wrapper-item [class*='col-']:first-child .pn-item .pn-content .pn-name{font-size: 16px;line-height: 24px}
    .pn-wrapper-item [class*='col-']:first-child .pn-item .pn-content .pn-name + span{font-size: 14px}
    .pn-wrapper-item [class*='col-']:nth-child(2),.pn-wrapper-item [class*='col-']:nth-child(3){width: 100%}
    .pn-wrapper-item [class*='col-']:first-child .pn-item .pn-image{margin-bottom: 15px;}
    .pn-wrapper-item [class*='col-']:is(:nth-child(2),:nth-child(3)) .pn-item .pn-content span{-webkit-line-clamp: 2}
    .pn-wrapper-item [class*='col-']:is(:nth-child(2),:nth-child(3)) .pn-item{box-shadow: none;}
    .pn-wrapper-item [class*='col-']:is(:nth-child(2),:nth-child(3)) .pn-item .pn-image{margin-bottom: 15px;}
    .pn-wrapper-item [class*='col-']:is(:nth-child(2),:nth-child(3)) .pn-item .pn-content{padding: 0;}
    .pn-form{margin-bottom: 0;}
    .pn-form .pn-title{font-size: 20px;line-height: 30px;}
    .pn-detail .pn-name-detail{font-size: 20px}
}
@media only screen and (max-width: 480px){
    .pn-wrapper-item [class*='col-']:is(:nth-child(2),:nth-child(3)) .pn-item{box-shadow: none;background-color: transparent;}
    .pn-wrapper-item [class*='col-']:nth-child(n + 4) .pn-item{margin-bottom: 15px;}
    .pn-wrapper-item [class*='col-']:nth-child(n + 4) .pn-item .pn-image{width: 120px;min-width: 120px}
    .pn-wrapper-item [class*='col-']:nth-child(n + 4) .pn-item .pn-content{width: calc(100% - 120px);padding-left: 15px;}
    .pn-wrapper-item [class*='col-']:nth-child(n + 4) .pn-item .pn-content .pn-name{margin-bottom: 0;font-weight: normal;font-size: 14px;}
    .pn-wrapper-item [class*='col-']:nth-child(n + 4) .pn-item .pn-content .pn-name + span{display: none;}
    .pn-form:after{display: none;}
    .pn-form .pn-button{width: 100%;}
    .pn-related .pn-title{font-size: 20px;line-height: 30px;}
    .pn-related .owl-carousel .owl-nav{top: -55px;}
    .pn-detail .pn-description{font-size: 14px}
}
@media only screen and (max-width: 370px){
    .pn-form .pn-button{padding-left: 10px;padding-right: 10px;}
}