.tc-1{
	color: #06C755;
}
.tc-2{
	color: #4B4B4B;
}
.tc-3{
	color: #282828;
}
.tc-4{
	color: #8A8B90;
}

.tc-5{
	color: #000;
}
.tc-6{
	color: #7E7E7E;
}
.tc-7{
	color: #004EBB;
}
.tc-8{
	color: #6C6C6C;
}
.tc-9{
	color: #4D3F27;
}
.tc-10{
	color: #2D2D2D;
}
.tc-11{
	color: #757575;
}
.tc-12{
	color: #242424;
}
.tc-13{
	color: #5E5E5E;
}
.tc-14{
	color: #A4A4A4;
}
.tc-15{
	color: #A0A0A0;
}
.tc-16{
	color: #171717;
}
.tc-17{
	color: #B68535;
}
.tc-18{
	color: #1F1F1F;
}
.tc-19{
	color: #816420;
}
.tc-20{
	color: #24535E;
}
.tc-21{
	color: #ACACAC;
}
.tc-22{
	color: #ff0707;
}
.fs-10{
	font-size: calc(10px + var(--ftc));
}

.fs-12{
	font-size: calc(12px + var(--ftc));
}
.fs-13{
	font-size: calc(13px + var(--ftc));
}
.fs-14{
	font-size: calc(14px + var(--ftc));
}
.fs-15{
	font-size: calc(15px + var(--ftc));
}
.fs-16{
	font-size: calc(16px + var(--ftc));
}
.fs-18{
	font-size: calc(18px + var(--ftc));
}
.fs-20{
	font-size: calc(20px + var(--ftc));
}
.fs-22{
	font-size: calc(22px + var(--ftc));
}
.fs-24{
	font-size: calc(24px + var(--ftc));
}
.fs-28{
	font-size: calc(28px + var(--ftc));
}
.fs-32{
	font-size: calc(32px + var(--ftc));
}
.fs-36{
	font-size: calc(36px + var(--ftc));
}
.fs-40{
	font-size: calc(40px + var(--ftc));
}
.fs-44{
	font-size: calc(44px + var(--ftc));
}
.fw-500{
	font-weight: 500;
}
.fw-600{
	font-weight: 600;
}

.f-number{
	font-family: Inter;
}
.bg-1{
	background: #F0F0F0;
}
.bg-2{
	background:#FDF2D1;
}
.bg-3{
	background:#D6EBF0;
}
@media (max-width: 1400px) {
	.fs-xl-24{
		font-size: calc(24px + var(--ftc));
	}
}
@media (max-width: 767px) {
	.fs-sm-24{
		font-size: calc(24px + var(--ftc));
	}
	.fs-sm-28{
		font-size: calc(24px + var(--ftc));
	}
}




@media (max-width: 396px) {
	.fs-28{
		font-size: calc(25px + var(--ftc));
	}
}

@media (max-width: 371px) {
	.fs-28{
		font-size: calc(23px + var(--ftc));
	}
}

@media (max-width: 354px) {
	.fs-28{
		font-size: calc(22px + var(--ftc));
	}
}

@media (max-width: 345px) {
	.fs-28{
		font-size: calc(20px + var(--ftc));
	}
}

@media (max-width: 328px) {
	.fs-28{
		font-size: calc(19px + var(--ftc));
	}
}

@media (max-width: 320px) {
	.fs-28{
		font-size: calc(17px + var(--ftc));
	}
}

@media (max-width: 459px) {
	.btn-m-reload {
		font-size: 13px;
	}
}

@media (max-width: 440px) {
	.btn-m-reload {
		font-size: 12px;
	}
}

@media (max-width: 421px) {
	.btn-m-reload {
		font-size: 11px;
	}
}

@media (max-width: 402px) {
	.btn-m-reload {
		font-size: 10px;
	}
}

@media (max-width: 383px) {
	.btn-m-reload {
		font-size: 9px;
	}
}

@media (max-width: 364px) {
	.btn-m-reload {
		font-size: 8px;
	}
}

@media (max-width: 344px) {
	.btn-m-reload {
		font-size: 7px;
	}
}

@media (max-width: 325px) {
	.btn-m-reload {
		font-size: 6px;
	}
}

@media (max-width: 306px) {
	.btn-m-reload {
		font-size: 5px;
	}
}