@charset "utf-8";
/* CSS Document */

.homeContentWrapperEH{
	background-image:url("images/Form_BG.jpg"); 
	position:relative;
    background-position: left bottom;
    background-size: cover;
}

.indexCSRPic{
    position: absolute;
    bottom: 0px; 
    background-image: url("images/ClipboardCSR.png");
    background-size: cover;
    height:30em;
    width:33.5em;
    left:-40px;
    z-index: 0;    
}

.ehealthHeroContainer{
    width:90%;
    max-width:1600px;
    height:25em;
    margin-left:auto;
    justify-content: flex-end;
}

h2.hmheroSubheading{
    font-size: 2em !important;
    color:#000000 !important;
    text-align: right;
    font-family: 'Costco Sans Micro' !important;
    font-weight: 300 !important;
    margin-bottom: 1em;
}

.homeCRSPic{
    height:20em;
    width:10em;
    float:left;
}

.coverageCategories{
    display:flex;
    flex-direction: row;
    align-items: stretch;
    width:90%;
    float:right;
    padding-bottom: 1em;

}

.coverageTile{
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    text-decoration: none;
    width:15%;
    font-size:1.25em;
    font-family: 'Costco Sans Micro', 'apple-system', 'BlinkMacSystemFont','Segoe UI', 'Roboto', sans-serif;
    font-weight: 600;
    color:#005dab;
    margin-left:.5em;
    border-radius:.5em;
    background-color:rgba(255,255,255,0.95);
    padding: 5.5em 1em 1em 1em;
    box-shadow: rgba(50, 50, 93, 0.25) 0px 6px 12px -2px, rgba(0, 0, 0, 0.3) 0px 3px 7px -3px;
}

.coverageTile.shortTermMedical{
    background-image: url("images/ShortTerm_IconRed.svg");
    background-size: 45% auto;
    background-position: center 1em;
    background-repeat: no-repeat;
}

.coverageTile.shortTermMedical:hover{
   background-image: url("images/ShortTerm_IconWhite.svg");
}

.coverageTile.Medicare{
    background-image: url("images/Medicare_IconRed.svg");
    background-size: 45% auto;
    background-position: center 1em;
    background-repeat: no-repeat;
}

.coverageTile.Medicare:hover{
   background-image: url("images/Medicare_IconWhite.svg");
}

.coverageTile.indvFamily{
    background-image: url("images/IndividualFamilyIconRed.svg");
    background-size: 45% auto;
    background-position: center 1em;
    background-repeat: no-repeat;
}

.coverageTile.indvFamily:hover{
   background-image: url("images/IndividualFamilyIconWhite.svg");
}

.coverageTile.indvDental{
    background-image: url("images/IndividualDentalIconRed.svg");
    background-size: 45% auto;
    background-position: center 1em;
    background-repeat: no-repeat;
}

.coverageTile.indvDental:hover{
   background-image: url("images/IndividualDentalIconWhite.svg");
}

.coverageTile.smGroup{
    background-image: url("images/SmallGroup_IconRed.svg");
    background-size: 40% auto;
    background-position: center 1em;
    background-repeat: no-repeat;
}

.coverageTile.smGroup:hover{
   background-image: url("images/SmallGroup_IconWhite.svg");
}

.coverageTile.lrgGroup{
    background-image: url("images/LargeGroup_IconRed.svg");
    background-size: 45% auto;
    background-position: center 1em;
    background-repeat: no-repeat;
}

.coverageTile.lrgGroup:hover{
   background-image: url("images/LargeGroup_IconWhite.svg");
}

.coverageTile:hover {
    background-color: #005dab;
    color:#fff;
}

.coverageTile:hover .st0{
    background-color: #005dab;
    color:#fff;
    fill:#fff;
}

.coverageTile:hover img{
    color:#fff;
}



.coverageFormIndv{
    border-radius:.5em;
    width:65%;
    padding:1.5em;
    font-size: 1.15em;
    text-align: left;
    background-color:rgba(255,255,255,0.88);
    box-shadow: rgba(0, 0, 0, 0.1) -4px 9px 25px -6px;
    float:right;
}

.SGMedicalHeroWrapper{
	height:30em;
	background-image:url("images/SmallGroups_Medical_Hero1.jpg");
	background-position:left;
	background-size: cover;
	position:relative;
	padding-top:1.5em;
}

.SGICHRAHeroWrapper{
	height:30em;
	background-image:url("images/SmallGroup_ICHRA_Hero2.jpg");
	background-position:left;
	background-size: cover;
	position:relative;
	padding-top:1.5em;
}

.SGDentalHeroWrapper{
	height:30em;
	background-image:url("images/Smallgroup_Dental_Hero1.jpg");
	background-position:left;
	background-size: cover;
	position:relative;
	padding-top:1.5em;
}
.SGVisionHeroWrapper{
	height:30em;
	background-image:url("images/SmallGroups_Vision_Hero1.jpg");
	background-position:left;
	background-size: cover;
	position:relative;
	padding-top:1.5em;
}

.SGLifeHeroWrapper{
	height:30em;
	background-image:url("images/SmallGroups_Life_Hero1.jpg");
	background-position:left;
	background-size: cover;
	position:relative;
	padding-top:1.5em;
}

.SGDisabilityHeroWrapper{
	height:30em;
	background-image:url("images/SmallGroup_Worksitel_Hero2.jpg");
	background-position:left;
	background-size: cover;
	position:relative;
	padding-top:1.5em;
}


.IFMedicalHeroWrapper{
	height:30em;
	background-image:url("images/Individuals_Medical_Hero2.jpg");
	background-position:left;
	background-size: cover;
	position:relative;
	padding-top:1.5em;
}

.IFDentalHeroWrapper{
	height:auto;
 	min-height:30em;  
	background-image:url("images/DentalDetailPageHero.jpg");
	background-position:left;
	background-size: cover;
	position:relative;
	padding-top:1.5em;
}

.IFVisionHeroWrapper{
	height:auto;
    min-height:30em; 
	background-image:url("images/Individuals_Vision_Hero1.jpg");
	background-position:left;
	background-size: cover;
	position:relative;
	padding-top:1.5em;
}

.IFShortTermHeroWrapper{
	height:30em;
	background-image:url("images/Individuals_ShortTermMed_Hero1.jpg");
	background-position:left;
	background-size: cover;
	position:relative;
	padding-top:1.5em;
}

.IFLifeHeroWrapper{
	height:30em;
	background-image:url("images/Individuals_Life_Hero1.jpg");
	background-position:left;
	background-size: cover;
	position:relative;
	padding-top:1.5em;
}

.IFAccidentHeroWrapper{
	height:30em;
	background-image:url("images/Individuals_Accident_Hero1.jpg");
	background-position:left;
	background-size: cover;
	position:relative;
	padding-top:1.5em;
}


.IFCriticalIllnessHeroWrapper{
	height:30em;
	background-image:url("images/Individuals_CriticalIllness_Hero2.jpg");
	background-position:left;
	background-size: cover;
	position:relative;
	padding-top:1.5em;
}

.IFHospitalHeroWrapper{
	height:30em;
	background-image:url("images/Individuals_Hospitalization_Hero1.jpg");
	background-position:left;
	background-size: cover;
	position:relative;
	padding-top:1.5em;
}

.ZywaveHeroWrapper{
	height:auto;
	background-image:url("images/Zywave_Hero.jpg");
	background-position:left;
	background-size: cover;
	position:relative;
	padding-top:.5em;
}

.flex2cols{
    display:flex;
    flex-wrap: nowrap; 
    justify-content: space-between;
    font-size: 0.8em;
}

.flex2cols .colLeft{
    align-items: Left;
    width: calc(100%/2);
    padding-right:1.5em;
}


.flex2cols .colRight{
    align-items: left;
    width: calc(100%/2);
    padding-left:1.5em;
}

.zywaveHDR {
    display: block;
    width:100%;
}

.flex2cols .colLeft h3{
    color:#D32F30;
}

.flex2cols .colRight h4{
    font-size: 1.1em;
    color:#000;
}

.flex2cols .colLeft h4{
    font-size: 1.1em;
    color:#000;
}

.flex2cols .colLeft h3.faq_que {
    color:#000;
}

.flex2cols .colRight h3.faq_que {
    color:#000;
}

.zywaveLeft .accordon {
    padding:0px;
}

.zywaveInstructBox {
    background-color: #005DAB;
    background-image: url("images/CirclePic_ZywaveGetStarted.jpg");
    background-size: cover;
    padding:1em !important;
    color:#fff;
    width:30% !important;
    float:right;
    margin-top:.5em;
}

.zywaveInstructBox a{
    color: #fff;
}

.zywaveInstructBox h3{
    color:#fff;
}

.blueBox{
    background-color: #005DAB;
    padding:1em;
    color:#fff;
    float:right;
    margin-top:.5em;
}

