.font_size_xl3{
	font-size: calc(var(--font_size_xl) + 9px);
}
.font_size_xl2{
	font-size: calc(var(--font_size_xl) + 6px);
}
.font_size_xl1{
	font-size: calc(var(--font_size_xl) + 3px);
}
.font_size_xl{
	font-size: var(--font_size_xl);
}
.font_size_lg{
	font-size: var(--font_size_lg);
}
.font_size_md{
	font-size: var(--font_size_md);
}
.font_size_sm{
	font-size: var(--font_size_sm);
}
.font_size{
	font-size: var(--font_size);
}

.pointer{
	cursor: pointer;
}

.radius_3{
	border-radius: 3px;
}
.radius_30{
	border-radius: 30px;
}
.shadow{
	box-shadow: 0px 0px 3px #CCC;
}
.input_dark{
	background: rgba(255, 255, 255, 00.5);
	color: #FFF;
	border-radius: 30px !important;
	border: solid 1px #FFF;
	outline: none !important;
}
.input_dark:focus-visible{
	border-radius: 30px !important;
}
.bg_red{
	background-color: var(--red_color);
	color: #FFF;
}
.bg_red.btn:hover{
	background-color: var(--red_color);
	color: #333;
}
.text_red{
	color: var(--red_color);
}

.font_sub {
	font-family: var(--font_title);
}

.list_none li{
	list-style: none;
}

.border_1{
    border: solid 1px #CCC !important;
}

.a_fix, .a_fix a{
	text-decoration: none;
	color: #000;
}
.b{
	font-weight: bold;
}



/*For theme*/
.bg_sub{
	background-color: var(--sub_color);
}
.bg_main{
	background-color: var(--main_color);
}
.btn {
	border-radius: 3px;
	transition: all .3s ;
}

.btn:hover{
	transform: scale(1.1);
	background: red;
}

.btn_red, .btn_red:hover{
	background-color: var(--red_color);
	color: #FFF;
}

.btn_main, .btn_main:hover{
	background-color: var(--main_color);
	color: #FFF;
}