* {
	margin: 0;
	padding: 0;
	box-sizing: border-box;
	text-decoration: none;
	/* outline: 1px dotted red; */
	list-style: none;
	scroll-behavior: smooth;
}

html,
body {
	height: 100%;
	width: 100%;
  font-size: 16px;
	background-color: var(--background);
}

:root {
	--text: #2e2e2e;
	--border: #e5e5e5;
	--tags: #a8d5ba;
	--secondary: #ff6d3f;
	--background: #fafafa;
	--p-ud: 4vw;
	--p-side: 10vw;
  --heading-size: 6rem;
  --sub-heading-size: 3rem;
  --headline: 1.2rem;
  --normal-txt-size: 1rem;
	--half: 0.5rem;
  --icon: 1.2rem;
	--transition: 0.3s ease;
}

@font-face {
	font-family: 'Yatra One';
	font-style: normal;
	font-weight: 400;
	src: url('../assets/fonts/YatraOne-Regular.ttf');
}

@font-face {
	font-family: 'Asul regular';
	src: url('../assets/fonts/Asul-Regular.ttf');
	font-style: normal;
	font-weight: 400;
}

@font-face {
	font-family: 'Asul bold';
	src: url('../assets/fonts/Asul-Regular.ttf');
	font-style: normal;
	font-weight: 700;
}

.yo {
	font-family: 'Yatra One', serif;
}

.ar {
	font-family: 'Asul regular', serif;
}

.ab {
	font-family: 'Asul bold', serif;
}

html::-webkit-scrollbar {
	width: 0.5rem;
	background-color: var(--border);
}

html::-webkit-scrollbar-thumb {
	background-color: var(--secondary);
	border-radius: 0.5rem;
}

.sub-heading {
	margin-bottom: 4rem;
	font-size: var(--sub-heading-size);
	text-align: center;
	line-height: 1.2;
	text-transform: capitalize;
	color: var(--text);
}

.para {
	margin: 1.2rem 0;
	font-size: var(--normal-txt-size);
	line-height: 1.2;
	color: var(--text);
}