@import url("/templates/global.css");
@import url('https://fonts.googleapis.com/css2?family=Fira+Sans:wght@500&display=swap');

.t-primary-bgcolor {
	background-color: #606769;
}

a {
	color: #582c83;
}

body {
	background-color: #fff;
}

.header {
	width: 100%;
	height: 100px;
}

.header-wrapper {
	background-color: #606769;
	margin-bottom: 192px;
}

.header__nav {
	background-color: #582c83;
	height: 59px;
	box-shadow: 1px 1px 2px rgb(0 0 0 / 30%);
}

.header__logo img {
	max-height: 170px;
}

.logo-box {
	width: 207px;
	height: 210px;
	background-color: #2D0A6A;
	display: grid;
	place-items: center;
	box-shadow: 1px 1px 2px rgb(0 0 0 / 30%);
}

.nav-inner {
	max-width: 1200px;
	margin: auto;
}

.nav-inner a {
	color: #fff;
	text-transform: uppercase;
	font-weight: 500;
	font-size: 16px;
	padding: 23px 17px 20px;
	height: 59px;
	line-height: 59px;
	font-family: "Fira Sans", sans-serif;
	transition: all .4s ease 0s;
}

.nav-inner a:hover {
	background-color: #606769;
	text-decoration: none;
}

.main-inner {
	max-width: 1200px;
	margin: auto;
}

.main {
	width: 1200px;
	padding: 2rem 0;
	border-top: 1px solid #26262740;
}

.sidebar {
	margin-right: 30px;
}

@media screen and (max-width: 1020px) {
	.nav-inner {
		display: none;
	}
}