.dccgreyBackground {
	background-color: #e5e8e7;
	padding-top: 10px;
	padding-bottom: 10px;
}

.dccsectionFeatured {
	padding-top: 2rem;
	padding-bottom: 2rem;
	padding-left: 5.56%;
	padding-right: 5.56%;
}

.dccsectionFeatured img {
	border-radius: 50em;
	border: 3px solid #035ab8;
}

.dccsectionFeatured .dccsectionFeatured_name {
	font-size: 1.5rem;
}

.dccsectionPadding {
	padding-top: 2rem;
	padding-bottom: 2rem;
}

.dccheadshots {
	display: grid;
	padding: 0;
	margin: 0;
	list-style: none;
	grid-template-columns: repeat(3, 1fr);
	grid-gap: 30px;
}

.dccheadshots .dccheadshot {
	max-width: 250px;
}

.dccheadshots .dccheadshot img {
	border-radius: 50em;
	border: 3px solid #035ab8;
}

.dccheadshots>li {
	display: flex;
	flex-direction: column;
	align-items: center;
	text-align: center;
	gap: 15px;
	margin-top: 0;
}

.dccheadshots .dccheadshotInfo>.dccname {
	margin-top: 0;
	margin-bottom: 5px;
	font-size: 1.5rem;
}

.dccheadshots .dccheadshotInfo>.dccposition {
	margin-top: 0;
	font-size: 1rem;
}

h2.dccheadingWithSeperator {
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 20px;
	margin-top: 0 !important;
	margin-bottom: 3.125rem;
}

h2.dccheadingWithSeperator:after {
	content: '';
	height: 2px;
	background-color: #333;
	flex: 1;
}

@media all and (max-width: 899px) {
	.dccsectionFeatured .dccsectionFeatured_name {
		margin-top: 1rem;
	}

	h2.dccheadingWithSeperator {
		margin-bottom: 1.875rem;
	}

	.dccheadshots {
		grid-template: none;
	}

	.dccheadshots>li {
		flex-direction: row;
		gap: 20px;
		align-items: flex-start;
	}

	.dccheadshots>li>.dccheadshot {
		flex-basis: 100px;
	}

	.dccheadshots>li>.dccheadshotInfo {
		flex: 1;
	}

	.dccheadshots>li>.dccheadshotInfo {
		text-align: left;
	}

	.dccsectionFeatured img {
		max-width: 150px !important;
	}
}

/*********************Start ReImagine****************************/

#Main2:has(.dcc-edgeToEdge) {
	overflow: visible;
	padding-top: 0;
	padding-bottom: 0;
}

@media all and (max-width: 767px) {
	.dcc-reverseColumnStacking {
		flex-direction: column-reverse;
	}
}


/*********************End ReImagine****************************/

.dcc-newCards,
.newCards,
.dcc-gridBoxes {
	display: grid;
	gap: var(--gridGap, 20px);
	grid-template-columns: repeat(auto-fit, minmax(calc((1152px / var(--desiredColumnCount)) - var(--gridGap, 20px)), 1fr));
	--desiredColumnCount: 3;
	padding: 0;
	margin: 0;
}

.dcc-newCards > li,
.newCards > li,
.dcc-gridBoxes > li {
	margin: 0;
    display: flex;
    flex-direction: column;
    box-shadow: 3px 3px 9px 0px #ccc;
}

.dcc-newCards > li > a,
.newCards > li > a,
.dcc-gridBoxes > li > a {
	display: flex;
    flex-direction: column;
    flex: 1;
    text-decoration: none;
}

.dcc-newCards > li > a > img,
.newCards > li > a > img,
.dcc-gridBoxes > li > a > img {
	width: 100%;
}

.dcc-newCards > li > a > .dcc_card-title,
.newCards > li > a > .dcc_card-title,
.dcc-gridBoxes > li > a > .dcc_card-title {
	FONT-SIZE: 20px;
    BACKGROUND-COLOR: #0049AF;
    color: #f7f7f7;
    padding: 20px;
    text-align: center;
    flex: 1;
    display: flex;
    flex-direction: column;
    font-weight: 600;
    margin: 0;
    letter-spacing: .05em;
}

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
    .dcc-newCards, .newCards, .dcc-gridBoxes {
        display: flex;
        flex-wrap: wrap;
        gap: 0;
    }
    
    .dcc-newCards > li, .newCards > li, .dcc-gridBoxes > li {
        flex-grow: 1;
        flex-shrink: 1;
        flex-basis: calc((1152px / var(--desiredColumnCount)) - var(--gridGap, 20px));
        flex-basis: calc((1152px / 4 ) - 20px );
        margin: 10px;
    }

    .dcc-newCards > li, .newCards > li, .dcc-gridBoxes.columnCount-1 > li {
        flex-basis: calc((1152px / 1 ) - 20px );
    }

    .dcc-newCards > li, .newCards > li, .dcc-gridBoxes.columnCount-2 > li {
        flex-basis: calc((1152px / 2 ) - 20px );
    }	

    .dcc-newCards > li, .newCards > li, .dcc-gridBoxes.columnCount-3 > li {
        flex-basis: calc((1152px / 3 ) - 20px );
    }

    .dcc-newCards > li, .newCards > li, .dcc-gridBoxes.columnCount-4 > li {
        flex-basis: calc((1152px / 4 ) - 20px );
    }

    .dcc-newCards > li, .newCards > li, .dcc-gridBoxes.columnCount-5 > li {
        flex-basis: calc((1152px / 5 ) - 20px );
    }

    .dcc-newCards > li, .newCards > li, .dcc-gridBoxes.columnCount-6 > li {
        flex-basis: calc((1152px / 6 ) - 20px );
    }
    
    .dcc-newCards > li > a > .dcc_card-title,
    .newCards > li > a > .dcc_card-title,
    .dcc-gridBoxes > li > a > .dcc_card-title {
        flex: 1 1 auto;
    }
    
    .dcc-newCards > li > a, .newCards > li > a, .dcc-gridBoxes > li > a {
        min-height: 1px;
        flex: 1 1 auto;
    }
    
    .dcc-newCards > li > a > img,
    .newCards > li > a > img, .dcc-gridBoxes > li > a > img {
        min-height: 1px;
    }
    
}

@media all and (max-width: 767px) {
    .stylizedTextVersionBannerHeading {
        font-size: 20px !important;
    }
}