/* Mega menu */

.mega-menu-wrap {
	display: flex;
	justify-content: center;
	margin: auto;
}

.mega-menu {
	display: flex;
	gap: 24px;
	justify-content: center;
	margin-left: 30px;
}

.mega-menu .container-mid {
	width: 100%;
}

.menu-item-root {
	font-size: 18px;
	line-height: 100%;
	display: flex;
	align-items: center;
	gap: 8px;
	text-decoration: none;
}

.menu-item-root.has-dropdown:after {
	content: "";
	background-repeat: no-repeat;
	background-position: center;
	width: 10px;
	height: 5px;
	display: inline-flex;
}

.home header.sticky-header .menu-item-root.has-dropdown:after {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8' fill='none'%3E%3Cpath d='M1 1L6 6L11 1' stroke='%23BC80DF' stroke-width='1.5' stroke-linecap='round'/%3E%3C/svg%3E");
}

.home header:not(.sticky-header) .menu-item-root.has-dropdown:after {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8' fill='none'%3E%3Cpath d='M1 1L6 6L11 1' stroke='%23FFED66' stroke-width='1.5' stroke-linecap='round'/%3E%3C/svg%3E");
}

.home.modal-menu-open .menu-item-root.has-dropdown:after {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8' fill='none'%3E%3Cpath d='M1 1L6 6L11 1' stroke='%23BC80DF' stroke-width='1.5' stroke-linecap='round'/%3E%3C/svg%3E");
}

.home header:not(.sticky-header) .menu-item-root {
	color: #fff;
}

.sub-mega-menu {
	margin: auto;
	max-width: 1440px;
	background: #fff;
	justify-content: space-between;
	display: flex;
	padding-top: 30px;
	padding-bottom: 30px;
	border-radius: 0px 0px 16px 16px;
}

.menu-item-root.has-dropdown:hover .sub-mega-menu {
	visibility: visible;
	opacity: 1;
	pointer-events: auto;
	transform: translateY(0px);
}

body.admin-bar .sub-mega-menu {
	top: 100px;
}

.sub-mega-layout {
	display: flex;
	justify-content: space-between;
	width: 100%;
}

.mega-menu-section {
	display: flex;
	flex-direction: column;
}

.mega-menu-section>h7 {
	color: #7616DF;
	font-family: "Buenos Aires", sans-serif;
	font-size: 28px;
	font-style: normal;
	font-weight: 400;
	line-height: 110%;
	letter-spacing: -0.56px;
}

.mm-section-list {
	display: flex;
	flex-direction: column;
	gap: 5px 32px;
	margin-top: 40px;
	flex-wrap: wrap;
	min-width: 290px;
}

.mm-section-list a {
	text-decoration: none;
	padding: 10px 10px;
	border-radius: 5px;
	font-family: "Figtree", sans-serif;
	font-size: 16px;
	font-weight: 400;
	line-height: 140%;
}

.mm-section-list a[href="#"] {
	pointer-events: none;
}

.mm-section-list a:not(:hover).menu-list-highlight {
	color: #7616DF;
}

.mm-section-cta {
	margin-top: auto;
}

.mm-section-cta .has-arrow svg {
	background-color: #EFEFEF;
}

