:root { --body-color: #fff; --background-image-url: url("header-bg.svg"); --bg-header-size: cover; --main-color: #012ea0; --main-color-blur: #012ea080; --hero-text-color: #fff; --info-icon: url("info-icon.svg"); --info-border: 1px solid rgb(9 58 74 / 10%); --default-text-color: #1c1c1c; --bg-saving-section: linear-gradient(100deg, #000574 4.66%, #0085ff 99.49%); --footer-bg: #001750; --related-section-bg: #012ea0; --button-border: 1px solid #012ea0; --button-background: rgb(1 46 160 / 20%); --button-bg: url("subscribe-arrow.svg") no-repeat center right 24px; --sticky-bg: url("sticky-bg.svg"); }
.sticky-bg { background: #012ea0 var(--sticky-bg) repeat-x bottom; }
.sticky-bg.top { width: 100%; max-width: none; border-radius: 0px; inset: 0px 0px auto; border: medium; }
.sticky.top .sticky-content { max-width: 1245px; width: calc(100% - 20px); margin: 0px auto; }
@media (width <= 1024px) {
  #sticky .sticky-content { background-size: cover; padding: 10px; border: medium; background-image: var(--sticky-bg); }
  #sticky.top { height: 55px; }
  #sticky.top .sticky-logo { display: block; min-width: 15%; max-width: 35%; }
  #sticky.top .sticky-content { background: none; border-radius: 0px; padding: 0px 10px; gap: 2%; }
  #sticky.top .offer-section { width: auto; flex: 0 0 auto; }
  #sticky.top .offer-section .cta { padding: 0px 10px; font-size: 12px; font-style: normal; font-weight: 600; line-height: 21px; height: 25px; }
}
.container-bg { background-color: var(--main-color); background-attachment: scroll; background-image: var(--background-image-url); background-origin: padding-box; background-clip: border-box; background-size: var(--bg-header-size); background-repeat: no-repeat; background-position: center bottom; height: 600px; position: absolute; top: 0px; width: 100%; z-index: -1; }