.pn-scholarship .pn-title{text-align: center}
.pn-scholarship .pn-detail .pn-wrapper{overflow: hidden;position: relative}
.pn-scholarship .pn-detail .pn-wrapper.active{max-height: inherit !important;padding-bottom: 50px}
.pn-scholarship .pn-detail .pn-wrapper .pn-see-more{height: 50px; width: 100%; left: 0; bottom: 0; position: absolute;text-align: center; line-height: 50px; color: #ee3625; cursor: pointer; letter-spacing: 1px; font-weight: bold;background: -moz-linear-gradient(top, rgba(255,255,255,0.8) 0%, rgba(255,255,255,1) 100%); background: -webkit-linear-gradient(top, rgba(255,255,255,0.8) 0%,rgba(255,255,255,1) 100%); background: linear-gradient(to bottom, rgba(255,255,255,0.8) 0%,rgba(255,255,255,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#9effffff', endColorstr='#ffffff',GradientType=0 ); }
.pn-scholarship .pn-detail .pn-wrapper .pn-see-more span{color: #ee3625;display: inline-block}
.pn-news{margin-top: 30px}
.pn-news .pn-title{color: #000;font-family: 'Mulish', sans-serif;text-transform: uppercase;margin-bottom: 30px}
.pn-news .row{display: flex;flex-wrap: wrap}
.pn-news .row:before,.pn-news .row:after{display: none}
.pn-news .row [class*='col-']{margin-bottom: 30px;font-weight: 500}
.pn-news .row [class*='col-'] .pn-image{margin-bottom: 10px;overflow: hidden;position: relative}
.pn-news .row [class*='col-'] .pn-image:before,.pn-news .row [class*='col-'] .pn-image:after{content: "";position: absolute;width: 100%;height: 100%;background-color: rgba(255,255,255,.2);transition: all ease .5s}
.pn-news .row [class*='col-'] .pn-image:before{top: 100%;left: -100%}
.pn-news .row [class*='col-'] .pn-image:after{top: -100%;right: -100%}
.pn-news .row [class*='col-']:hover .pn-image:before{top: -100%;left: 100%;}
.pn-news .row [class*='col-']:hover .pn-image:after{top: 100%;left: -100%;}
.pn-news .row [class*='col-'] .pn-image img{width: 100%}
.pn-news .row [class*='col-'] .pn-image + div + p{margin-bottom: 0;margin-top: 10px}
.pn-news .row [class*='col-'] .pn-name{font-size: 16px;line-height: 19px;font-weight: bold;color: #000;display: block}
.pn-news .row [class*='col-'] .pn-name:hover,.pn-news .row [class*='col-']:hover .pn-name{color: #ee3625}
@media only screen and (min-width: 992px){ .pn-news{margin-top: 50px} }
@media only screen and (min-width: 768px){ .pn-news .pn-title{font-size: 26px;line-height: 31px} }