.card-grid{display: flex;flex-wrap:wrap;flex-direction:row;justify-content:center;gap:1.5rem;margin-bottom:2rem;}
.col4 .card{width:calc(25% - 1.125rem);} /*1.5gap x 3(#GAPS) / 3 (#ITEMS)*/
/*#content .card p{font-size:1rem;}*/
.card{width:calc(25% - 1.125rem);border:1px solid #002449;padding:1rem;padding-bottom:2.5rem;text-align:left;position:relative; background-color: #fff;}
#content .card a.arrow{position:absolute;bottom:1rem;}
#content .card.solution a:first-child{max-width:320px;}
#content .card.solution a:first-child svg{}
#content .card.solution a:first-child{display: block;height: auto;margin-bottom: .5rem;}
#content .card.longlogo a:first-child{padding-top:6px;}

svg .sol-ltblue {fill: #009ddb;}
svg .sol-dkblue {fill: #004677;}
svg .sol-navy {fill: #002449;}
svg .sol-nofill {fill: none;}


/*Resource Cards*/
#content .card.resource{padding:0 1rem 2.5rem 1rem;font-family:Montserrat;}
#content .card.resource a{display:block;}
#content .card.resource img{position:relative;display:block;width:calc(100% + 2rem);left:-1rem;margin-bottom:.5rem;}
#content .card.resource a:first-child + p strong{font-size:1rem;font-weight:600;}
#content .card.resource p{display:block;margin:0 0 .5rem 0;}

#content .card.resource .title a{color:#004677;font-size:1.25rem;font-weight:300;line-height:1.25;text-decoration:none;}
#content .card.resource .title a:hover{text-decoration:underline;}

#content .card.resource a.readmore{display: block;background-color: #f2f2f2;padding: 0px 8px;line-height: 32px;font-size:.95rem;font-weight: bold;color: #004677;margin-bottom: 0px;transition: all .25s ease-in-out;position: absolute;bottom: 0px;left: 0px;width: 100%;text-decoration: none;}
#content .card.resource a.readmore:hover{color:#002449;}
#content .card.resource a.readmore:after {content: '\25b8';position: absolute;top: 0px;right: 8px;font-size: 1.1875rem;display: block;line-height: 32px;}
		
@media (max-width:950px) {
		.card-grid .card{width:calc(33.33% - 1rem);}
		.card-grid.col4 .card:last-child{display:none;}
}

@media (max-width:700px) {
	.card-grid.col4 .card:last-child{display:block;}
	.card-grid .card{width:calc(50% - 1rem);}
}
@media (max-width:480px) {
	.card-grid{display:block;margin-bottom:1.5rem;}
	.card-grid .card{width:100%;margin-bottom:1.5rem;}
}












/*CPH ADDED 20250529*/
svg .wl-teal {fill: #007C82;}
svg .wl-grey {fill: #333D47;}

/*FOR SOLUTIONS WITHOUT BANNER H1*/
#content h1.small {color: #004677; font-family: Montserrat;font-size: 2.25rem; font-weight: 300; line-height: 1.25; margin-bottom: 16px;}		
@media (max-width: 1024px){ #content  h1.small {font-size: 2rem; } }		
@media (max-width: 760px){ #content h1.small {font-size: 1.75rem; }	}


/*FOR USE ON SOLUTIONS PAGE REMOVE WHEN REBUILT*/ /*REMOVE ALL TOP TABS*/
#content ul.toptabs.block {border:none;}
#content ul.toptabs.block:before {display:none;}
#content ul.toptabs.block > li {width:19.2%;float:left;margin:0;margin-right:1%;}
#content ul.toptabs.block > li:last-child {margin-right:0;}
body #content ul.toptabs.block > li > a {background-color:#004677;color:#fff;font-family:Montserrat;text-decoration:none;}
body #content ul.toptabs.block li > a:hover, body #content ul.toptabs.block li > a.active {background-color: #002449; color:#fff;text-decoration:none;}

@media (max-width:950px) {
		#content ul.toptabs.block > li .card-grid.col4 .card{width:calc(33.33% - 1rem);}
		#content ul.toptabs.block > li .card-grid.col4 .card:last-child{display:block;}
}

@media (max-width:700px) {
	#content ul.toptabs.block > li .tabcontent{padding-bottom:3rem;}
	#content ul.toptabs.block > li {width:100%;float:none;margin-right:0%;}
	#content .tabcontent h3.small {text-align:left;}
	#content ul.toptabs.block > li .card-grid.col4 .card{width:calc(50% - 1rem);}
	body #content ul.toptabs.block > li > a{background-color:#f2f2f2;color:#004677;}
	body #content ul.toptabs > li > a:first-child:before{color:#004677 !important;}
	body #content ul.toptabs.block li a:hover:first-child:before,
	body #content ul.toptabs.block li a.active:first-child:before {color:#fff !important;;}
}

@media (max-width:480px) {
	#content ul.toptabs.block > li .card-grid{display:block;margin-bottom:1.5rem;}
	#content ul.toptabs.block > li .card-grid.col4 .card{width:100%;margin-bottom:1.5rem;}
	#content ul.toptabs.block > li .tabcontent{padding-bottom:1.5rem;}
}

/*SOLUTIONS TILE BANNERS*/
#content ul.toptabs.block > li .card-grid.col4 .card.tilebanner{color:#fff;background: linear-gradient(45deg, rgba(0, 33, 67, 1) 0%, rgba(0, 36, 73, 1) 33.3%, rgba(0, 70, 119, 1) 100%);}
#content ul.toptabs.block > li .card-grid.col4 .card.tilebanner.large{color:#fff; width:calc(50% - 1.125rem);padding:2rem;}

#content ul.toptabs.block > li .card-grid.col4 .card.tilebanner h4{color:#fff;line-height:1.25;}
#content ul.toptabs.block > li .card-grid.col4 .card.tilebanner.small h4{color:#fff;line-height:1.25;font-size:1.35rem;margin-bottom:.75rem;}
#content ul.toptabs.block > li .card-grid.col4 .card.tilebanner a.button{border-color:#fff;color:#fff;background-color:transparent;}
#content ul.toptabs.block > li .card-grid.col4 .card.tilebanner a.button:hover{border-color:#fff;color:#002449;background-color:#fff;}
/*CPH ADDED 20250529
SOLUTION TILE BANNERS WITH SVG LOGOS*/
#content ul.toptabs.block > li .card-grid.col4 .card.tilebanner a.logo svg .sol-dkblue,
#content ul.toptabs.block > li .card-grid.col4 .card.tilebanner a.logo svg .sol-ltblue,
#content ul.toptabs.block > li .card-grid.col4 .card.tilebanner a.logo svg .sol-navy,
#content ul.toptabs.block > li .card-grid.col4 .card.tilebanner a.logo svg .wl-teal,
#content ul.toptabs.block > li .card-grid.col4 .card.tilebanner a.logo svg .wl-grey,
#content ul.toptabs.block > li .card-grid.col4 .card.tilebanner a.logo svg{fill:#fff; margin-bottom: .5rem;}

/* SOLUTIONS BANNERS */
.banner.solution .logo:first-child svg .sol-ltblue,
.banner.solution .logo:first-child svg .sol-dkblue,
.banner.solution .logo:first-child svg .sol-navy,
/*CPH ADDED 20250529*/
.banner.solution .logo:first-child svg .wl-teal,
.banner.solution .logo:first-child svg .wl-grey,

.banner.solution .logo:first-child svg{fill:#fff;}
.banner.solution .container .logo:first-child svg {height: 64px;margin:48px 0;display:block;}
.banner.solution {padding-top: 112px;}
.banner.solution .container {display:flex; align-items: center; flex-direction:row;position:relative;}
.banner.solution .logo + h1{font-family: Montserrat;font-weight: 300;font-size: 2rem;color:#fff;text-transform: none;padding-left:2rem;margin-left:2rem;}
.banner.solution .logo + h1:before {content: '';display: block;width: 1px;height: 80px;background-color: #fff;position:absolute;top:50%;transform: translateY(-50%);margin-left:-2rem;}


.banner.solution .logo.longlogo + h1{font-size:1.5rem;}


@media (max-width: 1112px){
	.banner.solution .container{padding:0 18px;} 
	.banner.solution .container .logo.longlogo:first-child svg {height: 48px;margin:54px 0;}

}
@media (max-width: 1024px){	
	.banner.solution {padding-top:0px;margin:0;} 
}

@media (max-width: 960px){
	.banner.solution .logo + h1{font-size:1.5rem;}
	.banner.solution .logo + h1 br{display:none;}
}

@media (max-width: 760px){
	.banner.solution .container {display:block;padding:3rem 1rem;margin-top:0px !important;}
	.banner.solution .logo + h1:before{display:none;}
	.banner.solution .logo + h1{display:block;font-size: 1.25rem;text-align:center;padding:0;margin:0px auto;margin-top:1rem;}
	.banner.solution .container .logo:first-child svg{display:block;margin:0px auto;max-width:100%;}
	.banner.solution .container .logo.longlogo:first-child svg {display:block;margin:0px auto;height: 64px;}
	
	
}