/****************************************/
/****************************************/
/** REINSW **/
/*
 * 
 *  Author: CAUSEIS PTY LTD 
 * 
 *  Version: 1 - EMS template - 20 November 2024 (website under construction)
  *  Version: 2 - EMS template - DATE (website go live)
 * 
 * 
 *  Document contains changes to Banners and Backgrounds
 *
 *
*/
/****************************************/
/****************************************/
/*********** background color ***********/
.bg-grey,
.bg-grey>.HeaderRow {
    background: var(--grey-color);
}

.bg-grey>div[id*="_Panel_"i]:is([id*="tile" i]) {
    background: var(--grey-color);
}

.row:has(div[id*="ste_container_"i][id*="ullwidthbanner"i])>div:not(div[class*="col-sm-"i]:has(div[id*="tile" i])):not(.row:has(> div:is(:first-child:last-child) div[id*="ste_container_"i][id*="ullwidthbanner"i])):has(.bg-grey) {
    background: var(--grey-color);
}

.row:has(div[id*="ste_container_"i][id*="agebanner"i]):has([id*="agebanner"i] .bg-grey)>div {
    background: var(--grey-color);
}

.row:has(div[id*="ste_container_"i][id*="ullwidthbanner"i]):has([id*="ullwidthbanner"i] .bg-grey) {
    background: var(--grey-color);
}

.bg-royal-blue,
.bg-royal-blue>.HeaderRow {
    background: var(--royal-blue-gradient);
}

.bg-royal-blue>div[id*="_Panel_"i]:is([id*="tile" i]) {
    background: var(--royal-blue-gradient);
}

.row:has(div[id*="ste_container_"i][id*="ullwidthbanner"i])>div:not(div[class*="col-sm-"i]:has(div[id*="tile" i])):not(.row:has(> div:is(:first-child:last-child) div[id*="ste_container_"i][id*="ullwidthbanner"i])):has(.bg-royal-blue) {
    background: var(--royal-blue-gradient);
}

.row:has(div[id*="ste_container_"i][id*="agebanner"i]):has([id*="agebanner"i] .bg-royal-blue)>div {
    background: var(--royal-blue-gradient);
}

.row:has(div[id*="ste_container_"i][id*="ullwidthbanner"i]):has([id*="ullwidthbanner"i] .bg-royal-blue) {
    background: var(--royal-blue-gradient);
    overflow: hidden;
}

.bg-harbor-blue,
.bg-harbor-blue>.HeaderRow {
    background: var(--harbor-blue);
}

.bg-harbor-blue>div[id*="_Panel_"i]:is([id*="tile" i]) {
    background: var(--harbor-blue);
}

.row:has(div[id*="ste_container_"i][id*="ullwidthbanner"i])>div:not(div[class*="col-sm-"i]:has(div[id*="tile" i])):not(.row:has(> div:is(:first-child:last-child) div[id*="ste_container_"i][id*="ullwidthbanner"i])):has(.bg-harbor-blue) {
    background: var(--harbor-blue);
}

.row:has(div[id*="ste_container_"i][id*="agebanner"i]):has([id*="agebanner"i] .bg-harbor-blue)>div {
    background: var(--harbor-blue);
}

.row:has(div[id*="ste_container_"i][id*="ullwidthbanner"i]):has([id*="ullwidthbanner"i] .bg-harbor-blue) {
    background: var(--harbor-blue);
}

.bg-white,
.bg-white>.HeaderRow {
    background: var(--white-color);
}

.bg-white>div[id*="_Panel_"i]:is([id*="tile" i]) {
    background: var(--white-color);
}

.row:has(div[id*="ste_container_"i][id*="ullwidthbanner"i])>div:not(div[class*="col-sm-"i]:has(div[id*="tile" i])):not(.row:has(> div:is(:first-child:last-child) div[id*="ste_container_"i][id*="ullwidthbanner"i])):has(.bg-white) {
    /* background: var(--white-color); */
}

.row:has(div[id*="ste_container_"i][id*="agebanner"i]):has([id*="agebanner"i] .bg-white)>div {
    background: var(--white-color);
}

.row:has(div[id*="ste_container_"i][id*="ullwidthbanner"i]):has([id*="ullwidthbanner"i] .bg-white) {
    background: var(--white-color);
}

.bg-teal,
.bg-teal>.HeaderRow {
    background: var(--teal-gradient);
}

.bg-teal>div[id*="_Panel_"i]:is([id*="tile" i]) {
    background: var(--teal-gradient);
}

.row:has(div[id*="ste_container_"i][id*="ullwidthbanner"i])>div:not(div[class*="col-sm-"i]:has(div[id*="tile" i])):not(.row:has(> div:is(:first-child:last-child) div[id*="ste_container_"i][id*="ullwidthbanner"i])):has(.bg-teal) {
    background: var(--teal-gradient);
}

.row:has(div[id*="ste_container_"i][id*="agebanner"i]):has([id*="agebanner"i] .bg-teal)>div {
    background: var(--teal-gradient);
}

.row:has(div[id*="ste_container_"i][id*="ullwidthbanner"i]):has([id*="ullwidthbanner"i] .bg-teal) {
    background: var(--teal-gradient);
}

.bg-green,
.bg-green>.HeaderRow {
    background: var(--green-gradient);
}

.bg-green>div[id*="_Panel_"i]:is([id*="tile" i]) {
    background: var(--green-gradient);
}

.row:has(div[id*="ste_container_"i][id*="ullwidthbanner"i])>div:not(div[class*="col-sm-"i]:has(div[id*="tile" i])):not(.row:has(> div:is(:first-child:last-child) div[id*="ste_container_"i][id*="ullwidthbanner"i])):has(.bg-green) {
    background: var(--green-gradient);
}

.row:has(div[id*="ste_container_"i][id*="agebanner"i]):has([id*="agebanner"i] .bg-green)>div {
    background: var(--green-gradient);
}

.row:has(div[id*="ste_container_"i][id*="ullwidthbanner"i]):has([id*="ullwidthbanner"i] .bg-green) {
    background: var(--green-gradient);
}

.bg-orange,
.bg-orange>.HeaderRow {
    background: var(--orange-gradient);
}

.bg-orange>div[id*="_Panel_"i]:is([id*="tile" i]) {
    background: var(--orange-gradient);
}

.row:has(div[id*="ste_container_"i][id*="ullwidthbanner"i])>div:not(div[class*="col-sm-"i]:has(div[id*="tile" i])):not(.row:has(> div:is(:first-child:last-child) div[id*="ste_container_"i][id*="ullwidthbanner"i])):has(.bg-orange) {
    background: var(--orange-gradient);
}

