#bizzo-site #content .visual-banner {
  position: relative !important;
  isolation: isolate;
  display: grid !important;
  align-items: center;
  min-height: 0 !important;
  aspect-ratio: 1672 / 941;
  padding: 28px !important;
  overflow: hidden !important;
  background: #15263f !important;
  border: 1px solid #74899b !important;
  border-radius: 12px !important;
}
#bizzo-site #content .visual-banner > .visual-banner-image {
  position: absolute !important;
  inset: 0 !important;
  width: 100% !important;
  height: 100% !important;
  margin: 0 !important;
  object-fit: contain !important;
  object-position: center !important;
  filter: none !important;
  opacity: 1 !important;
  transform: none !important;
  z-index: -1 !important;
}
#bizzo-site #content .visual-banner::before,
#bizzo-site #content .visual-banner::after {
  display: none !important;
}
#bizzo-site
  #content
  .visual-banner
  > :is(.intro-content, .offer-content, .mobile-banner-content) {
  position: relative !important;
  display: flex !important;
  flex-direction: column;
  align-items: flex-start !important;
  justify-content: center;
  gap: 18px;
  width: 56% !important;
  max-width: 56% !important;
  min-height: 0 !important;
  height: auto !important;
  inset: auto !important;
  padding: 24px !important;
  margin: 0 !important;
  border: 1px solid #d5dfeb33 !important;
  border-radius: 10px !important;
  background: rgba(16, 30, 53, 0.18) !important;
  text-align: left !important;
  box-sizing: border-box;
}
#bizzo-site #content .visual-banner :is(h1, h2, p, .offer-eyebrow) {
  margin: 0 !important;
  max-width: 100% !important;
  text-align: left !important;
}
#bizzo-site #content .visual-banner h1 {
  font-size: clamp(26px, 2.3vw, 36px) !important;
  line-height: 1.2 !important;
}
#bizzo-site
  #content
  .visual-banner
  :is(.intro-actions, .offer-actions, .mobile-banner-actions) {
  margin: 0 !important;
  justify-content: flex-start !important;
  flex-wrap: wrap;
  max-width: 100%;
}
#bizzo-site #content .page-article {
  container-type: inline-size;
}
#bizzo-site #content .article-block .visual-list,
#bizzo-site #content .article-block.visual-card {
  position: relative;
  isolation: isolate;
  display: flex;
  align-items: center;
  width: 100%;
  min-width: 0;
  min-height: max(280px, 33.333cqw);
  aspect-ratio: auto;
  margin: 20px 0;
  padding: 18px !important;
  box-sizing: border-box;
  overflow: hidden;
  border: 1px solid #91a1ae !important;
  border-radius: 10px;
  background: #15263f !important;
}
#bizzo-site #content :is(.visual-list-background, .visual-card-background) {
  position: absolute;
  inset: 0 0 0 auto;
  z-index: -1;
  width: 100% !important;
  height: 100% !important;
  max-width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  opacity: 1;
  filter: none;
  object-fit: cover;
  object-position: right center;
  mask-image: none;
}
#bizzo-site #content .character-on-left > .visual-list-background {
  inset: 0 auto 0 0;
  transform: scaleX(-1) !important;
}
#bizzo-site #content .article-block .visual-list > :is(ul, ol),
#bizzo-site #content .visual-list-actions,
#bizzo-site #content .visual-card-content {
  position: relative;
  width: 57% !important;
  max-width: 57% !important;
  min-width: 0;
  box-sizing: border-box;
  margin: 0 !important;
  padding: 20px !important;
  background: rgba(16, 30, 53, 0.28) !important;
  text-shadow:
    0 1px 3px #101e35,
    0 1px 6px #101e3599;
  border: 1px solid #d5dfeb33 !important;
  border-radius: 8px;
}
#bizzo-site
  #content
  .article-block
  .visual-list.character-on-left
  > :is(ul, ol, .visual-list-actions) {
  margin-left: auto !important;
}
#bizzo-site #content .article-block .visual-list > :is(ul, ol),
#bizzo-site #content .article-block .visual-list > .visual-list-actions {
  background: rgba(16, 30, 53, 0.46) !important;
}
#bizzo-site #content .article-block .visual-list li {
  position: relative;
  margin: 0 0 14px 24px !important;
  padding: 0 !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  line-height: 1.65 !important;
}
#bizzo-site #content .article-block .visual-list li:last-child {
  margin-bottom: 0 !important;
}
#bizzo-site #content .article-block .visual-list ul > li {
  list-style: disc outside !important;
}
#bizzo-site #content .article-block .visual-list ol > li {
  list-style: decimal outside !important;
}
#bizzo-site #content .article-block .visual-list li::before {
  content: none !important;
  display: none !important;
}
#bizzo-site #content .article-block .visual-list li::marker {
  color: #dfcbb1 !important;
  font-weight: 600 !important;
}
#bizzo-site #content .visual-list-actions :is(ul, ol) {
  margin: 0 0 18px;
  padding: 0;
}
#bizzo-site #content .visual-card-content > :last-child {
  margin-bottom: 0 !important;
}
#bizzo-site .support-links a {
  min-height: 44px;
}
@media (max-width: 900px) {
  #bizzo-site #content .visual-banner,
  #bizzo-site #content .article-block .visual-list,
  #bizzo-site #content .article-block.visual-card {
    display: flex !important;
    flex-direction: column;
    align-items: stretch;
    aspect-ratio: auto;
    min-height: 0;
    padding: 0 !important;
    gap: 0;
  }
  #bizzo-site #content .visual-banner > .visual-banner-image,
  #bizzo-site #content .visual-list > .visual-list-background,
  #bizzo-site #content .visual-card > .visual-card-background {
    position: relative !important;
    inset: auto !important;
    display: block !important;
    width: 100% !important;
    height: auto !important;
    aspect-ratio: 16 / 9;
    order: 0;
    z-index: 0 !important;
    object-fit: contain !important;
    mask-image: none;
    margin: 0 !important;
  }
  #bizzo-site
    #content
    .visual-banner
    > :is(.intro-content, .offer-content, .mobile-banner-content),
  #bizzo-site #content .article-block .visual-list > :is(ul, ol),
  #bizzo-site #content .visual-list-actions,
  #bizzo-site #content .visual-card-content {
    order: 1;
    width: auto !important;
    max-width: none !important;
    margin: 12px !important;
    padding: 20px !important;
    background: rgba(16, 30, 53, 0.45) !important;
  }
  #bizzo-site
    #content
    .article-block
    .visual-list.character-on-left
    > :is(ul, ol, .visual-list-actions) {
    margin: 12px !important;
  }
  #bizzo-site #content .visual-banner h1 {
    font-size: clamp(25px, 4vw, 34px) !important;
  }
  #bizzo-site #content .visual-banner :is(.action, .app-action) {
    max-width: 100% !important;
  }
}

