@font-face {
	font-family: 'Publica Play Light';
	src: url('../font/publicaplay-light.woff2') format('woff2'),
	url('../font/publicaplay-light.woff') format('woff');
	font-display: swap;
	font-weight: 400 500 600 700;
}

@import url(https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap);


:root {
	--font-main: "Publica Play Light";
	--font-secondary:"Poppins", sans-serif;
		--font-size-h1: 42px;
		--font-size-h2: 34px;
		--font-size-h3: 26px;
		--font-size-h4: 20px;
		--font-size-h5: 18px;
		--line-height-h1: 50px;
		--line-height-h2: 44px;
		--line-height-h3: 38px;
		--line-height-h4: 30px;
		--line-height-h5: 27px;

}


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

}

@media (min-width: 1400px) {
	:root {
		--font-size-h1: 75px;
	--font-size-h2: 60px;
	--font-size-h3: 30px;
	--font-size-h4: 24px;
	--font-size-h5: 20px;
	--line-height-h1: 90px;
	--line-height-h2: 78px;
	--line-height-h3: 42px;
	--line-height-h4: 36px;
	--line-height-h5: 32px;

	}
	}
	@media (min-width: 992px) and (max-width: 1399px) {
	:root {
		--font-size-h1: 60px;
	--font-size-h2: 50px;
	--font-size-h3: 28px;
	--font-size-h4: 24px;
	--font-size-h5: 20px;
	--line-height-h1: 70px;
	--line-height-h2: 60px;
	--line-height-h3: 30px;
	--line-height-h4: 36px;
	--line-height-h5: 32px;

	}
	p,li,a{font-size:14px !important; line-height: 21px !important;}
	#nav-slide ul li>a {
  color: #000;
  font-size: 32px !important;
font-family: var(--font-secondary);
  line-height: 42px !important;        
  font-weight: bold;
  text-decoration: none;
}

}

.landing-page {
	--font-size-h1: 40px;
	--font-size-h2: 34px;
	--font-size-h3: 26px;
	--font-size-h4: 20px;
	--font-size-h5: 18px;
	--line-height-h1: 48px;
	--line-height-h2: 44px;
	--line-height-h3: 38px;
	--line-height-h4: 30px;
	--line-height-h5: 27px;
}

@media (min-width: 768px) {
	.landing-page {
		--font-size-h1: 48px;
		--font-size-h2: 36px;
		--font-size-h3: 26px;
		--font-size-h4: 22px;
		--font-size-h5: 18px;
		--line-height-h1: 56px;
		--line-height-h2: 44px;
		--line-height-h3: 34px;
		--line-height-h4: 28px;
		--line-height-h5: 24px;
	}
}

@media (min-width: 992px) {
	.landing-page {
		--font-size-h1: 70px;
		--font-size-h2: 55px;
		--font-size-h3: 38px;
		--font-size-h4: 26px;
		--font-size-h5: 20px;
		--line-height-h1: 82px;
		--line-height-h2: 66px;
		--line-height-h3: 50px;
		--line-height-h4: 34px;
		--line-height-h5: 28px;
	}
}



/**** 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 {
	font-size: 16px;
	font-family: var(--font-secondary);
	line-height: 24px;
	font-weight: normal;
}
small{font-family: var(--font-secondary);}

.text-black{color: #111111 !important;}
.text-white{color: #fdfdfd !important;}


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

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

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

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

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

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

@media screen and (min-width:500px) 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;
	}
	.home-head{font-size: 50px; line-height: 62px;}
	.gp-40{row-gap: 30px;}

}


@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;
	}
	p,li,a span{font-size: 14px !important; line-height: 24px;}
	.home-head{font-size: 50px; line-height: 62px;}
	.gp-40{row-gap: 30px;}
	
}

html, body {
	scroll-behavior: smooth !important;
	scroll-snap-type: y mandatory !important;
	scroll-padding-top: 60px;
	/* Optional: Add scroll snap for better control */
}

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



@media (min-width: 1200px) {
	.db {
		display: block;
	}
	.fs-20{font-size: 20px; line-height: 32px;}
	.home-head{font-size: 96px; line-height: 110px;}
	.gp-40{row-gap: 60px;}
}

.bg-black{background-color: #111111 !important;}

/* @media (min-width: 1700px){
	.navbar{transform: scale(1.1);}
	main{zoom: 1.1;}
	#nav-slide ul{zoom: 1.1;}
}
@media (min-width: 1800px){
	.navbar{transform: scale(1.2);}
	main{zoom: 1.2;}
	#nav-slide ul{zoom: 1.2;}
}
@media (min-width: 2000px){
	.navbar{transform: scale(1.3);}
	main{zoom: 1.3;}
	#nav-slide ul{zoom: 1.3;}
}



@media (min-width: 2300px){
	.navbar{transform: scale(1.4);}
	main{zoom: 1.4;}
	#nav-slide ul{zoom: 1.4;}
} */