@import url('https://fonts.googleapis.com/css2?family=Open+Sans:wght@300;400;500;600;700&display=swap');
body{
    font-family: 'Open Sans', sans-serif;
    color:#4b5d6c;
}
.header{
    background-color: #f09322;
    /* background-image: url('../img/bg-top.png'); */
    background-size: contain;
    background-position: left center;
}
.navbar{
    -webkit-box-shadow: 0px 0px 35px 0px rgba(154, 161, 171, 0.15);;
    box-shadow: 0px 0px 35px 0px rgba(154, 161, 171, 0.15);;
}

.logo{
    max-height:60px;
}

.people{
   position:relative;
}
.header, .people{
    max-width: 100%;
}
.teks-banner{
    z-index:2;
}
.pos-people{
    position:absolute;
    top: 0;
    right: 0;
    height:85vh;
    z-index: 1;
}
section{
    padding: 50px 0;
}

.btn-primary {
    color: #fff;
    background-color: #e8833a;
    border-color: #e8833a;
}

.btn-primary:hover,.btn-primary:focus, .btn-primary:active {
    color: #fff;
    background-color: #fd9e59;
    border-color: #fd9e59;
}
.btn-ahli{
    background:#ffffff;
    width:150px;
}
.pop-up-box{
    border: 2px solid #c6cfd7;
    border-radius: 4px;
    padding: 20px;
    height: 100%;
}
.pop-up-box p{
    text-align: left;
    margin-bottom: 2px;
}
.pop-up-box h3{
    font-weight: 600;
    color: #eb9253;
}
.box-orange{
    background-color:#fef9f5;
    border:3px solid #eb9253;
    border-radius:30px;
    padding:30px;
    margin:0 30px;
    height:100%;
}
.buildings{
    background-image: url('../img/buildings.png');
    background-size: cover;
    background-position: center;
}
.manfaat{
    background:#f3f3f3;
}
.manfaat-icon{
    max-height: 199px;
}
.alibaba-cloud{
    background-image: url('../img/bg_alibaba_cloud.jpg');
    background-size:cover;
    background-repeat:no-repeat;
}
.box-solution{
    padding:20px;
    height:100%;
    -webkit-box-shadow: 0px 0px 5px 1px rgba(0,0,0,0.20);
    -moz-box-shadow: 0px 0px 5px 1px rgba(0,0,0,0.20);
    box-shadow: 0px 0px 5px 1px rgba(0,0,0,0.20);
}
.box-solution h2{
    min-height:135px;
}
.box-solution p{
    min-height:264px;
}
.keunggulan{
    background:#f3f3f3;
}
.box-keunggulan{
    background:#ffffff;
    padding:40px;
    height:100%;
    -webkit-box-shadow: 0px 0px 5px 1px rgba(0,0,0,0.20);
    -moz-box-shadow: 0px 0px 5px 1px rgba(0,0,0,0.20);
    box-shadow: 0px 0px 5px 1px rgba(0,0,0,0.20);
}
.minus{
    margin-bottom:-250px;
}
.putih{
    min-height:300px;
}
.bpt{
    background-color:#f3f3f3;
    background-image: url('../img/build.png');
    background-size: cover;
    background-position: center;
}
.bg-bpt1{
    background-color:#c2d0da;
}
.bg-bpt2{
    background-color:#4b5d6c;
}
a.footer{
    color:#4b5d6c;
}
.sosmed a{
        width: 30px;
    height: 30px;
    color: #ffffff !important;
    background: #4b5d6c;
    border-radius: 50%;
    display: inline-block;
    text-align: center;
    line-height: 30px;
    vertical-align: bottom;
}
.registration-box{
    height:100%;
    width:100%;
    background:#f7f9fa;
    border:2px solid #c3cfd9;
    padding:40px;
}
.text-warning{
    color:#fd9e59 !important;
}
.btn-outline-warning{
    color: #e8833a;
    border-color: #e8833a;
}
.btn-outline-warning:hover,.btn-outline-warning:active{
    color: #ffffff;
    background-color: #e8833a;
    border-color: #e8833a;
}
.topbar-divider {
    width: 0;
    border-right: 1px solid #e3e6f0;
    height: calc(4.375rem - 2rem);
    margin: auto 1rem;
}

.nav-item .nav-link .img-profile {
    height: 2rem;
    width: 2rem;
}
.dataTables_wrapper{
    width:100%;
    margin-top:40px;
}

#invoice th{
    font-size:14px;
}
.b-bottom{
    padding-bottom:10px;
    border-bottom: 1px solid #c3cfd9;
}
@media (max-width: 991px)
{
    .registration-box{
        padding:20px;
    }
    .box-orange{
        margin:0 10px;
    }
    .box-solution h2, .box-solution p{
        min-height:0;
    }
    .header{
    height:100%;
    }
    
    h1{
        font-size:2.1rem;
    }
}