.mm-section-cta .btn-main span {
	color: var(--Black, #171717);
	font-size: 14px;
	font-weight: 600;
	line-height: 126%;
	padding: 14.6px 42px;
	display: flex;
	align-items: center;
	height: fit-content;
}

.mm-section-cta .btn-main.has-arrow:hover span {
	padding: 14.6px 42px;
}

.mm-section-cta .has-arrow:hover svg {
	background-position: 50px 0px;
}

.section-cta-icon {
	margin-bottom: 18px;
}

.section-cta-title {
	color: var(--Black, #171717);
	font-size: 28px;
	font-weight: 400;
	line-height: 110%;
	letter-spacing: -0.56px;
	max-width: 230px;
	display: block;
	margin-bottom: 50px;
}

.mm-section-banners {
	display: flex;
	margin-top: 40px;
	gap: 30px;
}

.mm-banner {
	color: #171717;
	background: #EFEFEF;
	text-decoration: none;
}

.mm-banner:hover {
	color: #fff;
	background: #7616DF;
}

.mm-banner {
	padding: 20px;
	flex: 1;
	border-radius: 16px;
	min-height: 190px;
	display: flex;
	gap: 24px;
}

.mm-banner-image {
	width: 40%;
	display: flex;
	height: 100%;
	min-width: 130px;
	border-radius: 16px;
	background-size: cover;
	background-position: center;
}

.mm-banner-info {
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	height: 100%;
}

.mm-banner-title {
	font-family: "Figtree", sans-serif;
	font-size: 24px;
	font-weight: 500;
	line-height: 126%;
	margin-bottom: 8px;
}

.mm-banner-description {
	font-family: "Figtree", sans-serif;
	font-size: 14px;
	font-weight: 300;
	line-height: 140%;
	margin-bottom: auto;
}

.mm-banner-details {
	font-family: "Figtree", sans-serif;
	font-size: 16px;
	font-weight: 400;
	line-height: 140%;
}

.mm-banner-bottom {
	width: 100%;
	display: flex;
	justify-content: space-between;
}

.mm-banner-btn svg {
	background-position: 0px 0px;
	background-size: cover;
	background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="70" height="70" viewBox="0 0 70 70" fill="none"><path d="M23.3334 33.3145C22.7811 33.3145 22.3334 33.7622 22.3334 34.3145C22.3334 34.8667 22.7811 35.3145 23.3334 35.3145V33.3145ZM48.7464 35.0216C49.1369 34.631 49.1369 33.9979 48.7464 33.6073L42.3824 27.2434C41.9919 26.8529 41.3587 26.8529 40.9682 27.2434C40.5777 27.6339 40.5777 28.2671 40.9682 28.6576L46.625 34.3145L40.9682 39.9713C40.5777 40.3618 40.5777 40.995 40.9682 41.3855C41.3587 41.776 41.9919 41.776 42.3824 41.3855L48.7464 35.0216ZM23.3334 35.3145H48.0393V33.3145H23.3334V35.3145Z" fill="%23171717"></path></svg>');
	border-radius: 50%;
	background-color: #FFED66;
	transition: .3s ease-in-out;
}

.mm-banner:hover svg {
	background-color: #fcfcfc;
	color: #171717;
}

.mm-banner-btn svg {
	display: block;
}

.mm-banner-btn svg path,
.mm-banner-btn svg circle {
	opacity: 0;
}

.mm-banner:hover svg {
	background-position: 50px 0px;
}

.mm-banner:has(.mm-banner-image) .mm-banner-btn {
	margin-left: auto;
}

.mm-socials-title {
	color: var(--Black, #171717);
	font-size: 28px;
	line-height: 110%;
	letter-spacing: -0.56px;
	margin-top: 24px;
}

.mm-socials-list {
	display: flex;
	gap: 10px;
	margin-top: 26px;
}

.mm-social-item {
	background: #FFED66;
	border-radius: 50%;
	width: 50px;
	height: 50px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
}

.mm-newsletter-box {
	background: #EFEFEF;
	padding: 24px 30px;
	border-radius: 16px;
}

.mm-section-newsletter {
	display: flex;
	margin-top: 40px;
	gap: 30px;
}

.mm-newsletter-box-title {
	color: var(--Black, #171717);
	font-size: 20px;
	line-height: 110%;
	letter-spacing: -0.56px;
}

.mm-newsletter-box form {
	display: flex;
	flex-direction: column;
	width: 100%;
	gap: 6px;
	margin-top: 30px;
}

.mm-newsletter-box form .input {
	display: flex;
}

.mm-newsletter-box .digi-row {
	margin-bottom: 0;
}

.mm-newsletter-box form fieldset.form-columns-2,
.mm-newsletter-box form .form-columns-1 {
	margin-bottom: 20px !important;
}

.mm-newsletter-box .sub-page__form-grid {
	width: 100%;
}

.mm-newsletter-box input {
	border: none;
	color: var(--Black, #171717);
	font-size: 14px;
	font-weight: 600;
	line-height: 126%;
	padding: 11px 20px;
	border-radius: 32px;
}

.mm-newsletter-box input:not(.contact-submit-btn) {
	width: 100%;
}

.mm-newsletter-box .hs-submit input,
.mm-newsletter-box .contact-submit-btn {
	padding: 9px 40px;
	border: 2px solid #FFED66;
	transition: .22s ease-in;
	background-color: #FFED66;
}

.mm-newsletter-box form .hs-error-msgs.inputs-list {
	margin-bottom: 0;
}

.mm-newsletter-box form .no-list.hs-error-msgs.inputs-list label {
	color: #7616DF;
	font-size: 12px;
}

.mm-newsletter-box form .legal-consent-container label span {
	color: var(--Black, #171717);
	font-size: 16px !important;
}

.mm-newsletter-box form .hs_recaptcha {
	display: none;
}

@media all and (min-width:1200px) {
	.mm-section-list {
		max-height: 250px;
	}

	.mega-menu-section:not(:first-child) {
		padding-left: 30px;
	}

	.mega-menu-section:not(:last-child) {
		padding-right: 30px;
	}
}

@media all and (min-width:1024px) and (max-width:1200px) {
	.mega-menu-section:not(:first-child) {
		padding-left: 24px;
	}

	.mega-menu-section:not(:last-child) {
		padding-right: 24px;
	}

	.mm-section-cta .has-arrow svg {
		display: none;
	}
}

@media all and (max-width:1200px) {
	.mm-section-list {
		max-height: 260px;
	}
}

@media all and (min-width:1024px) {
	.sub-mega-menu {
		position: fixed;
		top: 70px;
		left: 0;
		right: 0;
		visibility: hidden;
		opacity: 0;
		pointer-events: none;
		transition: all .1s ease;
		transform: translateY(0px);
	}

	.open-menu {
		display: none;
	}

	.header-wrap {
		padding: 4px 0;
	}

	.menu-item-root {
		padding-top: 24px;
		padding-bottom: 24px;
	}

	.mega-menu-section:not(:last-child) {
		background-image: url("data:image/svg+xml,%3csvg width='100%25' height='100%25' xmlns='http://www.w3.org/2000/svg'%3e%3cline x1='100%25' y1='0' x2='100%25' y2='100%25' stroke='black' stroke-width='4' stroke-dasharray='2%2c 9' stroke-dashoffset='2' stroke-linecap='butt'/%3e%3c/svg%3e");
	}

	.mm-section-list a:hover {
		color: #fff;
		background-color: #7616DF;
		background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30' fill='none'%3E%3Ccircle cx='15' cy='15' r='15' fill='%23FCFCFC'/%3E%3Cpath d='M10 14.1177C9.67513 14.1177 9.41176 14.3811 9.41176 14.7059C9.41176 15.0308 9.67513 15.2942 10 15.2942V14.1177ZM21.0042 15.1219C21.2339 14.8922 21.2339 14.5197 21.0042 14.29L17.2607 10.5465C17.031 10.3168 16.6585 10.3168 16.4288 10.5465C16.1991 10.7762 16.1991 11.1487 16.4288 11.3784L19.7563 14.7059L16.4288 18.0335C16.1991 18.2632 16.1991 18.6357 16.4288 18.8654C16.6585 19.0951 17.031 19.0951 17.2607 18.8654L21.0042 15.1219ZM10 15.2942L20.5882 15.2942V14.1177L10 14.1177V15.2942Z' fill='%23171717'/%3E%3C/svg%3E");
		background-repeat: no-repeat;
		background-position: calc(100% - 10px) center;
	}

	.mm-banner-label-m {
		display: none;
	}
}

@media all and (max-width:1024px) {
	.modal-menu-open .menu-item-root.has-dropdown:after {
		background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8' fill='none'%3E%3Cpath d='M1 1L6 6L11 1' stroke='%23BC80DF' stroke-width='1.5' stroke-linecap='round'/%3E%3C/svg%3E") !important;
	}

	.mega-menu .container-mid {
		padding: 0;
	}

	.mega-menu-wrap {
		position: fixed;
		top: 80px;
		left: 0;
		background: #fff;
		width: 100%;
		justify-content: flex-start;
		align-items: flex-start;
		height: calc(100vh - 80px);
		max-height: calc(100vh - 80px);
		height: calc(100dvh - 80px);
		max-height: calc(100dvh - 80px);
		overflow-y: auto;
		-webkit-overflow-scrolling: touch;
	}

	.mega-menu-wrap:not(.mobile-menu-open) {
		visibility: hidden;
		opacity: 0;
		pointer-events: none;
		transition: all .2s ease;
		transform: translateY(20px);
	}

	.mob-item-open .sub-mega-menu {
		display: flex;
	}

	.menu-item-root {
		flex-direction: column;
		align-items: flex-start;
	}

	.menu-item-root-label {
		color: #171717;
		font-size: 22px;
		line-height: 120%;
		letter-spacing: -0.44px;
		display: flex;
		width: 100%;
	}

	.mega-menu {
		flex-direction: column;
		margin: 0;
		padding: 24px;
		width: 100%;
	}

	.sub-mega-layout {
		flex-direction: column;
		justify-content: flex-end;
	}

	.mega-menu-section {
		width: 100% !important;
	}

	.mega-menu-section {
		padding: 0 !important;
	}

	.mega-menu-section:not(:first-child) {
		padding-top: 24px !important;
	}

	.mega-menu-section>h7 {
		font-size: 20px;
		line-height: 120%;
		letter-spacing: -0.4px;
	}

	.sub-mega-menu {
		margin-top: 0;
		max-width: 100%;
		width: 100%;
		padding-top: 24px;
		display: none;
	}

	.menu-item-root.has-dropdown {
		position: relative;
	}

	.menu-item-root.has-dropdown:after {
		position: absolute;
		right: 0;
		top: 12px;
		transition: all 0.2s ease;
	}

	.menu-item-root.has-dropdown.mob-item-open:after {
		transform: rotate(180deg);
	}

	.mm-section-list {
		max-height: 100% !important;
		margin-top: 24px;
	}

	.mega-menu-section:has(.mm-section-cta) {
		display: none;
	}

	.mega-menu-section:has(.mm-banner-details) {
		display: none;
	}

	.mega-menu-section:has(.mm-section-newsletter) {
		display: none;
	}

	.mm-banner-info *:not(.mm-banner-btn, .mm-banner-bottom, .mm-banner-label-m) {
		display: none;
	}

	.mm-banner {
		min-height: auto;
		background: transparent !important;
		padding: 0;
	}

	.mm-banner-image {
		width: 100%;
		height: 160px;
		min-width: unset;
		border-radius: 12px;
	}

	.mm-banner:has(.mm-banner-image) {
		flex-direction: column;
	}

	.mm-banner:has(.mm-banner-image) .mm-banner-btn {
		margin-left: 0;
	}

	.mm-section-banners {
		flex-direction: column;
		padding-left: 10px;
	}

	.mm-banner-btn {
		text-decoration: none;
	}

	html #wpadminbar {
		display: none !important;
	}

	html .admin-bar header {
		top: 0px !important;
	}

	a.btn-out.hd,
	a.btn-out.hd:hover {
		margin-top: 24px;
		text-align: center;
		background: #7616DF;
		color: #fff;
		padding: 10px;
	}
}