@import url('https://fonts.googleapis.com/css2?family=Poppins&family=kanit&display=swap');
.banner{
    background-image: url('../../../images/trainingplus/banner/banner_tr.png');
    background-repeat: no-repeat;
    background-size: cover !important;
    background-position: center;
}
.banner .row{
    padding-bottom:58px;
}
.banner h1{
    font-family: 'Poppins', sans-serif;
    font-weight: 600;
    font-size: 28px;
    line-height: 44px;
    color: #18191a;
    text-shadow: 0 3px 6px rgba(0,0,0,0.16);
    margin-top: 72px;
    margin-bottom: 35px;
}
.banner p{
    font-family: 'Kanit', sans-serif;
    font-size: 16px;
    line-height: 27px;
    color: #383838;
}
.service{
    background-image: url('../../../images/trainingplus/services/service_bg.png');
    background-repeat: no-repeat;
    background-size: cover !important;
    background-position: center;
    text-align: left;
    padding: 60px 0;
}
.service img{
    width: 97px;
    height: auto;
}
.visible-xs img{
    margin: 0 auto;
}
.visible-xs h2{
    font-size: 25px;
    line-height: 40px;
}
.visible-xs .col-xs-12{
    margin-bottom: 20px;
}
@media only screen and (width:768px){
    .banner .row{
        display: flex;
        align-items: center;
    }
}
.service h2, .course h2{
    font-family: 'Poppins', sans-serif;
    font-weight: 500;
    font-size: 32px;
    line-height: 50px;
    color: #18191a;
    text-shadow: 0 3px 6px rgba(0,0,0,0.16);
}
.service .text-center p, .course .text-center p{
    color: #818181;
    font-family: 'Kanit', sans-serif;
}
.service h3{
    font-family: 'Poppins', sans-serif;
    color: #00ADB5;
    padding: 20px 0;
    font-weight: 500;
    font-size: 20px;
}
.service p{
    font-family: 'Kanit', sans-serif;
    font-size: 16px;
    line-height: 27px;
}
.course{
    background-image: url('../../../images/trainingplus/course/course_bg.png');
    background-repeat: no-repeat;
    background-size: cover !important;
    background-position: center;
    text-align: left;
    padding: 60px 0;
}