#main .brikit-header-backdrop {
	padding: 0;
}

#main .brikit-footer-backdrop {
	padding: 0;
}

.brikit-container-content {
	padding: 0;
}

#main-content .bb-digital-header.brikit-container-backdrop .brikit-container {
	padding: 0;
}

#main-content .bb-digital-header .section {
	padding: 0;
}

#main-content .bb-digital-header[data-name="bb-header_main"] {
	padding: 0 !important;
}

#main-content .bb-digital-header[data-name="bb-header_main"] .brikit-container {
	background-color: #003764;
	max-width: none !important;
}

#main-content .bb-digital-header[data-name="bb-header_main"] p.page-label {
	color: var(--color-primary-yellow);
}

#main-content .bb-digital-header[data-name="bb-header_main"] h2,
#main-content .bb-digital-header[data-name="bb-header_main"] p {
	color: var(--color-neutral-white);
}

#main-content .bb-digital-header[data-name="bb-header_secondary"],
#main-content .bb-digital-header[data-name="bb-header_secondary"] .brikit-container {
	background-color: #f1f6fb !important;
}
#main-content .bb-digital-header[data-name="bb-header_white"],
#main-content .bb-digital-header[data-name="bb-header_white"] .brikit-container {
	background-color: white !important;
}

#main-content .bb-digital-header[data-name="bb-header_secondary"] p.page-label,
#main-content .bb-digital-header[data-name="bb-header_white"] p.page-label {
	color: var(--color-primary-yellow);
}

#main-content .bb-digital-header[data-name="bb-header_secondary"] h2,
#main-content .bb-digital-header[data-name="bb-header_white"] h2 {
	color: var(--color-neutral-black);
}

#main-content .bb-digital-header[data-name="bb-header_secondary"] p.page-description,
#main-content .bb-digital-header[data-name="bb-header_white"] p.page-description {
	color: var(--color-neutral-dark-grey);
}

#main-content .bb-digital-header .page-description,
#main-content .bb-digital-header .buttons-wrapper,
#main-content .bb-digital-header.desc .buttons-wrapper {
	display: none;
}

#main-content .bb-digital-header.full .page-description,
#main-content .bb-digital-header.full .buttons-wrapper,
#main-content .bb-digital-header.desc .page-description {
	display: flex;
	max-width: 670px;
	font-size: var(--font-size-16);
}

#main-content .bb-digital-header.full .hero-illu {
	width: 100%;
	max-width: 333px;
	position: relative;
	right: -5%;
}

#main-content .bb-digital-header .page-info-primary {
	display: flex;
	flex-direction: column;
	gap: 16px;
	margin-bottom: var(--spacing-40);
	padding-top: var(--spacing-40);
}



#main-content .bb-digital-header .page-info-secondary {
	display: flex;
	flex-direction: column;
	gap: 56px;
}

#main-content .bb-digital-header .page-info-secondary .buttons-wrapper {
	gap: 24px;
}

#main-content .bb-digital-header .page-label {
	font-size: var(--font-size-20);
	font-weight: var(--font-weight-medium);
	font-family: var(--font-family-medium);
	line-height: var(--line-height-24);
	letter-spacing: var(--letter-spacing-0_2);
}

#main-content .bb-digital-header[data-name="bb-header_main"] .page-label {
	color: var(--color-primary-yellow);
}

#main-content .bb-digital-header[data-name="bb-header_secondary"] .page-label,
#main-content .bb-digital-header[data-name="bb-header_white"] .page-label {
	color: var(--color-accent-blue);
}

#main #main-content .page-heading {
	padding: 0 !important;
	margin-bottom: var(--spacing-16) !important;
	word-break: break-word;
}

#main #main-content .page-heading strong{
font-family:"Inter B", "Sans Serif"
}

/* ---- */
[data-name="bb-header_main"]:nth-of-type(2) {
	display: none;
}

[data-name="bb-header_secondary"]:nth-of-type(2),
[data-name="bb-header_white"]:nth-of-type(2) {
	display: none;
}

@media screen and (max-width:768px) {
	#main-content .bb-digital-header-wrapper .hero-main-wrapper .container:first-child .col-4 {display: none;}
	#main-content .bb-digital-header-wrapper .hero-main-wrapper .container:first-child .col-7 {padding-block: 0;}

	#main-content .bb-digital-header .page-info-primary {
		margin-bottom: var(--spacing-32);
		padding-top: 0;
	}
}

/* SECONDARY NAV - MENU */

