.four-cards-media-text{padding:40px 0 100px}
.four-cards-media-text .red-btn--fill{height:54px;-ms-flex-line-pack:center;align-content:center}
.four-cards-media-text .red-btn--fill:not(.btn--disabled):hover{background-color:#a20033;color:#fff;text-decoration:underline}
.four-cards-media-text .red-btn--outline{height:54px;-ms-flex-line-pack:center;align-content:center}
.four-cards-media-text .red-btn--outline:not(.btn--disabled):hover{background-color:#f6e6eb;color:#a20033;border-color:#a20033;text-decoration:underline}
.four-cards-media-text .grid-wrapper{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}
.four-cards-media-text .overtitle{line-height:26px;color:#444;margin-bottom:15px}
.four-cards-media-text .title{font-family:"Value-Bold",sans-serif;font-size:28px;line-height:36px}
.four-cards-media-text .cards-wrapper{display:-webkit-box;display:-ms-flexbox;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:#f7f8f8}
.four-cards-media-text .cards-wrapper .single-card,.four-cards-media-text .cards-wrapper .cards{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:reverse;-ms-flex-direction:column-reverse;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:"Value-Bold",sans-serif;color:#444;border-radius:6px;border:.5px solid #888}
.four-cards-media-text .cards-wrapper .single-card .cards-container,.four-cards-media-text .cards-wrapper .cards .cards-container{display:-webkit-box;display:-ms-flexbox;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:#c5003e;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;font-family:"Value-Bold",sans-serif;line-height:22px;width:60px;height:60px;border-radius:50%;border:1px solid #c5003e}
.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:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;text-align:center;padding:26px 20px 20px;border-radius:6px;-webkit-box-shadow:0 4px 20px 0 #2222221A;box-shadow:0 4px 20px 0 #2222221A;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{font-size:18px;line-height:26px;font-family:"Value-Bold",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{line-height:26px;color:#444}
.four-cards-media-text .buttons{display:-webkit-box;display:-ms-flexbox;display:flex;gap:20px}
.four-cards-media-text .buttons .icon{display:inline-block;width:24px;height:24px;background-repeat:no-repeat;background-position:center}
.four-cards-media-text .buttons .icon-on-left,.four-cards-media-text .buttons .icon-on-right{display:-webkit-box;display:-ms-flexbox;display:flex;gap:10px;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}
.four-cards-media-text .buttons .icon-on-right{-webkit-box-orient:horizontal;-webkit-box-direction:reverse;-ms-flex-direction:row-reverse;flex-direction:row-reverse}
@media(max-width:707.98px){.four-cards-media-text{padding:0 0 40px}
.four-cards-media-text .overtitle{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{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;margin:40px 0;gap:40px}
.four-cards-media-text .cards-wrapper .single-card,.four-cards-media-text .cards-wrapper .cards{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;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:#c5003e;display:-webkit-box;display:-ms-flexbox;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-image:url("../../../../clientlibs/clientlib-base/resources/img/icons/right-ear-red.svg")}
.four-cards-media-text .cards-wrapper .single-card .cards-container,.four-cards-media-text .cards-wrapper .cards .cards-container{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;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:"Value-Regular",sans-serif;font-weight:400}
.four-cards-media-text .cards-wrapper .single-card .card-item,.four-cards-media-text .cards-wrapper .cards .card-item{max-width:100%;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-align:center;-ms-flex-align:center;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{background-image:url("../../../../clientlibs/clientlib-base/resources/img/icons/hearing-test.svg")}
.four-cards-media-text .buttons{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;width:100%}
.four-cards-media-text .buttons .button,.four-cards-media-text .buttons button{width:100%}
}