:root {
	--font-main:  "Inter", sans-serif;
	--font-size-h1: 26px;
	--font-size-h2: 28px;
	--font-size-h3: 26px;
	--font-size-h4: 20px;
	--font-size-h5: 18px;
	--line-height-h1: 34px;
	--line-height-h2: 36px;
	--line-height-h3: 34px;
	--line-height-h4: 30px;
	--line-height-h5: 26px;
}

@media (min-width: 768px) {
	:root {
		--font-size-h1: 28px;
		--font-size-h2: 32px;
		--font-size-h3: 30px;
		--font-size-h4: 24px;
		--font-size-h5: 20px;
		--line-height-h1: 34px;
		--line-height-h2: 42px;
		--line-height-h3: 38px; 
		--line-height-h4: 30.6px;
		--line-height-h5: 25px;
	}
}

@media (min-width: 992px) {
	:root {
		--font-size-h1: 1.875rem;
		--font-size-h2: 48px;
		--font-size-h3: 28px;
		--font-size-h4: 24px;
		--font-size-h5: 1.125rem;
		--line-height-h1:  2.25rem;
		--line-height-h2: 62.4px;
		--line-height-h3: 42px;
		--line-height-h4: 38.4px;
		--line-height-h5: 27px;

	}
	.container-fluid{width: 98% !important;}
}

/**** heading ***/
h1 {
	font-family: var(--font-main);
	font-size: var(--font-size-h1);
	line-height: var(--line-height-h1);
	font-weight: 700;
}

h2 {
	font-family: var(--font-main);
	font-size: var(--font-size-h2);
	line-height: var(--line-height-h2);
	font-weight: 400;
}

h3 {
	font-family: var(--font-main);
	font-size: var(--font-size-h3);
	line-height: var(--line-height-h3);
	font-weight: 400;
}

h4, .h4 {
	font-family: var(--font-main);
	font-size: var(--font-size-h4);
	line-height: var(--line-height-h4);
	font-weight: 700;
}

h5 {
	font-family: var(--font-main);
	font-size: var(--font-size-h5);
	line-height: var(--line-height-h5);
	font-weight: 600;
}

/**** paragraph****/
p,
li,a {
	font-size: 16px;
	font-family: var(--font-main);
	line-height: 24px;
	font-weight: normal;
}

body{font-family: var(--font-main);}
.bg-white{background-color: #ffffff;}
.bg-body{background: linear-gradient(180deg,rgba(248, 250, 252, 1) 0%, rgba(239, 246, 255, 1) 50%, rgba(224, 231, 255, 1) 100%) !important;}

section{min-height: 100vh;}
.text-dblue{color:#1E293B;}
.text-lblue{color: #475569;}
.fs-14{font-size: 12.5px !important; line-height: 18px !important;}
.fs-12{font-size: 12px !important; line-height: 18px !important;}



.status-border {display: table;}
.content-row{transition: 0.1s;}
.content-row:hover{background-color: #F8FAFC;}