:root {
	--font-main: "Outfit", serif !important;
	--font-secondary: "Jost", serif !important;
	--font-size-h1: 32px;
	--font-size-h2: 28px;
	--font-size-h3: 26px;
	--font-size-h4: 20px;
	--font-size-h5: 18px;
	--line-height-h1: 42px;
	--line-height-h2: 36px;
	--line-height-h3: 34px;
	--line-height-h4: 30px;
	--line-height-h5: 26px;

}

.h-90 {
	height: 70vh;
}

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

	.h-90 {
		height: 55vh;
	}
}

@media (min-width: 992px) {
	:root {
		--font-size-h1: 72px;
		--font-size-h2: 48px;
		--font-size-h3: 28px;
		--font-size-h4: 24px;
		--font-size-h5: 20px;
		--line-height-h1: 79.2px;
		--line-height-h2: 62.4px;
		--line-height-h3: 42px;
		--line-height-h4: 38.4px;
		--line-height-h5: 26px;

	}

	.h-90 {
		height: 96vh;
	}
}
.jost{font-family:var(--font-secondary) !important;}
.outfit{font-family:var(--font-main) !important;}
.mt--0-5{margin-top: -0.5rem;}
.mt-4-5{margin-top: 2rem;}

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

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: 400;
}

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

/**** paragraph****/
p,
li,a,table,th,tr,td,.semester-button {
	font-size: 18px;
	font-family: var(--font-secondary);
	line-height: 27px;
	font-weight: normal;
}

.text-black{color: #131313 !important;}
.text-blue{color: #127BCA !important;}
.text-yellow{color: #FFF64D !important;}
.text-grey{color: #767A85 !important;}
.text-red{color: #CE4949 !important;}
.text-green{color: #089A83 !important;}
.text-violet{color: #602D94 !important;}
.text-lblue{color: #3E6BC8 !important;}
.text-dblue{color: #4D7DF0 !important;}
.br-r{border-right:0.5px solid #4d7ef044; }
.br-b{border-bottom:0.5px solid #4d7ef044;}
.fs-14{font-size: 14px;}

.spt-100 {
	padding-top: 100px;
}

.spb-100 {
	padding-bottom: 100px;
}

.sp-100 {
	padding-top: 100px;
	padding-bottom: 100px;
}

.sp-60 {
	padding-top: 60px !important;
	padding-bottom: 60px !important;
}

.spt-60 {
	padding-top: 60px;
}

.spb-60 {
	padding-bottom: 60px;
}
.spt-200{padding-top: 150px;}
.h-110{min-height: 110vh;}

@media screen and (min-width:768px) and (max-width:1080px) {
	.sp-60 {
		padding-top: 50px;
		padding-bottom: 50px;
	}

	.spt-60 {
		padding-top: 50px;
	}

	.spb-60 {
		padding-bottom: 50px;
	}


	.spt-100 {
		padding-top: 70px;
	}

	.spb-100 {
		padding-bottom: 70px;
	}

	.sp-100 {
		padding-top: 70px;
		padding-bottom: 70px;
	}

	.fs-60 {
		font-size: 40px;
	}

	.lh-84 {
		line-height: 52px;
	}
		.spt-200{padding-top: 140px;}
		.h-110{min-height: 60vh;}

}


@media screen and (max-width:500px) {
	.sp-60 {
		padding-top: 40px;
		padding-bottom: 40px;
	}

	.spt-100 {
		padding-top: 60px;
	}

	.spb-100 {
		padding-bottom: 60px;
	}

	.sp-100 {
		padding-bottom: 60px;
		padding-top: 60px;
	}

	.spt-60 {
		padding-top: 40px;
	}

	.spb-60 {
		padding-bottom: 40px;
	}

		.spt-200{padding-top: 120px;}
		.h-110{min-height: 70vh;}
}

html {
	scroll-behavior: smooth;
	scroll-snap-type: y mandatory;
	/* Optional: Add scroll snap for better control */
}

.fs-20{font-size: 20px; line-height: 30px;}
.fs-22{font-size: 22px !important; line-height: 30px;}
.fs-16{font-size: 16px !important; line-height: 24px !important;}
.fs-18{font-size: 18px !important; line-height: 24px !important;}
.lh-33{line-height: 33.6px !important;}
.fw-500{font-weight: 500 !important;}
.fw-400{font-weight: 400 !important;}
.fw-600{font-weight: 600 !important;}
.fw-700{font-weight: 700 !important;}

@media (min-width: 1200px) {
	.db {
		display: block;
	}
	.container{max-width: 1200px !important;}
	.col-lg-2-5{width: 20% !important;}
}
.offcanvas{height: 100vh;}
.banner-btn{font-size: 18px;line-height: 32px;color: #fff;background-color: #4D7DF0; font-weight: 600;font-family: var(--font-secondary);padding: 20px; border-radius: 74px; text-decoration: none;border: 1px solid #4D7DF0; transition: 0.5s;}
.banner-btn:hover{color: #131313;background-color: #FFF64D; border: 1px solid #FFF64D;}
.fw-400{
    font-weight: 400 !important;
}