/*==================================================
MANTENPRO
UTILITIES.CSS
==================================================*/


/*=========================================
DISPLAY
=========================================*/

.d-block{
    display:block;
}

.d-inline{
    display:inline;
}

.d-inline-block{
    display:inline-block;
}

.d-flex{
    display:flex;
}

.d-grid{
    display:grid;
}

.d-none{
    display:none;
}


/*=========================================
FLEX
=========================================*/

.flex-column{
    flex-direction:column;
}

.flex-wrap{
    flex-wrap:wrap;
}

.align-center{
    align-items:center;
}

.align-start{
    align-items:flex-start;
}

.align-end{
    align-items:flex-end;
}

.justify-center{
    justify-content:center;
}

.justify-between{
    justify-content:space-between;
}

.justify-around{
    justify-content:space-around;
}

.justify-end{
    justify-content:flex-end;
}

.gap-8{
    gap:var(--space-8);
}

.gap-16{
    gap:var(--space-16);
}

.gap-24{
    gap:var(--space-24);
}

.gap-32{
    gap:var(--space-32);
}

.gap-48{
    gap:var(--space-48);
}


/*=========================================
TEXT ALIGN
=========================================*/

.text-left{
    text-align:left;
}

.text-center{
    text-align:center;
}

.text-right{
    text-align:right;
}


/*=========================================
WIDTH
=========================================*/

.w-100{
    width:100%;
}

.w-auto{
    width:auto;
}

.h-100{
    height:100%;
}


/*=========================================
MARGIN TOP
=========================================*/

.mt-8{
    margin-top:var(--space-8);
}

.mt-16{
    margin-top:var(--space-16);
}

.mt-24{
    margin-top:var(--space-24);
}

.mt-32{
    margin-top:var(--space-32);
}

.mt-48{
    margin-top:var(--space-48);
}

.mt-64{
    margin-top:var(--space-64);
}

.mt-80{
    margin-top:var(--space-80);
}


/*=========================================
MARGIN BOTTOM
=========================================*/

.mb-8{
    margin-bottom:var(--space-8);
}

.mb-16{
    margin-bottom:var(--space-16);
}

.mb-24{
    margin-bottom:var(--space-24);
}

.mb-32{
    margin-bottom:var(--space-32);
}

.mb-48{
    margin-bottom:var(--space-48);
}

.mb-64{
    margin-bottom:var(--space-64);
}

.mb-80{
    margin-bottom:var(--space-80);
}


/*=========================================
PADDING
=========================================*/

.p-8{
    padding:var(--space-8);
}

.p-16{
    padding:var(--space-16);
}

.p-24{
    padding:var(--space-24);
}

.p-32{
    padding:var(--space-32);
}

.p-48{
    padding:var(--space-48);
}

.p-64{
    padding:var(--space-64);
}


/*=========================================
BORDER RADIUS
=========================================*/

.radius-sm{
    border-radius:var(--radius-sm);
}

.radius-md{
    border-radius:var(--radius-md);
}

.radius-lg{
    border-radius:var(--radius-lg);
}

.radius-xl{
    border-radius:var(--radius-xl);
}

.radius-pill{
    border-radius:var(--radius-pill);
}


/*=========================================
SHADOWS
=========================================*/

.shadow-sm{
    box-shadow:var(--shadow-sm);
}

.shadow-md{
    box-shadow:var(--shadow-md);
}

.shadow-lg{
    box-shadow:var(--shadow-lg);
}


/*=========================================
POSITION
=========================================*/

.position-relative{
    position:relative;
}

.position-absolute{
    position:absolute;
}

.position-fixed{
    position:fixed;
}


/*=========================================
OVERFLOW
=========================================*/

.overflow-hidden{
    overflow:hidden;
}


/*=========================================
VISIBILITY
=========================================*/

.hidden{
    display:none !important;
}

.visible{
    display:block !important;
}


/*=========================================
CURSOR
=========================================*/

.cursor-pointer{
    cursor:pointer;
}


/*=========================================
OBJECT FIT
=========================================*/

.object-cover{
    object-fit:cover;
}

.object-contain{
    object-fit:contain;
}