/*
#com-atlassian-confluence #main #main-content .secondary-navigation_menu {
    display: flex;
    justify-content: space-between;
    padding: 0 0 2rem;
    margin-top: -2rem;
}

#com-atlassian-confluence #main #main-content .secondary-navigation_menu ul {
    list-style: none;
    padding: 0;
}

#com-atlassian-confluence #main #main-content .secondary-navigation_menu ul li a {
    color: white;
    text-decoration: none !important;
}

#com-atlassian-confluence #main #main-content .secondary-navigation_menu ul li a:hover {
    text-decoration: underline !important;
}

#com-atlassian-confluence #main #main-content .menu_items ul {
    display: flex;
    gap: 40px;
}



#com-atlassian-confluence #main #main-content .bb-digital-header[data-name="bb-header_secondary"] .secondary-navigation_menu ul li a {
    color: var(--color-neutral-dark-grey);
}
#com-atlassian-confluence #main #main-content .bb-digital-header[data-name="bb-header_white"] .secondary-navigation_menu ul li a {
    color: var(--color-neutral-dark-grey);
}
    */

/*****************************************************************************************************************************************/

.bb-digital-header-wrapper {
	display: flex;
	flex-direction: column;
	align-items: center;
}

.bb-digital-header-wrapper .outer-menu-container-wrapper{
	width: 100%;
    display: flex;
    justify-content: center;
    background-color: #2c597e;
	padding-inline: var(--spacing-24);
} 

.bb-digital-header-wrapper .hero-main-wrapper{
	width: 100%;
	padding-inline: var(--spacing-24);
}

.bb-digital-header-wrapper .hero-main-wrapper .container{
	margin-left:auto;
	margin-right:auto;
	padding-top: var(--spacing-80);
	padding-bottom: var(--spacing-60);
}

@media screen and (max-width:768px) {
	.bb-digital-header-wrapper .outer-menu-container-wrapper{
		padding-inline: 0;
		order:-1;
	}

	.bb-digital-header-wrapper .hero-main-wrapper{
		padding-inline: var(--spacing-16);
	}

	.bb-digital-header-wrapper .hero-main-wrapper .container{
		padding-inline: 0;
		padding-block:var(--spacing-40);

	}

	#header-main{
		padding-inline: var(--spacing-16);
	}
} 

.bb-digital-header-wrapper .container{
	padding-inline: 0;
	margin:0;
	max-width: 1224px !important;
	width: 100%;
}
.bb-digital-header-wrapper .container .col-4,
.bb-digital-header-wrapper .container .col-7,
.bb-digital-header-wrapper .container .col-12{padding-inline: 0;}

.bb-digital-header-wrapper .container .col-12{padding-block: 0;}

.bb-digital-header-wrapper .container .col-4{text-align: end;}

.bb-digital-header-wrapper > .container:first-child {
	padding-block: var(--spacing-24);
}

.hero-menu-wrapper {
	width: 100%;
	display: flex;
	justify-content: flex-end;
	background-color: #2c597e;
	padding: 0;
}

.hero-menu-wrapper .cols{width: 100%;}
.hero-menu-wrapper .col-12{display: flex; flex-direction: row; justify-content: space-between; align-items: center;}
.hero-menu-wrapper .hero-menu-main-title{margin-bottom: 0 !important;}

.hero-menu-wrapper .hero-menu-second-level,
.hero-menu-wrapper .hero-menu-first-level {
	padding-left: 0 !important;
	list-style: none;
	position: relative;
}

.hero-menu-wrapper .first-level-item {
	display: flex;
	flex-direction: column;
	padding-block:var(--spacing-16);
}

#main #main-content .hero-menu-wrapper .first-level-btn > span {
	font-size: var(--font-size-16);
	font-weight: 600;
	line-height: 26px;
}

.hero-menu-wrapper .first-level-item .hero-menu-second-level-container {
	display: none;
	position: absolute;
	top: 3.5rem;
	width: 392px;
	align-self: end;
	border-radius: 10px;
	padding: var(--spacing-16);
	background-color: var(--color-neutral-white);
	box-shadow: 0px 4px 12px 0px #00183214;
}

.hero-menu-wrapper .first-level-item.expanded .hero-menu-second-level-container {
	display: flex;
	flex-direction: column;
}

.hero-menu-wrapper .first-level-item.expanded .hero-menu-second-level-container > .close-btn {
	align-self: end;
}

.hero-menu-second-level {
	display: flex;
	flex-direction: column;
	gap: var(--spacing-8);
}

.hero-menu-second-level > li.second-level-item {
	padding: var(--spacing-12) var(--spacing-8);
}

.hero-menu-second-level > li.second-level-item:first-child {
	padding-top: 0;
}

.hero-menu-second-level > li.second-level-item.bottom-separator {
	border-bottom: 1px solid var(--color-neutral-light-grey);
}

