.container-card-generic{padding:24px 12px}
.card-bg-white{background-color:#fff}
.card-bg-silver{background-color:#f7f8fa}
.card{border:none !important;background-color:#f7f8fa}
.card .card_container .image_container{padding-top:56.25% !important;position:relative}
.card .card_container .mb_8{margin-bottom:8px}
.card .card_container .image{width:100%;position:absolute;top:0;left:0;height:100%;-o-object-fit:cover;object-fit:cover}
.card .card_container .cardgeneric_body{padding:24px}
.card .card_container .cardgeneric_heading{font-size:16px;font-weight:700;line-height:1.5rem;color:#36424a}
.card .card_container .purple-lozenge-xsm{border:1px solid #826e96;color:#4d3069;background-color:transparent}
.card .card_container .cardgeneric_content{font-size:14px;font-weight:400;line-height:20px;color:#646e7a;margin-top:8px}
.card .card_container .sub_label{font-size:13px;font-weight:400;line-height:20px;color:#646e7a;margin-top:8px}
@media(min-width:1400px){.col-xxl-3{width:25% !important}
}
@media(min-width:992px){.col-lg-4{width:33.33333333% !important}
}
.cardgeneric .row>*{padding-right:calc(var(--bs-gutter-x) * .5) !important;padding-left:calc(var(--bs-gutter-x) * .5) !important}
@media(max-width:576px){.card .cardgeneric_body{padding:16px !important}
.card .h-100{height:auto !important}
}
.bg_silver .row .col-xxl-3 .card{border:none !important;background-color:white !important}
.bg_green .row .col-xxl-3 .card{border:none !important;background-color:white !important}
.bg_blue .row .col-xxl-3 .card{border:none !important;background-color:white !important}
.bg_pink .row .col-xxl-3 .card{border:none !important;background-color:white !important}
.bg_white .row .col-xxl-3 .card{border:none !important;background-color:#f7f8fa !important}
.card .card_container .image_container{padding-top:56.25% !important;position:relative}