.header{
    width: 83.33%;
    margin:0 auto;
    padding: 0.843% 0;
}

.header .nav{
    flex:0 0 27.92%;
}

.header .nav>span{
    cursor: pointer;
}

.mengapa{
    width: 83.33%;
    margin: 5.62% auto 0;
}
.mengapa .content{
    margin-top: 3.37%;
}
.mengapa .content>div{
    flex:0 0 32.5%;
    padding: 1.51% 1.51% 3.02%;
    border-radius: 16px;
    background: #F7F9FA;
    box-sizing: border-box;
    border: 1px solid #E9EEF0;
}

.mengapa .content .image{
    width: 20.67%;
}

.pinjam{
    width: 83.33%;
    margin: 5.62% auto 0;
}

.pinjam .content{
    margin-top: 3.37%;
}

.pinjam .content .box{
    flex:0 0 30.67%;
    padding: 1.348%;
    border-radius: 16px;
    background: #F7F9FA;
    box-sizing: border-box;
    border: 1px solid #E9EEF0;
}

.pinjam .content .step{
    flex:0 0 2.67%;
}

.footer{
    margin-top: 5.62%;
    background: #102228;
    padding: 2% 0;
}

.footer .content{
    width: 56.53%;
    margin-left: 8.33%;

}

.footer .content .box1{
    flex: 0 0 22.12%;
}

.footer .content .box2{
    flex: 0 0 18.92%;
}
.footer .content .box3{
    flex: 0 0 39.31%;
}

.tentang{
    width: 83.33%;
    margin: 5.62% auto 0;
}
.tentang .content{
    margin-top: 3.37%;
}
.tentang .content>div:first-child{
    flex:0 0 43.33%;
}

.tentang .content>div:last-child{
    flex: 0 0 50%;
}


.nilai{
    width: 83.33%;
    margin: 5.62% auto 0;
}
.nilai .content{
    margin-top: 3.37%;
}
.nilai .content>div{
    flex:0 0 32.5%;
    border-radius: 16px;
    background: #F7F9FA;
    box-sizing: border-box;
    border: 1px solid #E9EEF0;
    padding:  1.348%;
}

.nilai .content .image{
    width: 14.36%;
}

.misi{
    width: 83.33%;
    margin: 2.31% auto 0;
}

.misi>div{
    flex:0 0 49.33%;
    padding: 2.02%;
    border-radius: 16px;
    background: #F7F9FA;
    box-sizing: border-box;
    border: 1px solid #E9EEF0;
}