#bizzo-site #content :is(.offer, .intro).visual-banner {
  aspect-ratio: auto;
  min-height: 462px !important;
  padding: 0 !important;
}
#bizzo-site #content :is(.offer, .intro).visual-banner > .visual-banner-image {
  inset: 0 0 0 auto !important;
  width: auto !important;
  max-width: 100% !important;
  object-position: right center !important;
  mask-image: none;
}
#bizzo-site
  #content
  :is(.offer, .intro).visual-banner
  > :is(.offer-content, .intro-content) {
  margin: 26px !important;
  width: calc(56% - 26px) !important;
  max-width: calc(56% - 26px) !important;
}
@media (max-width: 900px) {
  #bizzo-site #content :is(.offer, .intro).visual-banner {
    min-height: 0 !important;
    padding: 220px 12px 12px !important;
  }
  #bizzo-site
    #content
    :is(.offer, .intro).visual-banner
    > .visual-banner-image {
    position: absolute !important;
    inset: 0 0 auto !important;
    width: 100% !important;
    height: 220px !important;
    aspect-ratio: auto;
    object-position: center !important;
    mask-image: none;
  }
  #bizzo-site
    #content
    :is(.offer, .intro).visual-banner
    > :is(.offer-content, .intro-content) {
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
    padding: 22px 20px !important;
    gap: 16px;
  }
}
@media (max-width: 620px) {
  #bizzo-site #content :is(.offer, .intro).visual-banner h2 {
    font-size: 27px !important;
    line-height: 1.25 !important;
  }
}

@media (min-width: 901px) and (max-width: 1100px) {
  #bizzo-site #content .article-block .visual-list,
  #bizzo-site #content .article-block.visual-card {
    flex-direction: column;
    align-items: stretch;
    aspect-ratio: auto;
    padding: 0 !important;
  }
  #bizzo-site #content :is(.visual-list-background, .visual-card-background) {
    position: relative;
    inset: auto;
    width: 100% !important;
    height: auto !important;
    aspect-ratio: 3 / 1;
    object-fit: contain;
  }
  #bizzo-site #content .article-block .visual-list > :is(ul, ol),
  #bizzo-site
    #content
    .article-block
    .visual-list.character-on-left
    > :is(ul, ol, .visual-list-actions),
  #bizzo-site #content .visual-list-actions,
  #bizzo-site #content .visual-card-content {
    width: auto !important;
    max-width: none !important;
    margin: 12px !important;
  }
}
@media (max-width: 900px) {
  #bizzo-site #content .visual-list > .visual-list-background,
  #bizzo-site #content .visual-card > .visual-card-background {
    aspect-ratio: 3 / 1;
  }
}

#bizzo-site
  #content
  .visual-banner
  > :is(.intro-content, .offer-content, .mobile-banner-content) {
  background: rgba(16, 30, 53, 0.18) !important;
  border-color: #d5dfeb14 !important;
  text-shadow: 0 1px 3px #101e3599;
}

#bizzo-site #content .visual-banner > .visual-banner-image {
  object-fit: cover !important;
  object-position: right center !important;
}
#bizzo-site
  #content
  .visual-banner
  > :is(.intro-content, .offer-content, .mobile-banner-content) {
  background: linear-gradient(
    90deg,
    #101e352e 0%,
    #101e351a 75%,
    transparent 100%
  ) !important;
  border-color: transparent !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}

#bizzo-site #content .visual-card-content {
  background: rgba(16, 30, 53, 0.78) !important;
}

#bizzo-site .side-panel > .contents {
  width: calc(100% - 20px);
  max-width: calc(100% - 20px);
  margin-inline: 10px;
  box-sizing: border-box;
}
