/* -------------------- */
/* HEADER */
/* -------------------- */
/* ------------------ */
/* ----- HEADER ----- */
/* ------------------ */
#header-container {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 10000000;
	color: white;
}

#menu-item-113127, #menu-item-108112, #menu-item-108118 {
	display: none;
}
#menu-item-108112 li a, #menu-item-112693 li a, #menu-item-108118 li a {
    font-size: 16px!important;
    margin-left: 24px!important;
}
#menu-item-112694 li a, #menu-item-112698 li a, #menu-item-112705 li a {
	margin-left: 48px !important;
}
#menu-item-113127 li a, #menu-item-108112 li a, #menu-item-108118 li a {
    font-size: 16px!important;
    margin-left: 24px !important;
}
#menu-item-113130 li a, #menu-item-113133 li a, #menu-item-113140 li a {
	margin-left: 48px !important;
}

.mega-menu-container {
	position: absolute;
	padding: 100px 0 64px 0;
	z-index: 1000000;
	height: max-content;
	width: 100%;
	top: 0;
	background: rgba(var(--dark-blue), .8);
	backdrop-filter: blur(16px);
	transition: .5s;
	top: -12px;
	opacity: 0;
	pointer-events: none;
}
.mega-menu-container:after {
	content: '';
	position: absolute;
	top: 100%;
	left: 0;
	width: 100%;
	height: 1.5px;
	background: linear-gradient(to right, transparent, rgb(var(--light-blue)), transparent);
}
.mega-menu-container a * {
	position: relative;
	z-index: 2;
}
.mega-menu-container.menu-open {
	top: 0;
	opacity: 1;
	pointer-events: auto;
}

.mega-menu-inner-container {
	max-width: 1548px;
	margin-left: auto;
	margin-right: auto;
	padding-left: 36px;
	padding-right: 36px;
}
.mega-menu-inner-container .mega-menu-inner-container {
	padding: 0;
}

.mega-menu-header h2 {
	position: relative;
	padding-bottom: 12px;
}
.mega-menu-header h2:after {
	content: '';
	position: absolute;
	top: 100%;
	left: 0;
	width: 100%;
	height: 1.5px;
	background: linear-gradient(to right, rgb(var(--light-blue)), rgba(var(--light-blue), 0));
	border-radius: 10px;
}


.mega-menu-inner-container {
	display: grid;
	gap: 32px;
}
.mega-menu-inner-container.row-2, .mega-menu-inner-container.row-3, .mega-menu-inner-container.row-4 {
	display: block;
	gap: 0;
}
.mega-menu-inner-container.row-2 .mega-menu-menu {
	display: grid;
	grid-template: max-content max-content / 1fr 1fr;
	gap: 0px 12px;
}
.mega-menu-inner-container.row-2 a {
	height: 100%;
}
.mega-menu-inner-container.row-3 .mega-menu-menu {
	display: grid;
	grid-template: max-content max-content max-content / 1fr 1fr;
	gap: 0 12px;
}
.mega-menu-inner-container.row-4 .mega-menu-menu {
	display: grid;
	grid-template: repeat(4, max-content) / repeat(2, 1fr);
}
.mega-menu-inner-container.col-3 {
	grid-template-columns: repeat(3, 1fr);
}
.mega-menu-inner-container.col-2 {
	grid-template-columns: repeat(2, 1fr);
}


.mega-menu-container .link {
	position: relative;
	display: flex;
	gap: 12px;
	align-items: center;
	font-weight: 500;
}
.mega-menu-container .link * {
	margin: 0;
	color: white;
}
.mega-menu-container .link p:after {
	content: '\f105';
	font-family: 'uncodeicon';
	color: white;
	padding-left: 8px;
}
.mega-menu-container .large-link .small, .mega-menu-container .image-large-link .small, .mega-menu-container .container-large-link .small {
	margin-top: 6px;
}

.mega-menu-container a {
	position: relative;
	display: block;
	padding: 12px;
	transition: .3s;
}
.mega-menu-container a:after {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: linear-gradient(to right, rgba(var(--light-blue), .15), rgba(var(--light-blue), .03));
	border-radius: var(--border-radius-lg);
	opacity: 0;
	transform: scale(.98);
	transition: opacity .3s, transform .3s;
}
.mega-menu-container a:hover:after {
	transform: scale(1);
	opacity: 1;
}


.mega-menu-menu {
	display: flex;
	flex-direction: column;
	margin-top: 24px;
}

.image-large-link a, .image-small-link a {
	display: grid;
	grid-template-columns: 37px 1fr;
	gap: 12px;
}
.image-large-link img, .image-small-link img {
	width: 100%;
	height: auto;
}


.mega-menu-container .mega-menu-col.span-2 {
	grid-column: span 2;
}

.container-large-link {
	background: rgb(0, 0, 0, .5);
	border-radius: var(--border-radius-lg);
	margin-bottom: 12px;
	border: 1.5px solid rgba(var(--light-blue), .3);
}





#masthead {
	position: sticky;
	top: 0;
	width: 100%;
}
.menu-wrapper {
	display: block;
}

@media (max-width: 1200px) {
	.mega-menu-inner-container {
		padding-left: 10px;
		padding-right: 10px;
	}
}

@media (max-width: 959px) {
	#menu-item-113127, #menu-item-108112, #menu-item-108118 {
		display: block;
	}
	#menu-item-113126 {
		display: none;
	}
	.menu-btn-cell {
		padding-right: 36px;
	}
}

@media (max-width: 1200px) {
    .menu-wrapper .row-menu.limit-width .row-menu-inner {
        padding: 0 10px;
    }

    #logo-container-mobile,
    #menu-main-menu {
        padding-right: 10px !important;
    }

    #menu-main-menu li a,
    #menu-cta-menu li a {
        padding-right: 0;
    }

    #menu-item-41 .menu-btn-container {
        padding: 8px 8px !important;
    }

    /*#menu-cta-menu {*/
    /*    padding-left: 10px !important;   */
    /*}*/
}











/* -------------------- */
/* FOOTER */
/* -------------------- */
#menu-footer-product li,
#menu-footer-integrations li,
#menu-footer-company li,
#menu-footer-content li {
  margin-bottom: 8px;
}











/* -------------------- */
/* ANNIVERSARY BANNER */
/* -------------------- */
#anniversary-banner {
    background: linear-gradient(to right, #0075f2, #233145);
    display: flex;
    align-content: center;
    justify-content: center;
    padding: 12px 32px;
    top: 0px;
    width: 100%;
    position: relative;
    z-index: 1;
}

#anniversary-banner p {
    color: white;
    margin-top: 0;
}

#anniversary-banner a {
    color: white;
    text-decoration: underline;
    margin-left: 12px;
}