/*css/blocks/banner/css/index.scsss*/
.banner--card {
 --theme--background: #000f39;
 --theme--background-secondary: #002871;
 --theme--primary_text: #ffffff;
 --theme--secondary_text: #ebf2ff;
 --theme--border: #0041a9;
 --theme--soft_color: rgba(255, 255, 255, 0.25);
 position: relative;
 padding: var(--obj_padding-jumbo, 5.375rem);
 overflow: clip;
 background-color: var(--theme--accent, #1a7aff);
 background: linear-gradient(90deg, var(--theme--accent-400, #4895ff) 0%, var(--theme--accent-600, #005be1) 100%);
 border-radius: var(--corner--40, 2.5rem) 0 var(--corner--40, 2.5rem) 0;
}
.banner--card .background_area {
 position: absolute;
 width: 100%;
 height: 100%;
 inset: 0;
 -o-object-fit: cover;
    object-fit: cover;
 z-index: 0;
}
.banner--card .background_area img {
 position: absolute;
 width: 100%;
 height: 100%;
 inset: 0;
 -o-object-fit: cover;
    object-fit: cover;
}
.banner--card .text_area {
 position: relative;
 max-width: 57.5rem;
 --theme--secondary_text: var(--theme--primary_text, #fff);
}