html {
	font-size: 16px;
	font-family: 'Noto Sans', Arial, sans-serif;
}

.articleContent a {
	text-decoration: underline !important;
}

	.articleContent a:hover {
		text-decoration: none !important;
	}

.articleitem &:nth-last-child(1) {
	border-bottom: none;
}

.articleitem .title {
	color: #002c77;
	font-family: 'MMC Display', Arial, sans-serif;
	font-size: 24px;
	margin-bottom: 20px;
	display: block;
	line-height: 1.5;
	letter-spacing: normal;
	font-weight: bold;
}

.articleitem .by-text {
	display: block;
	font-family: 'Noto Sans', Arial, sans-serif;
	color: #636466;
	font-size: 15px;
	font-style: italic;
	line-height: 1.5;
	margin-bottom: 40px;
}

.articleitem p, .content {
	font-family: 'Noto Sans', Arial, sans-serif;
	margin-bottom: 23px;
	font-size: 16px;
	font-weight: 400;
	line-height: 1.5;
	color: #001f52;
}

.articleitem .btn {
	font-size: 18px;
	font-weight: 400;
	text-transform: capitalize;
	color: #00A2C2;
}

.articleitem &:hover, &:visited {
	color: #00A2C2;
}

.articleitem .sprite {
	margin-left: 15px;
	padding: 0;
	vertical-align: middle;
}
/*styles for category list*/
.Blue .list li {
	margin-bottom: 20px;
	padding-bottom: 20px;
	border-bottom: 1px solid #eee;
}

	.Blue .list li:last-of-type {
		border-bottom: none;
	}

.borderTopBox {
	border-top: 8px solid;
	color: #006d9e;
}

.articleImage {
	overflow: hidden;
	padding: 0px;
}

.articleitem .borderTopBox p.categoryBottom {
	font-family: 'Noto Sans', Arial, sans-serif;
	font-size: 16px;
	color: #808080;
	text-transform: uppercase;
	margin: .5rem 0rem .5rem 0rem;
	font-style: italic;
}

.articleitemtitle a {
	font-family: 'MMC Display', Arial, sans-serif;
	font-size: 22px;
	line-height: 29px;
	color: #002c77;
	text-decoration: none;
	font-weight: bold;
}

	.articleitemtitle a:hover {
		color: #002c77;
		text-decoration: underline !important;
	}

	.articleitemtitle a:focus {
		color: #002c77;
		text-decoration: underline !important;
		border: 2px solid #002c77;
	}

.articleitem .articlecategoryheader {
	font-family: 'Noto Sans', Arial, sans-serif;
	font-size: 24px;
	color: #006d9e;
	text-decoration: none solid rgb(0, 109, 158);
	line-height: 1.4;
}

.articleItemdate {
	font-family: 'Noto Sans', Arial, sans-serif;
	font-size: 13px;
	line-height: 24px;
	color: #4e6287;
	text-decoration: none;
	margin-top: 16px;
	font-weight: 700;
}

.articlebox {
	border: 1px solid #c6c6c6;
	background-size: cover;
	box-shadow: 5px 5px 6px rgba(0, 0, 0, 0.15);
	margin-bottom: 32px;
}

.articleListingCategoryHeading {
	font-family: 'Noto Sans', Arial, sans-serif;
	font-size: 16px;
	color: #999999;
	text-decoration: none solid rgb(153, 153, 153);
	margin-bottom: 8px;
	margin-top: 15px;
	text-transform: uppercase;
}

.articlesummary {
	padding: 24px 24px 8px 24px !important;
}

.articlesummarytext {
	font-family: 'Noto Sans', Arial, sans-serif;
	font-size: 1rem;
	color: #001f52;
	text-decoration: none solid rgb(47, 57, 64);
	line-height: 1.5;
	padding-top: 0px;
}

	.articlesummarytext p {
		font-family: 'Noto Sans', Arial, sans-serif;
		font-size: 1rem;
		color: #001f52;
		text-decoration: none solid rgb(47, 57, 64);
		line-height: 1.5;
		margin-bottom: 16px;
	}

	.articlesummarytext a {
		color: #2c6ef2 !important;
		text-decoration: underline;
	}

		.articlesummarytext a:hover {
			color: #2c6ef2 !important;
			text-decoration: none !important;
		}

		.articlesummarytext a:focus {
			color: #2c6ef2 !important;
			text-decoration: none !important;
			border: 2px solid #2c6ef2;
		}