.row:has(div[id*="ste_container_"i][id*="agebanner"i]):has([id*="agebanner"i] .bg-orange)>div {
    background: var(--orange-gradient);
}

.row:has(div[id*="ste_container_"i][id*="ullwidthbanner"i]):has([id*="ullwidthbanner"i] .bg-orange) {
    background: var(--orange-gradient);
}

.bg-gold,
.bg-gold>.HeaderRow {
    background: var(--gold-gradient);
}

.bg-gold>div[id*="_Panel_"i]:is([id*="tile" i]) {
    background: var(--gold-gradient);
}

.row:has(div[id*="ste_container_"i][id*="ullwidthbanner"i])>div:not(div[class*="col-sm-"i]:has(div[id*="tile" i])):not(.row:has(> div:is(:first-child:last-child) div[id*="ste_container_"i][id*="ullwidthbanner"i])):has(.bg-gold) {
    background: var(--gold-gradient);
}

.row:has(div[id*="ste_container_"i][id*="agebanner"i]):has([id*="agebanner"i] .bg-gold)>div {
    background: var(--gold-gradient);
}

.row:has(div[id*="ste_container_"i][id*="ullwidthbanner"i]):has([id*="ullwidthbanner"i] .bg-gold) {
    background: var(--gold-gradient);
}

.bg-purple,
.bg-purple>.HeaderRow {
    background: var(--purple-gradient);
}

.bg-purple>div[id*="_Panel_"i]:is([id*="tile" i]) {
    background: var(--purple-gradient);
}

.row:has(div[id*="ste_container_"i][id*="ullwidthbanner"i])>div:not(div[class*="col-sm-"i]:has(div[id*="tile" i])):not(.row:has(> div:is(:first-child:last-child) div[id*="ste_container_"i][id*="ullwidthbanner"i])):has(.bg-purple) {
    background: var(--purple-gradient);
}

.row:has(div[id*="ste_container_"i][id*="agebanner"i]):has([id*="agebanner"i] .bg-purple)>div {
    background: var(--purple-gradient);
}

.row:has(div[id*="ste_container_"i][id*="ullwidthbanner"i]):has([id*="ullwidthbanner"i] .bg-purple) {
    background: var(--purple-gradient);
}

.bg-silver,
.bg-silver>.HeaderRow {
    background: var(--silver-gradient);
}

.bg-silver>div[id*="_Panel_"i]:is([id*="tile" i]) {
    background: var(--silver-gradient);
}

.row:has(div[id*="ste_container_"i][id*="ullwidthbanner"i])>div:not(div[class*="col-sm-"i]:has(div[id*="tile" i])):not(.row:has(> div:is(:first-child:last-child) div[id*="ste_container_"i][id*="ullwidthbanner"i])):has(.bg-silver) {
    background: var(--silver-gradient);
}

.row:has(div[id*="ste_container_"i][id*="agebanner"i]):has([id*="agebanner"i] .bg-silver)>div {
    background: var(--silver-gradient);
}

.row:has(div[id*="ste_container_"i][id*="ullwidthbanner"i]):has([id*="ullwidthbanner"i] .bg-silver) {
    background: var(--silver-gradient);
}

div:has(> .WebPartZone:is([class*="bg-" i])) {
    height: 100%;
}

.WebPartZone:is([class*="bg-" i]) {
    padding: var(--padding);
    border-radius: var(--border-radius);
}

.WebPartZone:is([class*="bg-" i])>.iMIS-WebPart>div {
    padding: 0 !important;
}

.WebPartZone:is([class*="bg-" i])>div.iMIS-WebPart:first-child {
    margin-top: 0 !important;
    flex-grow: 0 !important;
}

.WebPartZone:is([class*="bg-" i])>div.iMIS-WebPart:last-child {
    margin-bottom: 0 !important;
}

.bg-royal-blue-light,
.bg-royal-blue-light>.HeaderRow {
    background: var(--royal-blue-light);
}

.bg-royal-blue-light>div[id*="_Panel_"i]:is([id*="tile" i]) {
    background: var(--royal-blue-light);
}

.row:has(div[id*="ste_container_"i][id*="ullwidthbanner"i])>div:not(div[class*="col-sm-"i]:has(div[id*="tile" i])):not(.row:has(> div:is(:first-child:last-child) div[id*="ste_container_"i][id*="ullwidthbanner"i])):has(.bg-royal-blue-light) {
    background: var(--royal-blue-light);
}

.row:has(div[id*="ste_container_"i][id*="agebanner"i]):has([id*="agebanner"i] .bg-royal-blue-light)>div {
    background: var(--royal-blue-light);
}

.row:has(div[id*="ste_container_"i][id*="ullwidthbanner"i]):has([id*="ullwidthbanner"i] .bg-royal-blue-light) {
    background: var(--royal-blue-light);
}

.row:has(div[id*="ste_container_"i][id*="agebanner"i]):has([id*="agebanner"i] .bg-royal-blue-light) .bg-royal-blue-light {
    background: transparent !important;
}

.bg-harbor-blue-light,
.bg-harbor-blue-light>.HeaderRow {
    background: var(--harbor-blue-light);
}

.bg-harbor-blue-light>div[id*="_Panel_"i]:is([id*="tile" i]) {
    background: var(--harbor-blue-light);
}

.row:has(div[id*="ste_container_"i][id*="ullwidthbanner"i])>div:not(div[class*="col-sm-"i]:has(div[id*="tile" i])):not(.row:has(> div:is(:first-child:last-child) div[id*="ste_container_"i][id*="ullwidthbanner"i])):has(.bg-harbor-blue-light) {
    background: var(--harbor-blue-light);
}

.row:has(div[id*="ste_container_"i][id*="agebanner"i]):has([id*="agebanner"i] .bg-harbor-blue-light)>div {
    background: var(--harbor-blue-light);
}

.row:has(div[id*="ste_container_"i][id*="ullwidthbanner"i]):has([id*="ullwidthbanner"i] .bg-harbor-blue-light) {
    background: var(--harbor-blue-light);
}

.row:has(div[id*="ste_container_"i][id*="agebanner"i]):has([id*="agebanner"i] .bg-harbor-blue-light) .bg-harbor-blue-light {
    background: transparent !important;
}

.bg-teal-light,
.bg-teal-light>.HeaderRow {
    background: var(--teal-light);
}

