/* Hover Menu */

.hoverMenuWrapper {
	width: 100%;
	height: 269px;
	max-width: 1349px;
	margin: 0 auto;
	position: absolute;
	top: 60px;
	left: 0;
	z-index: 100;
	border-radius: 0 0 8px 8px;
	background-color: #fff;
	box-shadow: 0px 20px 20px rgba(20, 41, 62, 0.2);
	font-family: "Titillium Web", sans-serif;
}

.hoverMenuWrapper .hoverMenuContainer {
	display: flex;
	justify-content: flex-start;
	align-items: flex-start;
	gap: 24px;
	margin: 0 auto;
	padding: 24px 106px 24px 139px;
	width: 100%;
	overflow-x:clip;
}

.hoverMenuLogged {
	padding: 24px 106px 24px 156px !important;
}

.hoverMenuWrapper .hoverMenuSection,
.hoverMenuWrapper .hoverMenuProducts,
.hoverMenuWrapper .hoverMenuMarketing {
	flex: 1 1 auto;
}

.hoverMenuWrapper .hoverMenuSection {
	flex: 0 0 auto;
}

.hoverMenuWrapper .hoverMenuMarketing {
	height: 221px;
	margin-left: -12px;
	padding-left: 24px;
	border-left: 1px solid #dae4e9;
}

.hoverMenuWrapper .hoverMenuMarketing .marketingWrap .hoverMenuColumns {
	gap: 24px;
}

.hoverMenuWrapper .hoverMenuMarketing .marketingWrap .content:hover h2,
.hoverMenuWrapper .hoverMenuMarketing .marketingWrap .content:hover p {
	color: #2161cc;
}

.hoverMenuWrapper .sectionWrap .sectionHeading,
.hoverMenuWrapper .productsWrap .sectionHeading {
	color: #333;
	font-size: 13px;
	line-height: 16px;
	padding-bottom: 12px;
	border-bottom: 1px solid #dae4e9;
	margin: 0;
	font-family: "Titillium Web", sans-serif;
	font-weight: 700;
}

.hoverMenuWrapper .hoverMenuColumns {
	display: flex;
	flex-direction: row;
	gap: 16px;
}

.hoverMenuWrapper li {
	margin-top: 12px;
	min-width: 162px;
}

.hoverMenuWrapper li a {
	font-size: 15px;
	line-height: 20px;
	font-weight: 400;
	color: #222;
	padding: 0;
}

.hoverMenuWrapper li a:hover {
	color: #2161cc;
}

.hoverMenuWrapper .block {
	display: flex;
	flex-direction: row;
	padding-bottom: 24px;
	margin-bottom: 24px;
	border-bottom: 1px solid #dae4e9;
	cursor: pointer;
}

.hoverMenuWrapper .block:last-child {
	border: none;
}

.hoverMenuWrapper .block img {
	width: 48px;
	height: 48px;
	display: inline-block;
	margin-right: 12px;
}

.hoverMenuWrapper .block .content {
	width: 172px;
}

.hoverMenuWrapper .block .blockTitle {
	color: #333;
	font-size: 13px;
	line-height: 16px;
	margin-bottom: 4px;
	margin-top: 0;
	font-family: "Titillium Web", sans-serif;
	font-weight: 700;
}

.hoverMenuWrapper .block p {
	font-size: 13px;
	line-height: 16px;
	color: #222;
	margin: 0;
}

.sectionLeftColumn ul {
	padding: 0;
}

.sectionRightColumn ul {
	padding: 0;
}

@media only screen and (min-width: 1349px) {
	.hoverMenuWrapper .hoverMenuContainer {
		gap: 48px;
	}

	.hoverMenuWrapper .hoverMenuColumns {
		gap: 20px;
	}

	.hoverMenuWrapper .hoverMenuMarketing {
		margin-left: -24px;
		padding-left: 24px;
	}

	.hoverMenuWrapper li {
		min-width: 188px;
	}
}