.hero-menu-wrapper .hero-menu-first-level {
	display: flex;
	gap: var(--spacing-40);
}

#main #main-content .hero-menu-wrapper button {
	border: 0;
	background-color: transparent;
	position: relative;
	display: flex;
	padding: 0;
	cursor: pointer;
}

/*icons*/
.bb-digital-header-wrapper button.close-btn {
	height: 24px;
	width: 24px;
	background-image: url("/digital-building-blocks/sites/download/attachments/607781201/ico-close-primary.svg");
	background-position: center;
	background-repeat: no-repeat;
	background-size: contain;
}
.bb-digital-header-wrapper button.close-btn.close-btn-white {
	filter: brightness(0) invert(100%);
}
.bb-digital-header-wrapper span.expand-icon {
	display: none;
}
.bb-digital-header-wrapper .first-level-item span.expand-icon::after {
	content: "";
	display: block;
	height: 24px;
	width: 24px;
	background-image: url("/digital-building-blocks/sites/download/attachments/607781201/ico-expand_more.svg");
	background-position: center;
	background-repeat: no-repeat;
	background-size: 12px;
	transition: all 0.5s ease-in-out;
	filter: brightness(0) invert(100%);
}
.bb-digital-header-wrapper .first-level-item.expanded span.expand-icon::after {
	transform: rotate(180deg);
}
.bb-digital-header-wrapper .hero-menu-zero-level button.zero-level-btn {
	filter: brightness(0) invert(100%);
	height: 24px;
	width: 24px;
	background-image: url("/digital-building-blocks/sites/download/attachments/607781201/ico-hamburger-primary.svg");
	background-position: center;
	background-repeat: no-repeat;
	background-size: contain;
}
.bb-digital-header-wrapper .hero-menu-zero-level.expanded button.zero-level-btn {
	height: 24px;
	width: 24px;
	background-image: url("/digital-building-blocks/sites/download/attachments/607781201/ico-close-primary.svg");
}

#main #main-content .hero-menu-wrapper a {
	text-decoration: none !important;
	color: var(--color-neutral-black);
}

#main #main-content .hero-menu-wrapper a:hover {
	text-decoration: underline !important;
}

#main #main-content .hero-menu-wrapper button.first-level-btn > span,
#main #main-content .hero-menu-wrapper a.first-level-btn > span {
	color: var(--color-neutral-white) !important;
	text-decoration: none !important;
}

#main #main-content .hero-menu-wrapper button.first-level-btn > span:hover,
#main #main-content .hero-menu-wrapper a.first-level-btn > span:hover {
	text-decoration: underline !important;
}

.hero-menu-zero-level {
	position: relative;
	z-index: 3;
	display: flex;
	width: 100%;
	justify-content: flex-end;
}

.zero-level-btn-container {
	display: none;
}

.hero-menu-zero-level .first-level-content {
	display: grid;
	grid-template-rows: 1fr;
}

