@import url('https://fonts.googleapis.com/css2?family=Quicksand:wght@300..700&display=swap');
@import url("https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.3/font/bootstrap-icons.min.css");

:root {
	--header-height: 1rem;
	--nav-width: 68px;
	--first-color: #2073e9;
	--body-font: "Quicksand", sans-serif;
	--normal-font-size: 1rem;
	--z-fixed: 100;
}

*,
::before,
::after {
	box-sizing: border-box
}

body {
	position: relative;
	margin: 0;
	padding: 0;
	font-family: var(--body-font);
	font-size: var(--normal-font-size);
	transition: .5s;
	overflow-x: hidden !important;
}

ul,
li {
	padding: 0;
	margin: 0;
	list-style: none;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	font-family: var(--bg-font-family);
	margin: 0;
	margin-bottom: 16px;
}

p {
	font-family: var(--bg-font-family);
}

a {
	text-decoration: none
}

.py-100{
	padding: 100px 0;
}
.bg-filter {
    background: #9cbded66;
}
.table-striped>tbody>tr:nth-of-type(odd)>* {
    background: #d9cf94;
}