.background-grey{background-color:#faf9f8}
.background-white{background-color:#fff}
.background-enrollmentsandresources{background-color:#e6f2fb}
.background-timeoff{background-color:#f6f2f9}
.background-workandlife{background-color:#f6f2f9}
.background-financial{background-color:#e6f5f6}
.background-wellbeing{background-color:#f2f4fc}
.background-health{background-color:#f2f4fc}
.benefit-tileIcon-Image-container,.benefit-tileIcon-Image{height:57px;width:57px}
.benefit-tileIcon-heading{font-family:"Segoe UI","Segoe UI Web (West European)","Segoe UI",-apple-system,BlinkMacSystemFont,Roboto,"Helvetica Neue","sans-serif";font-size:26px;font-weight:700;line-height:32px;text-align:left;color:#000;margin:0}
.benefit-tileIcon-description{color:#605e5c;font-family:"Segoe UI","Segoe UI Web (West European)","Segoe UI",-apple-system,BlinkMacSystemFont,Roboto,"Helvetica Neue","sans-serif";font-size:14px;font-weight:400;line-height:20px;text-align:left;margin-bottom:16px;display:-webkit-box;-webkit-box-orient:vertical;line-clamp:3;-webkit-line-clamp:3;overflow:hidden}
.double-line-clamp{display:-webkit-box;-webkit-box-orient:vertical;line-clamp:2 !important;-webkit-line-clamp:2 !important;overflow:hidden}
.benefit-tileIcon-card{display:flex;flex-direction:column;height:100%}
.benefit-tileIcon-column{height:100%}
.benefit-tileIcon-linkContainer{height:100%;display:flex;align-content:flex-end;flex-wrap:wrap}
.benefit-tileIcon-description p{margin:0}
.benefit-tileIcon-subText{font-family:"Segoe UI","Segoe UI Web (West European)","Segoe UI",-apple-system,BlinkMacSystemFont,Roboto,"Helvetica Neue","sans-serif";font-size:16px;font-weight:400;line-height:22px;text-align:left;color:#605e5c;padding-top:16px;padding-bottom:32px}
.benefit-tileIcon-subText p{margin:0}
.benefit-tileIcon-subheading{font-family:"Segoe UI","Segoe UI Web (West European)","Segoe UI",-apple-system,BlinkMacSystemFont,Roboto,"Helvetica Neue","sans-serif";font-size:22px;font-weight:600;line-height:28px;text-align:left;text-underline-position:from-font;text-decoration-skip-ink:none;margin:16px 0;display:-webkit-box;-webkit-box-orient:vertical;line-clamp:2;-webkit-line-clamp:2;overflow:hidden}
.tile-icon{background:#fff;border-radius:4px;box-shadow:0 .6px 1.8px 0 #0000001C,0 3.2px 7.2px 0 #00000022;overflow:hidden;text-align:left;list-style-type:none}
.benefit-tilecontainer{display:grid}
.benefit-tilecontainer ul{list-style:none;padding:0;margin:0;display:grid;gap:20px}
.benefit-tileIcon-linkText-a{text-decoration:none;display:flex;width:fit-content}
.benefit-tileIcon-linkText{background:#fff;border:1px solid #d1d1d1;padding:6px 12px;border-radius:4px;font-family:"Segoe UI","Segoe UI Web (West European)","Segoe UI",-apple-system,BlinkMacSystemFont,Roboto,"Helvetica Neue","sans-serif";font-size:14px;line-height:18px;font-weight:600;color:#242424;width:fit-content}
.benefit-tileIcon-main{max-width:100%;margin:0 auto;padding:48px 0}
@media all and (min-width:1366px){.benefit-tilecontainer:has(ul:nth-child(1)){grid-template-columns:repeat(1,1fr)}
.benefit-tilecontainer:has(ul:nth-child(2)){grid-template-columns:repeat(2,1fr)}
.benefit-tilecontainer:has(ul:nth-child(3)){grid-template-columns:repeat(3,1fr)}
.benefit-tilecontainer:has(ul:nth-child(4)){grid-template-columns:repeat(4,1fr)}
}
@media(min-width:640px) and (max-width:1365px){.benefit-tilecontainer{grid-template-columns:repeat(2,1fr)}
.benefit-tileIcon-subText{padding-bottom:24px}
}
@media(max-width:639px){.benefit-tilecontainer{grid-template-columns:repeat(1,1fr)}
}
@media(min-width:1366px){.benefit-tilecontainer{gap:32px}
}
@media(max-width:1365px){.benefit-tilecontainer{gap:24px}
}
@media(min-width:1024px){.tile-icon{padding:32px}
}
@media(min-width:480px) and (max-width:1023px){.tile-icon{padding:24px}
}
@media(max-width:479px){.tile-icon{padding:16px}
}
@media(min-width:1920px){.benefit-tileIcon-main{width:62.709%}
}
@media(min-width:1366px) and (max-width:1919px){.benefit-tileIcon-main{width:88.141%}
}
@media(min-width:1024px) and (max-width:1365px){.benefit-tileIcon-main{width:93.75%}
}
@media(min-width:640px) and (max-width:1023px){.benefit-tileIcon-main{width:90%}
}
@media(min-width:480px) and (max-width:639px){.benefit-tileIcon-main{width:86.66667%}
.benefit-tileIcon-subText{padding-bottom:24px}
}
@media(min-width:320px) and (max-width:479px){.benefit-tileIcon-main{width:87.5%}
.benefit-tileIcon-subText{padding-bottom:24px}
}