.blueBox h3{
    color:#fff;
}

.flex3cols{
    display:flex;
    flex-wrap: nowrap; 

}

.flex3cols div{
    align-items: center;
    padding:1em;
    width: calc(100%/3);
}


.flex3col div.CPartnerPanel{
    align-items: center;
    flex-basis: 1 0 21%;
    padding:1em;
}

.flex4cols{
    display: flex;
    flex-wrap: nowrap;
    align-items: stretch;
}

.flex4cols div{
    flex-basis: 0;
    flex-grow: 1;
}

.flex3col.tiles{
    display:flex;
    flex-wrap: wrap;  
    padding: 2em;
    width:auto;
    justify-content: center;
    align-items: stretch;
}

.flex3col .tile {
    display: flex;
    flex-direction: column; /* Important: makes children (top and bottom) stack vertically */
    flex: 1 1 30%;
    padding: 1em;
    max-width: 33.33%; /* optional if you want exactly 3 per row */
}

.tile {
    align-self: stretch;
    max-height: 1000px;
}

.tileTop {
    width: 100%;
    max-width: 100%;
    padding: 0 !important;
    flex-shrink: 0; /* Don't allow shrinking */
}

.tileTop img {
    width: 100%;
    height: auto;
    object-fit: cover; /* or contain, depending on your goal */
    display: block;
}

.tileBottom {
    display: flex;
    flex-direction: column;
    justify-content: space-between; /* Push "Learn More" to the bottom */
    flex-grow: 1; /* Expand tileBottom to fill leftover space */
    max-width: 100%;    
    background-color: #f5f5f5;
    color: #000000;
    padding: 1.5em 35px 1.5em 35px;
    font-size: 1.25em;
    font-weight: 300;
    line-height: 1.4;
    border-bottom-left-radius: 0.5em;
    border-bottom-right-radius: 0.5em;
    border-top: 2px solid #fff;
    height: 100%; /* Make it stretch */
}

.tileBottom h3 {
    text-align: center;
    font-size: 1.4em;
    line-height: 1.1em;
}

.tileBottom .basicListWhite {
    margin-bottom: auto; /* Push content up above the button */
}

.tileBottom .redButton {
    position: relative;
    align-self: flex-end;
    bottom:-1em;
    right: 0;
    width: auto;
    padding:.5em 2em;
    margin-top: 1em; /* Adds spacing above the button */
}



.homeContent div.faq_a{
	font-size: 1.25em;
}

.flex2cols{
    display:flex;
    flex-wrap: nowrap; 
    flex: 1 1  50%;

}

.flex2cols div{
    align-items: center;
    flex: 1 1  50%;
}

.lgEditorialColRight{
	float:Left; 
	width:65%; 
	padding-left:1.5em;	
}

.lgEditorialColleft{
	float:right; 
	width:65%; 
	padding-right:.5em;	
	
}

.lgPicColLeft{
	float:Left; width:31%;
}

.lgPicColRight{
	float:Right; width:31%; margin-left:1em;
}

.homeContent div.faq_a{
	font-size: 1.25em;
}


.homeContent div.faq_q{
	font-size: 1.5em;
}

.homeContent div.faq_que{
	font-size: .75em;
}

.CirclePicBlue{
	width:13em;
	height:13em;
	border-radius:50%;
	border:solid 7px #4d9ce7;
	overflow: hidden;
	position:absolute;
	right:-3.4em;
	top:-3em;
}

.CirclePicRed{
	width:13em;
	height:13em;
	border-radius:50%;
	border:solid 7px #D22F2F;
    overflow: hidden;
	position:absolute;
	left:-3.4em;
	top:-3.8em;
}

.AmeritasHeroWrapper{
	height:28em;
	background-image:url("images/AmeritasCP_Hero.jpg");
	background-position:left top;
	background-size:cover;
	position:relative;
	padding-top:1.5em;
}

.AmeritasDentalHeroWrapper{
	height:30em;
	background-image:url("images/AmeritasCP_Dental_Hero3.jpg");
	background-position:left top;
	background-size:cover;
    background-repeat: no-repeat;
	position:relative;
	padding-top:1.5em;
}

.AmeritasIFDentalHeroWrapper{
	height:30em;
	background-image:url("images/AmeritasCP_Dental_Hero2.jpg");
	background-position:left top;
	background-size:cover;
    background-repeat: no-repeat;
	position:relative;
	padding-top:1.5em;
}

.AmeritasVisionHeroWrapper{
	height:30em;
	background-image:url("images/AmeritasCP_Vision_Hero1.jpg");
	background-position:left top;
	background-size:cover;
	position:relative;
	padding-top:1.5em;
}

.AmeritasSGVisionHeroWrapper{
	height:30em;
	background-image:url("images/AmeritasCP_Vision_Hero2.jpg");
	background-position:left top;
	background-size:cover;
	position:relative;
	padding-top:1.5em;
}

.AmeritasDentalGreybarPic{
	background-image:url("images/DentalHeartPic.jpg");
	background-repeat:no-repeat;
	background-size:cover;
	width:40%;
	height:10em;
}

.RegenceEAPGreybarPic{
	background-image:url("images/Regence_EAP_Pic.jpg");
	background-repeat:no-repeat;
	background-size:cover;
	width:40%;
	height:10em;
}

.RegenceMedicalHeroWrapper{
	height:30em;
	background-image:url("images/RegenceCP_Medical_Hero1.jpg");
	background-position:left top;
	background-size:cover;
    background-repeat: no-repeat;
	position:relative;
	padding-top:1.5em;
}

.PBMHeroWrapper{
	height:30em;
	background-image:url("images/PBM_Hero1.jpg");
	background-position:left top;
	background-size:cover;
    background-repeat: no-repeat;
	position:relative;
	padding-top:1.5em;
}

.BCSSummaryHeroWrapper{
	height:33em;
	background-image:url("images/BCS_CP_Heros.jpg");
	background-position:left top;
	background-size:cover;
    background-repeat: no-repeat;
	position:relative;
	padding-top:1.5em;
}

.BCSStopLossHeroWrapper{
	height:33em;
	background-image:url("images/BCS_StopLoss_Hero1.jpg");
	background-position:left top;
	background-size:cover;
    background-repeat: no-repeat;
	position:relative;
	padding-top:1.5em;
}

.BCSLGWorksiteHeroWrapper{
	height:33em;
	background-image:url("images/SmallGroup_Worksitel_Hero1.jpg");
	background-position:left top;
	background-size:cover;
    background-repeat: no-repeat;
	position:relative;
	padding-top:1.5em;
}

.BCSSGWorksiteHeroWrapper{
	height:33em;
	background-image:url("images/SmallGroups_CriticalIllness_Hero1.jpg");
	background-position:left top;
	background-size:cover;
    background-repeat: no-repeat;
	position:relative;
	padding-top:1.5em;
}


div.SEOStates{
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	text-align: center;
}

.smallGroupValuePic{
	width:34em;
	height:34em;
	background-image:url(images/SmallGroupValuesPic.jpg);
	background-size:100% 100%;
	float:right;
	margin:2em;
}

.LargeCirclePicBlue{
	width:34em;
	height:34em;
	border-radius:50%;
	border:solid 9px #5099E5;
    overflow: hidden;
	float:right;
	margin:2em;
}

.SEOStates a{
	flex-basis:50%;
	margin-bottom: 10px;
	width:100%;
	text-align: center;
}

.videoEmbed1{
   width: 1280px;
   height: 720px;
    margin-left: auto;
    margin-right: auto;
}


.ltGrey2colPic2{
	width:50%;
	background-image:url(images/LevelFundedAdvantage_pic2.jpg);
	background-position:center;
	background-size:cover;
	height:25em;
}
.ltGrey2colPic2Right{
	font-size:1em;
	width:50%;
	background-color:#fafafa;
	background-image:url(images/SmallGroupValueBG.jpg);
	background-repeat:repeat-x;
	background-position:bottom;
	padding:3.5em;
	height:25em;
	vertical-align:top;
}

.ltGrey2colHdr {
    font-family: 'Costco Sans Micro', 'apple-system', 'BlinkMacSystemFont','Segoe UI', 'Roboto', sans-serif;
	font-size:3.25em;
	font-weight:normal;
	line-height:1.1;
	margin-bottom:.5em;
}


ol.circleBullets {
  counter-reset: my-awesome-counter;
  list-style: none;
  color:#000000;
  line-height: 1.5em;
}

ol.circleBullets li {
  margin: 0 0 1.6em 2.5em;
  counter-increment: my-awesome-counter;
  position: relative;
}

ol.circleBullets li::before {
  content: counter(my-awesome-counter);
  color: #FFF;
  font-size: 1.15em;
    font-family: 'Costco Sans Micro', 'apple-system', 'BlinkMacSystemFont','Segoe UI', 'Roboto', sans-serif;
    font-weight: 600;
  position: absolute;
  --size: 1.5em;
  left: calc(-1 * var(--size) - 10px);
  line-height: var(--size);
  width: var(--size);
  height: var(--size);
  top: 0;
  background: #005DAB;
  border-radius: 50%;
  text-align: center;
}

