/* CIC override */
.microsite-logo { position: absolute; top: 16px; left: calc(3.5rem + 177px); max-height: 66px; background-size: contain; border-left: 1px solid #dfdfdf; margin: 0 0 0 20px;  z-index: 99999999; width: 300px; height: 50px; background-size: contain; background-repeat: no-repeat; padding-left: 20px; background-position-x: 20px;} 
.c411-page-wrap main.container { min-height: inherit !important; }
.row::before, .row::after, .mobile-sticky-cta-wrap { display:none !important; }

h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6 { font-family: inherit; color: inherit; font-weight: bold; }
.row, .row > *, .container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl { --bs-gutter-x: inherit!important; --bs-gutter-y: inherit!important;   margin-right: inherit!important; margin-left: inherit!important;  }
.container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl { max-width: 80% !important; min-width: 1140px; margin-left: auto !important;  margin-right: auto !important;}
.container, .container-fluid, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl { padding-right: inherit; padding-left: inherit; }
.page-section { padding-top: inherit; padding-bottom: inherit; }


header.cic { height: auto; } /*cic*/
footer.cic { background: #fff !important; padding: 2rem 0 !important; color: #333; margin: auto; } /*cic*/
footer.cic::after { display:none; }
footer.cic a { color:#333 !important; }
footer.cic ul.footer-links a { padding: 1rem 3rem 1rem 0;}
footer.cic .row { padding-left: 1rem; padding-right: 1rem; }
footer.cic .c411-footnotes { padding-left: 2.5rem; padding-right: 2.5rem; }

.spotlight { position: absolute; z-index: 9999; display: flex; color: #fff; font-size: 0.65rem; text-transform: uppercase; letter-spacing: 0.5px; font-weight: bold; line-height: 1.6;}
.spotlight .cic { background: #d72e2a; padding: 0px 0.65rem 0 3.5rem; border-radius: 0 5px 5px 0; z-index: 2;}
.spotlight .client { background: #488321; padding: 0 0.5rem 0 1rem; border-radius: 0 5px 5px 0; margin-left: -0.5rem; z-index: 1;}


/* client css override */
h4 { font-size: 1.5rem; }
.content-wrap {padding-right: initial !important; padding-left: initial !important; }
.main-content-left { margin-bottom: 0px;}
.form-section { margin: -104px 0 -300px; height: min-content; position: sticky; top: 0; top:-180px; z-index: 999999; } 			 


.video-banner-content { max-width: 65%; bottom: auto; display: flex; height: 100%; flex-direction: column; align-items: start; justify-content: center;}
.video-banner-content h3 { font-size: 11px; text-transform: uppercase; letter-spacing: 0.3px; }
.video-banner-content h1 { max-width: 28ch; margin: 0; text-align: left;font-weight: bold; text-shadow: 0 0 10px rgba(0,0,0,0.3); }
.video-banner-content p { max-width: 64ch; text-align: left; margin-top: 1rem;}
.overlayB { height: 100%; background: rgba(13, 28, 15, 0.5);}
.techHome { padding-right: 10%; padding-bottom: 1rem; }
.addImgFullWidth { margin: 0 auto; height: 370px; }
.row-feat { gap: 1rem; justify-content: space-between; width: 100%; }
.row-feat > * { padding:0 !important; margin: 0 !important; flex-basis: 30%; } 
.row1 .row .page-section-top {padding-right: inherit; padding-left: inherit;}
.row4 a { /* color: #fff; pointer-events: none;  */}
.rowCTA { padding: 5rem 2rem; margin: auto; text-align: center; max-width: 92ch; font-size: 1rem;}
.rowCTA a { display: inline-block; width: auto !important; height: 56px; line-height: 56px; padding: 0 30px; margin: 20px 0 0 0 !important; background: #94c949; }

footer .page-small-section { padding-bottom: 0rem !important; }
footer::after { background-image: linear-gradient(180deg, rgba(30, 52, 64, 0.95) 50%, rgba(23, 34, 36, 0.6) 100%); }





/*highlight boxes*/
.highlights-row { display:flex; flex-wrap:wrap;   position: absolute; bottom: -5px;}
.highlights { font-weight: 600; display: flex; flex-wrap: wrap; align-items: center; line-height: 1.2; flex: 1 1 25%; padding: 0; margin: 0; color: #fff; gap: 0.75rem; font-size: 14px;}
.highlights .highlights-fact { background: #fff; margin: 0; font-weight: normal; font-size: 0.9rem; color: #333; border-top: 4px solid #638d43; padding: 0.75rem 1rem 0.5rem; border-radius: 0.5rem; text-align: center; border-bottom: 0; }
.highlights .highlights-fact h2 { font-weight: bold; font-size: 1rem; margin-bottom: 0.25rem; }



/*content_block_container*/
.content_block_container { }
.content_block_container h2 { font-size: 1.5rem;  padding-bottom: 0.5rem; }
.content_block_container .item { padding: 1rem 0 0; margin: 0 0 1.5rem 0; }
	.content_block_container .item h5 { text-transform: uppercase; color: #6FA243; margin-bottom: 8px; font-size: 0.75rem; letter-spacing: 0.1rem; }
	.content_block_container .item h6 { font-size: 0.85rem; line-height: 1.3; font-style: italic; font-weight: normal; }
.content_block_container .item ul li { list-style: none; position: relative; }
.content_block_container .item hr { margin-top: 0; margin-bottom: 2rem;}

.content_block_container .item.none ul { padding: 0; margin: 0;}
.content_block_container .item.none ul li { padding: 0 0 0.5rem 1.25rem; }
.content_block_container .item.none ul li:before { content: "✓"; font-size: 1rem; color: #6FA243; width: 36px; height: 36px; display: flex; align-items: start; justify-content: start; position: absolute; left: 0rem;}
.content_block_container .item.b1 { background: #f5f5f5; padding: 1.25rem 1rem 0.25rem 1.25rem; border-radius: 8px; border-left: 4px solid #6FA243;   }
.content_block_container .item.b1 h2 { font-size:125%;  border: 0; }
.content_block_container .item.b2 { background: #f5f5f5; padding:2rem 2rem 1rem; margin-bottom: 2rem; border-radius: 8px; }
.content_block_container .item.b2 ul { margin: 0 0 1.5rem 0; padding: 0; display: flex; flex-direction: column; gap: 0.75rem;}
.content_block_container .item.b2 ul li { background: #fff; min-height: 71px; padding: 1rem 1rem 1rem 4rem; border-radius: 8px; border-top: 4px solid #6FA243; list-style: none; font-size: 0.9rem; line-height: 1.2; position: relative; display: flex; align-items: start; flex-direction: column; justify-content: center;}
.content_block_container .item.b2 ul li:before { content: "✓"; font-size: 1rem; color: #6FA243; flex: none; width: 36px; height: 36px; border-radius: 8px; background: #EFF5E6; display: flex; align-items: center; justify-content: center; position: absolute; left: 1rem;}
.content_block_container .item.b2 ul li strong { /* color: #6FA243; */ font-size: 1rem; padding-bottom: 0.1rem; display: inline-block; }
.content_block_container .item.b2 ul li br { display: none; }
.content_block_container .item.b3 { background: #2E3833; color: #fff; border-radius: 8px; padding: 2rem 2rem 1rem;  }
.content_block_container .item.b3 ul { margin: 0 0 1.5rem 0; padding: 0; display: flex; gap: 0.75rem; flex-wrap: wrap; justify-content: space-between; }
.content_block_container .item.b3 ul li {  padding: 0.25rem 1rem;  text-align: left; border-left: 3px solid #8DC63F; list-style: none; flex-basis: 100%; font-size: 14px; }
.content_block_container .item.b3 ul li strong {/*  color: #6FA243; */}
.content_block_container .item.b4 { }
.content_block_container .item.b4 ul { margin: 0 0 1.5rem 0; padding: 0;  }
.content_block_container .item.b4 ul li { list-style: none; padding: 0.5rem 0.5rem 0.5rem 0rem; border-bottom: 1px solid #e5e7eb;}
	.content_block_container .item.b4 ul li:last-child { border-bottom: 0;}
.content_block_container .item.b4 ul li:before { content: "✓"; color: #6FA243; width: 1.5rem; display: inline-block; font-size: 1.25rem; font-weight: 600;}
.content_block_container .item.b5 { /* accordion */ }
.content_block_container .item.b6 ul { margin: 0 0 1.5rem 0; padding: 0; display: flex; flex-direction: row; gap: 0.75rem; flex-wrap: wrap;}
.content_block_container .item.b6 ul li { background: linear-gradient(170deg,#5C8A46,#37433D); border-radius: 8px; padding: 1rem 3rem; text-align: center; color: #fff; list-style: none; text-transform: uppercase; font-size: 0.75rem;}
.content_block_container .item.b6 ul li strong { font-size:200%; display: block;}
.content_block_container .item.b6 ul li br { display: none;}
.content_block_container .item.b7 ul { margin: 0 0 1.5rem 0; padding: 0; display: flex; flex-direction: row; gap: 0.75rem; flex-wrap: wrap;}
.content_block_container .item.b7 ul li { list-style: none; font-size: 0.8rem;  font-weight: 500; color: #333; background: #F5F6F4; border: 1px solid #E1E4E0; border-radius: 999px; padding: 7px 13px;}
.content_block_container .item.b8 ul { margin: 0 0 1.5rem 0; padding: 0; display: flex; flex-direction: row; gap: 0.75rem; flex-wrap: wrap;}
.content_block_container .item.b8 ul li { background: #fff; border: 1px dashed #B0B7AD; border-radius: 8px; padding: 1rem 3rem; text-align: center; color: #505357; list-style: none; text-transform: uppercase; font-size: 0.75rem; font-weight: 700;}






/* accordion */
details { border:1px solid #eee;border-radius:9px;margin-bottom:8px;background:#fff;overflow:hidden; }
summary { list-style:none;display:flex;justify-content:space-between;align-items:center;gap:10px;padding:14px;font-size:14px;font-weight:700;color:#333;cursor:pointer; }
summary::-webkit-details-marker { display:none; }
summary::after { content:"+";font-size:20px;font-weight:700;color:#6FA243;flex:none;transition:transform .15s; }
details[open] summary::after { transform:rotate(45deg); }
details .a { padding:0 14px 14px;font-size:13px;color:#666; }









			@media (max-width: 976px) { 
			
				header .text-right.small-font { display:none !important; }
				header .logo-colleges-in-canada-horizontal { max-width: 100px !important;}
				
				.microsite-logo { position: absolute; top: 22px; left: 109px; max-height: 39px; background-size: contain; border-left: 1px solid #dfdfdf; margin: 0 0 0 20px; background-position-x: left 20px; max-width: 220px; }
				.spotlight .cic { padding-left: 0.75rem; }
				
				.container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl { max-width: inherit !important; min-width: inherit;}
				
				.video-banner-content { position: relative; bottom: auto !important; max-width: none;  padding: 0rem 1rem; 			justify-content: center; height: 75%; 		justify-content: end; height: 70%;}
				.video-banner-content h1 { max-width: none; font-size: 1.5rem; }
				.video-banner-content p { max-width: none; font-size: 0.9rem; }
				.highlights {  padding: 0 1rem; }
				.highlights-row { bottom: -15px; }
				.highlights .highlights-fact { flex-basis: 40%; font-size: 0.8rem; padding-left: 0.5rem; padding-right: 0.5rem; }
				.highlights .highlights-fact h2 { font-size: 120%;}
				
				.techHome { padding: 0 1rem 1rem;}
				.row1 h2 { text-align: left; }

				.row5 { background: #f5f5f5;}
				.rowCTA h2 { max-width: 18ch; margin-left: auto; margin-right: auto;}

				.form-section { margin: 0; height: auto; position: relative; top: auto; border-radius: 0;}

				
				/*content_block_container*/
				.content_block_container .item.b2 { margin-left: -1rem; margin-right: -1rem; padding-left: 1rem; padding-right: 1rem; }
				.content_block_container .item.b3 { margin-left: -1rem; margin-right: -1rem; }
				.content_block_container .item.b6 { line-height: 1.3; }
				.content_block_container .item.b6 ul { flex-wrap: nowrap; }
				.content_block_container .item.b6 ul li { padding: 1rem 1rem; flex-grow: 1; flex-basis: 100%; }
				.content_block_container .item.b8 ul li { padding: 1rem 1rem; }
				
				
				 .CTAmobile { display: block; box-shadow: 0 0 10px rgba(0,0,0,0.2);}
			}