@import url('https://fonts.googleapis.com/css2?family=Noto+Sans:ital,wght@0,100..900;1,100..900&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');
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans:ital,wght@0,100..900;1,100..900&display=swap');

:root {
	--style-font: font-family: "Poppins", sans-serif;
	--style-font-two: "Noto Sans", sans-serif;
	--style-gray: #414651;
	--style-gray-rgb: rgb(65, 70, 81);
	--style-white: #ffffff;
	--style-white-rgb: 255, 255, 255;
	--style-base: #e53b8e;
	--style-base-rgb: rgb(229, 59, 142);
	--style-secondary: #229eda;
	--style-secondary-rgb: rgb(34, 158, 218);
	--style-black: #0D121E;
	--style-black-rgb: 13, 18, 30;
	--style-primary: #F7F9FA;
	--style-primary-rgb: 247, 249, 250;
	--style-bdr-radius: 10px;
	--style-bg-light: #e6eaf1;
	--style-light-rgb: 230, 234, 241;
	--style-dark: #0b2336;
	--style-dark-rgb: 11, 35, 54;
}

html {
	-webkit-font-smoothing: antialiased;
	scroll-behavior: smooth;
}

body {
	font-family: var(--style-font-two);
	color: var(--style-gray);
	font-size: 14px;
	line-height: 1.6;
	font-weight: 400;
}

body.locked {
	overflow: hidden;
}

a {
	color: var(--style-gray);
}

a,
a:hover,
a:focus,
a:visited {
	text-decoration: none;
}

::-webkit-input-placeholder {
	color: inherit;
	opacity: 1;
}

:-ms-input-placeholder {
	color: inherit;
	opacity: 1;
}

::-ms-input-placeholder {
	color: inherit;
	opacity: 1;
}

::placeholder {
	color: inherit;
	opacity: 1;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	font-family: var(--style-font);
	color: var(--style-black);
	margin: 0;
}

p {
	margin: 0 0 15px;
}

dl,
ol,
ul {
	margin-top: 0;
	margin-bottom: 0;
}

::-webkit-input-placeholder {
	color: inherit;
	opacity: 1;
}

:-ms-input-placeholder {
	color: inherit;
	opacity: 1;
}

::-ms-input-placeholder {
	color: inherit;
	opacity: 1;
}

::placeholder {
	color: inherit;
	opacity: 1;
}
 
/*=== header ===*/
.header {
	background-color: #e6eaf1;
	text-align: center;
	padding: 20px 0;
} 


/*=== Page Wraper ===*/
main.page-wrapper {
	background-color: #ffffff; 
	width: 100%; 
	height: auto;
	margin: 0 auto;
	padding: 0px;
} 
main.page-wrapper section {
	padding:80px 0;
}



/*=== header ===*/
.footer {
	background-color: #e6eaf1;
	text-align: center;
	padding: 20px 0;
}