:root {
  --blue140:#113DFA;
  --blue120:#375CFB;
  --blue100:#5D7BFC;
  --blue80:#849BFD;
  --blue20:#E4E9FE;
  --white:#ffffff;
  --white120:#fcfdfd;
  --white100:#F1F3F5;
  --white80:#E6E9EC;
  --white60:#DADFE4;
  --white40:#C4CBD3;
  --white20:#ADB7C3;
  --white10:#F3F4F6;
  --blk140:#1F252A;
  --blk120:#303841;
  --blk100:#414B58;
  --blk80:#515f6e;
  --blk60:#627285;
  --blk40:#8090A1;
  --blk20:#97A4B2;
  --gray60:#AEAEB2;
  --orange:#FF9F0A;
  --purple:#BF5AF2;
  --green:#34C759;
  --yellow:#FFCC00;
  --seablue:#007AFF;
  --skyblue:#70D7FF;
  --red:#FF453A;

  --bradius4:4px;
  --bradius6:6px;
  --bradius8:8px;
  --bradius16:16px;
  --bradius24:24px;
  --theme:#022D4D;
  /*fonts*/
  --fs38:38px;
  --fs32:32px;
  --fs28:28px;
  --fs26:26px;
  --fs24:24px;
  --fs20:20px;
  --fs18:18px;
  --fs17:17px;
  --fs16:16px;
  --fs15:15px;
  --fs14:14px;
  --fs13:13px;
  --fs12:12px;
  --shadow-md:0px 0px 48px 0px rgba(0, 0, 0, 0.06);
  --shadow-lg:0px 10px 24px 0px rgba(0, 0, 0, 0.12);
}
h1, h2, h3, h4, h5, h6, .t-h1, .t-h2, .t-h3, .t-h4, .t-h5, .t-h6{
  font-family: "Inter", sans-serif;
  line-height: 1.3;
}
.poppins h1, .poppins .t-h1,
.poppins h2, .poppins .t-h2,
.poppins h3, .poppins .t-h3,
.poppins h4, .poppins .t-h4,
.poppins h5, .poppins .t-h5,
.poppins h6, .poppins .t-h6{
  font-family: 'Poppins', sans-serif;
}
.t-h1{
  font-size: 3.5rem;
  line-height: 1.1;
}
.t-h2{
  font-size: 2.75rem;
  line-height: 1.1;
}
.t-h3{
  font-size: 2.5rem;
}
.t-h4{
  font-size: 2rem;
}
.t-h5{
  font-size: 1.5rem;
}
.t-h6{
  font-size: 1.25rem;
}

.fs-24{
  font-size: var(--fs24)!important;
}
.fs-20{
  font-size: var(--fs20)!important;
}
.fs-18{
  font-size: var(--fs18)!important;
}
.fs-16{
  font-size: var(--fs16)!important;
}
.fs-15{
  font-size: var(--fs15)!important;
}
.fs-14, .fs-sm{
  font-size: var(--fs14)!important;
}
.fs-12 {
  font-size: var(--fs12)!important;
}

.text-success {
  color: #83b975 !important;
}
.text-success{
  color: #248A3D !important;
}
.wt120 {
  color: var(--white120) !important;
}
.wt40 {
  color: var(--white40) !important;
}
.wt60 {
  color: var(--white60) !important;
}
.wt80 {
  color: var(--white80) !important;
}
.wt100 {
  background: var(--white100) !important;
}
/*text theme*/
.bl140 {
  color: var(--blue140)!important;
}
.bl120 {
  color: var(--blue120)!important;
}
.bl100{
  color: var(--blue100)!important;
}
.bl80 {
  color: var(--blue80)!important;
}
.bl60 {
  color: var(--bl60) !important;
}
.bg-bl20{
  background: var(--blue20)!important;
}
.bg-theme{
  background: var(--blue120)!important;
}


/*text black*/
.blk140 {
  color: var(--blk140)!important;
}
.blk120{
  color: var(--blk120)!important;
}
.blk100{
  color: var(--blk100)!important;
}
.blk60 {
  color: var(--blk60)!important;
}
.blk80 {
  color: var(--blk80) !important;
}
.blk40 {
  color: var(--blk40) !important;
}
.blk20 {
  color: var(--blk20) !important;
}
.blk10{
  color: var(--blk100) !important;
}

.text-red, .text-danger{
  color: var(--red) !important;
}
.bg-dark {
  background: #1b2025 !important;
}
.bg-wt60{
  background: var(--white60);
}
@media (max-width: 1199px) {
	.t-h1, h1{
		font-size: 3rem;
		line-height: 1.1;
	}
	.t-h2, h2{
		font-size: 2.15rem;
		line-height: 1.1;
	}
	.t-h3, h3 {
		font-size: 1.75rem;
	}
	.t-h4, h4 {
		font-size: 1.5rem;
	}
	.t-h5, h5 {
		font-size: 1.25rem;
	}
	.t-h6, h6 {
		font-size: 1.1rem;
	}
}
@media (max-width: 991px) {
  .t-h1, h1{
    font-size: 2.5rem;
    line-height: 1.1;
  }
  .t-h2, h2 {
    font-size: 1.75rem;
  }
}
@media (max-width: 767px) {
	.t-h5, h5{
    font-size: 1.15rem;
  }
}
@media (max-width: 576px) {}