.ideas-banner { position: relative; z-index: 6; margin: 32px 0 48px; }
.ideas-banner__card { position: relative; isolation: isolate; overflow: hidden; display: flex; align-items: center; justify-content: center; min-height: 392px; padding: 42px 24px; border-radius: 24px; background: #008dcc url(../img/ideas-background.png) center center / cover no-repeat; color: #fff; }
.ideas-banner__card::before { content: ""; position: absolute; inset: 0; z-index: -1; background: rgba(0, 40, 81, .48); }
.ideas-banner__inner { width: 56%; max-width: 840px; text-align: center; }
.ideas-banner__title { margin: 0 0 18px; color: #fff; font: 700 32px/1.25 Montserrat, sans-serif; }
.ideas-banner__text { margin: 0; color: #fff; font: 400 18px/1.65 Montserrat, sans-serif; }
.ideas-banner__button { display: inline-flex; align-items: center; justify-content: center; min-height: 56px; max-width: 100%; margin-top: 26px; padding: 16px 28px; border: 0; border-radius: 70px; background: #fff; color: #004f9f; text-align: center; text-decoration: none; font: 700 16px/1.5 Montserrat, sans-serif; white-space: normal; cursor: pointer; }
.ideas-banner__button:hover { background: #e7f4fc; color: #004f9f; text-decoration: none; }
.ideas-banner__button:focus-visible { outline: 3px solid #fff; outline-offset: 4px; }
@media (min-width: 1600px) {
  .ideas-banner__card { min-height: 440px; }
}
@media (max-width: 1199px) and (min-width: 768px) {
  .ideas-banner__card { min-height: 370px; padding: 36px 24px; }
  .ideas-banner__inner { width: 66%; }
  .ideas-banner__text { font-size: 17px; }
  .ideas-banner__title { font-size: 30px; }
}
@media (max-width: 767px) {
  .ideas-banner { margin: 24px 0 40px; }
  .ideas-banner__card { min-height: 0; padding: calc((100vw - 32px) * .392326 + 24px) 24px 32px; background-position: center top; background-size: 100% auto; }
  .ideas-banner__inner { width: 100%; max-width: 560px; text-align: left; }
  .ideas-banner__title { margin-bottom: 16px; font-size: 27px; }
  .ideas-banner__text { font-size: 16px; line-height: 1.65; }
  .ideas-banner__button { width: 100%; margin-top: 24px; padding: 15px 16px; font-size: 14px; }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .ideas-banner__card { padding-top: calc(clamp(180px, 24vw, 240px) + 24px); background-image: none; }
  .ideas-banner__card::after { content: ""; position: absolute; inset: 0 0 auto; z-index: -2; height: clamp(180px, 24vw, 240px); background: url(../img/ideas-background.png) center center / 100% auto no-repeat; }
  .ideas-banner__inner { width: 100%; max-width: 560px; }
}
@media (max-width: 359px) {
  .ideas-banner__card { padding-left: 20px; padding-right: 20px; }
  .ideas-banner__title { font-size: 25px; }
}
body.nzdrav-ideas-preview .about { margin-top: 0 !important; padding-top: 24px; }
@media (prefers-reduced-motion: reduce) {
  .ideas-banner[data-aos] { transform: none !important; transition: none !important; }
}