.pn-title + .pn-wrapper{margin: -50px 0 50px 0;text-align: center;}
@keyframes blink {
  50% {
    opacity: 0;
  }
}
.pn-journey .row{display: flex;flex-wrap: wrap}
.pn-journey .row:before,.pn-journey .row:after{display: none}
.pn-journey .pn-item{margin-left: 150px;border: 20px solid transparent;border-radius: 20px;box-shadow: 0 9px 15px rgba(82, 175, 159,.3);display: flex;align-items: stretch;position: relative;background-color: #e8f6f4;padding: 30px;margin-bottom: 0;}
.pn-journey .pn-item.active{animation: blink 1s linear 1}
.pn-journey .pn-item:before{content: "";position: absolute;left: 0;top: 0;right: 0;bottom: 0;border: 1px dashed #b2e1d9;border-radius: 20px;background-color: #fff;}
.pn-journey .pn-item:after{content: "";position: absolute;width: 209px;height: 107px;background-image: url('../images/cloud.gif');background-repeat: no-repeat;}
.pn-journey .row{padding-top: 75px;}
.pn-journey .row [class*='col-']{margin-bottom: 90px;}
.pn-journey .row [class*='col-']:nth-child(odd) .pn-item:after{top: -80px;left: -120px;}
.pn-journey .row [class*='col-']:nth-child(even) .pn-item:after{right: -40px;bottom: -80px;}
.pn-journey .row [class*='col-']:nth-child(odd) .pn-item{margin-top: -75px;}
.pn-journey .pn-item .pn-image{margin:0 0 0 -200px;border-radius: 20px;width: 300px;height: 400px;}
.pn-journey .pn-item .pn-image img{width: 100%; height: auto; display: block;object-fit: cover;}
.pn-journey .pn-item .pn-content{position: relative;z-index: 1;padding-left: 30px;flex: 1; display: grid; grid-template-rows: auto 1fr auto;height: 400px;}
.pn-journey .pn-item .pn-content .pn-name-journey{font-size: 32px;line-height: 40px;color: #ee84a0;font-family: "Dancing Script", cursive;margin-bottom: 15px;padding-right: 80px;min-height: 65px;display: flex;align-items: center;margin-right: -20px;position: relative;}
.pn-journey .pn-item .pn-content .pn-wrapper{margin-bottom: 0;overflow-y: auto}
.pn-journey .pn-item .pn-content .pn-name-journey:after{content: "";position: absolute;right: 0;top: 0;width: 98px;height: 62px;background-image: url('../images/ngoac.png');background-repeat: no-repeat;background-size: 100%;}
.pn-journey .pn-item .pn-content .pn-wrapper + p{margin-bottom: 0;}
.pn-journey .pn-item .pn-content .pn-button{display: none;}
.pn-journey .pn-item .pn-button{margin: 20px 0;cursor: pointer;}
.pn-journey .pn-wrapper-pagination{margin-bottom: 30px;}
/**/
.pn-library{background: #fdb9c9; position: relative; margin: 130px 0;}
.pn-library .pn-title { color: #fff; }
.pn-library .pn-title + .pn-wrapper{ color: #fff;text-align: center;}
.pn-library::before,.pn-library::after{position: absolute;width: 100%;height: 80px;content: "";background-position: center top;background-size: auto 100%;background-repeat: repeat-x;background-image: url('../images/bg-routes.svg');left: 0}
.pn-library::before{bottom: calc(100% - 1px)}.pn-library::after{top: calc(100% - 1px);writing-mode: vertical-rl; transform: rotate(180deg);grid-auto-flow: dense;}
.pn-library .pn-wrapper-image{display: grid;grid-template-columns: repeat(4, 1fr);grid-gap: 30px;;margin-bottom: 40px;}
.pn-library .pn-wrapper-image .pn-image{margin-bottom: 0;border-radius: 15px;}
.pn-library .pn-wrapper-image .pn-image:before{content: "";position: absolute;left: 0;top: 0;width: 100%;height: 100%;background-color: rgba(149, 213, 202, 0.8);transition: .3s;opacity: 0;visibility: hidden;z-index: 1;}
.pn-library .pn-wrapper-image .pn-image:after{position: absolute; font-family: "FontAwesome"; content: "\f0b2"; color: #fff; font-size: 30px; left: 50%; top: 50%; transform: translate(-50%, -50%); z-index: 2; transition: .3s;opacity: 0;visibility: hidden;}
.pn-library .pn-wrapper-image .pn-image:hover:after{opacity: 1;visibility: visible;}
.pn-library .pn-wrapper-image .pn-image:hover:before{opacity: 1;visibility: visible;}
.pn-library .pn-wrapper-image .pn-image:nth-child(6n+1) {grid-row: span 1}
.pn-library .pn-wrapper-image .pn-image:nth-child(6n+2) {grid-row: span 1}
.pn-library .pn-wrapper-image .pn-image:nth-child(6n+3) {grid-column: span 2;grid-row: span 2;}
.pn-library .pn-wrapper-image .pn-image:nth-child(6n+4) {grid-column: span 2;grid-row: span 2;}
.pn-library .pn-wrapper-image .pn-image:nth-child(6n+5) {grid-row: span 1}
.pn-library .pn-wrapper-image .pn-image:nth-child(6n+6) {grid-row: span 1;}

@media only screen and (max-width: 1499px){
    .pn-journey .pn-item{margin-left: 100px;}
    .pn-journey .pn-item .pn-image{width: 250px;min-width: 250px;margin-left: -150px;height: 335px;}
    .pn-journey .pn-item .pn-content{padding-left: 20px;height: 335px;}
    .pn-journey .pn-item .pn-content .pn-name-journey{font-size: 25px;line-height: 30px;min-height: 45px;}
    .pn-journey .pn-item .pn-content .pn-name-journey:after{width: 70px;height: 44px;}
}
@media only screen and (max-width: 1199px){
    .pn-journey .pn-item .pn-image{width: 200px;min-width: 200px;height: 265px;}
    .pn-journey .pn-item .pn-content{height: 265px;}
    .pn-journey .row [class*='col-']:nth-child(even) .pn-item:after{right: -35px;}
    .pn-journey .pn-item{padding-right: 20px;}
    .pn-journey .pn-item .pn-content .pn-name-journey{padding-right: 60px;min-height: 31px;margin-right: -10px;}
    .pn-journey .pn-item .pn-content .pn-name-journey:after{width: 50px;height: 31px;}
}
@media only screen and (max-width: 991px){
    .pn-journey .row [class*='col-']{margin-bottom: 30px;}
    .pn-journey .pn-item:after{display: none;}
    .pn-journey .pn-item{display: block;margin-left: 0;border-width: 15px;padding: 0;height: 100%;}
    .pn-journey .row{padding-top: 0;}
    .pn-journey .row [class*='col-']:nth-child(odd) .pn-item{margin-top: 0;}
    .pn-journey .pn-item .pn-content .pn-name-journey{margin-right: 0;}
    .pn-journey .pn-item .pn-image{margin-left: 0;width: 100%;height: auto;border-bottom-left-radius: 0;border-bottom-right-radius: 0;}
    .pn-journey .pn-item .pn-content{padding: 20px;display: block;height: auto;}
    .pn-journey .pn-item .pn-content .pn-wrapper{padding-right: 0;overflow-y: hidden;}
    .pn-journey .pn-item .pn-button{padding: 10px 40px;}
    .pn-title + .pn-wrapper{margin: -15px 0 30px 0}
    .pn-library .pn-wrapper-image{grid-gap: 10px;}
}
@media only screen and (max-width: 767px){
    .pn-journey .pn-item .pn-content .pn-name-journey{min-height: inherit;padding-right: 0;display: block;}
    .pn-journey .pn-item .pn-content .pn-name-journey:after{display: none;}
}
@media only screen and (max-width: 680px){
    .pn-journey .row [class*='col-']{width: 100%;}
}
@media only screen and (min-width: 571px) and (max-width: 680px){
    .pn-journey .pn-item{display: flex;align-items: flex-start;}
    .pn-journey .pn-item .pn-image{width: 30%;min-width: 30%;border-radius: 20px;position: sticky;top: calc(100px + 10px);}
    .pn-journey .pn-item .pn-content{width: 70%;min-width: 70%;}
    .pn-journey .pn-item .pn-content .pn-wrapper + p{text-align: left;}
    .pn-journey .pn-item .pn-button{margin: 15px 0 0 0;}
    .pn-limit-line:not(.fullContent){-webkit-line-clamp: 5}
}
@media only screen and (max-width: 570px){
    .pn-library{padding: 30px 0;margin: 0 0 -30px 0;}
    .pn-library::before,.pn-library::after{display: none;}
    .pn-library .pn-wrapper-image{display: flex;flex-wrap: wrap;grid-gap: 0;gap: 10px}
    .pn-library .pn-wrapper-image .pn-image{flex: 1 1 calc(50% - 20px);}
    .pn-library .pn-wrapper-image .pn-image:hover:before,.pn-library .pn-wrapper-image .pn-image:hover:after{display: none;}
}
@media only screen and (max-width: 480px){
    .pn-journey .pn-item{border-width: 0;}
    .pn-journey .pn-item:before{border: none;}
    .pn-library .pn-wrapper-image .pn-image{border-radius: 10px;}
}