.bg-teal-light>div[id*="_Panel_"i]:is([id*="tile" i]) {
    background: var(--teal-light);
}

.row:has(div[id*="ste_container_"i][id*="ullwidthbanner"i])>div:not(div[class*="col-sm-"i]:has(div[id*="tile" i])):not(.row:has(> div:is(:first-child:last-child) div[id*="ste_container_"i][id*="ullwidthbanner"i])):has(.bg-teal-light) {
    background: var(--teal-light);
}

.row:has(div[id*="ste_container_"i][id*="agebanner"i]):has([id*="agebanner"i] .bg-teal-light)>div {
    background: var(--teal-light);
}

.row:has(div[id*="ste_container_"i][id*="ullwidthbanner"i]):has([id*="ullwidthbanner"i] .bg-teal-light) {
    background: var(--teal-light);
}

.row:has(div[id*="ste_container_"i][id*="agebanner"i]):has([id*="agebanner"i] .bg-teal-light) .bg-teal-light {
    background: transparent !important;
}

.bg-green-light,
.bg-green-light>.HeaderRow {
    background: var(--green-light);
}

.bg-green-light>div[id*="_Panel_"i]:is([id*="tile" i]) {
    background: var(--green-light);
}

.row:has(div[id*="ste_container_"i][id*="ullwidthbanner"i])>div:not(div[class*="col-sm-"i]:has(div[id*="tile" i])):not(.row:has(> div:is(:first-child:last-child) div[id*="ste_container_"i][id*="ullwidthbanner"i])):has(.bg-green-light) {
    background: var(--green-light);
}

.row:has(div[id*="ste_container_"i][id*="agebanner"i]):has([id*="agebanner"i] .bg-green-light)>div {
    background: var(--green-light);
}

.row:has(div[id*="ste_container_"i][id*="ullwidthbanner"i]):has([id*="ullwidthbanner"i] .bg-green-light) {
    background: var(--green-light);
}

.row:has(div[id*="ste_container_"i][id*="agebanner"i]):has([id*="agebanner"i] .bg-green-light) .bg-green-light {
    background: transparent !important;
}

.bg-orange-light,
.bg-orange-light>.HeaderRow {
    background: var(--orange-light);
}

.bg-orange-light>div[id*="_Panel_"i]:is([id*="tile" i]) {
    background: var(--orange-light);
}

.row:has(div[id*="ste_container_"i][id*="ullwidthbanner"i])>div:not(div[class*="col-sm-"i]:has(div[id*="tile" i])):not(.row:has(> div:is(:first-child:last-child) div[id*="ste_container_"i][id*="ullwidthbanner"i])):has(.bg-orange-light) {
    background: var(--orange-light);
}

.row:has(div[id*="ste_container_"i][id*="agebanner"i]):has([id*="agebanner"i] .bg-orange-light)>div {
    background: var(--orange-light);
}

.row:has(div[id*="ste_container_"i][id*="ullwidthbanner"i]):has([id*="ullwidthbanner"i] .bg-orange-light) {
    background: var(--orange-light);
}

.row:has(div[id*="ste_container_"i][id*="agebanner"i]):has([id*="agebanner"i] .bg-orange-light) .bg-orange-light {
    background: transparent !important
}

.bg-gold-light,
.bg-gold-light>.HeaderRow {
    background: var(--gold-light);
}

.bg-gold-light>div[id*="_Panel_"i]:is([id*="tile" i]) {
    background: var(--gold-light);
}

.row:has(div[id*="ste_container_"i][id*="ullwidthbanner"i])>div:not(div[class*="col-sm-"i]:has(div[id*="tile" i])):not(.row:has(> div:is(:first-child:last-child) div[id*="ste_container_"i][id*="ullwidthbanner"i])):has(.bg-gold-light) {
    background: var(--gold-light);
}

.row:has(div[id*="ste_container_"i][id*="agebanner"i]):has([id*="agebanner"i] .bg-gold-light)>div {
    background: var(--gold-light);
}

.row:has(div[id*="ste_container_"i][id*="ullwidthbanner"i]):has([id*="ullwidthbanner"i] .bg-gold-light) {
    background: var(--gold-light);
}

.row:has(div[id*="ste_container_"i][id*="agebanner"i]):has([id*="agebanner"i] .bg-gold-light) .bg-gold-light {
    background: transparent !important;
}

.bg-purple-light,
.bg-purple-light>.HeaderRow {
    background: var(--purple-light);
}

.bg-purple-light>div[id*="_Panel_"i]:is([id*="tile" i]) {
    background: var(--purple-light);
}

.row:has(div[id*="ste_container_"i][id*="ullwidthbanner"i])>div:not(div[class*="col-sm-"i]:has(div[id*="tile" i])):not(.row:has(> div:is(:first-child:last-child) div[id*="ste_container_"i][id*="ullwidthbanner"i])):has(.bg-purple-light) {
    background: var(--purple-light);
}

.row:has(div[id*="ste_container_"i][id*="agebanner"i]):has([id*="agebanner"i] .bg-purple-light)>div {
    background: var(--purple-light);
}

.row:has(div[id*="ste_container_"i][id*="ullwidthbanner"i]):has([id*="ullwidthbanner"i] .bg-purple-light) {
    background: var(--purple-light);
}

.row:has(div[id*="ste_container_"i][id*="agebanner"i]):has([id*="agebanner"i] .bg-purple-light) .bg-purple-light {
    background: transparent !important;
}

.bg-silver-light,
.bg-silver-light>.HeaderRow {
    background: var(--silver-light);
}

.bg-silver-light>div[id*="_Panel_"i]:is([id*="tile" i]) {
    background: var(--silver-light);
}

.row:has(div[id*="ste_container_"i][id*="ullwidthbanner"i])>div:not(div[class*="col-sm-"i]:has(div[id*="tile" i])):not(.row:has(> div:is(:first-child:last-child) div[id*="ste_container_"i][id*="ullwidthbanner"i])):has(.bg-silver-light) {
    background: var(--silver-light);
}

.row:has(div[id*="ste_container_"i][id*="agebanner"i]):has([id*="agebanner"i] .bg-silver-light)>div {
    background: var(--silver-light);
}

.row:has(div[id*="ste_container_"i][id*="ullwidthbanner"i]):has([id*="ullwidthbanner"i] .bg-silver-light) {
    background: var(--silver-light);
}

.row:has(div[id*="ste_container_"i][id*="agebanner"i]):has([id*="agebanner"i] .bg-silver-light) .bg-silver-light {
    background: transparent !important;
}