.ltGrey2colRightText{
	font-size:1.5em;
}

.darkBlueBar{
	background-color:#12263F;
	width:100%;
	min-height:10em;
}

.darkBlueBarContent{
	width:80%;
	margin-right: auto;
    margin-left: auto;
	height:auto;
    line-height: 1.5;
}

.darkBlueBarContent.twoColumn5050{
	width:50%;
	color:#fff;
	padding:1.5em 4em;
    font-size: 1.15em;
}

.darkBlueBarContent.twoColumn6040{
	width:60%;
	color:#fff;
	padding:1.5em 4em;
    font-size: 1.15em;
}

.darkBlueBarContent h2{
	font-size:3.1em;
    font-family: 'Costco Sans Micro', 'apple-system', 'BlinkMacSystemFont','Segoe UI', 'Roboto', sans-serif;
	color:#fff;
}

.darkBlueBarContent h3{
	font-size:2em;
	line-height:1.3em;
    font-family: 'Costco Sans Micro', 'apple-system', 'BlinkMacSystemFont','Segoe UI', 'Roboto', sans-serif;
	color:#fff;
}

.darkBlueBarContent p{
	font-size:1.5em;
    font-family: 'Costco Sans Micro', 'apple-system', 'BlinkMacSystemFont','Segoe UI', 'Roboto', sans-serif;
    font-weight: 300;
    color:rgba(255,255,255,0.85);
}

.darkBlueBarContent ul{
	font-size:1em;
	color:#fff;
	padding-left:1.65em;
}

.darkBlueBarContent ul{
	font-size:1.35em;
	color:#fff;
	list-style-position: outside;
	list-style-image:url(images/RedCheckmark.png);
}

.moduleCircleLayout1{
	width:auto;
    max-width:1200px;
    margin-left: auto;
    margin-right: auto;
}

.moduleCircleLayout1Left{
	width:40%;
	min-height:16em;
	vertical-align:top;
    text-align: left;
}

.moduleCircleLayout1Right{
	width:60%;
	min-height:16em;
	vertical-align:top;
	color:#333;
    font-size: 1.75em;
    font-family: 'Costco Sans Micro', 'apple-system', 'BlinkMacSystemFont','Segoe UI', 'Roboto', sans-serif;
    font-weight: 300;
}

.moduleCircleLayout1PicBlueBdr{
	width:32em;
	height:32em;
	float:right;
    border-radius: 50%;
    border:8px solid #5099E5;
	margin-right:2em;
    margin-top:2em;
    overflow: hidden;
}

.moduleCircleLayout1PicRedBdr{
	width:32em;
	height:32em;
	float:right;
    border-radius: 50%;
    border:8px solid #E43941;
	margin-right:2em;
    margin-top:2em;
    overflow: hidden;
}

.moduleCircleLayout1 h2{
	color:#5396E5;
	font-size:2em;
    font-family: 'Costco Sans Micro', 'apple-system', 'BlinkMacSystemFont','Segoe UI', 'Roboto', sans-serif;
}

.CHSempGreybar{
	background-color:#BDC7D0;
	width:100%;
}

.CHSempGreybarPic{
	background-image:url(images/whyCHSBG.jpg);
	background-repeat:no-repeat;
	background-size:cover;
	width:35%;
}

.CHSempGreybarContent{
	width:60%;
	height:45em;
	padding-top:1em;
}

.CHSempGreybarContent div{
	width:68%;
	float:right;
}

.CHSempGreybarContent h1{
	font-size:3.5em;
    font-family: 'Costco Sans Micro', 'apple-system', 'BlinkMacSystemFont','Segoe UI', 'Roboto', sans-serif;
	color:#000;
}
.CHSempGreybarContent p{
	font-size:1.5em;
}

.CHSempGreybarContent ul{
	font-size:1.5em;
	color:#333;
	padding-top:.5em;
	padding-left:1em;
}

.CHSempGreybarContent ul li {
  background:url(images/redcheckBullet.png) no-repeat;
  background-position: 0px .25em; 
  background-size: 1.25em;
  padding: .25em 0px .25em 2em;
  /* reset styles (optional): */
  list-style: none;
  margin: 0;

}

.CHSContentWrapper{
	position:relative;
	width:100%;

}

.CHSContent{
	position:relative;
	max-width:1200px;
	min-height:340px;
	margin-left:auto;
	margin-right:auto;
	color:#777;
    font-family: 'Costco Sans Micro', 'apple-system', 'BlinkMacSystemFont','Segoe UI', 'Roboto', sans-serif;
    font-weight: 300;
	font-size:1.875em;
}

.CHSopmBox{
	width:60%;
	margin-left:15%;
	border-left:1px dotted #5299E7;
	padding-left:20%;
	position:relative;
	height:auto;	
}

.CHSpnBox{
	width:60%;
	padding-right:20%;
	margin-left:15%;
	border-top:1px dotted #e31936;
	padding-top:2em;
	position:relative;
}

.CHSpnCircle{
	width:13em;
	height:13em;
	border-radius:50%;
	border:solid 7px #e31936;
	background:url(images/PharmacyNetworkPic.jpg);
	background-size:cover;
	position:absolute;
	right:-6.5em;
	top:-1em;
}

.CHSopmCircle{
	width:13em;
	height:13em;
	border-radius:50%;
	border:solid 7px #5299E7;
	background:url(images/PillsManufacture.jpg);
	background-size:cover;
	position:absolute;
	left:-6.5em;
	top:-3.8em;
}

.CHSHeading{
	display:block;
	position:relative;
	top:-.75em;
	font-size:1.9em;
    font-family: 'Costco Sans Micro', 'apple-system', 'BlinkMacSystemFont','Segoe UI', 'Roboto', sans-serif;
	color:#303338;
}

.CHSHeading.aboveLine{
	top:-1.75em;
}

.CHSHeading span{
	display:inline-block;
	position:relative;
	z-index:7
}

.CHSGreyBar{
	display:table;
	width:100%;
	height:33.125em;
	background-color:#F4F4F4;
	color:#777;
}

.CHSGreyBarPic{
	display:table-cell;
	width:50%;
	height:33.125em;
	float:left;
	background-image:url(images/memMailorderPic.jpg);
    background-position: center;
    background-repeat: no-repeat;
	background-size:cover;
}
.CHSGreyBarPic.LargeGroups{
	background-image:url(images/LargeGroupsService.jpg);
    background-position: center;
    background-repeat: no-repeat;
	background-size:cover;
	width:45%;
	float:right;
	height:36.438em;
	padding-top:1em;
	padding-bottom:.5em;
	display:table-cell;
}

.CHSGreybarContent {
	display:table-cell;
	width:30%;
	height:31.125em;
	float:left;
	padding-left:2.5%;
	padding-right:2.5%;
	padding-top:2em;
	background-color:#F4F4F4;
	color:#777;
    font-family: 'Costco Sans Micro', 'apple-system', 'BlinkMacSystemFont','Segoe UI', 'Roboto', sans-serif;
}

.CHSGreybarContent h1{
	font-size:3.75em;
	line-height:1.25em;
    font-family: 'Costco Sans Micro', 'apple-system', 'BlinkMacSystemFont','Segoe UI', 'Roboto', sans-serif;
	color:#5299E7;
}

.CHSGreybarContent h2{
	font-size:2.125em;
    font-family: 'Costco Sans Micro', 'apple-system', 'BlinkMacSystemFont','Segoe UI', 'Roboto', sans-serif;
	color:#000;
}

.CHSGreybarContent.SmallGroups p{
	font-size:2.15em;
}

.CHSGreybarContent ul{
    font-family: 'Costco Sans Micro', 'apple-system', 'BlinkMacSystemFont','Segoe UI', 'Roboto', sans-serif;
    font-weight: 300;
	font-size:1.5em;
	margin-left:.5em;
	margin-top:.5em;
	list-style:outside;
	padding-left:1em;
}

.CHSGreybarContent ul li {
  list-style: none;
  color:#555;
}

.CHSGreybarContent li:before {
  /* For a checkmark */
  content: '\2714';
  display: block;
  position: relative;
  max-width: 0;
  max-height: 0;
  left: -1.2em;
  top: 0;
  color: #e31936;
  font-size: 20px;
}

.CHSGreyBar.SmallGroups{
	position:relative;
	z-index:11;
	height:36.438em;
	display:flex;
    align-items: stretch;
	overflow:visible;
	-webkit-box-shadow: 0px 0px 12px -2px rgba(0,0,0,0.75);
	-moz-box-shadow: 0px 0px 12px -2px rgba(0,0,0,0.75);
	box-shadow: 0px 0px 12px -2px rgba(0,0,0,0.75);
}