.lastestarticleheading {
	font-family: 'MMC Display', Arial, sans-serif;
	font-size: 26px;
	color: #002c77;
	text-decoration: none solid rgb(0, 109, 158);
	line-height: 29px;
	font-weight: 700;
}

.articleImg {
	width: 100%;
	height: 100%;
}

.no-gutters {
	padding-right: 0px;
	padding-left: 0px;
}

.noLeftrightMargins {
	margin-left: 0px;
	margin-right: 0px;
}

.relateditemsarticle {
	border-top: 2px solid #bfbfbf;
	background-color: #ffffff;
	background-size: cover;
	padding-top: 2%;
	/*border-bottom: 2px solid #bfbfbf;*/
	padding-bottom: 2%;
}

.relatedArticleHeading {
	color: #001f52;
	font-family: "MMCDisplay-Bold", "MMC Display", "MMC Display", "font-L-fch6crbdd5p7j8hu496mugt08hmq6w3cc5wj4b12e1qq6x3kcdt6jw3m9tgput9278h4uka38hmq6w3cc5wjugkfdhj24b12etgq4ub1dtu24eh289qprt125gh7etb9cxm788hu6wr30b12d5u62v39cch3mtk1dhtpaz8", Arial !important;
	font-weight: 700 !important;
	font-size: 28px;
}

.relatedArticleImg {
	height: 100%;
	width: 100%;
}

@media only screen and (max-width: 992px) {
	.relatedArticleImg {
		display: none;
	}
}

.articlerelateditems li {
	color: rgb(14, 83, 221) !important;
	font-size: 16px !important;
}

	.articlerelateditems li a {
		color: rgb(14, 83, 221) !important;
		font-size: 16px !important;
		line-height: 36px !important;
	}

.iMercerCustomGreen ul li a:hover {
	color: rgb(14, 83, 221) !important;
	font-size: 16px !important;
	line-height: 36px !important;
}

.articlerelateditems li:after {
	content: "\f061";
	width: 1.5em;
	color: rgb(14, 83, 221) !important;
	font-family: 'Font Awesome 5 Free';
	font-weight: 900;
	margin-left: 5px;
}

.relateditemstop {
	background-color: #002c77;
	color: #fff;
	padding: .2rem 1rem;
	text-transform: UPPERCASE;
}

.searchbar div input {
	margin-left: 0px;
	width: 70%;
	height: 35px;
	border: 1px solid #8096b2;
	border-radius: 3px 0px 0px 3px;
	background-color: #f8fafc;
	padding: 16px;
	color: #001f52;
}

.searchbar div {
	padding-bottom: 10px;
}

	.searchbar div a img {
		height: 35px;
		border: 0px;
		background-color: #002c77 !important;
		background-size: cover;
		box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.2);
		border-radius: 0px 5px 5px 0px !important;
		margin-bottom: 2px;
	}

.articleItemHeading {
	font-family: 'MMC Display', Arial, sans-serif;
	font-size: 32px;
	color: #001f52;
	text-decoration: none solid rgb(0, 127, 166);
	line-height: 35px;
	margin-top: 0px;
}

.articleContent h2 {
	font-family: 'MMC Display', Arial, sans-serif;
	font-size: 26px;
	line-height: 29px;
	color: #001f52;
}

.articleContent h3 {
	font-family: 'MMC Display', Arial, sans-serif;
	font-size: 20px;
	line-height: 26px;
	color: #001f52;
	margin-top: 16px;
}

.articleContent h4 {
	font-family: 'Noto Sans', Arial, sans-serif;
	font-size: 18px;
	font-weight: 600;
	line-height: 26px;
	color: #001f52;
	margin-top: 16px;
}

.articlerelateditems {
	/*list-style: disc;
	padding: 15px;*/
}

.relatedItemsList {
	font-family: 'Noto Sans', Arial, sans-serif;
	font-size: 18px;
	color: #007fa6;
	font-weight: 600;
	text-decoration: none solid rgb(0, 127, 166);
	line-height: 1.5;
}

.relateditemstop {
	background-color: #006d9e;
	color: #fff;
	padding: .2rem 1rem;
	text-transform: UPPERCASE;
}

.searchbar div a img {
	height: 35px;
	padding: 6px 10px;
	border: none;
	background-color: #002c77;
	background-size: cover;
	box-shadow: none;
	display: inline !important;
}

	.searchbar div a img:hover {
		background-color: #0065ac !important;
	}

	.searchbar div a img:focus {
		background-color: #0065ac !important;
	}

