@-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}
}
.four-cards-media-text .grid-wrapper{display:flex;flex-direction:column;align-items:center;justify-content:center}
.four-cards-media-text .overtitle{font-family:"Noto Sans",sans-serif;line-height:26px;color:#0f2033;margin-bottom:15px;text-align:center}
.four-cards-media-text .title{font-family:"AvenirNext-DemiBold",sans-serif;font-size:28px;line-height:36px;color:#0f2033;text-align:center}
.four-cards-media-text .cards-wrapper{display:flex;gap:20px;height:auto;margin:60px 0}
.four-cards-media-text .cards-wrapper .single-card .card-item,.four-cards-media-text .cards-wrapper .single-card .label{background-color:#f6fbfc}
.four-cards-media-text .cards-wrapper .single-card,.four-cards-media-text .cards-wrapper .cards{display:flex;flex-direction:column-reverse;gap:20px}
.four-cards-media-text .cards-wrapper .single-card .label,.four-cards-media-text .cards-wrapper .cards .label{padding:12px 24px;width:100%;text-align:center;font-size:18px;line-height:26px;font-family:"AvenirNext-DemiBold",sans-serif;color:#0f2033;border-radius:6px;border:.5px solid #63809d}
.four-cards-media-text .cards-wrapper .single-card .cards-container,.four-cards-media-text .cards-wrapper .cards .cards-container{display:flex;gap:20px}
.four-cards-media-text .cards-wrapper .single-card .cards-container .card-item::before,.four-cards-media-text .cards-wrapper .cards .cards-container .card-item::before{color:#00747a;display:flex;align-items:center;justify-content:center;font-family:"Value-Bold",sans-serif;line-height:22px;width:60px;height:60px;border-radius:50%;border:1px solid #00747a}
.four-cards-media-text .cards-wrapper .single-card .cards-container .card-item:nth-child(1)::before,.four-cards-media-text .cards-wrapper .cards .cards-container .card-item:nth-child(1)::before{content:"1"}
.four-cards-media-text .cards-wrapper .single-card .cards-container .card-item:nth-child(2)::before,.four-cards-media-text .cards-wrapper .cards .cards-container .card-item:nth-child(2)::before{content:"2"}
.four-cards-media-text .cards-wrapper .single-card .cards-container .card-item:nth-child(3)::before,.four-cards-media-text .cards-wrapper .cards .cards-container .card-item:nth-child(3)::before{content:"3"}
.four-cards-media-text .cards-wrapper .single-card .card-item,.four-cards-media-text .cards-wrapper .cards .card-item{display:flex;flex-direction:column;align-items:center;text-align:center;padding:26px 20px 20px;border-radius:6px;box-shadow:0 4px 20px 0 rgba(34,34,34,0.1019607843);max-width:307px;height:100%}
.four-cards-media-text .cards-wrapper .single-card .card-item img,.four-cards-media-text .cards-wrapper .cards .card-item img{width:60px;height:60px}
.four-cards-media-text .cards-wrapper .single-card .card-item .card-title,.four-cards-media-text .cards-wrapper .cards .card-item .card-title{color:#0f2033;font-size:18px;line-height:26px;font-family:"AvenirNext-DemiBold",sans-serif;margin-top:20px;margin-bottom:0}
.four-cards-media-text .cards-wrapper .single-card .card-item .card-description,.four-cards-media-text .cards-wrapper .cards .card-item .card-description{font-family:"Noto Sans",sans-serif;line-height:26px;color:#0f2033}
.four-cards-media-text .buttons{display:flex;gap:20px}
@media(max-width:709.98px){.four-cards-media-text .overtitle{font-family:"AvenirNext-Regular",sans-serif;font-size:14px;line-height:22px;margin-bottom:10px}
.four-cards-media-text .title{font-size:22px;line-height:30px}
.four-cards-media-text .cards-wrapper{flex-direction:column;margin:40px 0;gap:40px}
.four-cards-media-text .cards-wrapper .single-card,.four-cards-media-text .cards-wrapper .cards{flex-direction:column}
.four-cards-media-text .cards-wrapper .single-card .label,.four-cards-media-text .cards-wrapper .cards .label{text-align:start;border:0;padding:0;font-size:16px;line-height:24px;color:#00747a;display:flex;gap:10px;font-weight:700}
.four-cards-media-text .cards-wrapper .single-card .label:before,.four-cards-media-text .cards-wrapper .cards .label:before{content:"";width:24px;height:24px;display:block;background-color:#00747a;mask-image:url("../../clientlibs/clientlib-base/resources/img/icons2/right-ear.svg")}
.four-cards-media-text .cards-wrapper .single-card .cards-container,.four-cards-media-text .cards-wrapper .cards .cards-container{flex-direction:column}
.four-cards-media-text .cards-wrapper .single-card .cards-container .card-item::before,.four-cards-media-text .cards-wrapper .cards .cards-container .card-item::before{font-size:18px;line-height:26px;width:36px;min-width:36px;height:36px;width:36px;margin:6px;font-family:"AvenirNext-Regular",sans-serif}
.four-cards-media-text .cards-wrapper .single-card .card-item,.four-cards-media-text .cards-wrapper .cards .card-item{max-width:100%;flex-direction:row;align-items:center;gap:16px;padding:10px}
.four-cards-media-text .cards-wrapper .single-card .card-item img,.four-cards-media-text .cards-wrapper .cards .card-item img{width:36px;min-width:36px;height:36px}
.four-cards-media-text .cards-wrapper .single-card .card-item .card-title,.four-cards-media-text .cards-wrapper .cards .card-item .card-title{margin:0 0 4px;text-align:start}
.four-cards-media-text .cards-wrapper .single-card .card-item .card-description,.four-cards-media-text .cards-wrapper .cards .card-item .card-description{text-align:start;margin:0}
.four-cards-media-text .cards-wrapper .single-card .label{background-color:#fff}
.four-cards-media-text .cards-wrapper .single-card .label:before{mask-image:url("../../clientlibs/clientlib-base/resources/img/icons2/hearing-test.svg")}
.four-cards-media-text .buttons{flex-direction:column;width:100%}
.four-cards-media-text .buttons .button,.four-cards-media-text .buttons button{width:100%}
}