/*<meta conditions="" />*/

@namespace MadCap url(http://www.madcapsoftware.com/Schemas/MadCap.xsd);

/* Responsive column breakpoints for screen sizes */

:root
{
	--breakpoint-xs: 0;
	--breakpoint-sm: 576px;
	--breakpoint-md: 768px;
	--breakpoint-lg: 992px;
	--breakpoint-xl: 1200px;
}

/* Alerts/Callouts Colours */

:root
{
	--important: #59BDFF;
	--attention: #E22339;
	--note: #FFCC2C;
	--info: #59BDFF;
	--tip: #55BECC;
	--question: #E57A67;
}

/* background colours */

:root
{
	--background1: #ecf7ff;
	/* blue */
	--background2: #dff6fc;
	/* teal */
	--background3: #eaf8dd;
	/* green */
	--background4: #fff6e2;
	/* orange */
	--background5: #fff2f4;
	/* pink */
	--background6: #f5f1ff;
	/* purple */
	--background1-dark: #002a4f;
	/* blue dark */
	--background2-dark: #0a4156;
	/* teal dark */
	--background3-dark: #08763b;
	/* green dark */
	--background4-dark: #ffd94d;
	/* yellow dark */
}

/*---- BOOTSTRAP RESPONSIVENESS START ----*/
/*---- BOOTSTRAP RESPONSIVENESS START ----*/
/*---- BOOTSTRAP RESPONSIVENESS START ----*/

.container-fluid
{
	width: 100%;
	padding-top: 30px;
	padding-bottom: 30px;
	padding-left: 60px;
	padding-right: 60px;
	/*	border-bottom: 1px solid #e5eff7; */
	margin-right: auto;
	margin-left: auto;
}

@media only screen and (max-width: 767px)
{
	.container-fluid
	{
		padding-left: 30px;
		padding-right: 30px;
	}
}

.container
{
	width: 100%;
	max-width: 1400px;
	padding-top: 15px;
	padding-bottom: 15px;
	padding-left: 0;
	padding-right: 0;
	margin-right: auto;
	margin-left: auto;
	/*	break-inside: avoid; */
}

.container-row
{
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	margin-right: -30px;
	margin-left: -30px;
	justify-content: center;
}

.container h1:first-child,
.container h2:first-child
{
	margin-top: 0;
	break-after: avoid;
}

@media only screen and (max-width: 767px)
{
	[class*="col-"]
	{
		align-content: center;
		justify-items: center;
	}

	[class*="col-"]:has(img)
	{
		text-align: center;
	}

	[class*="col-"]:has(img) > p
	{
		text-align: left;
	}
}

/* --- x5 COLUMNS HACK START--- */

.col-md-x5
{
	padding-left: 10px !important;
	padding-right: 10px !important;
}

.container-row:has(.col-md-x5)
{
	margin-left: -10px !important;
	margin-right: -10px !important;
}

@media only screen and (max-width: 767px)
{
	.col-md-x5
	{
		flex: 0 0 20%;
		max-width: 20%;
		text-align: center;
	}
}

@media print
{
	.col-md-x5
	{
		flex: 0 0 20%;
		max-width: 20%;
	}
}

/* --- x5 COLUMNS HACK END --- */

.no-gutters
{
	margin-right: 0;
	margin-left: 0;
}

.no-gutters > .col,
.no-gutters > [class*="col-"]
{
	padding-right: 0;
	padding-left: 0;
}

.col-md-1,
.col-md-2,
.col-md-3,
.col-md-4,
.col-md-5,
.col-md-6,
.col-md-7,
.col-md-8,
.col-md-9,
.col-md-10,
.col-md-11,
.col-md-12,
.col-md,
.col-md-auto,
.col-md-x5
{
	position: relative;
	width: 100%;
	padding-right: 30px;
	padding-left: 30px;
	padding-bottom: 15px;
	padding-top: 15px;
}

.col
{
	-ms-flex-preferred-size: 0;
	flex-basis: 0;
	-ms-flex-positive: 1;
	flex-grow: 1;
	max-width: 100%;
}

.col-auto
{
	-ms-flex: 0 0 auto;
	flex: 0 0 auto;
	width: auto;
	max-width: 100%;
}

.container-row > :only-child
{
	-ms-flex-preferred-size: 0;
	flex-basis: 0;
	-ms-flex-positive: 1;
	flex-grow: 1;
	max-width: 100%;
}

@media (min-width: 768px)
{
	.col-md
	{
		-ms-flex-preferred-size: 0;
		flex-basis: 0;
		-ms-flex-positive: 1;
		flex-grow: 1;
		max-width: 100%;
	}

	.col-md-auto
	{
		-ms-flex: 0 0 auto;
		flex: 0 0 auto;
		width: auto;
		max-width: 100%;
	}

	.col-md-1
	{
		-ms-flex: 0 0 8.333333%;
		flex: 0 0 8.333333%;
		max-width: 8.333333%;
	}

	.col-md-2
	{
		-ms-flex: 0 0 16.666667%;
		flex: 0 0 16.666667%;
		max-width: 16.666667%;
	}

	.col-md-3
	{
		-ms-flex: 0 0 25%;
		flex: 0 0 25%;
		max-width: 25%;
	}

	.col-md-4
	{
		-ms-flex: 0 0 33.333333%;
		flex: 0 0 33.333333%;
		max-width: 33.333333%;
	}

	.col-md-5
	{
		-ms-flex: 0 0 41.666667%;
		flex: 0 0 41.666667%;
		max-width: 41.666667%;
	}

	.col-md-6
	{
		-ms-flex: 0 0 50%;
		flex: 0 0 50%;
		max-width: 50%;
	}

	.col-md-7
	{
		-ms-flex: 0 0 58.333333%;
		flex: 0 0 58.333333%;
		max-width: 58.333333%;
	}

	.col-md-8
	{
		-ms-flex: 0 0 66.666667%;
		flex: 0 0 66.666667%;
		max-width: 66.666667%;
	}

	.col-md-9
	{
		-ms-flex: 0 0 75%;
		flex: 0 0 75%;
		max-width: 75%;
	}

	.col-md-10
	{
		-ms-flex: 0 0 83.333333%;
		flex: 0 0 83.333333%;
		max-width: 83.333333%;
	}

	.col-md-11
	{
		-ms-flex: 0 0 91.666667%;
		flex: 0 0 91.666667%;
		max-width: 91.666667%;
	}

	.col-md-12
	{
		-ms-flex: 0 0 100%;
		flex: 0 0 100%;
		max-width: 100%;
	}
}

@media only screen and (max-width: 767px)
{
	.container-fluid.overview
	{
		background-image: none;
	}
}

@media print
{
	.container-fluid
	{
		background-image: none !important;
	}

	/* Hides Link Tile Cards on Print */

	.tile-card-LINK
	{
		display: none;
	}

	/* Hides Link Tile Cards on Print UNLESS it contains a paragraph */

	.tile-card-LINK:has(p)
	{
		display: block;
	}

	div.topic-layout > div:nth-child(2)
	{
		margin-left: 0 !important;
		margin-right: 0 !important;
		padding-left: 0 !important;
	}

	img
	{
		object-fit: contain !important;
		aspect-ratio: unset !important;
	}

	[class*="col-"] img
	{
		max-height: 300px;
		width: 100%;
		margin: auto;
	}

	.container a > img
	{
		border: none;
	}

	.container h1
	{
		margin-bottom: 0.5em;
	}

	.container h2
	{
		margin-top: 5px;
		margin-bottom: 5px;
	}

	.container h3
	{
		margin-top: 4px;
		margin-bottom: 4px;
	}

	.container li
	{
		margin-bottom: 6px;
		margin-top: 6px;
	}
}

/*---- BOOTSTRAP RESPONSIVENESS END ----*/
/*---- BOOTSTRAP RESPONSIVENESS END ----*/
/*---- BOOTSTRAP RESPONSIVENESS END ----*/
/*--- DROPDOWN (ACCORDION) STYLING START ---*/

MadCap|dropDown
{
	border-radius: 8px;
	overflow: hidden;
	break-inside: avoid;
}

MadCap|dropDownHotspot.Toolkit
{
	display: block;
	width: 100%;
	color: #FFFFFF;
	font-size: 12pt;
	font-weight: 700;
	/*padding-left: 5px;
    margin-left: 10px;*/
	padding: 10px 15px;
}

MadCap|dropDownHead.Toolkit
{
	border-left: 8px solid #001D74;
	line-height: 1.7em;
	background-color: #005EB8;
}

MadCap|dropDownHead.Toolkit:hover
{
	background-color: #003E96;
}

MadCap|dropDownBody.Toolkit
{
	background-color: #FFFFFF;
	line-height: 1.7em;
	margin-left: 0;
	padding: 10px 20px;
	border: solid 2px #005EB8;
	border-left: 8px solid #001D74;
	border-top: none;
	border-bottom-right-radius: 8px;
	border-bottom-left-radius: 8px;
}

.MCDropDownHotSpot_.MCHotSpotImage
{
	background-position: right 20px center !important;
	padding: 10px 15px !important;
}

.MCDropDown_Image_Icon
{
	display: none;
}

/*--- DROPDOWN (ACCORDION) STYLING END ---*/
/* --- TILE CARD (ALERTS/CALLOUTS) BLOCKS START --- */

.tile-card
{
	display: block;
	align-content: flex-start;
	align-items: center;
	border-radius: 15px;
	border: 1px solid #d3d3d3;
	overflow: hidden;
	background-color: #ffffff;
	padding: 20px 20px;
	margin-top: 15px;
	margin-bottom: 15px;
	text-decoration: none;
	color: #001B37 !important;
	width: 100%;
	box-shadow: 0px 2px 3px rgba(0,0,0,.1), 0px 5px 15px rgba(0,0,0,.01), 0px 8px 6px rgba(0,0,0,.07);
	/*	height: 100%; */
}

.tile-card:only-child
{
	height: 100%;
}

@media print
{
	.tile-card
	{
		height: unset;
	}
}

.tile-card > .tile-card-text
{
	border-top-left-radius: 0;
	border-top-right-radius: 0;
}

a.tile-card:hover
{
	transform: scale(1.02);
	transition: transform .2s ease;
	text-decoration: underline;
}

.tile-card h3
{
	/* margin-top: 0; */
	text-wrap-style: balance;
}

.tile-card-text,
.tile-card-BTN-text
{
	display: inline-block;
	width: 100%;
	background-color: #FFFFFF;
	padding: 20px 20px;
	border-radius: inherit;
	border-top-left-radius: 0;
	min-height: 72px;
	align-content: center;
}

.tile-card-callout,
.tile-card-BTN
{
	display: block;
	background-repeat: no-repeat;
	background-position-y: center;
	background-position-x: 10px;
	padding-left: 70px;
	width: 100%;
	overflow: hidden;
	background-size: 50px;
	min-height: 75px;
	border-radius: 15px;
	box-shadow: 0px 2px 3px rgba(0,0,0,.1), 0px 5px 15px rgba(0,0,0,.01), 0px 8px 6px rgba(0,0,0,.07);
	margin-top: 15px;
	margin-bottom: 15px;
}

.tile-card-callout h3
{
	margin-top: 4px;
	margin-bottom: 4px;
	text-wrap-style: balance;
	font-weight: bold;
}

.tile-card-callout p
{
	margin-top: 8px;
	margin-bottom: 8px;
}

.tile-card-callout.tile-card-IMPORTANT
{
	background-image: url('../Images/Assets/Icons/Alerts/Icon_Important_White.png');
	background-color: #59BDFF;
	border: solid 2px #59BDFF;
}

.tile-card-callout.tile-card-ATTENTION
{
	background-image: url('../Images/Assets/Icons/Alerts/Icon_Attention_White.png');
	background-color: #E22339;
	border: solid 2px #E22339;
}

.tile-card-callout.tile-card-NOTE
{
	background-image: url('../Images/Assets/Icons/Alerts/Icon_Note_White.png');
	background-color: #FFCC2C;
	border: solid 2px #FFCC2C;
}

.tile-card-callout.tile-card-TIP
{
	background-image: url('../Images/Assets/Icons/Alerts/Icon_Tip_White.png');
	background-color: #55BECC;
	border: solid 2px #55BECC;
}

.tile-card-callout.tile-card-QUESTION
{
	background-image: url('../Images/Assets/Icons/Alerts/Icon_Question_White.png');
	background-color: #E57A67;
	border: solid 2px #E57A67;
}

/* --- LINK BUTTON Callout Boxes --- */

.tile-card-BTN.tile-card-LINK
{
	background-image: url('../Images/Assets/Icons/Alerts/Icon_Hyperlink_White.png');
	background-color: #005EB8;
	border: solid 2px #005EB8;
}

.tile-card-BTN.tile-card-DOWNLOAD
{
	background-image: url('../Images/Assets/Icons/Alerts/Icon_Download_White.png');
	background-color: #003E96;
	border: solid 2px #003E96;
}

.tile-card-BTN:hover
{
	transform: scale(1.01);
	transition: transform .2s ease;
	text-decoration: none;
}

.tile-card-BTN h3
{
	margin-top: 0;
	margin-bottom: 4px;
	text-wrap-style: balance;
	text-decoration: underline;
	color: #005EB8;
}

.tile-card-BTN p
{
	margin-top: 8px;
	margin-bottom: 8px;
}

@media only screen and (max-width: 767px)
{
	.tile-card-callout,
	.tile-card-BTN
	{
		padding-left: 0 !important;
		padding-top: 70px !important;
		background-position-x: center !important;
		background-position-y: 10px !important;
	}

	.tile-card-text,
	.tile-card-BTN-text
	{
		border-top-left-radius: 0;
		border-top-right-radius: 0;
	}
}

p + .tile-card
{
	margin-top: 20px;
}

ul + .tile-card
{
	margin-top: 20px;
}

ol + .tile-card
{
	margin-top: 20px;
}

[class*="tile-card"]:first-child,
[class*="tile-card"] > :first-child
{
	margin-top: 0;
}

[class*="tile-card"]:last-child,
[class*="tile-card"] > :last-child
{
	margin-bottom: 0;
}

.tile-card-callout:only-child,
.tile-card-BTN:only-child
{
	margin-top: 0;
	margin-bottom: 0;
}

.container-row:has(.tile-card),
.container-row:has(.tile-card-callout),
.container-row:has(.tile-card-BTN),
.container-row:has(.text-icon-box)
{
	margin-right: -15px;
	margin-left: -15px;
}

[class*="col-md"]:has(.tile-card),
[class*="col-md"]:has(.tile-card-callout),
[class*="col-md"]:has(.tile-card-BTN),
[class*="col-md"]:has(.text-icon-box)
{
	padding-right: 15px;
	padding-left: 15px;
}

/* --- TILE CARD (ALERTS/CALLOUTS) BLOCKS END ----*/
/*---- iFRAME BLOCK START ----*/

.iframe-container
{
	position: relative;
	width: 100%;
	padding-bottom: 56.25%;
	/* 16:9 aspect ratio (height / width * 100) */
	height: 0;
	overflow: hidden;
}

.iframe-container iframe
{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	border: none;
}

.container:has(.iframe-container:only-child)
{
	max-width: 1000px;
}

@media print
{
	.iframe-container
	{
		padding-bottom: 100px;
	}

	iframe::after
	{
		content: "Source: " attr(src);
		/* Use attr(src) to get the iframe's src */
		display: block;
		/* Make it a block-level element */
		font-size: 0.8em;
		/* Adjust font size as needed */
		margin-top: 10px;
		/* Add some spacing */
	}
}

/*---- iFRAME BLOCK END ----*/
/*---- CHECKBOX BLOCK START ----*/

.checkbox-list
{
	margin-top: 16px;
	margin-bottom: 12px;
}

/* The container */

.checkbox-container
{
	display: block;
	position: relative;
	padding-left: 35px;
	margin-bottom: 12px;
	cursor: pointer;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

/* Hide the browser's default checkbox */

.checkbox-container input
{
	position: absolute;
	opacity: 0;
	cursor: pointer;
	height: 0;
	width: 0;
}

/* Create a custom checkbox */

.checkmark
{
	position: absolute;
	top: 0;
	left: 0;
	height: 25px;
	width: 25px;
	background-color: #E8F3FD;
	border: 1.5px solid #001D74;
	border-radius: 6px;
}

/* On mouse-over, add a light background color */

.checkbox-container:hover input ~ .checkmark
{
	background-color: #D1ECFF;
}

/* When the checkbox is checked, add a colored background */

.checkbox-container input:checked ~ .checkmark
{
	background-color: #005EB8;
}

/* Create the checkmark/indicator (hidden when not checked) */

.checkmark:after
{
	content: "";
	position: absolute;
	display: none;
}

/* Show the checkmark when checked */

.checkbox-container input:checked ~ .checkmark:after
{
	display: block;
}

/* Style the checkmark/indicator */

.checkbox-container .checkmark:after
{
	left: 8px;
	top: 2px;
	width: 8px;
	height: 15px;
	border: solid white;
	border-width: 0 3px 3px 0;
	-webkit-transform: rotate(38deg);
	-ms-transform: rotate(38deg);
	transform: rotate(38deg);
}

/*---- CHECKBOX BLOCK END ----*/
/*---- TIMELINE BLOCK START ----*/
/* Timeline wrapper */

.flare-timeline-wrapper *
{
	box-sizing: border-box;
}

/* Timeline container */

.flare-tl
{
	position: relative;
	max-width: 1200px;
	margin: 0 auto;
	color: #222;
}

/* Vertical line */

.flare-tl::after
{
	content: '';
	position: absolute;
	width: 6px;
	background-color: #E8F3FD;
	top: 0;
	bottom: 0;
	left: 50%;
	margin-left: -3px;
	z-index: 1;
}

/* Event container – hidden initially */

.flare-tl-container
{
	padding: 10px 40px;
	position: relative;
	width: 50%;
	z-index: 2;
	display: none;
}

/* Show when active */

.flare-tl-container.active
{
	display: block;
}

/* Event circle (above vertical line) */

.flare-tl-container::after
{
	content: '';
	position: absolute;
	width: 25px;
	height: 25px;
	background-color: #003E96;
	border: 5px solid #FFDD00;
	box-shadow: 0 0 6px rgba(0,0,0,0.3);
	top: 32px;
	border-radius: 50%;
	z-index: 10;
	left: 50%;
	margin-left: -12.5px;
}

/* Left and right containers */

.flare-tl-left
{
	left: 0;
	padding-left: 0;
	padding-right: 40px;
}

.flare-tl-right
{
	left: 50%;
	padding-left: 40px;
	padding-right: 0;
}

/* Position circles exactly on the vertical line */

.flare-tl-left::after
{
	left: 100%;
	margin-left: -12.5px;
}

.flare-tl-right::after
{
	left: 0;
	margin-left: -12.5px;
}

/* Arrow pointers */

.flare-tl-left::before
{
	content: " ";
	height: 0;
	position: absolute;
	top: 30px;
	width: 0;
	z-index: 1;
	right: 25px;
	border: medium solid #ffffff;
	border-width: 15px 1px 15px 15px;
	border-color: transparent transparent transparent #ffffff;
}

.flare-tl-right::before
{
	content: " ";
	height: 0;
	position: absolute;
	top: 30px;
	width: 0;
	z-index: 1;
	left: 25px;
	border: medium solid #ffffff;
	border-width: 15px 15px 15px 1px;
	border-color: transparent #ffffff transparent transparent;
}

/* Content card */

.flare-tl-content
{
	padding: 10px 30px;
	background-color: #ffffff;
	position: relative;
	border-radius: 15px;
	opacity: 0;
	transform: translateY(0px);
	transition: transform 0.6s ease, opacity 0.6s ease;
	box-shadow: 0px 2px 8px rgba(0, 0, 0, .1), 0px 2px 8px rgba(0, 0, 0, .01), 0px 5px 8px rgba(0, 0, 0, .07);
}

/* Active container content */

.flare-tl-container.active .flare-tl-content
{
	opacity: 1;
	transform: translateY(0);
}

/* Slightly fade out previous container content */

.flare-tl-container.previous
{
	opacity: 0.5;
}

/* Continue button */

.continue-btn
{
	display: inline-block;
	margin: 10px auto 20px auto;
	padding: 12px 20px;
	background-color: #FFDD00;
	border: none;
	border-radius: 10px !important;
	color: #001B37;
	cursor: pointer;
	font-size: 16px;
}

.continue-btn:disabled
{
	display: none;
}

.active
{
	background-color: unset;
}

/* Responsive */

@media only screen and (max-width: 767px)
{
	.flare-tl::after
	{
		left: 31px;
	}

	.flare-tl-container
	{
		width: 100%;
		padding-left: 70px;
		padding-right: 25px;
	}

	.flare-tl-container::before
	{
		left: 55px;
		border: medium solid #ffffff;
		border-width: 15px 15px 15px 1px;
		border-color: transparent #ffffff transparent transparent;
	}

	.flare-tl-left::after,
	.flare-tl-right::after,
	.flare-tl-container::after
	{
		left: 31px;
		margin-left: -12.5px;
	}

	.flare-tl-right
	{
		left: 0%;
	}
}

@media print
{
	.flare-tl::after
	{
		left: 31px;
	}

	.flare-tl-container
	{
		width: 100%;
		padding-left: 70px;
		padding-right: 25px;
	}

	.flare-tl-container::before
	{
		left: 55px;
		border: medium solid #ffffff;
		border-width: 15px 15px 15px 1px;
		border-color: transparent #ffffff transparent transparent;
	}

	.flare-tl-left::after,
	.flare-tl-right::after,
	.flare-tl-container::after
	{
		left: 31px;
		margin-left: -12.5px;
	}

	.flare-tl-right
	{
		left: 0%;
	}

	.flare-tl-container
	{
		display: block;
	}

	.flare-tl-content
	{
		opacity: 1 !important;
	}

	.continue-btn
	{
		display: none;
	}
}

/*---- TIMELINE BLOCK END ----*/
/*---- FLIPBOXES START ----*/

.flip-box
{
	padding: 20px !important;
	width: 100% !important;
	height: 100% !important;
	aspect-ratio: 1 / 1;
	border: none !important;
}

.flip-box-inner
{
	cursor: pointer;
}

.flip-box-front
{
	background-color: #ffffff;
	background-size: cover;
	background-position: center;
	border: 1px solid #d3d3d3;
	border-radius: 12px;
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}

.flip-box-front > div
{
	height: 100%;
	text-align: center;
	align-content: center;
	padding: 15px;
}

.flip-box-front h2
{
	font-weight: bold;
	text-align: center;
}

.flip-box-back h2
{
	font-weight: bold;
	margin-bottom: 8px !important;
}

.flip-box-back
{
	padding: 20px !important;
	border: 1px solid #d3d3d3;
	border-radius: 12px;
	overflow-y: auto;
	text-align: left;
	background-color: #ffffff;
}

div.flip-box:hover .flip-box-inner
{
	transform: none;
}

div.flip-box:hover
{
	transform: scale(1.02);
	transition: transform .2s ease;
}

@media print
{
	div.flip-box
	{
		height: 100% !important;
		min-height: 100px !important;
		aspect-ratio: unset !important;
		flex: 100% !important;
		max-width: 100% !important;
		padding: 5px 20px;
	}

	div.flip-box-front,
	div.flip-box-back
	{
		position: relative !important;
		height: unset !important;
	}

	div.flip-box-inner
	{
		transform: none !important;
		transform-style: unset;
		border: 2px solid #005EB8 !important;
		border-radius: 22px;
		padding: 10px;
		display: flex;
		flex-wrap: wrap;
		flex-direction: row;
	}

	div.flip-box-front
	{
		width: 25%;
		margin: 0;
		background-size: 100% !important;
		background-position-y: unset !important;
	}

	div.flip-box-front h2
	{
		display: none;
	}

	div.flip-box-back
	{
		transform: none !important;
		overflow-y: unset !important;
		margin: 0 0 0 1%;
		width: 74%;
	}

	div.flip-box-inner h2
	{
		margin-top: 0;
	}
}

/*---- FLIPBOXES END ----*/
/*=== CAROUSEL START ===*/

.slideshow-container
{
	position: relative;
	margin: auto;
	border-radius: 12px;
	overflow: hidden;
}

.slideshow-container .mySlides
{
	display: none;
	min-height: 300px;
	background-color: #001B37;
}

.slideshow-container .prev,
.slideshow-container .next
{
	cursor: pointer;
	position: absolute;
	top: 0;
	width: auto;
	padding: 32px;
	color: white !important;
	font-weight: bold;
	font-size: 32px;
	transition: 0.6s ease;
	border-radius: 0 3px 3px 0;
	user-select: none;
	height: 100%;
	align-content: center;
}

.slideshow-container .next
{
	right: 0;
	border-radius: 3px 0 0 3px;
}

.slideshow-container .prev:hover,
.slideshow-container .next:hover
{
	background-color: #001B37;
}

.mySlides .text
{
	color: #001B37;
	font-size: 15px;
	padding: 18px 80px;
	position: absolute;
	bottom: 0;
	width: 100%;
	text-align: center;
	background-color: rgb(239 244 249 / 50%);
}

.mySlides .numbertext
{
	color: #f2f2f2;
	font-size: 12px;
	padding: 8px 12px;
	position: absolute;
	top: 0;
	width: 100%;
	text-align: center;
}

.carousel-dots
{
	background-color: #F2F6FA;
	width: fit-content;
	border-radius: 50px;
	margin: 10px auto;
	padding: 0 10px;
}

.carousel-dots .dot
{
	cursor: pointer;
	height: 15px;
	width: 15px;
	margin: 10px 5px 5px;
	background-color: #D1ECFF;
	border-radius: 50%;
	display: inline-block;
	transition: background-color 0.6s ease;
}

.carousel-dots .active,
.carousel-dots .dot:hover
{
	background-color: #005EB8;
}

.carousel-dots .fade-in
{
	animation-name: fade-in;
	animation-duration: 1.5s;
}

@keyframes fade-in {
	from {
    opacity: 0; /* Start invisible */
  	}
  	to {
    opacity: 1; /* End fully visible */
  	}
} 

/* === CAROUSEL END === */
/* === TABS START === */

ul.tabs
{
	margin-bottom: 0;
}

ul.tabs li.tab-link
{
	min-width: fit-content;
	background: #F2F6FA;
	border: none;
}

ul.tabs li.current
{
	background: #005EB8;
}

ul.tabs li.current:hover
{
	border: none;
}

.tab-content.current
{
	display: block;
}

.tab-content
{
	animation-name: none;
	animation-duration: 0;
	position: relative;
	padding: 20px;
	border: 2px solid #005EB8;
	border-radius: 0 0 10px 10px;
}

.tab-content .container-row
{
	margin-top: -15px;
	margin-bottom: -15px;
}

/* === TABS END === */
/* --- VERTICAL TABS LAYOUT START --- */

.tabs-wrap
{
	display: flex;
	flex-wrap: wrap;
	border: 2px solid #005EB8;
	border-radius: 15px;
	overflow: hidden;
}

/* helps avoid footer overlap */

.tabs-wrap::after
{
	content: "";
	display: block;
	clear: both;
}

.tab
{
	float: left;
	background-color: #E8F3FD;
	width: 15%;
	flex-grow: 1;
}

.tab button
{
	display: block;
	background-color: inherit;
	color: #001B37;
	padding: 16px;
	width: 100%;
	border-bottom: solid 2px white;
	/* ---- border: 0 !important; ---*/
	border-radius: 0 !important;
	outline: none;
	text-align: left;
	cursor: pointer;
	transition: background-color 0.3s;
}

.tab button:hover
{
	background-color: #D1ECFF;
	/* ----	text-decoration: underline;  ---*/
}

.tab button.active
{
	background-color: #005EB8;
	color: #FFFFFF;
	font-weight: bold;
}

.tabcontent
{
	float: left;
	padding: 20px;
	display: none;
	width: 75%;
	background-color: #FFFFFF;
	flex-grow: 1;
}

.tabs-wrap .tabcontent h3
{
	margin-top: 0;
}

@media only screen and (max-width: 767px)
{
	.tab
	{
		width: 100%;
	}

	.tabcontent
	{
		width: 100%;
	}

	.tab button
	{
		text-align: center;
	}
}

/* --- VERTICAL TABS LAYOUT END --- */

@media print
{
	.container-fluid
	{
		padding: 0 1.5em !important;
	}

	img
	{
		object-fit: contain !important;
		aspect-ratio: unset !important;
	}

	ul.tabs
	{
		display: none;
	}

	.tab-content
	{
		display: block;
		border-radius: 10px;
		margin: 10px 0;
	}

	.tab-content h2
	{
		margin-top: 5px;
	}

	.MCDropDownBody,
	.dropDownBody,
	.dropDownBodyBoxed
	{
		display: block !important;
	}

	div.flip-box
	{
		height: 100% !important;
		min-height: 100px !important;
		aspect-ratio: unset !important;
		flex: 100% !important;
		max-width: 100% !important;
	}

	div.flip-box-front,
	div.flip-box-back
	{
		position: relative !important;
		height: unset !important;
	}

	div.flip-box-inner
	{
		transform: none !important;
		transform-style: unset;
		border: 2px solid #005EB8 !important;
		border-radius: 22px;
		padding: 10px;
		display: flex;
		flex-wrap: wrap;
		flex-direction: row;
	}

	div.flip-box-front
	{
		width: 25%;
		margin: 0;
	}

	div.flip-box-back
	{
		transform: none !important;
		overflow-y: unset !important;
		margin: 0 0 0 1%;
		width: 74%;
	}

	div.flip-box-inner h2
	{
		margin-top: 0;
	}

	.slideshow-container
	{
		overflow: unset !important;
		display: flex;
	}

	.mySlides
	{
		display: block !important;
		min-height: unset;
		max-width: 100%;
		position: relative;
	}

	.mySlides img
	{
		min-height: unset;
		max-height: 10cm;
	}

	.mySlides .text
	{
		position: unset !important;
		padding: 18px;
		background-color: #F2F6FA;
	}

	.mySlides .numbertext
	{
		display: none;
	}

	.carousel-dots
	{
		display: none;
	}

	.prev,
	.next
	{
		display: none;
	}
}