.CHSGreyBarPic.SmallGroups{
	float:right;
	display:table-cell;
	width:35%;
	padding-top:1em;
	padding-bottom:.5em;
	background-image:url(images/SmallGroupsService2.jpg);
    background-size: cover;
}

.CHSGreybarContent.SmallGroups {
	float:right;
	font-size:.88em;
	display:table-cell;
	width:65%;
	max-width:58em;
	height:auto;
	padding-top:1em;
	padding-bottom:.5em;
}

.compareTable_icon{
	heigh:auto;
	width:10em;
	
	
}

.homeTestimonialsWrapper{
	width:100%;
	background-image:url(images/TestimonialsBg.jpg);
	background-color:#005dab;
    /* Set a specific height */
    height: 55em; 

    /* Create the parallax scrolling effect */
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
	position:relative;
	color:#fff;
}
.homeTestimonialsWrapper h2{
	color:#fff;
    font-family: 'Costco Sans Micro', 'apple-system', 'BlinkMacSystemFont','Segoe UI', 'Roboto', sans-serif;
	font-size:3.4em;
	text-align:center;
	padding-top:.5em;
    overflow: hidden;
}

.flexcolCP {
    display:flex;
    flex-wrap: wrap;  
    padding:0em 2em;
    width:auto;
	background-color:transparent;
	justify-content: space-evenly;
    clear: both;
    box-sizing: border-box;
}

.slick-dots{
	bottom: -33em;
	color:#fff;
}

.slider {
	max-width:1200px;
	padding-left:2em;
	padding-right:2em;
	margin-left:auto;
	margin-right:auto;
	height:18em;
}

.slick-slide {
   margin: 0px 40px;
}

.slick-slide img {
   width: 100%;
}


.slick-prev:before{
	left:-.25em;
}
.slick-next:before{
	right:1.5em;
}

.slick-prev:before,
.slick-next:before {
   color:#FFF;
   font-size:34px;
   position:relative;
   top:-.2em;
   right:.25em;
}

.homeTestimonialsWrapper section{
	Height:12em;
	position:relative;
	margin-top:1em;
	}

.homeTestimonialsWrapper div div.TestimonialText{	
    font-family: 'Costco Sans Micro', 'apple-system', 'BlinkMacSystemFont','Segoe UI', 'Roboto', sans-serif;
    font-weight: 300;
	font-size:1.9em;
	float:left;
	position:relative;
	top:-.5em;
	width:70%;
}

.homeTestimonialsWrapper div div.TestimonialText span{
	display:inline-block;
	font-size:.9em;
	padding-top:.5em;
    font-family: 'Costco Sans Micro', 'apple-system', 'BlinkMacSystemFont','Segoe UI', 'Roboto', sans-serif;
}

.TestimonialIcon{
	float:left;
	width:25%;
	position:relative;
	height:8em;
}

.homeTestimonialsWrapper div div.TestQuote{
	background-color:rgba(23, 29, 33, .73);
	background-image:url(images/TestimonialQuote.png);
	background-size:cover;
	position:relative;
	z-index:-1;
	border-radius:50%;
	float:left;
	width:4em;
	height:4em;
}

.homeTestimonialsWrapper div div.TestUserIcon{
	background-color:rgba(221, 99, 99, 1);
	background-image:url(images/TestimonialUserIcon.png);
	background-size:cover;
	position:relative;
	left:-1.5em;
	z-index:1;
	border-radius:50%;
	float:left;
	width:8em;
	height:8em;	
}

.homeTestimonialsLogoBar{
	width: 100%;
	height: 7.5em;
	background-color: rgba(40,40,40,0.82);
	vertical-align: middle;
	display: table;
	position: absolute;
	bottom: 0px;
}
.homeTestimonialsLogoBarContent{
	display:table-row;
	min-width:730px;
	max-width:1200px;
	height:7.5em;
	margin-left:auto;
	margin-right:auto;
}
.homeTestimonialsLogoBarCell{
	display:table-cell;
	vertical-align:middle;
	text-align:center;
	height:7.5em;
}

.freeConsultPic{
	width:50%;
	background-image:url(images/FreeConsultPic.jpg);
	background-size:cover;
}

.freeConsultForm{
	width:50%;
	background-color:#fcfcfc;
	padding:3.5em;
}

.freeConsultForm h1{
	color:#000;
    font-family: 'Costco Sans Micro', 'apple-system', 'BlinkMacSystemFont','Segoe UI', 'Roboto', sans-serif;
	font-size:3em;
}

.blueline{
	width:4em;
	height:1px;
	background-color:#5299E7;
	margin-bottom:.75em;
}

.freeConsultForm input[type=text] {
	border:1px solid #d3d3d3;
	background-color:#fff;
	color:#000;
    font-family: 'Costco Sans Micro', 'apple-system', 'BlinkMacSystemFont','Segoe UI', 'Roboto', sans-serif;
    font-weight: 300;
	font-size:1.25em;	
	padding:.75em;
	margin-top:.5em;
	margin-bottom:.5em;
	width:100%;
	 -webkit-transition: all 0.30s ease-in-out;
 	 -moz-transition: all 0.30s ease-in-out;
  	 -ms-transition: all 0.30s ease-in-out;
	 -o-transition: all 0.30s ease-in-out;
}

.freeConsultForm form{
	width:60%;
}

.freeConsultForm input[type=email] {
	border:1px solid #d3d3d3;
	background-color:#fff;
	color:#000;
    font-family: 'Costco Sans Micro', 'apple-system', 'BlinkMacSystemFont','Segoe UI', 'Roboto', sans-serif;
    font-weight: 300;
	font-size:1.25em;	
	padding:.75em;
	margin-top:.5em;
	margin-bottom:.5em;
	width:100%;
	 -webkit-transition: all 0.30s ease-in-out;
 	 -moz-transition: all 0.30s ease-in-out;
  	 -ms-transition: all 0.30s ease-in-out;
	 -o-transition: all 0.30s ease-in-out;
}

.freeConsultForm textarea{
	border:1px solid #d3d3d3;
	background-color:#fff;
	color:#000;
    font-family: 'Costco Sans Micro', 'apple-system', 'BlinkMacSystemFont','Segoe UI', 'Roboto', sans-serif;
    font-weight: 300;
	font-size:1.25em;	
	padding:.75em;
	margin-top:.5em;
	margin-bottom:.5em;
	width:100%;
	height:7.5em;
	 -webkit-transition: all 0.30s ease-in-out;
 	 -moz-transition: all 0.30s ease-in-out;
  	 -ms-transition: all 0.30s ease-in-out;
	 -o-transition: all 0.30s ease-in-out;
}

input[type=submit]{
	background-color:#e31936;
	color:#fff;
    font-family: 'Costco Sans Micro', 'apple-system', 'BlinkMacSystemFont','Segoe UI', 'Roboto', sans-serif;
	font-size:1.5em;
	padding:.25em 1em;
	border-radius: 1.5em;
	border:1px solid #e31936;
}

input[type=submit]:hover{
	background-color:#ff4746;
	
}

.fa-ul.padded>li{position:relative; margin-top:.5em;}


:root{
  --blue:#005DAB; --blue-dark:#004a8a;
  --red:#E31936; --red-dark:#c2142e;
  --focus:#DE2127;
  --ink:#1f2733; --body:#444; --muted:#6a717b;
  --line:#d9dee4; --soft:#f4f7fa; --bg:#fff;
  --font:"Costco Sans Micro",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;
  --maxw:1300px; --radius:14px;
  --btn-radius:10px;
  --shadow:0 6px 28px rgba(15,30,50,.10),0 1px 2px rgba(15,30,50,.06);
}

/* ---------- buttons ---------- */
.btn{font-family:inherit;font-weight:700;font-size:1.02rem;border:0;border-radius:var(--btn-radius);padding:14px 24px;
  cursor:pointer;min-height:50px;display:inline-flex;align-items:center;gap:9px;justify-content:center;text-decoration:none}