.dig_pager_buttons {
	border: 1px solid #767676;
	background-color: #ffffff;
	background-size: cover;
	color: #001f52;
	padding: 16px 16px 12px;
	margin-right: 3px;
	border-radius: 0px;
	font-size: 9pt;
}

.dig_pager_current {
	border: 1px solid #002c77;
	background-color: #002c77;
	background-size: cover;
	color: #ffffff !important;
}

.dig_pager a:visited {
	color: #001f52;
}

.dig_pager a:hover {
	background-color: #0065ac;
	color: #ffffff;
}

.dig_pager a:focus {
	background-color: #0065ac;
	color: #ffffff;
	border: 2px solid #002c77;
}

.dig_pager a:active {
	color: #ffffff;
	background-color: #007fa6;
	border: 1px solid #007fa6;
}

.dig_pager a span {
	font-family: 'Noto Sans', Arial, sans-serif;
	font-size: 18px;
	text-decoration: none solid rgb(255, 255, 255);
	line-height: 36px;
	text-align: center;
}

.errormessagediv {
	padding-top: 45px;
	font-family: 'Noto Sans', Arial, sans-serif;
}

#Breadcrumbforknowledgelibrary span a {
	color: #2c6ef2 !important;
	text-decoration: underline !important;
}

	#Breadcrumbforknowledgelibrary span a:visited {
		color: #2c6ef2 !important;
	}

	#Breadcrumbforknowledgelibrary span a:hover {
		text-decoration: none !important;
	}

	#Breadcrumbforknowledgelibrary span a:focus {
		text-decoration: none !important;
		border: 2px solid #2c6ef2;
	}

.articleListingCategoryHeading ul {
	list-style-type: none;
	display: inline;
	margin-left: 0px;
	border-right: 1px solid #999;
}

	.articleListingCategoryHeading ul li {
		margin-left: 7px;
		display: inline;
	}

	.articleListingCategoryHeading ul:last-of-type {
		border-right: none;
	}

	.articleListingCategoryHeading ul li a {
		font-family: 'Noto Sans', Arial, sans-serif;
		font-size: 16px;
		color: #999999;
		text-decoration: none;
		margin-bottom: 8px;
		margin-top: 15px;
		text-transform: uppercase;
		pointer-events: none;
		cursor: default;
	}

.breadcrumb-span a {
	color: #007fa6
}

#Breadcrumbforknowledgelibrary span a {
	color: #007fa6
}

.articleListingCategoryHeading ul li:first-of-type {
	margin-left: 0px;
}

.article-Category ul {
	list-style-type: none;
	display: inline;
	margin-left: 1px;
	border-right: 1px solid #999;
}

	.article-Category ul li {
		display: inline;
	}

	.article-Category ul:last-of-type {
		border-right: none;
		margin-left: 3px;
	}

	.article-Category ul li a {
		font-family: 'Noto Sans', Arial, sans-serif;
		font-size: 16px;
		color: #999999;
		text-decoration: none;
		margin-bottom: 8px;
		margin-top: 15px;
		text-transform: uppercase;
		pointer-events: none;
		cursor: default;
	}

.leftpanesearchtext {
	height: 36px;
	font-family: 'Noto Sans', Arial, sans-serif;
	font-size: 20px;
	color: #002c77;
	line-height: 36px;
}

.LeftrightMargins {
	margin-left: 20px;
	margin-right: 20px;
	padding-left: 0px;
	padding-right: 0px;
}

.bg-img {
	width: auto;
	height: 267px;
	position: relative;
	background: bottom right no-repeat;
}

	.bg-img:before {
		content: "";
		position: absolute;
		top: 0;
		right: 0;
		bottom: 0;
		left: 0;
		background: linear-gradient(90deg, #009de0 0%, #009de0 60%, rgba(255, 255, 255, 0) 100%);
	}

.SurveyTitle {
	font-size: 2.25rem;
	line-height: 1.2;
	font-weight: 700;
}

.SurveySubTitle {
	font-size: 1.5rem;
	line-height: 1.4;
	font-weight: 400;
}


.gradientBackground {
	background: rgb(0,157,224);
	background: linear-gradient(90deg, rgba(0,157,224,1) 0%, rgba(0,119,160,1) 100%);
}

@media (min-width: 992px) {
	.topRight {
		padding-left: 0px;
		padding-right: 0px;
	}
}

.heroImage {
	-webkit-clip-path: polygon(25% 0%, 0% 100%, 100% 100%, 100% 0%);
	clip-path: polygon(25% 0%, 0% 100%, 100% 100%, 100% 0%);
	float: right;
	object-fit: cover;
	height: 100%;
}

#divArtCard {
	display: flex;
	/*padding: 5px;
	margin: 10px;*/
	align-items: center;
	min-height: 10vh;
}

	#divArtCard .wrapper {
		width: 100%;
		position: relative;
		margin-left: 0.0625rem;
	}


		/*	Large screens 	*/
		#divArtCard .wrapper .carousel {
			display: flex;
			flex-wrap: wrap;
			gap: 48px;
		}