.row:has(.bg-royal-blue-light) *:is([id*="ullwidthbanner"i], [id*="agebanner"i], [id*="tile" i]) *:is(h1, h2, h3, h4, h5, h6, a:not([class*="button" i]), a:not([class*="button" i]):is(:is(h1, h2, h3, h4, h5, h6, .rgSelectedRow, div, p) *)) {
    /* color: var(--royal-blue); */
}

.row:has(.bg-harbor-blue-light) *:is([id*="ullwidthbanner"i], [id*="agebanner"i], [id*="tile" i]) *:is(h1, h2, h3, h4, h5, h6, a:not([class*="button" i]), a:not([class*="button" i]):is(:is(h1, h2, h3, h4, h5, h6, .rgSelectedRow, div, p) *)) {
    /* color: var(--harbor-blue); */
}

.row:has(.bg-teal-light) *:is([id*="ullwidthbanner"i], [id*="agebanner"i], [id*="tile" i]) *:is(h1, h2, h3, h4, h5, h6, a:not([class*="button" i]), a:not([class*="button" i]):is(:is(h1, h2, h3, h4, h5, h6, .rgSelectedRow, div, p) *)) {
    /* color: var(--reinsw-teal); */
}

.row:has(.bg-green-light) *:is([id*="ullwidthbanner"i], [id*="agebanner"i], [id*="tile" i]) *:is(h1, h2, h3, h4, h5, h6, a:not([class*="button" i]), a:not([class*="button" i]):is(:is(h1, h2, h3, h4, h5, h6, .rgSelectedRow, div, p) *)) {
    /* color: var(--reinsw-green); */
}

.row:has(.bg-orange-light) *:is([id*="ullwidthbanner"i], [id*="agebanner"i], [id*="tile" i]) *:is(h1, h2, h3, h4, h5, h6, a:not([class*="button" i]), a:not([class*="button" i]):is(:is(h1, h2, h3, h4, h5, h6, .rgSelectedRow, div, p) *)) {
    /* color: var(--reinsw-orange); */
}

.row:has(.bg-gold-light) *:is([id*="ullwidthbanner"i], [id*="agebanner"i], [id*="tile" i]) *:is(h1, h2, h3, h4, h5, h6, a:not([class*="button" i]), a:not([class*="button" i]):is(:is(h1, h2, h3, h4, h5, h6, .rgSelectedRow, div, p) *)) {
    /* color: var(--reinsw-gold); */
}

.row:has(.bg-purple-light) *:is([id*="ullwidthbanner"i], [id*="agebanner"i], [id*="tile" i]) *:is(h1, h2, h3, h4, h5, h6, a:not([class*="button" i]), a:not([class*="button" i]):is(:is(h1, h2, h3, h4, h5, h6, .rgSelectedRow, div, p) *)) {
    /* color: var(--reinsw-purple); */
}

.row:has(.bg-silver-light) *:is([id*="ullwidthbanner"i], [id*="agebanner"i], [id*="tile" i]) *:is(h1, h2, h3, h4, h5, h6, a:not([class*="button" i]), a:not([class*="button" i]):is(:is(h1, h2, h3, h4, h5, h6, .rgSelectedRow, div, p) *)) {
    /* color: var(--reinsw-silver); */
}

.row:has(div[id*="ste_container_"i][id*="ullwidthbanner"i]):has([id*="ullwidthbanner"i] .bg-royal-blue-light).call-to-action-row *:is(h1, h2, h3, h4, h5, h6, a:not([class*="button" i]), a:not([class*="button" i]):is(:is(h1, h2, h3, h4, h5, h6, .rgSelectedRow, div, p) *)) {
    color: var(--royal-blue) !important;
}

.row:has(div[id*="ste_container_"i][id*="ullwidthbanner"i]):has([id*="ullwidthbanner"i] .bg-harbor-blue-light).call-to-action-row *:is(h1, h2, h3, h4, h5, h6, a:not([class*="button" i]), a:not([class*="button" i]):is(:is(h1, h2, h3, h4, h5, h6, .rgSelectedRow, div, p) *)) {
    color: var(--harbor-blue) !important;
}

.row:has(div[id*="ste_container_"i][id*="ullwidthbanner"i]):has([id*="ullwidthbanner"i] .bg-teal-light).call-to-action-row *:is(h1, h2, h3, h4, h5, h6, a:not([class*="button" i]), a:not([class*="button" i]):is(:is(h1, h2, h3, h4, h5, h6, .rgSelectedRow, div, p) *)) {
    color: var(--reinsw-teal) !important;
}

.row:has(div[id*="ste_container_"i][id*="ullwidthbanner"i]):has([id*="ullwidthbanner"i] .bg-green-light).call-to-action-row *:is(h1, h2, h3, h4, h5, h6, a:not([class*="button" i]), a:not([class*="button" i]):is(:is(h1, h2, h3, h4, h5, h6, .rgSelectedRow, div, p) *)) {
    color: var(--reinsw-green) !important;
}

.row:has(div[id*="ste_container_"i][id*="ullwidthbanner"i]):has([id*="ullwidthbanner"i] .bg-orange-light).call-to-action-row *:is(h1, h2, h3, h4, h5, h6, a:not([class*="button" i]), a:not([class*="button" i]):is(:is(h1, h2, h3, h4, h5, h6, .rgSelectedRow, div, p) *)) {
    color: var(--reinsw-orange) !important;
}

.row:has(div[id*="ste_container_"i][id*="ullwidthbanner"i]):has([id*="ullwidthbanner"i] .bg-gold-light).call-to-action-row *:is(h1, h2, h3, h4, h5, h6, a:not([class*="button" i]), a:not([class*="button" i]):is(:is(h1, h2, h3, h4, h5, h6, .rgSelectedRow, div, p) *)) {
    color: var(--reinsw-gold) !important;
}

.row:has(div[id*="ste_container_"i][id*="ullwidthbanner"i]):has([id*="ullwidthbanner"i] .bg-purple-light).call-to-action-row *:is(h1, h2, h3, h4, h5, h6, a:not([class*="button" i]), a:not([class*="button" i]):is(:is(h1, h2, h3, h4, h5, h6, .rgSelectedRow, div, p) *)) {
    color: var(--reinsw-purple) !important;
}

