body{font-family: 'Mulish', sans-serif}.wrapper-content{color: #333;font-size: 14px}.wrapper-content img{max-width:100%;}.wrapper-content ul,.wrapper-content ol{list-style-position: inside;}
#slide-banner-course{position: relative}
#slide-banner-course .pn-item-slide{cursor: pointer}
#slide-banner-course .owl-item img{width: 100%}#slide-banner-course .owl-item picture{display: block;}
#slide-banner-course .container{position: absolute;top: 50%;transform: translateY(-50%);left: 0;text-align: center;right: 0}
#slide-banner-course .container .pn-content-slide h2{text-transform: uppercase;font-size: 23px;line-height: 28px;color: #c60b1e;margin: 0 0 30px 0}
#slide-banner-course .container .pn-content-slide{width: 50%;float: right}
#slide-banner-course .container .pn-content-slide p{font-size: 16px;line-height: 21px;color: #5b5c5c;background-color: #fff;padding: 22.5px 20px;border-radius: 100px;font-weight: bold}
.pn-choose{background-color: #f8f9fa;padding-top: 60px}
.pn-choose .wrapper-content{background-size: contain;background-repeat: no-repeat;background-position: right bottom;padding:60px calc(100% / 3) 120px 0}
.pn-choose .wrapper-content h2{text-align: center;font-size: 30px;line-height: 35px;color: #5b5c5c;font-weight: bold;margin: 0 0 30px 0}
.pn-choose .wrapper-content ul{padding-left: 0;margin-bottom: 0;list-style: none;display: flex;flex-wrap: wrap}
.pn-choose .wrapper-content ul li{width: calc(50% - 15px);background-color: #fff;padding: 20px;border-radius: 10px;border: 1px solid #e5e4e4;margin-bottom: 30px}
.pn-choose .wrapper-content ul li:nth-child(odd){margin-right: 15px}
.pn-choose .wrapper-content ul li:nth-child(even){margin-left: 15px}
.pn-choose .wrapper-content ul li:before{font-family: 'FontAwesome';content: "\f046";display: inline-block;margin-right: 5px;margin-bottom: 5px;font-size: 16px}
.pn-course{text-align: center;padding: 90px 0}
.pn-course h3{font-size: 30px;line-height: 35px;font-weight: bold;color: #5b5c5c;text-transform: uppercase;margin: 0 0 90px 0}
.pn-course img{width: 100%}
.pn-course .pn-warpper-item{margin: 0 -15px}
.pn-course .owl-item{padding: 0 15px 15px 15px}
.pn-course .owl-item .pn-item{padding: 10px;transition: all ease .3s}
.pn-course .owl-item .pn-item:hover .pn-image{box-shadow: none}
.pn-course .owl-item .pn-item:hover{box-shadow: -1px 5px 10px rgba(0,0,0,.2)}
.pn-course .owl-item .pn-item:hover .pn-name{color: #c60b1e}
.pn-course .owl-item .pn-item .pn-image{box-shadow: 5px 5px 5px rgba(0,0,0,.6);display: block;margin: -10px -10px 0 -10px}
.pn-course .pn-item .pn-name{margin-top: 20px;display: block;color: #000;font-size: 15px;line-height: 20px;font-weight: bold;text-transform: uppercase;white-space: nowrap;text-overflow: ellipsis;overflow: hidden}
.pn-course .pn-item .pn-name:hover{text-decoration: none;color: #c60b1e}
.pn-course .pn-item .pn-name + p{margin: 15px 0 0 0;color: #5b5c5c;font-size: 14px;line-height: 22px;max-height: 66px;overflow: hidden}
.pn-course .pn-wrapper-item{margin: 0 -10px}
.pn-course .slideshow .owl-theme .owl-controls .owl-buttons {
    height: 40px;
    margin-top: 20px;
}
.pn-course .slideshow .owl-theme .owl-controls .owl-buttons div {
    position: initial;
    background-color: #c60b1e;
    margin-top: 0;
    color: #fff;
    border-radius: 100px;
    margin: 0 10px;
}
.pn-course .slideshow .owl-theme .owl-controls .owl-buttons .owl-prev:before {
    content: "\f104";
}
.pn-course .slideshow .owl-theme .owl-controls .owl-buttons .owl-next:before {
    content: "\f105";
}
@media only screen and (max-width: 991px){
    .container{width: 100%;}.wrapper-content img{height:auto !important;}
    #slide-banner-course .container .pn-content-slide h2{font-size: 20px;line-height: 25px}
    #slide-banner-course .container .pn-content-slide p{padding: 10px}
    .pn-course{padding: 30px 0}
    .pn-course h3{margin-bottom: 30px;font-size: 20px;line-height: 25px;}
    .pn-choose .wrapper-content h2{font-size: 20px;line-height: 25px;}
    #slide-banner-course .container .pn-content-slide p{font-size: 14px;font-weight: normal;}.right-header{display: none}
}
@media only screen and (max-width: 767px){
    #slide-banner-course .container .pn-content-slide{width: 70%}#slide-banner-course .container .pn-content-slide h2{margin-bottom: 15px;font-size: 18px;}
    .pn-choose{padding-top: 30px}
    .pn-choose .wrapper-content{padding: 0;background-image: none !important;}
}
@media only screen and (max-width: 570px){
    .pn-choose .wrapper-content ul li{width: 100%;margin: 0 0 15px 0 !important;}#slide-banner-course .container .pn-content-slide{display: none}
}
@media only screen and (max-width: 370px){
    .pn-course h3,.pn-choose .wrapper-content h2{font-size: 18px}
}