/*
|--------------------------------------------------------------------------
| RESET
|--------------------------------------------------------------------------
*/

.mb-container{

    max-width:1280px;

    margin:0 auto;

    padding:40px 20px;

}

.mb-page{

    display:flex;

    flex-direction:column;

    gap:24px;

}

.mb-grid{

    display:grid;

    grid-template-columns:1fr 1fr;

    gap:24px;

}

@media(max-width:900px){

    .mb-grid{

        grid-template-columns:1fr;

    }

}


/*
|--------------------------------------------------------------------------
| CARD
|--------------------------------------------------------------------------
*/

.mb-card{

    background:#FFF;

    border:1px solid #E5E7EB;

    border-radius:16px;

    padding:24px;

    box-shadow:0 4px 12px rgba(15,23,42,.05);

}

.mb-card-header{

    display:flex;

    align-items:center;

    gap:12px;

    margin-bottom:20px;

    padding-bottom:16px;

    border-bottom:1px solid #ECECEC;

}

.mb-card-title{

    margin:0;

    font-size:20px;

    font-weight:600;

    color:#1F2937;

}

.mb-card-body{

    min-height:120px;

    display:flex;

    flex-direction:column;

    gap:16px;

}

/*
|--------------------------------------------------------------------------
| CARD DOT
|--------------------------------------------------------------------------
*/

.mb-card-dot{

    width:14px;

    height:14px;

    border-radius:50%;

    background:#0F4C81;

    flex-shrink:0;

}