.row:has(div[id*="ste_container_"i][id*="ullwidthbanner"i]):has([id*="ullwidthbanner"i] .bg-silver-light).call-to-action-row *:is(h1, h2, h3, h4, h5, h6, a:not([class*="button" i]), a:not([class*="button" i]):is(:is(h1, h2, h3, h4, h5, h6, .rgSelectedRow, div, p) *)) {
    color: var(--reinsw-silver) !important;
}

.bg-royal-blue-light *:is([id*="ullwidthbanner"i], [id*="agebanner"i], [id*="tile" i]) *:is(h1, h2, h3, h4, h5, h6, a:not([class*="button" i]), a:not([class*="button" i]):is(:is(h1, h2, h3, h4, h5, h6, .rgSelectedRow, div, p) *)) {
    color: var(--royal-blue) !important;
}

.bg-harbor-blue-light *:is([id*="ullwidthbanner"i], [id*="agebanner"i], [id*="tile" i]) *:is(h1, h2, h3, h4, h5, h6, a:not([class*="button" i]), a:not([class*="button" i]):is(:is(h1, h2, h3, h4, h5, h6, .rgSelectedRow, div, p) *)) {
    color: var(--harbor-blue) !important;
}

.bg-teal-light *:is([id*="ullwidthbanner"i], [id*="agebanner"i], [id*="tile" i]) *:is(h1, h2, h3, h4, h5, h6, a:not([class*="button" i]), a:not([class*="button" i]):is(:is(h1, h2, h3, h4, h5, h6, .rgSelectedRow, div, p) *)) {
    color: var(--reinsw-teal) !important;
}

.bg-green-light *:is([id*="ullwidthbanner"i], [id*="agebanner"i], [id*="tile" i]) *:is(h1, h2, h3, h4, h5, h6, a:not([class*="button" i]), a:not([class*="button" i]):is(:is(h1, h2, h3, h4, h5, h6, .rgSelectedRow, div, p) *)) {
    color: var(--reinsw-green) !important;
}

.bg-orange-light *:is([id*="ullwidthbanner"i], [id*="agebanner"i], [id*="tile" i]) *:is(h1, h2, h3, h4, h5, h6, a:not([class*="button" i]), a:not([class*="button" i]):is(:is(h1, h2, h3, h4, h5, h6, .rgSelectedRow, div, p) *)) {
    color: var(--reinsw-orange) !important;
}

.bg-gold-light *:is([id*="ullwidthbanner"i], [id*="agebanner"i], [id*="tile" i]) *:is(h1, h2, h3, h4, h5, h6, a:not([class*="button" i]), a:not([class*="button" i]):is(:is(h1, h2, h3, h4, h5, h6, .rgSelectedRow, div, p) *)) {
    color: var(--reinsw-gold) !important;
}

.bg-purple-light *:is([id*="ullwidthbanner"i], [id*="agebanner"i], [id*="tile" i]) *:is(h1, h2, h3, h4, h5, h6, a:not([class*="button" i]), a:not([class*="button" i]):is(:is(h1, h2, h3, h4, h5, h6, .rgSelectedRow, div, p) *)) {
    color: var(--reinsw-purple) !important;
}

.bg-silver-light *:is([id*="ullwidthbanner"i], [id*="agebanner"i], [id*="tile" i]) *:is(h1, h2, h3, h4, h5, h6, a:not([class*="button" i]), a:not([class*="button" i]):is(:is(h1, h2, h3, h4, h5, h6, .rgSelectedRow, div, p) *)) {
    color: var(--reinsw-silver) !important;
}

[class*="bg-" i] *:is(body, h1, h2, h3, h4, h5, h6, p, p a:not(.button, .Button), a, .iMIS-WebPart div[id*="_Panel_"i]):not([class*="bg-white" i] *, [class*="bg-grey" i] *, [class*="outline" i] *, [class*="-light" i] *, [class*="-img" i] *, [class*="button"i]) {
    color: white !important;
}

div:has(> div[id*="_Panel_"i]:is([id*="tile" i]))[class*="bg-" i][class*="outline" i] {
    background: transparent !important;
}

div:has(> div[id*="_Panel_"i]:is([id*="tile" i]))[class*="bg-" i][class*="outline" i]>div {
    background: transparent !important;
    border: var(--border);
    border-color: currentColor;
}

/* Base styles for different background colors */
.bg-orange[class*="outline" i]>div[id*="_Panel_"i]:is([id*="tile" i])>*:is(body, h1, h2, h3, h4, h5, h6, p, p a:not(.button, .Button), a:not(.button, .Button)) {
    color: var(--reinsw-orange) !important;
}

.bg-orange[class*="outline" i]>div[id*="_Panel_"i]:is([id*="tile" i]) {
    color: var(--reinsw-orange) !important;
}

/* Royal Blue */
.bg-royal-blue[class*="outline" i]>div[id*="_Panel_"i]:is([id*="tile" i])>*:is(body, h1, h2, h3, h4, h5, h6, p, p a:not(.button, .Button), a:not(.button, .Button)) {
    color: var(--royal-blue)!important;
}

.bg-royal-blue[class*="outline" i]>div[id*="_Panel_"i]:is([id*="tile" i]) {
    color: var(--royal-blue) !important;
}

/* Harbor Blue */
.bg-harbor-blue[class*="outline" i]>div[id*="_Panel_"i]:is([id*="tile" i])>*:is(body, h1, h2, h3, h4, h5, h6, p, p a:not(.button, .Button), a:not(.button, .Button)) {
    color: var(--harbor-blue)!important;
}

.bg-harbor-blue[class*="outline" i]>div[id*="_Panel_"i]:is([id*="tile" i]) {
    color: var(--harbor-blue) !important;
}

/* Teal */
.bg-teal[class*="outline" i]>div[id*="_Panel_"i]:is([id*="tile" i])>*:is(body, h1, h2, h3, h4, h5, h6, p, p a:not(.button, .Button), a:not(.button, .Button)) {
    color: var(--reinsw-teal)!important;
}

.bg-teal[class*="outline" i]>div[id*="_Panel_"i]:is([id*="tile" i]) {
    color: var(--reinsw-teal) !important;
}

/* Green */
.bg-green[class*="outline" i]>div[id*="_Panel_"i]:is([id*="tile" i])>*:is(body, h1, h2, h3, h4, h5, h6, p, p a:not(.button, .Button), a:not(.button, .Button)) {
    color: var(--reinsw-green)!important;
}

.bg-green[class*="outline" i]>div[id*="_Panel_"i]:is([id*="tile" i]) {
    color: var(--reinsw-green) !important;
}

