.pn-form-course{margin-bottom: 60px}
.pn-content-course{ z-index: 100; position: relative; background-color: #fff; padding: 30px; border-radius: 20px; max-width: 1000px; margin: 0 auto; box-shadow: 0 3px 20px rgba(0,0,0,0.2)}
.pn-form-course .pn-wrapper-row .row{margin-bottom: 15px;position: relative}
.pn-form-course .pn-wrapper-row .row:nth-child(2){display: none}
.pn-content-course.active .pn-wrapper-row .row:nth-child(2){display: block}
.pn-content-course.active .js-more .fa{display: none}
.pn-form-course .pn-button{border-radius: 5px;cursor: pointer}
.pn-form-course > .container > .pn-title{color: #000;margin-bottom: 30px;text-transform: uppercase;}
.pn-form-course .pn-title{margin-bottom: 10px;font-family: 'Mulish', sans-serif;font-size: 26px;line-height: 31px;}
.pn-form-course .pn-title + p{text-align: center;margin-bottom: 30px;font-weight: 500}
.pn-form-course .js-more{background-color: #fff;position: absolute;bottom: -20px;left: 50%;transform: translateX(-50%);border: 1px solid #0157ae;color: #0157ae}
.pn-form-course .js-more:hover{background-color: #0157ae;color: #fff}
.pn-form-course label{margin-bottom: 10px}
.pn-form-course .pn-button .fa{margin-right: 10px}
.pn-form-course .form-control,.select2-container{height: 41px;background-color: #f8f8f8;border: 1px solid #dadada;box-shadow: none;margin-bottom: 15px}
.pn-form-course .pn-button:not(.js-more){border: none;margin-top: 31px;padding-left: 10px;padding-right: 10px;width: 100%}
.pn-form-course ul{margin-bottom: 0;padding-left: 0;list-style: none}
.pn-form-course ul li{margin-top: 5px}
.pn-form-course ul li input{display: none}
.pn-form-course ul li label{cursor: pointer;font-weight: 400;margin-bottom: 0;position: relative}
.pn-form-course ul li label:before{content: "";float: left;margin:2px 8px 0 0;width: 15px;height: 15px;border: 1px solid #0157ae;border-radius: 3px}
.pn-form-course ul li span:after{ content: ""; position: absolute; width: 10px; height: 5px; border-left: 1px solid #0157ae; border-bottom: 1px solid #0157ae; transform: rotate( -45deg );-moz-transform: rotate( -45deg );-webkit-transform: rotate( -45deg ); left: 3px; top: 6px;display: none}
.pn-form-course ul li input:checked + span:after{display: block}
.pn-form-course .clear-checkbox{display: inline-block;color: #ee3625;border-bottom: 1px solid #ee3625;font-size: 16px;line-height: 16px;font-weight: bold;cursor: pointer;border-width: 0 0 1px 0;background-color: transparent;padding: 0 0 3px 0;margin-top: 20px}
/* .select2-container{border-radius: 4px;margin-bottom: 15px !important}
.select2-container--default .select2-selection--multiple{overflow: hidden;white-space: nowrap;padding: 0;height: 41px}
.select2-container--default .select2-selection--multiple{border: none !important;background-color: transparent !important;padding: 0 !important;}
.select2-container--default .select2-selection--multiple .select2-selection__choice{margin-top: 8px !important;margin-left: 8px !important;vertical-align: top !important;}
.select2-container .select2-search--inline .select2-search__field{height: 30px !important;line-height: 30px !important;margin-left: 10px !important;}
.select2-container--default .select2-results>.select2-results__options::-webkit-scrollbar {width: 5px;}
.select2-container--default .select2-results>.select2-results__options::-webkit-scrollbar-track {background: #f1f1f1;}
.select2-container--default .select2-results>.select2-results__options::-webkit-scrollbar-thumb {background: #888;}
.select2-container--default .select2-results>.select2-results__options::-webkit-scrollbar-thumb:hover { background: #ccc; } */
.pn-form-course .pn-select-js{position: relative;}
.pn-form-course .pn-select-js:after{font-family: "FontAwesome"; content: "\f107"; position: absolute; z-index: 1; right: 1px; top: 1px; background-color: #f8f8f8; width: 20px; bottom: 1px; border-radius: 4px; text-align: center; font-size: 16px; font-weight: bold; padding-top: 8px;}
.pn-form-course .pn-select-js span{cursor: pointer;display: block}
.pn-form-course .pn-select-js ul{ box-shadow: 0 0 5px rgb(0 0 0 / 20%); position: absolute; background-color: #fff; width: 100%; top: 100%; z-index: 100; padding: 0; margin-bottom: 0;list-style: none; opacity: 0;visibility: hidden;transition: all ease .3;max-height: 200px;overflow-y: auto}
.pn-form-course .pn-select-js.active ul{opacity: 1;visibility: visible;}
.pn-form-course .pn-select-js ul::-webkit-scrollbar { width: 5px; }
.pn-form-course .pn-select-js ul::-webkit-scrollbar-track { background: #f1f1f1; }
.pn-form-course .pn-select-js ul::-webkit-scrollbar-thumb { background: #888; }
.pn-form-course .pn-select-js ul::-webkit-scrollbar-thumb:hover { background: #555; }
.pn-form-course .pn-select-js ul li{margin-top: 0}
.pn-form-course .pn-select-js ul li span{padding: 5px 40px 5px 10px;position: relative}
.pn-form-course .pn-select-js ul li label{display: block;position: relative}
.pn-form-course .pn-select-js ul li label input{display: none}
.pn-form-course .pn-select-js + select{display: none}
.pn-form-course .pn-select-js .form-control{line-height: 27px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;cursor: auto}
.pn-form-course .pn-select-js ul li label:before{position: absolute; right: 10px; top: 8px; margin: 0;}
.pn-form-course .pn-select-js ul li input:checked + span:after{right: 12px;left: inherit;top: 11px;}
.pn-form-course .pn-select-js template + div span{display: inline-block;margin-right: 5px;}
.pn-form-course .pn-select-js #js-value-intake::-webkit-input-placeholder {  color: #555; }
.pn-form-course .pn-select-js #js-value-intake:-ms-input-placeholder { color: #555; }
.pn-form-course .pn-select-js #js-value-intake::placeholder { color: #555; }
#exampleModalNotifyEmpty .modal-dialog{max-width: 400px}
#exampleModalNotifyEmpty .modal-content{margin: 0 auto;background-color: #fff;}
#exampleModalNotifyEmpty .modal-content,#exampleModalNotifyEmpty .modal-footer{text-align: center;}
#exampleModalNotifyEmpty .modal-content .modal-body{color: #000;font-size: 20px}
#exampleModalNotifyEmpty .modal-footer .pn-button{background-color: #fff;color: #ee3625;border: 1px solid #ee3625;}
.pn-list-school{background-color: #f8f8f8;;padding: 50px 0 20px 0}
.pn-list-school .pn-title{color: #000;font-family: 'Mulish', sans-serif;margin-bottom: 30px}
.pn-list-school .pn-title + .pn-wrapper{text-align: center;margin: -20px 0 30px 0;padding-bottom: 25px;border-bottom: 1px solid #0157ae;font-weight: 500}
.pn-list-school .row{display: flex;flex-wrap: wrap}
.pn-list-school .row [class*='col-']{margin-bottom: 10px}
.pn-list-school .pn-item{background-color: #fff;border: 1px solid #c9c9c9;padding: 20px;height: 100%;display: flex;align-items: center;width: 100%}
.pn-list-school .pn-item .pn-image{float: left;width: 30%}
.pn-list-school .pn-item .pn-content-item{width: 70%;padding-left: 15px;float: left}
.pn-list-school .pn-item ul{padding-left: 0;margin-bottom: 0;list-style: none;font-weight: 500}
.pn-list-school .pn-item .pn-name{font-size: 16px;line-height: 21px;font-weight: bold;margin-bottom: 5px;display: block}
.pn-list-school .pn-item ul li span{display: inline-block;color: #2767b4}
/* question */
.pn-wrapper-question{background-color: #f8f8f8;padding: 60px 0 30px 0;margin-top: 50px}
.pn-wrapper-question .pn-title{color: #000;font-family: 'Mulish', sans-serif;text-transform: uppercase;margin-bottom: 30px}
.pn-wrapper-question .owl-stage-outer{border-radius: 10px;background-color: #fff;box-shadow: 0 6px 20px rgba(0,0,0,.15);padding:15px 0;overflow: hidden;max-width: 1000px;margin: 0 auto 50px auto}
.pn-wrapper-question .owl-stage-outer .pn-item-slide{max-width: 1000px;}
.pn-wrapper-question .pn-wrapper-item .pn-item{padding: 0 25px;border-left: 2px solid #fff}
.pn-wrapper-question .pn-wrapper-item .pn-item .pn-question{display: block;font-weight: 500;border-bottom: 1px solid #dadada;font-size: 16px;line-height: 21px;padding:19.5px 45px;cursor: pointer;position: relative}
.pn-wrapper-question .pn-wrapper-item .pn-item .pn-question:after{font-family: "FontAwesome";content: "\f107";width: 30px;height: 30px;border-radius: 100px;box-shadow: 0 0 5px rgba(0,0,0,.2);right: 0;top: 50%;transform: translateY(-50%);-moz-transform: translateY(-50%);-webkit-transform: translateY(-50%);right: 0;text-align: center;line-height: 30px;position: absolute;color: #0157ae}
.pn-wrapper-question .pn-wrapper-item .pn-item .pn-wrapper{padding: 0 45px 45px 45px;margin-bottom: 0;}
.pn-wrapper-question .pn-wrapper-item .pn-item:last-child .pn-question{border-bottom: none}
.pn-wrapper-question .pn-wrapper-item .pn-item:not(.active) .pn-wrapper{display: none}
.pn-wrapper-question .pn-wrapper-item .pn-item.active{background-color: #f8f8f8;border-left-color: #0157ae}
.pn-wrapper-question .pn-wrapper-item .pn-item.active .pn-question:after{background-color: #0157ae;color: #fff;content: "\f105"}
.pn-wrapper-question .pn-wrapper-item .pn-item.active .pn-question{border-bottom: 0;font-weight: bold;color: #0157ae}
.pn-wrapper-question .owl-nav > div{opacity: 1;background-color: #fff;color: #000;box-shadow: 0 0 5px rgb(0 0 0 / 45%);border-radius: 100px;font-size: 25px}
.pn-wrapper-question .owl-nav > div:hover{background-color: #c60b1e;color: #fff;}
.submenu-mobiles{float:right;}.submenu-mobiles select{border:1px solid #e7e7e7;height:30px;line-height:30px;padding:0 10px;font-size:14px;margin-bottom:10px}
.hidden-desktop{margin-bottom:25px;padding-bottom:5px;border-bottom:1px solid #ddd;}
.hidden-desktop .pn-title{float:left;text-transform: uppercase;margin-bottom:10px;font-size: 26px;}
@media only screen and (min-width: 1500px){
    .pn-form-course .row{margin: 0 -25px}
    .pn-form-course .row [class*='col-']{padding: 0 25px}
}
@media only screen and (max-width: 1199px){
    .pn-wrapper-question .owl-carousel{padding: 0 60px}
}
@media only screen and (max-width: 991px){
    .pn-content-course{width: 100%;max-width: inherit;margin-top: 0;box-shadow: inherit;border: 1px solid #0157ae}
    .pn-list-school{padding: 30px 0 0 0;}
}
@media only screen and (min-width: 768px){
    .pn-form-course > .container > .pn-title,.pn-wrapper-question .pn-title,.pn-list-school .pn-title{font-size: 26px;line-height: 31px}
}
@media only screen and (max-width: 767px){
    .pn-list-school .row{display: block;}
    .pn-list-school .pn-item{display: block}
    .pn-form-course .pn-wrapper-row .row:nth-child(1){display: flex;flex-wrap: wrap}
    .pn-form-course .pn-wrapper-row .row:nth-child(1) [class*='col-']{width: 50%}
    .pn-form-course .pn-wrapper-row .row:nth-child(2) [class*='col-']{margin-bottom: 20px}
    .pn-form-course .pn-button:not(.js-more) .fa{display: none}
    .pn-form-course .pn-title{font-size: 20px;line-height: 25px}
    .pn-form-course .js-more{width: 70%;text-align: center}
}
@media only screen and (max-width: 570px){
    .pn-list-school .pn-item{padding: 15px}
    .pn-list-school .pn-item .pn-name{font-size: 14px;line-height: 19px}
    .pn-wrapper-question .pn-wrapper-item .pn-item .pn-question,.pn-wrapper-question .pn-wrapper-item .pn-item .pn-wrapper{padding-left: 0}
    .pn-wrapper-question .pn-wrapper-item .pn-item .pn-wrapper{padding-right: 0}
    .pn-wrapper-question .pn-wrapper-item .pn-item .pn-question{font-size: 14px}
.pn-cate-detail .pn-title{float:none}.submenu-mobiles{float:none;}.submenu-mobiles select{height:30px;line-height:30px;padding:0 10px;font-size:14px;width:100%}
.pn-wrapper-question .owl-carousel{padding: 0 0 40px 0}
.pn-wrapper-question .owl-carousel .owl-nav{position: absolute; left: 50%; height: 40px; width: 90px; transform: translateX(-50%);-moz-transform: translateX(-50%);-webkit-transform: translateX(-50%); bottom: 0;}

.pn-form-course .pn-wrapper-row .row:nth-child(1) [class*='col-']{width: 100%}
.pn-form-course .pn-button:not(.js-more){margin-top: 0}
.pn-form-course .js-more{width: 90%;padding: 10px;}
}
@media only screen and (min-width: 371px){
    .pn-form-course .pn-wrapper-row .row:nth-child(2){padding-top: 30px}
    .pn-form-course .pn-wrapper-row .row:nth-child(2):before{left: 15px;height: 1px;background-color: #dadada;top: 0;position: absolute;width: calc(100% - 30px)}
}
@media only screen and (max-width: 370px){
    .pn-content-course{padding: 20px}
    .pn-form-course .pn-button:not(.js-more){margin-top: 0}
    .pn-list-school .pn-item .pn-image{width: 100%;float: none;margin-bottom: 15px}
    .pn-list-school .pn-item .pn-content-item{padding-left: 0;float: none;width: 100%;text-align: center;}
    .pn-list-school .pn-item ul li{margin-top: 5px}
}