/* =============================================================================
   File        : public/assets/css/frontend/utilities.css
   Project     : GyanPeeth Academy
   Framework   : CodeIgniter 4

   Description
   -----------------------------------------------------------------------------
   Global Utility Classes

   This file contains reusable helper utilities only.

   Do NOT place component styles here.

=============================================================================*/


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

.fe-d-none{

    display:none !important;

}

.fe-d-block{

    display:block !important;

}

.fe-d-inline{

    display:inline !important;

}

.fe-d-inline-block{

    display:inline-block !important;

}

.fe-d-flex{

    display:flex !important;

}

.fe-d-grid{

    display:grid !important;

}


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

.fe-align-center{

    align-items:center !important;

}

.fe-align-start{

    align-items:flex-start !important;

}

.fe-align-end{

    align-items:flex-end !important;

}

.fe-justify-center{

    justify-content:center !important;

}

.fe-justify-between{

    justify-content:space-between !important;

}

.fe-justify-end{

    justify-content:flex-end !important;

}

.fe-flex-column{

    flex-direction:column !important;

}

.fe-flex-wrap{

    flex-wrap:wrap !important;

}


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

.fe-relative{

    position:relative !important;

}

.fe-absolute{

    position:absolute !important;

}

.fe-fixed{

    position:fixed !important;

}

.fe-sticky{

    position:sticky !important;

}


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

.fe-w-25{

    width:25% !important;

}

.fe-w-50{

    width:50% !important;

}

.fe-w-75{

    width:75% !important;

}

.fe-w-100{

    width:100% !important;

}

.fe-h-100{

    height:100% !important;

}


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

.fe-rounded-sm{

    border-radius:8px !important;

}

.fe-rounded{

    border-radius:16px !important;

}

.fe-rounded-lg{

    border-radius:24px !important;

}

.fe-rounded-full{

    border-radius:999px !important;

}