body{
    border: none;
    font-family: 'Poppins', sans-serif !important;
    display: flex;
    flex-direction: column;
    min-height: 100vh;
    height: auto!important;
}
footer{
    margin-top: auto !important;
}
h1, h2, h3, h4, h5, h6{
    font-family: 'Poppins', sans-serif !important;
}
.d-flex{
    display: flex;
}
.topbarnew {
    background: #10554d !important;
}
.registercompany a{
    background: transparent;
    display: inline-block;
    padding: 5px 16px !important;
    color: #f7b86d !important;
    border-radius: 4px;
    font-size: 12px;
    border: 1px solid #f7b86d;
    font-weight: normal;
}
.registercompany a:hover{
    background: #f7b86d;
    color: #ffffff !important;
}
.search-form input{
    color: #fff;
    border-radius: 3px;
}
.search-form form input {
    background-color: #10554d;
}
.justify-content-between{
    justify-content: space-between;
}
.align-self-center{
    align-self: center;
}
.site-header, .site-footer{
    border: none;
}
.nav-bar-main{
    background: #ffffff;
    box-shadow: 0 2px 4px rgb(15 34 58 / 12%);
}
.main-menu li.current>a{
    border-color: #28a382 !important;
    color: #28a382 !important;
}
.btnlogin a{
    border: 3px solid #f7b86d !important;
    color: #ffffff !important;
    padding: 6px 20px !important;
    background: #f7b86d;
    text-transform: uppercase !important;
}
.main-navigation{
    float: right;
}
@media (max-width: 720px){
    .main-navigation{
        display: none;
    }
    .carousel-inner{
        height: auto !important;
    }
    .carousel-inner .item{
        height: auto !important;
    }
    .carousel-caption{
        width: initial !important;
        left: 13%;
    }
    .carousel-caption h3{
        font-size: 15px !important;
    }
    .carousel-caption p{
        font-size: 11px;
        line-height: 15px;
    }
    .carousel-caption .btn{
        padding: 3px 12px !important;
        font-size: 11px;
    }
    .menu-toggle-btn{
        margin-top: 10px !important;
    }
    .topbarnew .social-icons, .topbarnew .search-form{
        display: block;
    }
    .registercompany{
        margin-left: 0px;
        text-align: right;
    }
    .header-left, .header-right{
        text-align: right;
    }
    .search-form form input{
        width: 100% !important;
        min-width: none;
    }
    .topbarnew .social-icons.pull-right{
        float: right !important;
        margin-bottom: 10px;
    }
    .footer-nav{
        display: block;
        margin-top: 12px;
    }
    .main-menu a, .main-menu li.active .sub-menu a, .main-menu li ul li:before, .site-header, .site-header a{
        color: #ffffff;
    }
}
.main-menu li.active .sub-menu a:hover, .main-menu li a:hover, .social-icons li a, .social_icons li a, .slider-caption h2 a, .flex-direction-nav a, .footer-widget-title, .footer-media-icons li a, .mainBtn, .request-information .submit_field .mainBtn, .s-month, #slider-testimonials .prev, #slider-testimonials .next, .blog-grid-thumb .cat-blog, .blog-post-meta ul li, .blog-post-meta ul li a, .tag-items a, .comment-form .mainBtn, .course-search-form .mainBtn, .nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus, .nav-tabs > li.active > a, .main_menu a{
    color: #282a2c !important;
}
.mainBtn, .request-information .submit_field .mainBtn, .tag-items a, .site-header, .main-menu li ul, .social_icons li a, .footer-media-icons li a, .flex-direction-nav a{
    background-color: #ffffff !important;
    box-shadow: 0 2px 4px rgb(15 34 58 / 12%);
}
body, .main-menu li ul, .tab-content > .tab-pane{
    border: none;
}
.logo{
    padding: 7px 0px;
}
.main-menu a{
    padding: 30px 20px;
    font-size: 14px;
    font-weight: 600;
    text-transform: none;
}
.main-menu a, .main-menu li.active .sub-menu a, .main-menu li ul li:before, .site-header, .site-header a{
    color: #7b8190;
}
.font-p-nama{
    font-size: 18px !important;
    color: #000000 !important;
}
.font-p-des{
    font-size: 13px;
    color: #9d9d9d;
}
.content.testi{
    display: flex;
    justify-content: space-between;
}
.content.testi ul{
    display: flex;
    list-style: none;
}
.content.testi ul li{
    padding-left: 5px;
}
.carousel-inner .item{
    width: 100% !important;
    height: 525px;
}
.carousel-caption{
    bottom: 45px;
}
.text-white{
    color: #ffffff !important;
}
.w-100{
    width: 100% !important;
}
.card{
    border-radius: 8px !important;
    background: #ffffff;
    box-shadow: 0 2px 4px rgb(15 34 58 / 12%);
}
.card img{
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
}
.card-body{
    padding: 20px;
}
.text-muted{
    color: #74788d!important;
}
.card-2{
    box-shadow: none;
    margin-bottom: 30px;
}
.card-2 img{
    margin-bottom: 10px;
    border-radius: 8px;
    height: 180px;
}
.card-2 .card-body{
    padding: 0px;
}
.card-2 .title{
    font-size: 22px;
    font-weight: 600;
    line-height: 27px;
    margin-top: 5px;
}
.card-2 .desc{
    font-size: 24px;
    font-weight: 700;
    line-height: 26px;
}
.card-2 a{
    padding: 7px 20px !important;
    border: 1px solid #28a382 !important;
    color: #28a382 !important;
    border-radius: 5px;
    font-size: 13px;
    margin-top: 10px;
}
.card-2 a:hover{
    border: 1px solid #28a382 !important;
    color: #ffffff !important;
    background: #28a382;
}
.titlesection{
    text-align: left;
    margin-bottom: 30px;
}
.titlesection h3{
    border-bottom: 3px solid #f7b86d;
    padding-bottom: 12px;
}
.carousel-caption{
    text-align: left;
    width: 500px;
}
.carousel-caption h3{
    font-size: 30px;
    font-weight: 800;
}
.carousel-caption p{
    color: #d1d1d1;
}
.carousel-caption a{
    border: 3px solid #f7b86d !important;
    color: #ffffff !important;
    padding: 6px 20px !important;
    background: #f7b86d;
    border-radius: 5px;
    margin-top: 5px;
    font-size: 13px;
}
@media screen and (min-width: 768px){
    .carousel-caption {
        left: 10%;
        right: 20%;
        padding-bottom: 60px;
    }
}
.title-judul{
    font-size: 17px;
    font-weight: 600;
    margin-top: 0px;
    line-height: 26px;
}
.btn-custom-2{
    padding: 0px;
    color: #28a382 !important;
    font-weight: 500;
    border-bottom: 3px solid;
    border-radius: 0px;
    padding-bottom: 5px;
}
.btn-custom-1{
    padding: 7px 20px !important;
    border: 1px solid #28a382 !important;
    color: #28a382 !important;
    border-radius: 5px;
    font-size: 13px;
}
.btn-custom-1:hover{
    border: 1px solid #28a382 !important;
    color: #ffffff !important;
    background: #28a382;
}
.mt-30{
    margin-top: 30px;
}
.mb-30{
    margin-bottom: 30px;
}
.owl-news .blog-grid-item{
    margin-top: 0px;
}
.owl-news .blog-grid-thumb{
    height: 150px;
}
.owl-news img{
    border-radius: 8px;
    object-fit: cover;
}
.owl-news .box-content-inner{
    padding: 10px 0px;
}
.titlesection h3{
    font-weight: 600 !important;
}
.gallerysec{
    background: #28a382;
}
.widget-inner{
    padding: 0px !important;
}
.event-small-title{
    margin: 0px !important;
}
.event-small-title a{
    font-size: 16px;
    font-weight: 600;
    margin-top: 0px;
    line-height: 22px;
    font-family: inherit;
    color: #000000;
}
.s-month{
    background-color: #28a382;
    color: #ffffff !important;
}
.site-footer {
    background-color: #10554d;
}
.blog-post-container{
    margin-top: 0px;
}
.blog-post-image img{
    border-radius: 12px;
}
.blog-post-inner{
    padding: 20px 0px;
}
.page-title{
    padding: 20px 2px;    
}
.blog-post-meta{
    background: rgb(16 85 77 / 46%);
    border-bottom-left-radius: 12px;
}
.blog-post-image .blog-post-meta ul li{
    border-bottom: 1px solid;
    color: #ffffff !important;
}
.blog-post-image .blog-post-meta ul li a{
    color: #ffffff !important;
}
.slider-caption, .cat-blog, .blog-post-meta ul li{
    background-color: transparent;
}
.blog-post-title{
    font-size: 25px;
    font-weight: 600;
    margin-top: 0px;
    line-height: 26px;
}
@media (min-width: 768px){
    .form-horizontal .control-label{
        text-align: left;
    }
}
.mainBtn{
    border: 3px solid #f7b86d !important;
    color: #ffffff !important;
    padding: 6px 20px !important;
    background: #f7b86d !important;
    border-radius: 5px;
    box-shadow: none;
}
.list-event-item{
    margin-top: 0px;
}
.box-content-inner{
    padding: 20px 0px;
}
.list-event-thumb{
    width: 200px;
    height: 150px;
}
.list-event-thumb img{
    border-radius: 8px;
    object-fit: cover;
}
.event-title a{
    font-size: 20px;
    font-weight: 600;
    margin-top: 0px;
    line-height: 26px;
    font-family: inherit;
    color: #000000;
}
.lightBtn{
    border: 1px solid #28a382 !important;
    color: #28a382 !important;
    border-radius: 5px;
    font-size: 13px;
}
.pt-30{
    padding-top: 30px;
}
.pb-30{
    padding-bottom: 30px;
}
.loginsec .widget-item{
    border-radius: 8px;
    margin-top: 0px;
}
.loginsec .widget-title{
    font-size: 18px;
    text-align: center;
}
.loginsec .tab-pane{
    background: transparent !important;
}
.loginsec .mainBtn, .request-information .submit_field .mainBtn{
    border: 3px solid #f7b86d !important;
    color: #ffffff !important;
    padding: 6px 20px !important;
    background: #f7b86d !important;
    border-radius: 5px;
    box-shadow: none;
    line-height: 1px;
}
.bglogin{
    background: #f4f7f9;
}
.loginsec .nav-tabs > li.active > a{
    background-color: #10554d;
    color: #ffffff !important;
    border-radius: 8px;
}
.loginsec .nav-tabs li a{
    border-radius: 8px;
}
.contact-form .mainBtn{
    line-height: 0px;
    border: none !important;
}
.carijobbtn a.btn-warning {
    border-color: #f7b86d !important;
    background: #f7b86d;
    color: #ffffff!important;
    margin-left: 5px;
    font-weight: 500;
}
.responsive_menu {
    background-color: #10554d;
}
.responsive_menu .main_menu a{
    color: #ffffff !important;
}
.menu-toggle-btn{
    color: #7b8190 !important;
}
th{
    background-color: #10554d !important;
    color: #ffffff !important;
    border-color: #ffffff !important;
}
.pattern-1 {
    position: fixed;
    bottom: 0px;
    left: 0px;
}
.pattern-2 {
    position: fixed;
    bottom: 0px;
    left: 34%;
}
.pattern-3 {
    position: fixed;
    bottom: 0px;
    right: 0px;
}
@media (max-width: 720px){
    .pattern-1 {
        width: 100%;
    }
    .pattern-2 {
        display: none;
    }
    .pattern-3 {
        display: none;
    }
}
.logo img {
    max-width: 100%;
}