/* Font-size */
.fs0-5 { font-size: 0.5em; }
.fs0-8 { font-size: 0.8em; }
.fs0-9 { font-size: 0.9em; }
.fs1 { font-size: 1em; }
.fs1-1 { font-size: 1.1em; }
.fs1-2 { font-size: 1.2em; }
.fs1-3 { font-size: 1.3em; }
.fs1-5 { font-size: 1.5em; }
.fs2 { font-size: 2em; }
.fs2-5 { font-size: 2em; }
.fs3 { font-size: 3em; }



/* Font-weight */
.fw700 { font-weight: 700; }
.fw600 { font-weight: 600; }
.fw500 { font-weight: normal; }

/* Display */
.d_i { display: inline; }
.d_ib { display: inline-block; }
.d_tc { display: table-cell; }
.d_b { display: block; }
.d_f { display: flex; }
.d_n { display: none; }

/* Text Alignment */
.ta_c { text-align: center; }
.ta_l { text-align: left; }
.ta_r { text-align: right; }

/* Vertical Alignment */
.va_m { vertical-align: middle; }
.va_t { vertical-align: top; }
.va_b { vertical-align: bottom; }

/* Margin */
.m0 { margin: 0; }
.m0-5 { margin: 0.5em; }
.m1 { margin: 1em; }
.m1-5 { margin: 1.5em; }
.m2 { margin: 2em; }
.m_a{margin:auto ;}



/* Padding */
.p0 { padding: 0; }
.p0-2 { padding: 0.2em; }
.p0-5 { padding: 0.5em; }
.p1 { padding: 1em; }
.p1-5 { padding: 0.5em; }
.p2 { padding: 2em; }
.p3 { padding: 3em; }


/* Margin Directional */
.mt0 { margin-top: 0; }
.mt0-5 { margin-top: 0.5em; }
.mt1 { margin-top: 1em; }
.mt1-5 { margin-top: 1.5em; }
.mt2 { margin-top: 2em; }
.mt3 { margin-top: 3em; }
.mt5 { margin-top: 5em; }

.mr0 { margin-right: 0; }
.mr0-5 { margin-right: 0.5em; }
.mr1 { margin-right: 1em; }
.mr1-5 { margin-right: 1.5em; }
.mr2 { margin-right: 2em; }
.mr3 { margin-right: 3em; }

.mb0 { margin-bottom: 0; }
.mb0-5 { margin-bottom: 0.5em; }
.mb1 { margin-bottom: 1em; }
.mb1-5 { margin-bottom: 1.5em; }
.mb2 { margin-bottom: 2em; }
.mb3 { margin-bottom: 3em; }

.ml0 { margin-left: 0; }
.ml0-5 { margin-left: 0.5em; }
.ml1 { margin-left: 1em; }
.ml1-5 { margin-left: 1.5em; }
.ml2 { margin-left: 2em; }
.ml3 { margin-left: 3em; }

/* Padding Directional */
.pt0 { padding-top: 0; }
.pt0-5 { padding-top: 0.5em; }
.pt1 { padding-top: 1em; }
.pt1-5 { padding-top: 1.5em; }
.pt2 { padding-top: 2em; }
.pt3 { padding-top: 3em; }
.pt5 { padding-top: 5em; }
.pt8 { padding-top: 8em; }


.pr0 { padding-right: 0; }
.pr0-5 { padding-right: 0.5em; }
.pr1 { padding-right: 1em; }
.pr1-5 { padding-right: 1.5em; }
.pr2 { padding-right: 2em; }
.pr3 { padding-right: 3em; }

.pb0 { padding-bottom: 0; }
.pb0-5 { padding-bottom: 0.5em; }
.pb1 { padding-bottom: 1em; }
.pb1-5 { padding-bottom: 1.5em; }
.pb2 { padding-bottom: 2em; }
.pb3 { padding-bottom: 3em; }
.pb5 { padding-bottom: 5em; }

.pl0 { padding-left: 0; }
.pl0-5 { padding-left: 0.5em; }
.pl1 { padding-left: 1em; }
.pl1-5 { padding-left: 1.5em; }
.pl2 { padding-left: 2em; }
.pl3 { padding-left: 3em; }


/* Border */
.b1 { border: 0.1em solid; }
.b0 { border: none; }

/* Width */
.w100 { width: 100%; }
.w85 { width: 85%; }
.w80 { width: 80%; }
.w75 { width: 75%; }
.w70 { width: 70%; }
.w65 { width: 65%; }
.w60 { width: 60%; }
.w55 { width: 55%; }
.w50 { width: 50%; }
.w45 { width: 45%; }
.w40 { width: 40%; }
.w35 { width: 35%; }
.w30 { width: 30%; }
.w25 { width: 25%; }
.w20 { width: 20%; }
.w15 { width: 15%; }
.w10 { width: 10%; }
.w5 { width: 5%; }

.mw20{max-width: 20%; }

.mw80{max-width: 80%; }

.h100 { height: 100%; }


/* Overflow */
.ov_a { overflow: auto; }
.ov_h { overflow: hidden; }

/* Positioning */
.pos_r { position: relative; }
.pos_a { position: absolute; }
.pos_f { position: fixed; }
.pos_s { position: sticky; }

.l_0{left:0}
.r_0{right:0}
.t_0{top:0}
.b_0{bottom:0}

/* Z-Index */
.z1 { z-index: 1; }
.z2 { z-index: 2; }
.z3 { z-index: 3; }
.z4 { z-index: 4; }
.z5 { z-index: 5; }

/* Opacity */
.o0 { opacity: 0; }
.o5 { opacity: 0.5; }
.o1 { opacity: 1; }

/* Text Decoration */
.td_u { text-decoration: underline; }
.td_n { text-decoration: none; }

.cur_p { cursor: pointer; }
.cur_d { cursor: default; }
.cur_n { cursor: not-allowed; }


.br0-5 { border-radius: 0.5em; }
.br1 { border-radius: 1em; }
.br3 { border-radius: 3em ; }

.br50 { border-radius: 50%; }

.br100 { border-radius: 100%; }


.bs2 {
  box-shadow: 0 2px 5px rgba(10, 10, 10, 0.1);
}

.ws_nw{
	white-space : nowrap ;
}

.ws_nl{
	white-space : normal ;
}

.bgs_c{
background-size: cover;
}

.bgp_c{background-position : center center ;}