@-webkit-keyframes scrollInfinite{from{-webkit-transform:translateY(-100%);transform:translateY(-100%)}
to{-webkit-transform:translateY(0);transform:translateY(0)}
}
@keyframes scrollInfinite{from{-webkit-transform:translateY(-100%);transform:translateY(-100%)}
to{-webkit-transform:translateY(0);transform:translateY(0)}
}
@keyframes fadeOut{from{opacity:1}
to{opacity:0}
}
@keyframes fadeIn{0{opacity:0}
100%{opacity:1}
}
.m-022{--transition-duration:.3s;--wrapper-gap:40px;--icon-container-size:82px;--icon-size:48px;--after-content:none;--body-card-bg:var(--brand-secondary-100);--triangle-bg:var(--brand-white)}
.m-022 .grid-wrapper{display:flex;flex-direction:column;gap:var(--wrapper-gap)}
.m-022 .title-heading{font-size:28px;line-height:36px;text-align:center}
.m-022 .m-022-main{display:flex;justify-content:center}
.m-022 .m-022-main .m-022-item{position:relative}
.m-022 .m-022-main .m-022-item .item-header{align-items:center;cursor:pointer;color:var(--brand-secondary-700);display:flex;flex-direction:column;gap:10px;justify-content:center;width:150px;transition:all var(--transition-duration) linear}
.m-022 .m-022-main .m-022-item .item-header .icon-container{align-items:center;background-color:transparent;border-radius:100%;display:flex;height:var(--icon-container-size);justify-content:center;width:var(--icon-container-size);transition:all var(--transition-duration) linear}
.m-022 .m-022-main .m-022-item .item-header .icon-container .m-022-icon{height:var(--icon-size);width:var(--icon-size);transition:all var(--transition-duration) linear}
.m-022 .m-022-main .m-022-item .item-header .item-header-copy{font-family:"AvenirNext-DemiBold",sans-serif;font-size:16px;line-height:24px;text-align:center}
.m-022 .m-022-main .m-022-item .item-header::after{content:var(--after-content);width:var(--icon-size);height:var(--icon-size);background-color:var(--brand-primary);mask-size:contain;mask-position:center;mask-repeat:no-repeat;-webkit-mask-size:contain;-webkit-mask-position:center;-webkit-mask-repeat:no-repeat;mask-image:url("../../../clientlibs/clientlib-base/resources/img/icons2/chevron-down.svg");transition:all var(--transition-duration) linear}
.m-022 .m-022-main .m-022-item .item-body{background-color:var(--body-card-bg);border-radius:20px;display:none;flex-direction:column;margin-top:10px;padding:20px;gap:10px}
.m-022 .m-022-main .m-022-item .item-body .item-title{font-size:18px;line-height:26px;font-family:"AvenirNext-DemiBold",sans-serif}
.m-022 .m-022-main .m-022-item .item-body .item-subtitle{color:var(--brand-secondary-700);font-size:16px;line-height:24px;font-family:"AvenirNext-DemiBold",sans-serif}
.m-022 .m-022-main .m-022-item .triangle{background-color:var(--triangle-bg);border-radius:0 0 .25em;border:inherit;bottom:-52px;clip-path:polygon(0 0,150% 150%,0 150%);display:block;height:60px;left:calc(50% - 20px);opacity:0;position:absolute;transform:rotate(-45deg);width:60px;transition:all var(--transition-duration) linear;z-index:1}
.m-022 .m-022-main .m-022-item.is-active .item-header{color:var(--brand-primary)}
.m-022 .m-022-main .m-022-item.is-active .item-header::after{mask-image:url("../../../clientlibs/clientlib-base/resources/img/icons2/chevron-up.svg")}
.m-022 .m-022-main .m-022-item.is-active .icon-container{background-color:var(--brand-primary)}
.m-022 .m-022-main .m-022-item.is-active .icon-container .m-022-icon{filter:brightness(0) invert(1)}
.m-022 .m-022-main .m-022-item.is-active .triangle{opacity:1}
.m-022 .m-022-main .divider{background-color:var(--brand-secondary-300);margin:auto 20px;width:2px;height:60px;min-width:2px}
.m-022 .m-022-main .divider:last-child{display:none}
.m-022 .m-022-body-desktop{background-color:var(--body-card-bg);border-radius:20px;padding:40px 36px 50px;position:relative;text-align:center}
.m-022 .m-022-body-desktop .body-content{max-width:852px;margin:0 auto;display:flex;flex-direction:column;align-items:center;gap:20px}
.m-022 .m-022-body-desktop .body-content .item-title{font-size:28px;line-height:36px}
.m-022 .m-022-body-desktop .body-content .item-subtitle{color:var(--brand-secondary-900);font-family:"AvenirNext-DemiBold",sans-serif;font-size:22px;line-height:30px}
.m-022 .m-022-body-desktop .body-content .item-content{color:var(--brand-secondary-900);font-family:"Noto Sans",sans-serif;font-size:16px;line-height:26px}
.m-022 .m-022-body-desktop .body-content .item-content strong,.m-022 .m-022-body-desktop .body-content .item-content b{font-weight:bold}
.m-022 .m-022-body-desktop .cta{position:absolute;top:0;bottom:0;margin:auto 0;width:20px;height:40px}
.m-022 .m-022-body-desktop .cta.hidden{opacity:0;pointer-events:none}
.m-022 .m-022-body-desktop .cta .icon{background-color:var(--brand-secondary-500);width:20px;height:40px}
.m-022 .m-022-body-desktop .cta.prev-cta{left:36px}
.m-022 .m-022-body-desktop .cta.next-cta{right:36px}
.m-022.grey-component{--body-card-bg:var(--brand-white);--triangle-bg:var(--brand-secondary-100)}
@media(max-width:939.98px){.m-022{--wrapper-gap:0;--icon-container-size:40px;--icon-size:24px;--after-content:""}
.m-022 .title-heading{font-size:22px;line-height:30px}
.m-022 .m-022-main{flex-direction:column}
.m-022 .m-022-main .m-022-item{padding:20px 0}
.m-022 .m-022-main .m-022-item .item-header{flex-direction:row;justify-content:flex-start;width:100%}
.m-022 .m-022-main .m-022-item .item-header .item-header-copy{font-family:"AvenirNext-DemiBold",sans-serif;font-size:18px;line-height:28px;flex-grow:1;text-align:start}
.m-022 .m-022-main .m-022-item .triangle{display:none}
.m-022 .m-022-main .m-022-item.is-active .item-body{display:flex}
.m-022 .m-022-main .divider{width:100%;height:2px;margin:0}
.m-022 .m-022-main .divider:last-child{display:flex}
.m-022 .m-022-body-desktop{display:none}
}