.btn--primary{background:var(--blue);color:#fff} .btn--primary:hover{background:var(--blue-dark);color:#fff}
.btn--send{background:var(--red);color:#fff} .btn--send:hover{background:var(--red-dark);color:#fff}
.btn--ghost{background:transparent;color:#fff;border:2px solid #fff} .btn--ghost:hover{background:rgba(255,255,255,.14);color:#fff}
.btn:focus-visible{outline:3px solid var(--focus);outline-offset:2px}

/* ---------- generic section ---------- */
.wrap{box-sizing:border-box; width:100%;max-width:var(--maxw);margin:0 auto;padding:0 20px}
.section{padding:54px 0}
.section--soft{background:var(--soft)}
.section--softNoPad{background:var(--soft); padding: 1em 0 0 0;}
.section--grey{background:#f5f5f5}
.section__title{color:var(--ink);font-weight:700;font-size:clamp(1.5rem,3.6vw,2rem);line-height:1.18;text-align:center;margin:0 0 14px}
.section__intro{color:var(--body);font-size:1rem;line-height:1.6;text-align:center;max-width:72ch;margin:0 auto 32px}
.section--CP{display:none;}
@media only screen and (max-width: 800px) {
.section--CP{display:block; background-color:#005dab; background-image:url(images/TestimonialsBg.jpg); color: #fff; background-attachment: fixed; background-position: center;    background-repeat: no-repeat; background-size: cover; color:#fff;}
.section--CP h2{color: #fff; font-size: 5vw; font-weight: 600; text-align: center; margin-bottom: 1em;}
}
@media(max-width:480px){ 
	.section{padding:40px 0} 
	.section--CP{padding:40px 16px;}
	.section--CP h2{font-size: 7.5vw;}
}

/* ---------- 3-col benefit columns (Shop & Compare / Choice / Healthcare Ambassadors) ---------- */
.cols3{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.col3{background:var(--bg);border:1px solid var(--line);border-top:4px solid var(--blue);border-radius:var(--radius);box-shadow:var(--shadow);padding:24px 22px}
.col3 h3{color:var(--blue);font-weight:700;font-size:1.22rem;margin:0 0 10px}
.col3 p.lead{color:var(--body);margin:0 0 14px}
.checklist{list-style:none;margin:0;padding:0}
.checklist li{position:relative;padding:7px 0 7px 26px;color:var(--body);font-size:.95rem;line-height:1.45}
.checklist li::before{content:"";position:absolute;left:0;top:11px;width:11px;height:6px;border-left:2.5px solid var(--red);border-bottom:2.5px solid var(--red);transform:rotate(-45deg)}
.checklist strong{color:var(--ink)}
@media(max-width:860px){ .cols3{grid-template-columns:1fr} }

/* ---------- services tiles (6 tiles) ---------- */
.tiles{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.tile{display:flex;flex-direction:column;background:var(--bg);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);overflow:hidden}
.tile__pic{aspect-ratio:542/330;background:var(--soft);overflow:hidden}
.tile__pic img{width:100%;height:100%;object-fit:cover}
.tile__body{display:flex;flex-direction:column;flex:1;padding:18px 18px 20px}
.tile__h{color:var(--ink);font-weight:700;font-size:1.15rem;line-height:1.2;margin:0 0 12px}
.tile__txt{color:var(--body);font-size:.875rem;line-height:1.5;flex:1;margin:0 0 16px}
.tile__cta{align-self:flex-end;margin-top:auto;color:#fff;background:var(--red);font-weight:700; font-size: 1.15em;  text-decoration:none;
  padding:10px 26px;min-height:34px;display:inline-flex;align-items:center;gap:6px;border-radius:2em}
.tile__cta:hover{background:var(--blue); color: #fff;	transform:translatey(-3px);
	-webkit-transition: all 0.20s ease-in-out;
	-moz-transition: all 0.20s ease-in-out;
	-ms-transition: all 0.20s ease-in-out;
	-o-transition: all 0.20s ease-in-out;
}
.tile__cta:focus{color:#fff;}
@media(max-width:900px){ .tiles{grid-template-columns:repeat(2,1fr)} }
@media(max-width:560px){ .tiles{grid-template-columns:1fr} }

/* ---------- carrier logos band ---------- */
.carriers__title{max-width:58ch;margin:0 auto 28px}
.carriers__grid{display:grid;grid-template-columns:repeat(6,1fr);gap:16px;align-items:center;justify-content:center}
.carriers__cell{background:var(--bg);border:1px solid var(--line);border-radius:var(--radius);height:96px;display:flex;align-items:center;justify-content:center;padding:14px}
.carriers__cell img{max-height:56px;max-width:100%;width:auto;object-fit:contain}
.carriers__action{text-align:center;margin-top:28px}
@media(max-width:900px){ .carriers__grid{grid-template-columns:repeat(4,1fr)} }
@media(max-width:560px){ .carriers__grid{grid-template-columns:repeat(2,1fr)} .carriers__cell{height:84px} }

/* ---------- channel associate programs (4 panels) ---------- */
.cp{display:grid;grid-template-columns:repeat(4,1fr);gap:22px}
.cp__card{display:flex;flex-direction:column;background:var(--bg);border:1px solid var(--line);border-top:5px solid var(--blue);border-radius:var(--radius);box-shadow:var(--shadow);padding:22px 20px 20px}
.cp__logo{height:54px;display:flex;align-items:center;margin-bottom:16px}
.cp__logo img{max-height:48px;width:auto;max-width:80%;object-fit:contain}
.cp__list{list-style:none;margin:0 0 16px;padding:0;flex:1}
.cp__list li{position:relative;padding:5px 0 5px 24px;color:var(--body);font-size:.875rem;line-height:1.4}
.cp__list li::before{content:"";position:absolute;left:0;top:9px;width:11px;height:6px;border-left:2.5px solid var(--red);border-bottom:2.5px solid var(--red);transform:rotate(-45deg)}
.cp__cta{align-self:flex-start;margin-top:auto;color:#fff;background:#3a8a2f;font-weight:700;text-decoration:none;padding:9px 14px;min-height:44px;display:inline-flex;align-items:center;gap:6px;border-radius:var(--btn-radius)}
.cp__cta:hover{background:#2e6e26}
@media(max-width:1080px){ .cp{grid-template-columns:repeat(2,1fr)} }
@media(max-width:560px){ .cp{grid-template-columns:1fr} }

/* ---------- comprehensive administration (ipad + text) ---------- */
.admin{display:grid;grid-template-columns:1fr 1fr;gap:36px;align-items:center}
.admin__pic{display:flex;justify-content:center}
.admin__pic img{width:100%; max-width: 700px}
.admin__body h2{color:var(--ink);font-weight:700;font-size:clamp(1.4rem,3.6vw,2rem);margin:0 0 16px}
.admin__body p{margin:0}
@media(max-width:880px){ .admin{grid-template-columns:1fr;gap:20px} }

/* ========================================================================
   LOOK-LAYER: liquid-glass cards + entrance-reveal (T1 Costco only). B6 recipe.
   ======================================================================== */
.glass{
  background: #ffffff;
  -webkit-backdrop-filter: blur(18px) saturate(1.5);
  backdrop-filter: blur(18px) saturate(1.5);
  border: 1px solid rgba(255,255,255,.75);
  border-radius: var(--radius);
  box-shadow: var(--shadow);   /* ONE card-shadow recipe across glass + solid cards (C6). Glass sheen = ::before, not the drop-shadow. */
  position: relative;
}
.glass::before{ content:""; position:absolute; inset:0 0 auto 0; height:40%;
  border-radius: var(--radius) var(--radius) 0 0;
  background:#ffffff; }
.glass > *{ position:relative; z-index:1 }
.col3.glass{ border-top:4px solid var(--blue) }
.cp__card.glass{ border-top:none;}
.tile.glass{ overflow:hidden }
.tile.glass::before{ border-radius:var(--radius) var(--radius) 0 0; z-index:0 }
.carriers__cell.glass{ border-radius:var(--radius) }
@media (prefers-reduced-motion: reduce){
  .glass{ -webkit-backdrop-filter: blur(4px) saturate(1.12) brightness(1.03); backdrop-filter: blur(4px) saturate(1.12) brightness(1.03); }
}

@keyframes rise { from { transform:translateY(16px) } to { transform:translateY(0) } }
.rise{ opacity:1 }
.js .rise{ opacity:1; transform:translateY(16px) }
.js .rise.is-in{ transform:translateY(0); animation: rise .9s cubic-bezier(.2,.7,.2,1) forwards }
.js .rise.d1.is-in{animation-delay:.05s}
.js .rise.d2.is-in{animation-delay:.16s}
.js .rise.d3.is-in{animation-delay:.27s}
.no-js .rise{ opacity:1 !important; animation:none !important; transform:none !important }
@media (prefers-reduced-motion: reduce){
  .rise, .js .rise, .js .rise.is-in{ opacity:1 !important; animation:none !important; transform:none !important }
}
@media(max-width:480px){
  .cols3, .tiles, .cp{ justify-content:center; justify-items:center }
  .col3, .tile, .cp__card{ width:100%; max-width:420px }
}



.hero__inner {
	width: auto;
	max-width: var(--maxw);
	margin: 0 auto;
	padding: clamp(24px, 4vw, 56px) clamp(16px, 4vw, 48px);
}

.hero__copy {
	width: min(600px, 48vw);
	max-width: 100%;
	background: rgba(0, 32, 62, .86);
	padding: clamp(24px, 2.5vw, 30px) clamp(20px, 3vw, 32px);
	border-radius: var(--radius);
	border-left: 5px solid var(--red);

	/* controls horizontal placement */
	margin-left: clamp(50px, 7vw, 110px);

	/* optional: nudges panel slightly upward/downward */
	transform: translateY(-2%);
}

.heroh1 h1 {
	font-weight: 700;
	color: #fff !important;
	font-size: 3rem !important;
	line-height: 1.08;
	margin: 0 0 .5em;
	text-shadow: 0 1px 14px rgba(0, 20, 40, .35);
}

.hero__lede {
	color: #eaf2fa;
	font-size: clamp(1.05rem, 2.4vw, 1.3rem);
	line-height: 1.5;
	margin: 0 0 1.6em;
	max-width: 54ch;
}

.hero__ctas {
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-end;
	gap: 12px;
}

.hero__ctas .btn{
	font-size: 1.5em;
	border-radius:1.5em;
	padding:.5em 1.6em
}

@media only screen and (max-width: 900px) {
	.hero {
		min-height: clamp(340px, 52vw, 460px);
	}

	.hero__copy {
		width: min(560px, 62vw);
	}
}

@media only screen and (max-width: 700px) {
	.hero {
		align-items: end;
		min-height: 420px;
	}

	.hero__inner {
		padding: 32px 16px;
	}

	.hero__copy {
		width: auto;
		margin-left: 0;
		transform: none;
	}
}

@media only screen and (max-width: 480px) {
	.hero {
		min-height: 0;
	}

	.hero__inner {
		padding: 44px 8px 52px;
	}

	.hero__copy {
		padding: 24px 20px;
	}

	.hero__ctas {
		flex-direction: column;
		align-items: stretch;
	}
}

@media only screen and (max-width: 380px) {
	.hero__inner {
		padding-left: 12px;
		padding-right: 12px;
	}

	.hero__copy {
		padding: 22px 18px;
	}
}
.bcs-advantage-grid {
	display: grid;
	grid-template-columns: 1fr 1fr 1.15fr 1fr;
	align-items: center;
	margin-top: 1em;
}

.bcs-advantage-item {
	box-sizing: border-box;
	min-width: 0;
	min-height: 16.5em;
	padding: 1em clamp(1em, 2.4vw, 2em);
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: flex-start;
	color: var(--body);
	font-size: 1rem;
	line-height: 1.35;
	border-left: 1px solid rgba(0, 0, 0, .18);
}

.bcs-advantage-item:first-child {
	border-left: 0;
}

.bcs-advantage-number {
	display: block;
	font-size: clamp(2.4rem, 4vw, 3rem);
	line-height: 1;
	font-weight: 700;
	margin-bottom: .18em;
	white-space: nowrap;
}

.bcs-advantage-map {
	align-items: center;
	text-align: center;
}

.bcs-advantage-map img {
	display: block;
	width: 100%;
	max-width: 18em;
	height: auto;
	margin: 0 auto .65em;
}


/* Tablet: 2-column grid */
@media only screen and (max-width: 900px) {
	.bcs-advantage-grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
		gap: 1em;
	}

	.bcs-advantage-item {
		min-height: 12em;
		border-left: 0;
		border: 1px solid rgba(0, 0, 0, .14);
		border-radius: .35em;
		background: rgba(255, 255, 255, 1);
		align-items: center;
		text-align: center;
	}

	.bcs-advantage-map img {
		max-width: 15em;
	}
}


/* Small mobile: single-column stack */
@media only screen and (max-width: 520px) {
	.bcs-advantage-grid {
		grid-template-columns: 1fr;
		gap: .85em;
	}

	.bcs-advantage-item {
		min-height: 0;
		padding: 1.15em;
	}

	.bcs-advantage-number {
		font-size: clamp(2.2rem, 12vw, 2.75rem);
	}

	.bcs-advantage-map img {
		max-width: 14em;
	}
}


/* Extra small 360px safety */
@media only screen and (max-width: 380px) {
	.wrap {
		padding-left: 14px;
		padding-right: 14px;
	}

	.bcs-advantage-item {
		padding: 1em;
	}

	.bcs-advantage-map img {
		max-width: 12.5em;
	}
}

.greyGrid {
	box-sizing: border-box;
	width: 100%;
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 2px;
	background: #fff;
}

.greyGrid__item {
	box-sizing: border-box;
	min-width: 0;
	display: grid;
	grid-template-columns: minmax(5.5em, 30%) minmax(0, 1fr);
	align-items: stretch;
	background: #fff;
}

.greyGrid__icon,
.greyGrid__text {
	box-sizing: border-box;
	min-width: 0;
	display: flex;
	align-items: center;
}

.greyGrid__icon {
	justify-content: center;
	background: #fff;
	padding: clamp(.65em, 1.4vw, 1em);
	background-color:#fafafa;
	border-right:2px solid #fff;
}

.greyGrid__icon img {
	display: block;
	width: clamp(4.25em, 65%, 6.25em);
	max-width: 100%;
	height: auto;
}

.greyGrid__text {
	background: #eeeeee;
	padding: clamp(.85em, 2vw, 1.4em);
	color: #000;
	font-size: clamp(1rem, 1.65vw, 1.55rem);
	line-height: 1.38;
	font-weight: 400;
}

.greyGrid__text sup {
	font-size: .65em;
	line-height: 0;
	position: relative;
	top: -.35em;
}


/* Medium screens */
@media only screen and (max-width: 900px) {
	.greyGrid__item {
		grid-template-columns: minmax(5em, 28%) minmax(0, 1fr);
	}

	.greyGrid__text {
		font-size: clamp(1rem, 2.4vw, 1.25rem);
	}
}


/* Mobile: one paired item per row */
@media only screen and (max-width: 700px) {
	.greyGrid {
		grid-template-columns: 1fr;
	}

	.greyGrid__item {
		grid-template-columns: minmax(5em, 26%) minmax(0, 1fr);
	}

	.greyGrid__icon img {
		width: clamp(3.75em, 60%, 5.25em);
	}

	.greyGrid__text {
		font-size: clamp(1rem, 4.4vw, 1.2rem);
		padding: 1em;
	}
}


/* 360px safety */
@media only screen and (max-width: 380px) {
	.greyGrid__item {
		grid-template-columns: 4.75em minmax(0, 1fr);
	}

	.greyGrid__icon {
		padding: .65em;
	}

	.greyGrid__icon img {
		width: 3.75em;
	}

	.greyGrid__text {
		font-size: 1rem;
		line-height: 1.35;
		padding: .85em;
	}
}

.benefitExamplesGrid {
	box-sizing: border-box;
	width: 100%;
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	grid-template-areas:
		"car trip"
		"car cancer"
		"pneumonia heart";
	align-items: start;
	gap: 0;
	margin: 1.5em auto 0;
}

.benefitExamplesGrid__table {
	box-sizing: border-box;
	min-width: 0;
}

.benefitExamplesGrid__table--car {
	grid-area: car;
}

.benefitExamplesGrid__table--trip {
	grid-area: trip;
}

.benefitExamplesGrid__table--cancer {
	grid-area: cancer;
}

.benefitExamplesGrid__table--pneumonia {
	grid-area: pneumonia;
}

.benefitExamplesGrid__table--heart {
	grid-area: heart;
}

/* Overrides the inline width="50%" and floatLeft class only inside this module */
.benefitExamplesGrid__table > table.comparisonTable.editorial {
	width: 100% !important;
	float: none !important;
	margin: 0;
	table-layout: fixed;
}

/* Helps prevent long headers/text from forcing overflow */
.benefitExamplesGrid__table > table.comparisonTable.editorial th,
.benefitExamplesGrid__table > table.comparisonTable.editorial td {
	box-sizing: border-box;
	overflow-wrap: break-word;
	word-break: normal;
}

/* Keeps dollar-value column compact */
.benefitExamplesGrid__table > table.comparisonTable.editorial td:last-child,
.benefitExamplesGrid__table > table.comparisonTable.editorial th:last-child {
	width: 30%;
}

.benefitExamplesGrid__table > table.comparisonTable.editorial td:first-child,
.benefitExamplesGrid__table > table.comparisonTable.editorial th:first-child {
	width: 70%;
}


/* Stack tables at 800px and below */
@media only screen and (max-width: 800px) {
	.benefitExamplesGrid {
		grid-template-columns: 1fr;
		grid-template-areas:
			"car"
			"trip"
			"cancer"
			"pneumonia"
			"heart";
		gap: 1em;
	}

	.benefitExamplesGrid__table {
		width: 100%;
	}

	.benefitExamplesGrid__table > table.comparisonTable.editorial {
		width: 100% !important;
		float: none !important;
		clear: both;
	}

	.benefitExamplesGrid__table > table.comparisonTable.editorial th,
	.benefitExamplesGrid__table > table.comparisonTable.editorial td {
		font-size: clamp(.78rem, 3.4vw, 1rem);
		line-height: 1.25;
		padding-left: .55em;
		padding-right: .55em;
	}

	.benefitExamplesGrid__table > table.comparisonTable.editorial .tophdr {
		font-size: clamp(1rem, 4.2vw, 1.25rem);
		line-height: 1.2;
		padding: .75em .5em;
	}
}


/* 360px safety */
@media only screen and (max-width: 380px) {
	.benefitExamplesGrid {
		gap: .85em;
	}

	.benefitExamplesGrid__table > table.comparisonTable.editorial th,
	.benefitExamplesGrid__table > table.comparisonTable.editorial td {
		font-size: .78rem;
		padding: .45em .35em;
	}

	.benefitExamplesGrid__table > table.comparisonTable.editorial .tophdr {
		font-size: .95rem;
	}

	.benefitExamplesGrid__table > table.comparisonTable.editorial td:last-child,
	.benefitExamplesGrid__table > table.comparisonTable.editorial th:last-child {
		width: 32%;
	}

	.benefitExamplesGrid__table > table.comparisonTable.editorial td:first-child,
	.benefitExamplesGrid__table > table.comparisonTable.editorial th:first-child {
		width: 68%;
	}
}

.greyband--networkSavings {
	box-sizing: border-box;
	width: 100%;
	background: #f2f2f2;
	padding: clamp(2em, 5vw, 4em) 20px;
	display: grid;
	grid-template-columns: minmax(16em, 23em) minmax(0, 44em);
	align-items: center;
	justify-content: center;
	justify-items: stretch;
	gap: clamp(2em, 5vw, 4.5em);
}

.greyband__imageWrap {
	box-sizing: border-box;
	display: flex;
	justify-content: center;
	align-items: center;
	min-width: 0;
	width: 100%;
}

.greyband__image {
	display: block;
	width: 100%;
	max-width: 23em;
	height: auto;
	border: 10px solid #005AAD;
	border-radius: .5em;
	box-sizing: border-box;
}

/* Optional fallback if you keep the image directly inside .greyband instead of using .greyband__imageWrap */
.greyband--networkSavings > img {
	float: none !important;
	display: block;
	width: 100%;
	max-width: 23em;
	height: auto !important;
	margin: 0 auto !important;
	border: 2px solid #005AAD;
	border-radius: .5em;
	box-sizing: border-box;
}

.greyband__content {
	box-sizing: border-box;
	min-width: 0;
	max-width: 44em;
	text-align: left;
}

.greyband__content h3 {
	margin: 0 0 .35em;
	font-size: clamp(1.6rem, 3vw, 2.3rem);
	line-height: 1.15;
	font-weight: 700;
}

.greyband__content p {
	margin: 0 0 1.25em;
	font-size: clamp(1.05rem, 1.9vw, 1.55rem);
	line-height: 1.45;
}

.greyband__content p:last-child {
	margin-bottom: 0;
}

.greyband__content a {
	color: #005AAD;
	text-decoration: underline;
	text-underline-offset: .12em;
	overflow-wrap: break-word;
	word-break: normal;
}


/* Stack and center below 700px */
@media only screen and (max-width: 700px) {
	.greyband--networkSavings {
		grid-template-columns: 1fr;
		justify-items: center;
		gap: 1.5em;
		padding: 2.25em 18px;
		text-align: center;
	}

	.greyband__imageWrap {
		justify-content: center;
		width: 100%;
	}

	.greyband__image,
	.greyband--networkSavings > img {
		max-width: min(100%, 21em);
	}

	.greyband__content {
		max-width: 36em;
		text-align: center;
	}

	.greyband__content h3 {
		text-align: center;
		font-size: clamp(1.55rem, 7vw, 2rem);
	}

	.greyband__content p {
		font-size: clamp(1rem, 4.5vw, 1.2rem);
		line-height: 1.45;
	}
}


/* 360px safety */
@media only screen and (max-width: 380px) {
	.greyband--networkSavings {
		padding-left: 14px;
		padding-right: 14px;
	}

	.greyband__image,
	.greyband--networkSavings > img {
		border-width: 8px;
		border-radius: .4em;
	}

	.greyband__content p {
		font-size: 1rem;
	}

	.greyband__content a {
		overflow-wrap: anywhere;
	}
}


/* Stack below 700px */
@media only screen and (max-width: 700px) {
	.greyband--networkSavings {
		grid-template-columns: 1fr;
		gap: 1.5em;
		padding: 2.25em 18px;
		text-align: left;
	}

	.greyband__imageWrap {
		justify-content: center;
	}

	.greyband__image {
		max-width: min(100%, 21em);
	}

	.greyband__content {
		max-width: 100%;
	}

	.greyband__content h3 {
		text-align: center;
		font-size: clamp(1.55rem, 7vw, 2rem);
	}

	.greyband__content p {
		font-size: clamp(1rem, 4.5vw, 1.2rem);
		line-height: 1.45;
	}
}


/* 360px safety */
@media only screen and (max-width: 380px) {
	.greyband--networkSavings {
		padding-left: 14px;
		padding-right: 14px;
	}

	.greyband__image {
		border-width: 8px;
		border-radius: .4em;
	}

	.greyband__content p {
		font-size: 1rem;
	}

	.greyband__content a {
		overflow-wrap: anywhere;
	}
}

.planCompareSection {
	box-sizing: border-box;
	width: 100%;
	background: #132a40;
	padding: 1.5em 20px 2.25em;
	color: #fff;
}

.planCompareSection__title {
	margin: 0 0 .65em;
	color: #fff;
	text-align: center;
	font-family: 'Costco Sans Micro', 'apple-system', 'BlinkMacSystemFont', 'Segoe UI', 'Roboto', sans-serif;
	font-size: clamp(2rem, 4vw, 3.15rem);
	font-weight: 400;
	line-height: 1.15;
}

.planCompare {
	box-sizing: border-box;
	width: 90%;
	max-width: 94em;
	margin: 0 auto;
	font-family: 'Costco Sans Micro', 'apple-system', 'BlinkMacSystemFont', 'Segoe UI', 'Roboto', sans-serif;
	color: #000;
}

.planCompare__header,
.planCompare__body {
	display: block;
	width: 100%;
}

.planCompare__row {
	display: grid;
	grid-template-columns: 20.25% 27.85% 25.35% 26.55%;
	width: 100%;
}

.planCompare__cell {
	box-sizing: border-box;
	min-width: 0;
	display: flex;
	align-items: center;
	justify-content: center;
	text-align: center;
	padding: 1.15em 1em;
	background: #fafafa;
	color: #000;
	font-size: 1.25em;
	font-weight: 400;
	line-height: 1.35;
	border-right: 2px solid #132a40;
	border-bottom: 2px solid #132a40;
	overflow-wrap: break-word;
	word-break: normal;
}

.planCompare__cell strong {
	font-weight: 700;
}

.planCompare__cell--header {
	background: #005196;
	color: #fff;
	font-size: 1.25em;
	font-weight: 700;
	padding: 1.35em 1em;
}

.planCompare__cell--plan {
	background: #087fc2;
	color: #fff;
	font-size: 1.25em;
	font-weight: 700;
}

.planCompare__mobileLabel {
	display: none;
}

.planCompareSection__cta {
	text-align: center;
	margin-top: 2em;
}

.planCompareButton {
	display: inline-block;
	color: #fff;
	background: transparent;
	border: 3px solid #ff3b4d;
	border-radius: 999px;
	padding: .45em 1.55em;
	font-family: 'Costco Sans Micro', 'apple-system', 'BlinkMacSystemFont', 'Segoe UI', 'Roboto', sans-serif;
	font-size: clamp(1.15rem, 2vw, 1.6rem);
	font-weight: 400;
	line-height: 1.2;
	text-decoration: none;
}

.planCompareButton:hover,
.planCompareButton:focus {
	background: #ff3b4d;
	color: #fff;
	text-decoration: none;
}

.planCompareButton:focus-visible {
	outline: 3px solid #fff;
	outline-offset: 4px;
}


/* Mobile stacked card layout */
@media only screen and (max-width: 550px) {
	.planCompareSection {
		padding: 1.75em 14px 2em;
	}

	.planCompareSection__title {
		font-size: clamp(1.85rem, 9vw, 2.5rem);
		margin-bottom: .85em;
	}

	.planCompare {
		width: 100%;
		max-width: 100%;
	}

	.planCompare__header {
		position: absolute;
		width: 1px;
		height: 1px;
		overflow: hidden;
		clip: rect(0 0 0 0);
		clip-path: inset(50%);
		white-space: nowrap;
		border: 0;
		padding: 0;
		margin: -1px;
	}

	.planCompare__row {
		display: block;
		width: 100%;
		margin-bottom: 1em;
		border: none;
		background: #fafafa;
		border-collapse: collapse;
	}

	.planCompare__cell {
		display: grid;
		grid-template-columns: minmax(7.5em, 36%) minmax(0, 1fr);
		align-items: stretch;
		justify-content: stretch;
		width: 100%;
		padding: 0;
		text-align: left;
		font-size: 1rem;
		line-height: 1.35;
		border-right: 0;
		border-bottom: 2px solid #132a40;
	}

	.planCompare__cell > span:last-child {
		display: flex;
		align-items: center;
		box-sizing: border-box;
		padding: .85em .85em;
		min-width: 0;
	}

	.planCompare__cell--plan {
		display: flex;
		justify-content: center;
		text-align: center;
		background: #087fc2;
		color: #fff;
		font-size: 1.2rem;
		padding: .85em 1em;
	}

	.planCompare__mobileLabel {
		display: flex;
		align-items: center;
		justify-content: center;
		box-sizing: border-box;
		padding: .85em .55em;
		background: #005196;
		color: #fff;
		font-weight: 700;
		text-align: center;
		line-height: 1.2;
	}

	.planCompare__row .planCompare__cell:last-child {
		border-bottom: 0;
	}

	.planCompareSection__cta {
		margin-top: 1.5em;
	}

	.planCompareButton {
		font-size: 1.15rem;
		padding: .55em 1.25em;
	}
}


/* 360px safety */
@media only screen and (max-width: 380px) {
	.planCompareSection {
		padding-left: 10px;
		padding-right: 10px;
	}

	.planCompare__row {
		margin-bottom: .85em;
	}

	.planCompare__cell {
		grid-template-columns: minmax(6.75em, 38%) minmax(0, 1fr);
		font-size: .95rem;
		line-height: 1.3;
	}

	.planCompare__cell > span:last-child {
		padding: .75em .65em;
	}

	.planCompare__mobileLabel {
		padding: .75em .45em;
		font-size: .9rem;
	}

	.planCompare__cell--plan {
		font-size: 1.1rem;
		padding: .75em .85em;
	}
}

/*********************************** Responsive Styles **********************************/

@media only screen and (max-width: 1600px) {
    .videoEmbed1{
        width:1024px;
        height:576px;
    }   
    
.indexCSRPic{
    height:28em;
    width:31.27em;
    left:-60px; 
}
    
}

@media only screen and (max-width: 1400px) {

.indexCSRPic{
    height:26em;
    width:29.03em;
    left:-80px; 
}    
 
.flex3col .tile {
    max-width: 100%;
    
}

.tileBottom{
font-size: 1.35em;    
    }    
}
    
@media only screen and (max-width: 1200px) { 

.tileBottom{
    font-size: 1.45em;    
    }
}

@media only screen and (max-width: 1100px) {
    .videoEmbed1{
        width:720px;
        height:405px;
    }   

  .ehealthHeroContainer{
    height:auto !important;   /* overrides the inline style="height:20em" on the element */
    width:100%;
    margin-left:0;
  }
  .coverageCategories{
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:1em;
    width:70%;
    float:right;
    padding-bottom:1em;
  }
  .coverageTile{
    width: 10em;
    margin-left:0;
    min-height:44px;
    box-sizing:border-box;
    overflow-wrap:break-word;
  }   
  
}
 
@media only screen and (max-width: 950px) {

.indexCSRPic{
	display:none;   
}    
    
.freeConsultPic{
	display:none;
}
    

.freeConsultForm{
	width:100%;
	background-color:#fcfcfc;
	padding:3.5em;
} 
    
.freeConsultForm form {
    width:95%;        
    }    
    
.homeContentWrapperEH{
    background-position: right bottom;
    background-size: cover;
}    

.ehealthHeroContainer{
    width:100%;
    max-width:1600px;
    height:25em;
    margin-left:auto;
    justify-content: stretch;
}

h2.hmheroSubheading{
    font-size: 2em !important;
    color:#000000 !important;
    text-align: center;
    font-family: 'Costco Sans Micro' !important;
    font-weight: 300;
    margin-bottom: 1em;
}    
  
.coverageCategories{
    display:flex;
    flex-direction: row;
    align-items: stretch;
    width:100%;
    float:none;
    padding-bottom: 1em;

}    
    
.CHSpnCircle{
	display: none;
}

.CHSopmCircle{
	display: none;
}

.CHSGreyBarPic{
	display: none;
}
.CHSGreyBarPic.LargeGroups{
	display: none;
}    


.CHSempGreybarContent{
	width:80%;
	height:45em;
	padding-top:1em;
}

.CHSempGreybarContent div{
	width:90%;
	float:left;
    padding-left:3%;
    padding-right:3%;
}    
    
.CHSempGreybarPic{
	display: none;
}    

.darkBlueBarContent {width:92%;}	
	
.darkBlueBarContent.twoColumn6040 {
	font-size: 1em;
	width:88%;
	padding:4% 4% 4% 8%;
	}	
	
.dbbImage{display:none;}	

	
.moduleCircleLayout1PicBlueBdr{
	display: none;
}

.moduleCircleLayout1PicRedBdr{
	display: none;
}    

.moduleCircleLayout1Left{
	display: none;
}

.moduleCircleLayout1Right{
	width:100%;
	padding-left:.75em;
}	
	
.comparisonTable.editorial td.altbg {
	font-size: 1.2em;
	}
.compareTable_icon{
	heigh:auto;
	width:5em;	
}	
.smallGroupValuePic{
	display: none;
}

.LargeCirclePicBlue{
	display: none;
}    

.CirclePicBlue{
	display: none;
}

.CirclePicRed{
	display: none;
}    

.AmeritasDentalGreybarPic{
	display: none;
}

.RegenceEAPGreybarPic{
	display: none;
}    

.ltGrey2colPic2{
	display: none;
}
.ltGrey2colPic2Right{
	display: none;
}    

.flex3cols {
    flex-wrap: wrap;    
}
    
.flex3cols div {
    width:90%;   
}    

.flex3cols div{
    width: auto;
}    

.tileBottom{
    font-size: 1.6em;    
    }    
    
.CHSpnCircle{
	display:none;
}

.CHSopmCircle{
	display:none;
}
 
.CHSopmBox{
	width:92%;
	margin-left:4%;
    margin-right:4%;
	padding-left:0;
	border:none;
}

.CHSpnBox{
	width:92%;
	padding-right:0%;
	margin-left:8%;
	margin-right:5%;
	border:none
}    
 
.CHSGreyBarPic.SmallGroups{
	display:none;
}

.CHSGreybarContent.SmallGroups {
	width:80%;
	max-width:58em;
}

.DarkBlueBarPic{
        display: none;
    }       
}

@media only screen and (max-width: 850px) {

.homeTestimonialsWrapper{
    height: 60em;    
    } 
.slick-dots{
	bottom: -38em;
	}
.AmeritasHeroWrapper{
	height:auto;
}

.AmeritasDentalHeroWrapper{
	height:auto;
}

.AmeritasIFDentalHeroWrapper{
	height:auto;
}

.AmeritasVisionHeroWrapper{
	height:auto;
}

.AmeritasLGVisionHeroWrapper{
	height:auto;
}
.RegenceMedicalHeroWrapper{
	height:auto;
}

.PBMHeroWrapper{
	height:auto;
}

.BCSSummaryHeroWrapper{
	height:auto;

}

.BCSStopLossHeroWrapper{
	height:auto;

}

.BCSLGWorksiteHeroWrapper{
	height:auto;

}

.BCSSGWorksiteHeroWrapper{
	height:auto;

}	
}

@media only screen and (max-width: 800px) {
    .videoEmbed1{
        width:512px;
        height:384px;
    }  
	.homeTestimonialsWrapper{display:none;}
	.lgEditorialColRight{
	float:none; 
	width:100%; 
	padding-left:0;	
	}

.lgEditorialColleft{
	float:none; 
	width:100%; 
	padding-left:0;	
	
}

.lgPicColLeft{
	float:none; 
	width:100%; 	
}

.lgPicColRight{
	float:none; 
	width:100%; 
	Margin-left:0;	
}
	
}
@media only screen and (max-width: 700px) {
  .ehealthHeroContainer{
    height:auto !important;   /* overrides the inline style="height:20em" on the element */
    width:100%;
    margin-left:0;
  }
  .coverageCategories{
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:1em;
    width:100%;
    float:none;
    padding-bottom:1em;
  }
  .coverageTile{
    width: 10em;
    margin-left:0;
    min-height:10em;
	padding-top:6em;
    box-sizing:border-box;
    overflow-wrap:break-word;
  } 
}
@media only screen and (max-width: 600px) {
    .videoEmbed1{
        width:360px;
        height:270px;
    }    
    
}
/* Narrowest phones: tighten padding/gap/font so 3-up stays comfortably
   legible instead of cramming desktop-sized text into a ~1/3-width tile. */
@media(max-width:480px){
  .coverageCategories{ gap:.6em; }
  .coverageTile{
	width:8em;  
    padding:6em .6em 1em .6em;
    font-size:1.05em;
  }
}