/*	Small laptops and desktops	*/
@media screen and (max-width: 1366px) {
	#divArtCard .wrapper .carousel {
		gap: 32px !important;
	}
}
/*	Tablets	*/
@media screen and (max-width: 1024px) {
	#divArtCard .wrapper .carousel {
		gap: 16px !important;
	}
}
/*	Medium mobile phones*/
@media screen and (max-width: 768px) {
	#divArtCard .wrapper .carousel {
		display: inline !important;
	}
}

#divArtCard .carousel::-webkit-scrollbar {
	display: none;
}

#divArtCard .carousel.no-transition {
	scroll-behavior: auto;
}

#divArtCard .carousel.dragging {
	scroll-snap-type: none;
	scroll-behavior: auto;
}

	#divArtCard .carousel.dragging .card {
		cursor: grab;
		user-select: none;
	}

#divArtCard .carousel .card {
	scroll-snap-align: start;
	box-shadow: 0px 0px 4px #888888;
	width: 15.5rem;
	height: auto;
	min-height: 17rem;
	list-style: none;
	background: #fff;
	padding-bottom: 15px;
	flex-direction: column;
	display: flex;
	/*margin: 8px;*/
	flex: 1;
}

	#divArtCard .carousel .card:hover {
		transition: all linear 200ms;
		z-index: 1;
		cursor: default;
		fill: #6e6e6e;
		box-shadow: 1px 1px 12px rgba(0,0,0,0.6);
		stroke-width: 1;
	}

	#divArtCard .carousel .card img {
		width: 100%;
		height: 7rem;
		cursor: default;
	}

	#divArtCard .carousel .card h3 {
		color: #002c77;
		/*font-weight: bold;*/
		margin: 1.2rem;
		font-family: 'Noto Sans', Arial, sans-serif;
		font-size: 17px;
		cursor: default;
	}

	#divArtCard .carousel .card span a {
		font-family: 'Noto Sans', Arial, sans-serif;
		font-size: 16px;
		color: #2c6ef2;
		text-decoration: underline;
		line-height: 21px;
		margin-left: 1.2rem;
		cursor: pointer;
	}

		#divArtCard .carousel .card span a:hover {
			font-family: 'Noto Sans', Arial, sans-serif;
			font-size: 16px;
			color: #2c6ef2;
			text-decoration: none;
			line-height: 21px !important;
			margin-left: 1.2rem;
			cursor: pointer;
		}

@media screen and (max-width: 1300px) {
	#divArtCard .carousel .card {
		height: auto;
	}
}

@media screen and (max-width: 920px) {
	#divArtCard .carousel .card {
		width: 15.5rem;
		height: auto;
	}
}

@media screen and (max-width: 768px) {
	#divArtCard .carousel .card img {
		width: 100%;
	}

	#divArtCard .carousel .card {
		height: auto;
		margin: 12px;
		float: left;
	}
}

.spnarrow {
	font-family: 'Font Awesome 5 Free' !important;
	text-decoration: none !important;
	margin-left: 0px !important;
}

#divArtCard h3 {
	font-size: 1rem;
	line-height: 22px;
}

.spnArticle {
	font-family: 'Font Awesome 5 Free' !important;
	text-decoration: none !important;
	font-size: 500% !important;
	padding: 3rem 3rem 2.5rem 5rem !important;
	line-height: 44px !important;
}

.divtitle {
	margin-top: -60%;
	padding: 10px;
	background-color: #f6f7f9;
	color: rgb(0, 44, 119);
	font-size: 16px;
	font-style: normal;
	font-weight: normal;
	line-height: 23px;
	margin-left: 5px;
	margin-right: 5px;
	box-shadow: 1px 1px 12px rgba(0,0,0,0.6);
}