@font-face {
	font-family: "LabGrotesque-Regular";
	src: url("../fonts/LabGrotesque-Regular.otf;") format("otf");
	/* chrome, firefox */
	font-style: normal;
	font-weight: 400;
}

@font-face {
	font-family: "ProximaNova-Bold";
	src: url("../fonts/LabGrotesque-Bold.otf;") format("otf");
	/* chrome, firefox */
	font-style: normal;
	font-weight: 700;
}

@font-face {
	font-family: "ProximaNova-Semibold";
	src: url("../fonts/ProximaNova-Semibold.woff") format("woff");
	/* chrome, firefox */
	font-style: normal;
	font-weight: 600;
}

@font-face {
	font-family: "ProximaNova-Black";
	src: url("../fonts/ProximaNova-Black.woff") format("woff");
	/* chrome, firefox */
	font-style: normal;
	font-weight: 900;
}

:root {
	--header-height: 200px;
}

* {

	font-family: Lab Grotesque, sans-serif;

}

html {
	scroll-behavior: smooth;
}

h1 {
	color: #FFF;
	text-align: center;
	font-size: 3rem;
	font-style: normal;
	font-weight: 700;
	line-height: normal;
}

h2 {

	font-size: 2.5rem;
	font-style: normal;
	font-weight: 700;
	line-height: normal;
}

p {

	font-size: 1.125rem;
	font-style: normal;
	font-weight: 400;
	line-height: 140%;
	/* 1.575rem */
	letter-spacing: -0.01125rem;
}

p b {

	font-size: 1.25rem;
	font-style: normal;
	font-weight: 500;
	line-height: normal;
}

.nav-link {
	color: #000;
	font-family: Lab Grotesque, sans-serif;
	font-size: 1.15rem;
	font-style: normal;
	font-weight: 500;
	line-height: normal;
}

.nav-pills .nav-link.active,
.nav-pills .show>.nav-link {
	border-radius: 0.625rem;
	background: #EAEAED;
	color: #000;
	font-family: Lab Grotesque, sans-serif;
	border: 1px solid #c20020;
}

.wrapper {
	background: #252542;
	border-radius: 2rem;
}

.grey {
	background: #EFEFF3;
}

.quote_text {
	font-size: 1.5rem;
	font-style: normal;
	font-weight: 500;
	line-height: 140%;
	/* 2.1rem */
}

.bg-darkblue {
	background: #252542;
	color: #fff;
}

.fs-sm {
	font-size: 1rem;
	font-style: normal;
	font-weight: 400;
	line-height: 140%;
	/* 1.4rem */
}

.metrik {
	font-size: 3.625rem;
	font-style: normal;
	font-weight: 900;
	line-height: 140%;
	/* 5.075rem */

}

.arrow {

	margin-top: -10px;
}

.rounded-5 {
	border-radius: 1.5rem;
}

footer p,
a {

	color: #ccc;

	font-family: Lab Grotesque, sans-serif;
	font-size: 0.75rem;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
}

.modal-header {
	border: 0;
}