/* Gold */
.bg-gold[class*="outline" i]>div[id*="_Panel_"i]:is([id*="tile" i])>*:is(body, h1, h2, h3, h4, h5, h6, p, p a:not(.button, .Button), a:not(.button, .Button)) {
    color: var(--reinsw-gold)!important;
}

.bg-gold[class*="outline" i]>div[id*="_Panel_"i]:is([id*="tile" i]) {
    color: var(--reinsw-gold) !important;
}

/* Purple */
.bg-purple[class*="outline" i]>div[id*="_Panel_"i]:is([id*="tile" i])>*:is(body, h1, h2, h3, h4, h5, h6, p, p a:not(.button, .Button), a:not(.button, .Button)) {
    color: var(--reinsw-purple)!important;
}

.bg-purple[class*="outline" i]>div[id*="_Panel_"i]:is([id*="tile" i]) {
    color: var(--reinsw-purple) !important;
}

/* Silver */
.bg-silver[class*="outline" i]>div[id*="_Panel_"i]:is([id*="tile" i])>*:is(body, h1, h2, h3, h4, h5, h6, p, p a:not(.button, .Button), a:not(.button, .Button)) {
    color: var(--reinsw-silver)!important;
}

.bg-silver[class*="outline" i]>div[id*="_Panel_"i]:is([id*="tile" i]) {
    color: var(--reinsw-silver) !important;
}

/*************************/
div#masterContentArea .col-primary>div>div>div>div.row {
    margin: 0;
 }


div#masterContentArea .col-primary>div>div>div>div.row:not(:has(div[id*="ste_container_"i][id*="ullwidthbanner"i], [id*="ste_container_"i][id*="greyrow" i])):not(:has(.iMIS-WebPart):not(:has(.iMIS-WebPart > div))):not(.row.call-to-action-row) {
     margin: calc(var(--padding) / 1) auto calc(var(--padding) / 1) auto !important;
}


div#masterContentArea .col-primary>div>div>div>div.row:not(:has(div[id*="ste_container_"i][id*="ullwidthbanner"i], [id*="ste_container_"i][id*="greyrow" i])):not(:has(.iMIS-WebPart):not(:has(.iMIS-WebPart > div))):not(.row.call-to-action-row) > div {
     /* padding: calc(var(--padding) / 1) calc(var(--padding) / 2) !important; */
}
.row:has(div[id*="ste_container_"i][id*="ullwidthbanner"i], [id*="ste_container_"i][id*="greyrow" i]) + .row:has(div[id*="ste_container_"i][id*="ullwidthbanner"i], [id*="ste_container_"i][id*="greyrow" i]) {
    margin-top: calc(var(--padding)*0) !important;
    }


.row[class*="-row"i] {
    padding: var(--padding) calc(var(--width-var) / 2) !important;
}

.HeaderRow>div>div {
    padding: var(--padding);
    width: calc(var(--fullwidth-var)* 1);
    max-width: calc(var(--desiredwidth-var)* 1);
}

.HeaderRow>div>div:not([class*="bg-" i]) {
    background: var(--grey-color);
}

@media (max-width: 992.98px) {
    .HeaderRow>div:not(:first-child) {
        padding-top: 0;
    }
}

@media (min-width: 992.98px) {
    .HeaderRow>div>div {
        align-items: center;
        /* margin: calc(var(--padding)/1) auto calc(var(--padding)/1) auto !important; */
        max-width: 100%;
        padding: var(--padding) calc(var(--width-var) / 2.5) !important;
        /* padding: var(--padding) !important; */
    }
}

@media (min-width: 1200.98px) {
    .HeaderRow>div>div {
        max-width: calc(100svw) !important;
        padding: var(--padding) !important;
        margin: 0 !important;
    }
}

@media (max-width: 1440.98px) {
    .HeaderRow>div>div {
        max-width: calc(100svw) !important;
        padding: var(--padding) calc(var(--padding) / 2) !important;
        margin: 0 !important;
    }
}

@media (max-width: 1440.98px) {
    .HeaderRow {
        align-items: center;
        margin: 0 auto calc(var(--padding)/1) auto !important;
        margin: 0 auto !important;!i;!;
        max-width: 100%;
    }
}

@media (max-width: 1200.98px) {
    .HeaderRow {
        align-items: center;
        margin: 0 auto calc(var(--padding)/1) auto !important;
    }
}

@media (max-width: 992.98px) {
    .HeaderRow {
        align-items: center;
        margin: 0 !important;
        max-width: 100% !important;
    }
}

.HeaderRow {
    /* margin-bottom: var(--padding); */
    background: var(--grey-color);
    position: relative;
    z-index: 2;
}

.HeaderRow:has(>div>div:not([class]))>div>div {
    /* background: var(--grey-color); */
    max-width: calc(var(--desiredwidth-var)* 1 - calc(var(--padding)* 0)) !important;
}

.HeaderRow>div>div>div {
    max-width: calc(var(--desiredwidth-var)* 1 - calc(var(--padding)*1.5));
    margin: auto;
}

.HeaderRow>div>div:not([class]) {
    max-width: calc(var(--desiredwidth-var)* 1 - calc(var(--padding)*-2)) !important;
    
    margin: auto !important;
}



.HeaderRow h1 {
    /* display: flex; */
    align-items: center;
    justify-content: space-between;
    flex-direction: row;
}

    @media (max-width: 992.89px) {

.HeaderRow h1 {
   
    flex-direction: column;
}

        .HeaderRow h1 > span {
    width: 100%;
}


        .HeaderRow h1 > span + img {
    text-align: left;
}

        .HeaderRow h1:has( > span + img) {
    align-items: flex-start;
}

    }



/******************* full width banners *******************/
@media (max-width: 992.98px) {
    div#masterContentArea .col-primary>div>div>div>div.row>div[class*="col-sm-"i] {
        width: 100% !important;
        margin: 0.5rem 0;
    }
}

*:is(div[id*="ste_container_"i][id*="ullwidthbanner"i] *, div[id*="ste_container_"i][id*="agebanner"i] *):is(h1, h2, h3, h4, h5, h6) {
    font-family: 'franklin-gothic-urw', sans-serif;
    font-family: "Franklin Gothic", serif;
    font-weight: 600;
}

div[id*="ste_container_"i][id*="ullwidthbanner"i] {
    margin-bottom: 0;
}

.row:has(div[id*="ste_container_"i][id*="ullwidthbanner"i], [id*="ste_container_"i][id*="greyrow" i])>div {
    padding-top: var(--padding);
    padding-bottom: var(--padding);
    background: transparent !important;
    !im;
    !;
}

