/* ========= Text ========= */
.text-left{text-align:left;}
.text-center{text-align:center;}
.text-right{text-align:right;}
.text-bold{font-weight:700;}
.text-muted{color:#777;}

/* ========= Display ========= */
.d-block{display:block;}
.d-inline{display:inline;}
.d-inline-block{display:inline-block;}
.d-flex{display:flex;}
.d-none{display:none!important;}

/* ========= Flex ========= */
.flex-column{flex-direction:column;}
.flex-wrap{flex-wrap:wrap;}
.justify-start{justify-content:flex-start;}
.justify-center{justify-content:center;}
.justify-between{justify-content:space-between;}
.justify-around{justify-content:space-around;}
.align-start{align-items:flex-start;}
.align-center{align-items:center;}
.align-end{align-items:flex-end;}
.gap-1{gap:8px;}
.gap-2{gap:16px;}
.gap-3{gap:24px;}

/* ========= Width ========= */
.w-25{width:25%;}
.w-50{width:50%;}
.w-75{width:75%;}
.w-100{width:100%;}

/* ========= Height ========= */
.h-100{height:100%;}

/* ========= Margin ========= */
.m-0{margin:0;}
.mt-1{margin-top:8px;}
.mt-2{margin-top:16px;}
.mt-3{margin-top:24px;}
.mb-1{margin-bottom:8px;}
.mb-2{margin-bottom:16px;}
.mb-3{margin-bottom:24px;}
.ml-1{margin-left:8px;}
.ml-2{margin-left:16px;}
.mr-1{margin-right:8px;}
.mr-2{margin-right:16px;}

/* ========= Padding ========= */
.p-1{padding:8px;}
.p-2{padding:16px;}
.p-3{padding:24px;}
.pt-1{padding-top:8px;}
.pt-2{padding-top:16px;}
.pb-1{padding-bottom:8px;}
.pb-2{padding-bottom:16px;}

/* ========= Border ========= */
.rounded{border-radius:8px;}
.rounded-circle{border-radius:50%;}

/* ========= Cursor ========= */
.pointer{cursor:pointer;}

/* ========= Overflow ========= */
.overflow-hidden{overflow:hidden;}