@media screen and (max-width: 768px) {

	.bb-digital-header-wrapper .container{
		padding-inline: var(--spacing-16);
	}

	
	.hero-menu-wrapper .hero-menu-main-title{display: none;}
	
	.bb-digital-header-wrapper > .container:first-child {
		/*padding-top: var(--spacing-32);*/
		order: 1;
	}

	.hero-menu-wrapper {
		padding: var(--spacing-16);
		justify-content: start;
	}

	.hero-menu-wrapper .cols {
		width: 100%;
	}

	.hero-menu-wrapper .col-12 {
		padding: 0;
	}

	.hero-menu-zero-level {
		display: flex;
		width: 100%;
		flex-direction: column;
	}

	.hero-menu-zero-level.expanded::before {
		content: "";
		position: fixed;
		z-index: -1;
		background: rgba(0, 0, 0, 0.5);
		width: 100%;
		height: 100%;
		top: 133px;
		left: 0;
	}

	.zero-level-btn-container {
		display: flex;
		width: 100%;
		flex-direction: row;
		align-items: center;
	}

	.zero-level-btn-container > span {
		color: var(--color-neutral-white) !important;
		margin-left: auto;
		margin-right: auto;
		font-weight: 600;
        font-size: 20px;
        line-height: 22px;
	}

	.hero-menu-zero-level .first-level-content {
		grid-template-rows: 0fr;
		transition: all 0.5s ease-in-out;
		position: fixed;
		width: 100%;
		left: 0;
		top: 133px;
		background-color: #2c597e;
		padding: 0 var(--spacing-16);
	}

	.hero-menu-zero-level.expanded .first-level-content {
		grid-template-rows: 1fr;
		border-top: 1px solid var(--color-neutral-white);
		padding: var(--spacing-24) var(--spacing-16);
	}

	.hero-menu-first-level {
		overflow: hidden;
		flex-direction: column;
	}

	.bb-digital-header-wrapper span.expand-icon {
		display: inline-block;
	}

	.hero-menu-wrapper .first-level-item{
		padding-block: 0;
	}

	.hero-menu-wrapper .first-level-item .hero-menu-second-level-container {
		position: relative;
		border-radius: 0;
		background-color: #2c597e;
		width: 100%;
		top: 0;
		padding: 0;
		box-shadow: none;
	}

	.hero-menu-wrapper .first-level-item .hero-menu-second-level-container .close-btn {
		display: none !important;
	}

   /* .hero-menu-wrapper .first-level-item .hero-menu-second-level-container{display: grid;}*/

	.hero-menu-wrapper .first-level-item .hero-menu-second-level-container {
		width: 100%;
		top: 0;
		display: grid !important;
		grid-template-rows: 0fr;
        transition: all 0.5s ease-in-out;
	}

	.hero-menu-wrapper .first-level-item.expanded .hero-menu-second-level-container {
		grid-template-rows: 1fr;
	}

	.hero-menu-wrapper .first-level-item .hero-menu-second-level-container .second-level-content {
		overflow: hidden;
	}

    .hero-menu-wrapper .first-level-item.expanded .hero-menu-second-level-container .hero-menu-second-level{
		gap: var(--spacing-4);
    }

	.hero-menu-second-level > li.second-level-item:first-child {
		padding-top: var(--spacing-10);
	}

	.hero-menu-second-level > li.second-level-item {
		padding: var(--spacing-10) var(--spacing-8) var(--spacing-10) 0;
	}

	.hero-menu-second-level > li.second-level-item a {
		color: var(--color-neutral-white) !important;
		font-weight: 400 !important;
		font-size: var(--font-size-14) !important;
		line-height: 16px !important;
	}

	.hero-menu-wrapper .hero-menu-first-level {
		gap: var(--spacing-14);
	}

	#main #main-content .hero-menu-wrapper .first-level-btn {
		padding: var(--spacing-10) var(--spacing-8) var(--spacing-10) 0;
	}
}

/* pre-footer */

.bb-digital-article-footer-wrapper {
	position: relative;
}

.bb-digital-article-footer-wrapper .section {
	padding-top: var(--spacing-160) !important;
}

.bb-digital-article-footer-wrapper .block-content-wrapper > *:not(section) {
	display: none !important;
}

.bb-digital-article-footer-wrapper .cols {
	margin-top: 0;
}
.bb-digital-article-footer-wrapper .cols h2,
.bb-digital-article-footer-wrapper .cols p {
	color: var(--color-neutral-white, #fff) !important;
}
.bb-digital-article-footer-wrapper .cols p:last-of-type {
	margin-bottom: var(--spacing-40);
}

.bb-digital-header-wrapper .link-container,
.bb-digital-article-footer-wrapper .link-container{
		display: flex;
		flex-direction: row;
		gap:var(--spacing-24);
		align-items: center;
}

.bb-digital-header-wrapper .link-container{margin-top: var(--spacing-60);}

@media screen and (max-width: 768px) {

	.bb-digital-article-footer-wrapper .link-container{flex-direction: column;
	align-items: start;}

	.bb-digital-header-wrapper .link-container{margin-top: var(--spacing-40);}
}

/* sections inside the article with specific colors and diagonals */

.bb-digital-article-diagonal-top-green,
.bb-digital-article-diagonal-top-blue,
.bb-digital-article-diagonal-top-darkblue,
.bb-digital-article-diagonal-bottom-blue{position: relative;}

.bb-digital-article-diagonal-top-green::before,
.bb-digital-article-diagonal-top-blue::before,
.bb-digital-article-diagonal-top-darkblue::before{
	top: -40px;
	left: 0;
	transform-origin: top;
	content: "";
	position: absolute;
	width: 100%;
	height: 100px;	
	transform: skewY(-1deg);
}

.bb-digital-article-diagonal-bottom-blue::after{
	bottom: -24px;
	left: 0;
	transform-origin: top;
	content: "";
	position: absolute;
	width: 100%;
	height: 83px;	
	transform: skewY(-2deg);
}

.bb-digital-article-diagonal-top-green::before{background-color: var(--color-accent-light-green);
}
.bb-digital-article-diagonal-top-blue::before,
.bb-digital-article-diagonal-bottom-blue::after{background-color: #2C597E;
}
.bb-digital-article-diagonal-top-darkblue::before{background-color: var(--color-primary-night-blue);}