.row:has(div[id*="ste_container_"i][id*="ullwidthbanner"i], [id*="ste_container_"i][id*="greyrow" i]) [class*="bg-" i] {
    background: transparent;
}

.row:has(div[id*="ste_container_"i][id*="ullwidthbanner"i], [id*="ste_container_"i][id*="greyrow" i]) {
    /* background: var(--royal-blue); */
    background: var(--grey-color);
    /* display: flex; */
    align-items: center;
}

@media (max-width: 992.98px) {
    .row:has(div[id*="ste_container_"i][id*="ullwidthbanner"i], [id*="ste_container_"i][id*="greyrow" i])>div:not(:first-child) {
        padding-top: 0;
    }
}

@media (max-width: 1440.98px) {
    .row:has(div[id*="ste_container_"i][id*="ullwidthbanner"i], [id*="ste_container_"i][id*="greyrow" i]) {
        align-items: center;
        /* margin: auto auto calc(var(--padding)/1) auto !important; */
        max-width: calc(100svw) !important;
    }
}

@media (max-width: 992.98px) {
    .row:has(div[id*="ste_container_"i][id*="ullwidthbanner"i], [id*="ste_container_"i][id*="greyrow" i]) {
        margin-bottom: 0 !important;
        !i;
        !;
    }
}

.row:has([id*="ste_container_"i][id*="bluerow" i])>div {
    padding-top: var(--padding);
    padding-bottom: var(--padding);
    background: transparent !important;
    !im;
    !;
}

.row:has([id*="ste_container_"i][id*="bluerow" i]) [class*="bg-" i] {
    background: transparent;
}

.row:has([id*="ste_container_"i][id*="bluerow" i]) {
    background: var(--royal-blue-gradient);
    margin: 0 !important;
}

.row:has([id*="ste_container_"i][id*="bluerow" i]) *:is(body, h1, h2, h3, h4, h5, h6, p, p a:not(.button, .Button)) {
    color: white !important;
}

.row:has([id*="ste_container_"i][id*="yellowrow" i])>div {
    padding-top: var(--padding);
    padding-bottom: var(--padding);
    background: transparent !important;
    !im;
    !;
}

.row:has([id*="ste_container_"i][id*="yellowrow" i]) [class*="bg-" i] {
    background: transparent;
}

.row:has([id*="ste_container_"i][id*="yellowrow" i]) {
    background: var(--orange-light);
}

.row:has([id*="ste_container_"i][id*="yellowrow" i]) *:is(body, h1, h2, h3, h4, h5, h6, a:not(.button, .Button)) {
    color: var(--reinsw-orange) !important;
}

/******************* page banners *******************/
div[id*="ste_container_"i][id*="agebanner"i] .carousel:has(.item:first-child:last-child) .carousel-caption {
    max-width: var(--desiredwidth-var);
    margin: auto !important;
    padding: var(--banner-padding);
    width: 100%;
}

div[id*="ste_container_"i][id*="agebanner"i] {
    margin-bottom: 0;
}

.row:has(div[id*="ste_container_"i][id*="agebanner"i])>div {
    padding: var(--padding);
    display: flex;
    align-items: center;
    background: var(--grey-color);
    border-radius: var(--button-border-radius);
    overflow: hidden;
}

.row:has(div[id*="ste_container_"i][id*="agebanner"i]) {
    align-items: stretch;
    margin: calc(var(--padding)/1) auto calc(var(--padding)/1) auto !important;
    /* max-width: calc(100svw - calc(var(--padding) * 1.5)) !important; */
    padding: 0 calc(var(--width-var) / 2 + 1.5rem) !important;
    !im;
    !i;
    !;
}

.row:has(div[id*="ste_container_"i][id*="agebanner"i])>div {
    margin: 0 !important;
    !im;
    !i;
    !;
}

@media (min-width: 1440.98px) and (max-width: 1660.98px) {
    .row:has(div[id*="ste_container_"i][id*="agebanner"i]) {
        /* align-items: stretch; */
        /* margin: calc(var(--padding)/1) auto calc(var(--padding)/1) auto !important; */
        padding: 0 calc(var(--bs-gutter-x) * 0.5) !important;
        !im;
        !i;
        !;
        !im;
        !i;
        !;
        justify-content: center;
    }
}

@media (min-width: 992.98px) and (max-width: 1440.98px) {
    .row:has(div[id*="ste_container_"i][id*="agebanner"i]) {
        align-items: stretch;
        margin: calc(var(--padding)/1) auto calc(var(--padding)/1) auto !important;
        max-width: calc(100svw - calc(var(--padding) * 2)) !important;
    }
}

@media (max-width: 992.98px) {
    .row:has(div[id*="ste_container_"i][id*="agebanner"i])>div:not(:first-child) {
        padding-top: 0;
    }
    
    .row:has(div[id*="ste_container_"i][id*="agebanner"i]) {
        max-width: calc(100svw - calc(var(--padding) * 1)) !important;
        padding: 0 calc(var(--bs-gutter-x) * 0.5) !important;
        !im;
        !i;
        !;
        !i;
        !;
    }
}

.iMIS-WebPart:has([id*="_Panel_"i] > img:first-child:last-child) {
    margin: 0 !important;
}

.row:has(div[id*="ste_container_"i][id*="agebanner"i]):has([id*="agebanner"i] .iMIS-WebPart [id*="_Panel_"i] > img:first-child:last-child)>div:has(img) {
    padding: 0;
}

.row:has(div[id*="ste_container_"i][id*="agebanner"i]) img {
    width: 100%;
}



.row:has(div[id*="ste_container_"i][id*="ullwidthbanner"i], div[id*="ste_container_"i][id*="pagebanner"i]):has([class*="col-sm-"i] div[id*="_Panel_"i]:is([id*="Tile"i])) {
    display: flex;
    align-items: stretch !important;
    
}

.row:has(div[id*="ste_container_"i][id*="ullwidthbanner"i], div[id*="ste_container_"i][id*="pagebanner"i]):has([class*="col-sm-"i] div[id*="_Panel_"i]:is([id*="Tile"i])) > div {
    align-items: flex-start;
    /* padding-top: 0 !important; */
    /* padding-bottom: 0 !important; */
}

/******************* featured sections *********************/
/*****left side graphic ******/
.row:has(div[id*="ste_container_"i][id*="ullwidthbanner"i]):has([id*="ullwidthbanner"i] [class*="feature" i]),
.HeaderRow [class*="feature" i] {
    position: relative;
    overflow: hidden;
}

