@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@300;500&display=swap');

body {
	background-color: white;
}

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

a {
	color: #385a8a;
}

.header-wrapper {
	padding: 2.3vw 3vw;
	background-color: #385a8a;
	width: 100%;
}

.header {
	width: 100%;
	max-width: 1200px;
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.header__logo {
	max-height: 81px;
}

.header__menu {
	display: flex;
}

.header__nav {
	display: flex;
	align-items: center;
}

.header__nav a {
	color: white;
	font-size: 16px;
	font-family: 'Poppins', sans-serif;
	line-height: 31px;
	font-weight: 300;
	margin-left: 1.2vw;
	height: 32px;
	padding-top: 1px;
	text-decoration: none;
	position: relative;
}

.header__nav a::after {
	content: '';
	position: absolute;
	height: 1.4px;
	width: 0;
	left: 0;
	bottom: 1px;
	background-color: white;
	transition: all .2s linear;
}

.header__nav a:hover::after {
	width: 100%;
}

.header__social {
	display: flex;
	align-items: center;
}

.header__social a {
	color: white;
	font-size: 16px;
	height: 20px;
	width: 19px;
	padding-top: 1px;
	display: flex;
	justify-content: center;
	align-items: center;
	margin-left: 1.2vw;
	text-decoration: none;
}

.header__social a:first-of-type {
	margin-left: 2vw;
}

.header__planroom {
	font-size: 14.4px;
	font-family: 'Poppins', sans-serif;
	font-weight: 500;
	background-color: white;
	padding: 0 32.064px;
	line-height: 59px;
	letter-spacing: 0.288px;
	margin-left: 2vw;
	padding-top: 1.2px;
	transition: all .1s linear;
}

.header__planroom:hover {
	text-decoration: none;
	color: #385a8a;
	background-color: #d7dee8;
}