nav.crumb.dkblue {background-color: #002449;color: #fff;}
nav.crumb.dkblue ul li, nav.crumb ul li:after, nav.crumb ul li a{color: #fff;}
#content section.dkblue  h2.f-title{color: #fff; margin-bottom:3rem;}
#content .solutions_card_section .card-grid {gap: 2rem; margin-top:3.5rem;justify-content: flex-start;}
#content .solutions_card_section a.card div:first-child {display: block; height: 40px; width: 215px; margin-bottom: 0.75rem;}


/* Header artlinework cwsui 20260116 */


.b-angle {position: absolute;top: -56px;left: 0;height: 525px;width: auto;opacity: 1;}
.b-angle.b-right {left: auto;right: 0;}
.b-angle.b-right svg {height: 100%;fill: none;stroke: #009DDB;stroke:#fff;stroke-width: 1px;}


body, html{overflow-x:unset}
.section.dkblue, section.dkblue{min-height: 1050px;}
.col_flex{display:flex;flex-direction: row;justify-content: space-between;align-items: flex-start;}
.col_one_fourth.solutions_side_nav { /* position:relative*/  position: sticky; top: 110px; /* top: clamp(min(4vw, 22rem), 110px, max(90vw, 45rem)); */ height: auto; overflow: visible; align-self: flex-start;}
.col_three_fourth.col_last.solutions_card_section{flex: 1;}

.col_one_fourth.solutions_side_nav input[type="checkbox"]{
	appearance: none;
    -webkit-appearance: none;
    width: 14px;
    height: 14px;
    border: 0.5px solid #00b3fa;
    display: inline-block;
    position: relative;
    cursor: pointer;
}

.col_one_fourth.solutions_side_nav input[type="checkbox"]:checked {
	border:none;
}

.col_one_fourth.solutions_side_nav input[type="checkbox"]:checked::after{
   /* content: '\2713';
    position: absolute;
    left: 3px;
    top: -12px;
    display: block;
    width: 50px;
    height: 50px;
    font-size: 1.5rem;
    color: #fff; */
	
	content:"";
	position:absolute;
	display: block;
	left: 3px;
	top: 0px;
	width: 6px;
	height:11px;
	border: solid #ffffff;
	border-width: 0 1px 1px 0;
	transform: rotate(35deg);
}



.solutions_card_section a.card{width: calc(50% - 1.125rem); padding-bottom: unset;padding:2rem; display:none; opacity:0; animation: FadeOut 0.5s ease-in-out; 
 
 &.active {
    display: block;
    opacity: 1;
    animation: FadeIn 0.5s ease-in-out;
    }
  }@keyframes FadeIn {
  0% {
    display: none;
    opacity: 0;
  }
  1% {
    display: block;
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

@keyframes FadeOut {
  0% {
    display: block;
    opacity: 1;
  }
  99% {
    display: block;
    opacity: 0;
  }
  100% {
    display:none;
    opacity: 0;
  }
}



#content .solutions_card_section a.card {border-bottom: 2px solid #e93d58; text-decoration:none;}
/*#content .solutions_card_section a.card > div:nth-child(even):after {white-space: nowrap; display: inline-block; margin-left: 8px; position: absolute; top: 1.25px;right: 0;  transition: all .25s ease-in-out; height: 16px; width: 16px;}*/

#content .solutions_card_section a.card > div:nth-child(even):after {white-space: nowrap; display: inline-block; position: absolute; transition: all .25s ease-in-out; height: 16px; width: 16px;right:2rem;bottom:2rem;margin-top:-2px;}

#content .solutions_card_section a.card > div:nth-child(even):after {content:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"><path style="fill:%23009DDB;" d="M7.3,14.9c-0.1,0-0.3-0.1-0.4-0.2l-0.8-0.8C6,13.8,6,13.7,6,13.5s0.1-0.3,0.2-0.4L10,9.3H2.5C2.2,9.3,2,9,2,8.7V7.6c0-0.3,0.2-0.5,0.5-0.5H10L6.1,3.2C6,3.1,6,2.9,6,2.8S6,2.5,6.1,2.4l0.8-0.8C7,1.5,7.2,1.5,7.3,1.5s0.3,0.1,0.4,0.2l6.2,6.2C13.9,7.9,14,8,14,8.2s-0.1,0.3-0.2,0.4l-6.2,6.2C7.6,14.8,7.4,14.9,7.3,14.9z"/></svg>');}
	
#content .solutions_card_section a.card > div:nth-child(even){text-decoration: none; font-size: 1.175rem; position: ; color: #004677; font-weight:300;padding-right: 1.5rem;}
#content .solutions_card_section a.card > div:nth-child(even):hover {text-decoration:underline;}

#content p a.clear {font-size:0.875rem; }
#content .solutions_side_nav p:nth-child(2){margin-bottom:2rem;}


#content .solutions_side_nav  p:first-child, #content .solutions_card_section p:first-child {font-weight:500; letter-spacing: 0.1rem;}
#content .solutions_side_nav  p:first-child {margin-bottom:0;}

/* template override */

#content .solutions_side_nav ul > li > label {margin-left:0.5rem;}
#content .solutions_side_nav ul li {font-size:1rem; margin-bottom:0; padding-left:0; line-height: 1.8rem;}
#content .solutions_side_nav ul li:before {display:none;}
#content .solutions_side_nav ul li a {text-decoration: none;}

span.d-name{display:none;}

/* IDC commted 12/22/2025 line work
#content .section.bg-ltblue {background-color: #004677; color:#fff;}
#content .ctafooter h2 {color:#fff;}
#content .pardotform form.form .required label {color:#ffffff !important;}
#content .section.bg-ltblue.ctafooter .col_two_third.col_last{border: 1.5px solid #009DDB; padding: 0.25rem 3.5rem;} */

/*
#content .section.ctafooter .col_one_fourth .line-work-left { position: absolute; top: -48px; left: -55px; height: 100%; width: auto; opacity: 1;}
#content .section.ctafooter .col_one_fourth .line-work-left svg {height: 874px; fill: none; stroke: #009DDB; stroke-linecap: square; stroke-miterlimit: 10; stroke-width: 1px;} */




@media (max-width: 1024px) {
	/* list to dropdown start */ 
	.col_flex {flex-direction: column;}
    .col_one_fourth.solutions_side_nav {position: relative; top:0;} 
    .col_one_fourth.solutions_side_nav input[type="checkbox"] {border: 2px solid #000000;}
    .col_one_fourth.solutions_side_nav input[type="checkbox"]:checked::after {left: 2px; top: -2px;}
    
   .b-angle.b-right {display: none;}


	#content .solutions_side_nav  {float: none; width: 100%; clear: both; margin-right: 0px; margin-bottom: 1.5rem;} 
	#content .solutions_side_nav  ul li {display:inline-block;}
	#content .solutions_side_nav  ul li a {font-size: 0.90rem;}
	
	#content .solutions_side_nav ul > li {width:100%; padding: 0 1rem; font-weight:700;}
	/*#content .solutions_side_nav ul > li > a::after {float: right;} */
	#content .solutions_side_nav ul {max-height: 220px; overflow-y: scroll; border: 2px Solid #002449;}	 
	#content .solutions_card_section {width:100%;}
	#content .solutions_card_section .card-grid {margin-top: 1.5rem}
	
	/* --- WebKit Scrollbar Styling (Chrome, Safari, Edge) --- */

		/* The whole scrollbar */
	#content .solutions_side_nav ul::-webkit-scrollbar {width: 12px; }
		/* The track (the area over which the scroll thumb runs) */
	#content .solutions_side_nav ul::-webkit-scrollbar-track {background: #f1f1f1; border-radius: 10px;}
		/* The scroll thumb (the draggable part) */
	#content .solutions_side_nav ul::-webkit-scrollbar-thumb {background-color: #888; border-radius: 10px; border: 3px solid #f1f1f1;}
	/* The scroll thumb on hover */
	#content .solutions_side_nav ul::-webkit-scrollbar-thumb:hover {background: #555;}
		/* The corner of the scrollbar where the two scrollbars meet */
	#content .solutions_side_nav ul::-webkit-scrollbar-corner {background: #f1f1f1;}
		/* --- Firefox Scrollbar Styling --- */
		/* For Firefox, styling options are more limited and use standard properties */
	#content .solutions_side_nav ul { scrollbar-width: inherit; /* "auto" or "none" */ scrollbar-color: #888 #f1f1f1; display: none;}
		
	#content .solutions_side_nav ul.active {display:block;}	
	#content .solutions_side_nav ul li {list-style:none; display: flex; align-items:center; position: relative; /*padding: 12px 32px 12px 16px;*/ line-height:1.5rem; font-weight: bold; background-color: #fff; color: #002449; border-left: unset; border-right: unset; margin-bottom: 0px;}
    #content .solutions_side_nav ul > li > label {width:100%; padding:0.5rem}	
    #content .solutions_side_nav ul li:hover {background-color: #002449; color: #fff; outline: 2px solid #ffffff;} 
	#content .solutions_side_nav ul li.checked-style {background-color: #002449; color: #fff; transition: all 0.6s ease; outline: 2px solid #ffffff;}
	
	
	#content .solutions_side_nav span.d-name{display:block; border: 2px Solid #009DDB; background-color: #fff; color: #002449; cursor: pointer; font-size: 1.188rem; line-height: 48px; position: relative; padding: 0px 16px; font-weight: bold;}
	
	#content .solutions_side_nav span.d-name:after {display: block;content:'\25BC'; color: #1F2b4a; height: 48px; width: 32px; position: absolute; right: 0px; top: 0px; line-height: 48px; text-align: center; font-size: 1rem; cursor: pointer;}
	#content .solutions_side_nav span.d-name:has(+ ul.active)::after {content:'\25B2';}
    /* list to dropdown */ 
}

@media (max-width:860px){
#content .col_one_fourth {width:100%}
}

 @media (max-height:850px){
  .col_one_fourth.solutions_side_nav{position: static;max-height: none; overflow: visible;}
} 

@media (max-width:768px){
	.solutions_card_section a.card {padding:2rem;}
}



@media (max-width: 600px) {
    .solutions_card_section a.card {width: 100%; margin-bottom: 1.5rem;}
}