.row:has(div[id*="ste_container_"i][id*="ullwidthbanner"i]):has([id*="ullwidthbanner"i] [class*="feature" i])>*,
.HeaderRow [class*="feature" i]>* {
    z-index: 1;
    position: relative;
}

.row:has(div[id*="ste_container_"i][id*="ullwidthbanner"i]):has([id*="ullwidthbanner"i] [class*="feature" i]):before,
.HeaderRow [class*="feature" i]:before {
    background-image: url(/images/website/icon/theme/graphic-element-cropped-up.svg);
    background-repeat: no-repeat;
    background-size: contain;
    font-size: 0 !important;
    height: 100%;
    aspect-ratio: 4.2/2;
    display: block;
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    z-index: 0;
    background-position: 390% 100%;
    opacity: 0.5;
}

/**rows that are not blue**/
.row:has(div[id*="ste_container_"i][id*="ullwidthbanner"i]):not(:has([class*="-blue" i] *)):has([class*="feature" i]):before,
.HeaderRow:not(:has([class*="-blue" i] *)) [class*="feature" i]:before,
.row:has(div[id*="ste_container_"i][id*="ullwidthbanner"i]):not(:has([class*="-blue" i] *)):has([class*="feature" i]):after,
.HeaderRow:not(:has([class*="-blue" i] *)) [class*="feature" i]:after {
    opacity: 0.1;
}

/*****right side graphic ******/
.row:has(div[id*="ste_container_"i][id*="ullwidthbanner"i]):has([id*="ullwidthbanner"i] [class*="feature" i]):after,
.HeaderRow [class*="feature" i]:after {
    background-image: url(/images/website/icon/theme/graphic-element-peak-down.svg);
    background-repeat: no-repeat;
    background-size: contain;
    font-size: 0 !important;
    height: 100%;
    aspect-ratio: 5/1.8;
    display: block;
    content: '';
    position: absolute;
    top: -20%;
    left: -290px;
    z-index: 0;
    background-position: 0% top;
    background-position: 125% 75%;
    opacity: 0.5;
}

@media (max-width: 1200.98px) {

    .row:has(div[id*="ste_container_"i][id*="ullwidthbanner"i]):has([id*="ullwidthbanner"i] [class*="feature" i]):before,
    .HeaderRow [class*="feature" i]:before {
        background-position: 3325% 100%;
    }
    
    .row:has(div[id*="ste_container_"i][id*="ullwidthbanner"i]):has([id*="ullwidthbanner"i] [class*="feature" i]):after,
    .HeaderRow [class*="feature" i]:after {
        height: 60%;
        top: 0;
        left: -290px;
        z-index: 0;
        background-position: 100% 75%;
    }
}

@media (max-width: 992.98px) {

    .row:has(div[id*="ste_container_"i][id*="ullwidthbanner"i]):has([id*="ullwidthbanner"i] [class*="feature" i]):before,
    .HeaderRow [class*="feature" i]:before {
        background-position: 3410% 100%;
        height: 60%;
        bottom: 0;
        top: auto;
    }
    
    .row:has(div[id*="ste_container_"i][id*="ullwidthbanner"i]):has([id*="ullwidthbanner"i] [class*="feature" i]):after,
    .HeaderRow [class*="feature" i]:after {
        height: 40%;
        top: 0;
        left: -290px;
        z-index: 0;
        background-position: 100% 75%;
        display: none;
    }
}

.HeaderRow:has(.carousel) {
    background: transparent;
}

.HeaderRow>div>div:has(.carousel) {
    padding: 0 !important;
}

.HeaderRow>div>div:has(.carousel) {
    max-width: 100svw;
}

.HeaderRow>div>div:has(.carousel) .carousel-inner.bg-img .item {
    height: auto !important;
    min-height: auto;
    max-height: none;
    background-color: transparent;
}

.HeaderRow>div>div:has(.carousel) div[id*="PageHeading_Carousel"i] .carousel-caption {
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: 0 auto auto auto;
    display: grid;
    align-content: center;
    max-height: none;
    position: relative;
    padding: var(--padding) 0;
}

[style*="background-image:url(/images/reinsw_images/homepage%20slider/2020/blue-building-bg.png);"i] {
    background-image: none !important;
    background-color: transparent !important;
}

div#ste_container_ciPageHeading {}

/******************* featured sections *********************/
/*****left side graphic ******/
.HeaderRow>div>div:has(.carousel) {
    position: relative;
    overflow: hidden;
}

.HeaderRow>div>div:has(.carousel)>* {
    z-index: 1;
    position: relative;
}

.HeaderRow>div>div:has(.carousel):before {
    background-image: url(/images/website/icon/theme/graphic-element-cropped-up.svg);
    background-repeat: no-repeat;
    background-size: contain;
    font-size: 0 !important;
    height: 200%;
    aspect-ratio: 4.2/2;
    display: block;
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    z-index: 0;
    background-position: 590% 100%;
    opacity: 0.5;
}

/**rows that are not blue**/
.HeaderRow>div>div:has(.carousel):before,
.HeaderRow>div>div:has(.carousel):after {
    opacity: 0.1;
}

/*****right side graphic ******/
.HeaderRow>div>div:has(.carousel):after {
    background-image: url(/images/website/icon/theme/graphic-element-peak-down.svg);
    background-repeat: no-repeat;
    background-size: contain;
    font-size: 0 !important;
    height: 80%;
    aspect-ratio: 5/1.8;
    display: block;
    content: '';
    position: absolute;
    top: 0;
    left: -10rem;
    z-index: 0;
    background-position: 0% top;
    background-position: 100% 100%;
    background-position: -495% 75%;
    opacity: 0.1;
}

@media (max-width: 1200.98px) {
    .HeaderRow>div>div:has(.carousel):before {
        background-position: 3325% 100%;
    }
    
    .HeaderRow>div>div:has(.carousel):after {
        height: 60%;
        top: 0;
        left: -10rem;
        z-index: 0;
        background-position: 100% 75%;
    }
}

@media (max-width: 992.98px) {
    .HeaderRow>div>div:has(.carousel):before {
        background-position: 10rem;
        height: 100%;
        bottom: 0;
        top: auto;
    }
    
    .HeaderRow>div>div:has(.carousel):after {
        height: 40%;
        top: 0;
        left: -290px;
        z-index: 0;
        background-position: 100% 75%;
        display: none;
    }
}