.pn-post-top{margin-bottom: 60px}
.pn-post-top .pn-title + .pn-wrapper{max-width: inherit}
/**/
.pn-strict{overflow: hidden;margin-bottom: 60px;padding-bottom: 60px;position: relative}
.pn-strict:before {content: "";position: absolute;bottom: 0;left: 0;width: 100%;background: linear-gradient(to bottom, rgba(255, 255, 255, 1) 0%, rgba(193, 222, 252, 1) 100%);
height: 100%}
.pn-surrogacy-slide{overflow: hidden}.pn-surrogacy-slide .pn-item{margin-right: 10px}
.pn-surrogacy-slide-sub{display: flex;flex-direction: row-reverse;transition: all ease .3s}
#sync1 .owl-stage{display: flex;justify-content: center;align-items: flex-end}
#sync1 .owl-item{transform-origin: center}
.pn-surrogacy-slide .pn-item {
  box-sizing: border-box;cursor: pointer;  transition-duration: .3s; border-radius: 20px; overflow: hidden; position: relative; margin-bottom: 0; transition: width 0.6s cubic-bezier(0.25,1,0.5,1);
}
.pn-strict .pn-item .pn-image{margin-bottom: 0}
.pn-strict .pn-item .pn-image:before{content: "";background: linear-gradient(to bottom, rgba(0,0,0,0.3) 0%,rgba(12,49,109,0.3) 51%,rgba(23,97,213,1) 100%); position: absolute;width: 100%;left: 0;top: 0;height: 100%;transition: all 1s;z-index: 1}
/* .pn-strict .pn-item .pn-image:after{content: "";position: absolute;left: 0;top: 0;width: 100%;height: 100%;background-color: rgba(0,0,0,.5)} */
 .pn-surrogacy-slide .pn-item img {
  width: 100%; height: 400px; object-fit: cover; display: block;
}
.pn-surrogacy-slide .pn-item .pn-text-split {
  transition: all ease .3s;position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%) rotate(-90deg); transform-origin: center center; color: #fff; text-transform: uppercase; font-weight: bold; white-space: nowrap; font-size: 110%; z-index: 2;
}
.pn-surrogacy-slide .pn-item .pn-text-split.beforeLoading { opacity: 0; }
.pn-surrogacy-slide .pn-item strong{display: none}
.pn-surrogacy-slide .pn-item.active strong{display: block}
.pn-surrogacy-slide .pn-item.active .pn-text-split{transform: initial;left: 0;top: initial;bottom: 0;padding: 20px;text-align: left;white-space: inherit;font-size: 28px;line-height: 34px;font-weight: 800;max-width: 100%}
.pn-surrogacy-slide .pn-item.active .pn-text-split strong{color: transparent; -webkit-text-stroke-width: 0.5px; -webkit-text-stroke-color: #fff;font-weight: 800;font-size: 28px;line-height: 34px}
#sync2 .pn-item > p{text-transform: uppercase;font-weight: bold;font-size: 20px;line-height: 25px;margin-bottom: 15px}
#sync2 .pn-item .pn-wrapper{margin-bottom: 0}
#sync2 .owl-nav{display: flex;position: absolute;bottom: 0}
#sync2 .owl-nav [class*="owl-"]{position: initial;background-color: transparent;border: 1px solid var(--color);margin-right: 20px;transform: initial}
#sync2 .owl-nav [class*="owl-"]:hover{background-color: var(--color-global);border-color: var(--color-global)}
.arrow-left.icon {color: var(--color);position: absolute;margin-left: 3px;margin-top: 2px;width: 16px;height: 1px;background-color: currentColor}
.arrow-left.icon:before {content: '';position: absolute;left: 1px;top: -5px;width: 10px;height: 10px;border-top: solid 1px currentColor;border-right: solid 1px currentColor;-webkit-transform: rotate(-135deg);transform: rotate(-135deg)}
.arrow-right.icon {color: var(--color);position: absolute;margin-left: 2px;margin-top: 2px;width: 16px;height: 1px;background-color: currentColor}
.arrow-right.icon:before {content: '';position: absolute;right: 1px;top: -5px;width: 10px;height: 10px;border-top: solid 1px currentColor;border-right: solid 1px currentColor;-webkit-transform: rotate(45deg);transform: rotate(45deg)}
.owl-nav [class*="owl-"]:hover{background-color: var(--color-global);border-color: var(--color-global)}
.owl-nav [class*="owl-"]:hover .arrow-left.icon,.owl-nav [class*="owl-"]:hover .arrow-right.icon{color: var(--color-text-global)}

@media only screen and (max-width: 1199px){
   .pn-surrogacy-slide .pn-item.active .pn-text-split{font-size: 20px;line-height: 26px}
   .pn-surrogacy-slide .pn-item.active .pn-text-split strong{font-size: 24px;line-height: 34px;}
}
@media only screen and (min-width: 992px){
  .pn-strict .row{display: flex;flex-wrap: wrap}
  .pn-strict .row:before,.pn-strict:after{display: none}
  #sync2.owl-carousel{height: 100%}
  #sync2 .pn-item{padding-top: 15px;margin-bottom: 0;height: 100%}
}
@media only screen and (max-width: 991px){
  .pn-post-top{margin-bottom: 30px}
  .pn-post-top .pn-wrapper{margin-bottom: 0}
  .pn-strict{margin-bottom: 30px;padding-bottom: 30px}
  .pn-surrogacy-slide{margin-bottom: 30px}
  .pn-strict .pn-item{text-align: center;margin-bottom: 0}
  #sync2 .owl-nav{display: flex;justify-content: center;margin-top: 30px;position: relative}
  #sync2 .owl-nav [class*='owl-']{position: initial;background-color: var(--color-global);opacity: 1;margin: 0 10px;margin-top: 0;transform: initial;border: none}
  .owl-nav [class*="owl-"] .arrow-left.icon,.owl-nav [class*="owl-"] .arrow-right.icon{color: var(--color-text-global)}
}
@media only screen and (max-width: 570px){
   .pn-surrogacy-slide .pn-item{display: block}
   .pn-surrogacy-slide .pn-item .pn-image{width: 100%;min-width: 100%}
}
@media only screen and (max-width: 480px){
  .pn-surrogacy-slide .pn-item.active .pn-text-split{font-size: 18px;line-height: 24px;padding: 15px;word-break: break-word}
  .pn-surrogacy-slide .pn-item.active .pn-text-split strong{font-size: 20px;line-height: 30px}
  #sync2 .pn-item > p{font-size: 16px;line-height: 24px}
}