/* Font-size */
.fs0_5 { font-size: 0.5rem; }
.fs0_8 { font-size: 0.8rem; }
.fs0_9 { font-size: 0.9rem; }
.fs1 { font-size: 1rem; }
.fs1_1 { font-size: 1.1rem; }
.fs1_2 { font-size: 1.2rem; }
.fs1_3 { font-size: 1.3rem; }
.fs1_5 { font-size: 1.5rem; }
.fs1_6 { font-size: 1.6rem; }
.fs1_8 { font-size: 1.8rem; }
.fs2 { font-size: 2rem; }
.fs2_5 { font-size: 2rem; }
.fs3 { font-size: 3rem; }



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


/* Display */
.d_i { display: inline; }
.d_ib { display: inline-block; }
.d_tc { display: table-cell; }
.d_b { display: block; }
.d_f { display: flex; }
.jc_sb { justify-content: space-between; }
.ai_c { align-items: center; }
.f_wrap { flex-wrap: wrap; }
.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.5rem; }
.m1 { margin: 1rem; }
.m1_5 { margin: 1.5rem; }
.m2 { margin: 2rem; }
.m_a{margin:auto ;}



/* Padding */
.p0 { padding: 0; }
.p0_2 { padding: 0.2rem; }
.p0_5 { padding: 0.5rem; }
.p1 { padding: 1rem; }
.p1_5 { padding: 1.5rem; }
.p2 { padding: 2rem; }
.p3 { padding: 3rem; }


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

.mr0 { margin-right: 0; }
.mr0_5 { margin-right: 0.5rem; }
.mr1 { margin-right: 1rem; }
.mr1_5 { margin-right: 1.5rem; }
.mr2 { margin-right: 2rem; }
.mr3 { margin-right: 3rem; }

.mb0 { margin-bottom: 0; }
.mb0_5 { margin-bottom: 0.5rem; }
.mb1 { margin-bottom: 1rem; }
.mb1_5 { margin-bottom: 1.5rem; }
.mb2 { margin-bottom: 2rem; }
.mb3 { margin-bottom: 3rem; }

.ml0 { margin-left: 0; }
.ml0_5 { margin-left: 0.5rem; }
.ml1 { margin-left: 1rem; }
.ml1_5 { margin-left: 1.5rem; }
.ml2 { margin-left: 2rem; }
.ml3 { margin-left: 3rem; }

/* Padding Directional */
.pt0 { padding-top: 0; }
.pb0_2 { padding-top: 0.2rem; }

.pt0_5 { padding-top: 0.5rem; }
.pt1 { padding-top: 1rem; }
.pt1_5 { padding-top: 1.5rem; }
.pt2 { padding-top: 2rem; }
.pt3 { padding-top: 3rem; }
.pt5 { padding-top: 5rem; }
.pt8 { padding-top: 8rem; }


.pr0 { padding-right: 0; }
.pr0_5 { padding-right: 0.5rem; }
.pr1 { padding-right: 1rem; }
.pr1_5 { padding-right: 1.5rem; }
.pr2 { padding-right: 2rem; }
.pr3 { padding-right: 3rem; }

.pb0 { padding-bottom: 0; }
.pb0_2 { padding-bottom: 0.2rem; }

.pb0_5 { padding-bottom: 0.5rem; }
.pb1 { padding-bottom: 1rem; }
.pb1_5 { padding-bottom: 1.5rem; }
.pb2 { padding-bottom: 2rem; }
.pb3 { padding-bottom: 3rem; }
.pb5 { padding-bottom: 5rem; }

.pl0 { padding-left: 0; }
.pl0_5 { padding-left: 0.5rem; }
.pl1 { padding-left: 1rem; }
.pl1_5 { padding-left: 1.5rem; }
.pl2 { padding-left: 2rem; }
.pl3 { padding-left: 3rem; }


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

/* Width */
.w100 { width: 100%; }
.w90 { width: 90%; }
.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.5rem; }
.br0_5-tl { border-top-left-radius: 0.5rem; }
.br0_5-tr { border-top-right-radius: 0.5rem; }
.br1 { border-radius: 1rem; }
.br3 { border-radius: 3rem ; }

.br50 { border-radius: 50%; }

.br100 { border-radius: 100%; }

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

/* Borders */
.bn { border: none; }

.bt1 { border-top: 1px solid; }
.bb1 { border-bottom: 1px solid; }


.bd_grey_l { border-color: var(--grey_l); }
.bd_c1 { border-color: var(--c1); }

/* Transitions & Hover */
.tr_all { transition: all 0.2s ease; }
.h_bg_c1_l:hover { background-color: var(--c1_l); }
.h_sh:hover { transform: translateY(-1px); box-shadow: 0 4px 6px rgba(0,0,0,0.05); }

.ws_nw{
	white-space : nowrap ;
}

.ws_nl{
	white-space : normal ;
}

.bgs_c{
background-size: cover;
}

.bgp_c{background-position : center center ;}