/* stylelint-disable function-no-unknown */
/* stylelint-disable custom-property-pattern */
/* stylelint-disable number-max-precision */
/* stylelint-disable no-descending-specificity */

/*
 * Copyright 2020 Adobe. All rights reserved.
 * This file is licensed to you under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License. You may obtain a copy
 * of the License at http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software distributed under
 * the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
 * OF ANY KIND, either express or implied. See the License for the specific language
 * governing permissions and limitations under the License.
 */

@import url('../lds/reset.css');
@import url('../lds/lds.css');

:root body {
  --lds-color-lilly: #d52b1e;
  --lds-color-primary: #632787;
  --lds-color-primary-hover: #4b1f66;
  --ewi-color-mounjaro-red: #c92a25;
  --ewi-color-mounjaro-dark-violet: #3f2a59;
  --ewi-color-mounjaro-light-magenta: #fcf7fb;
  --ewi-color-mounjaro-light-purple: #ede5f4;
  --ewi-color-mounjaro-med-purple: #d4b8e1;
  --ewi-color-mounjaro-tile-pink: #f3ebf8;
  --ewi-color-mounjaro-purple: #5d0096;
  --Mounjaro-Orange-10: #feecec;
  --Mounjaro-Orange-20: #fed9d9;
  --Mounjaro-Orange-30: #feebec;
  --Mounjaro-purple-8: #f2ebf7;
  --Mounjaro-purple-10: #efe5f5;
  --Mounjaro-purple-20: #dfccea;
  --mounjaro-purple-light: #d4b8e0;
  --Mounjaro-dark-orange: #c72605;
  --Mounjaro-orange: #fa4242;
  --lds-color-white: #fff;
  --lds-color-grey-50: #fafafa;
  --lds-color-grey-100: #f5f5f5;
  --lds-color-grey-200: #eee;
  --lds-color-grey-300: #e0e0e0;
  --lds-color-grey-400: #bdbdbd;
  --lds-color-grey-550: #949494;
  --lds-color-grey-500: #9e9e9e;
  --lds-color-grey-600: #757575;
  --lds-color-grey-700: #616161;
  --lds-color-grey-800: #424242;
  --lds-color-grey-900: #212121;
  --lds-color-black: #000;
  --lds-color-success: #45ba7f;
  --lds-color-success-dark: #31855b;
  --lds-color-warning: #f69a19;
  --lds-color-warning-dark: #c75300;
  --lds-color-danger: #ef4a5f;
  --lds-color-danger-dark: #db144f;
  --lds-color-action: #0078a3;
  --lds-color-action-light: lighten(var(--lds-color-action), 39);
  --lds-color-disabled: var(--lds-color-grey-400);
  --lds-color-link: var(--lds-color-action);
  --lds-color-link-light: lighten(var(--lds-color-link), 39);
  --lds-color-hr: #f3ebf8 !important;
  --step-indicator-active-color: var(--ewi-color-mounjaro-purple);
  --step-indicator-active-border-color: var(--ewi-color-mounjaro-purple);
  --step-indicator-completed-background-color: var(--ewi-color-mounjaro-purple);
  --step-indicator-completed-border-color: var(--ewi-color-mounjaro-purple);
  --lds-color-checkbox-checked-bg: var(--ewi-color-mounjaro-purple);
  --lds-color-checkbox-checked-border: var(--ewi-color-mounjaro-purple);
  --lds-color-radio-checked-checkmark: var(--ewi-color-mounjaro-purple);
  --lds-color-radio-checked-border: var(--ewi-color-mounjaro-purple);
  --lds-color-step-indicator-background-completed: var(
    --ewi-color-mounjaro-purple
  );
  --lds-color-step-indicator-background-active: var(
    --ewi-color-mounjaro-purple
  );
  --lds-typography-isi-v2-panel-headings-color: var(
    --ewi-color-mounjaro-purple
  );
  --lds-color-isi-v2-panel-toggle-icon: var(--ewi-color-mounjaro-purple);
  --lds-color-isi-v2-panel-toggle-icon-focus: var(--ewi-color-mounjaro-purple);
  --lds-color-isi-v2-panel-toggle-icon-active: var(--ewi-color-mounjaro-purple);
  --lds-color-isi-v2-panel-toggle-icon-hover: var(--ewi-color-mounjaro-purple);
  --lds-color-isi-v2-bg-gradient-start: #efe5f5;
  --lds-color-isi-v2-bg-gradient-stop: rgb(228 235 241 / 20%);
  --lds-color-isi-v2-bg-indications-gradient-start: #efe5f5;
  --lds-color-isi-v2-bg-indications-gradient-stop: rgb(228 235 241 / 20%);
  --lds-typography-isi-v2-content-warning-block-heading-color: #5d0096;
  --lds-color-tab-header-bg: var(--mounjaro-purple-light);
  --lds-color-tab-header-border: var(--ewi-color-mounjaro-purple);
  --lds-radius-tab-button-top: 1rem;
  --lds-color-tab-button-active-bg: #5d0096;
  --lds-color-isi-v2-background:
    linear-gradient(
      180deg,
      var(--lds-color-isi-v2-bg-gradient-start) 0%,
      var(--lds-color-isi-v2-bg-gradient-stop) 100%
    ),
    var(--lds-color-isi-v2-bg-base);
  --lds-color-image-slider-dots-background: var(--lds-color-neutral-050);
  --lds-color-image-slider-dots-active-background: var(--lds-color-white);
  --lds-color-image-slider-dots-hover-background: var(--lds-color-neutral-040);
  --lds-color-top-nav-item-border-bottom-hover: var(--lds-color-primary);
  --lds-color-step-indicator-pill-active: var(--ewi-color-mounjaro-purple);
  --lds-color-step-indicator-pill: var(--lds-color-grey-500);
  --lds-color-figure-caption-toggle-icon-bg: var(--lds-color-primary);
  --lds-color-alert-success: var(--lds-color-success);
  --lds-color-hr-primary-border-top: var(--lds-color-grey-500);

  /* header */
  --mounjaro-mobile-header-height: 166.641px;
  --mounjaro-desktop-header-height: 166.641px;

  /* accordion */
  --lds-color-accordion-toggle-background: var(--Mounjaro-purple-8);
  --lds-color-accordion-toggle-expanded-background: var(--Mounjaro-purple-8);
  --lds-color-accordion-expanded-heading-border: var(--lds-color-primary);
  --lds-color-accordion-expanded-heading-foreground: var(
    --lds-typography-color
  );
  --lds-color-accordion-toggle-icon: var(--lds-color-primary);

  /* skip-to-main */
  --lds-color-skip-to-main-background: var(--lds-color-action) !important;

  /* form */
  --lds-color-validation-error: #ef4a5f;
  --lds-color-text-field-border-error: #ef4a5f;

  /* lds button */
  --lds-color-button-background: var(--lds-color-primary);
  --lds-color-button-background-hover: var(--lds-color-primary-hover);
  --lds-color-button-background-focus: var(--lds-color-primary-hover);
}

/* hide blocks and sections until they have loaded */
.block:not([data-block-status='loaded']) {
  display: none;
}

.section:not([data-section-status='loaded']) {
  display: none;
}

body:not(.appear) {
  display: none;
}

body > header {
  height: 136px;

  @media (width < 992px) {
    position: fixed !important;
  }
}

.section.text-align-center .default-content-wrapper {
  text-align: center !important;
}

.section.custom-section-padding {
  padding: 1rem !important;

  @media (width >=768px) {
    padding: 2rem !important;
  }
}

.mx-auto {
  margin-right: auto !important;
  margin-left: auto !important;
}

.section {
  margin: 2rem 1rem;
  border-radius: 1rem;
  overflow: hidden;
}

.section.align-center,
.section.align-center div {
  align-content: center;
}

.section.footer-rows-container {
  margin-top: 0;
  margin-bottom: 0;
}

main.en
  .section:not(
    .alert-container,
    .cali-alert-container,
    .isi-container,
    .social-exit-modal,
    .form-container
  ) {
  margin-right: 3.5rem;
}

.section.form-container:not(.hero-container, .columns-container) {
  margin-left: 0;
  margin-right: 0;
}

.p-4 {
  padding: 1.5rem !important;
}

.no-bottom-margin {
  margin-bottom: 0 !important;
}

.no-bottom-padding {
  padding-bottom: 0 !important;
}

.mb-0 {
  margin-bottom: 0 !important;
}

.section.custom-margin {
  margin-bottom: 0;
  margin-top: 0;
}

.section.no-bottom-margin {
  margin-bottom: 0;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}

.section.no-top-margin {
  margin-top: 0;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

.section.no-top-padding {
  padding-top: 0 !important;
}

.section.no-bottom-padding {
  padding-bottom: 0 !important;
}

.section.no-bottom-margin + .section {
  margin-top: 0;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

body > main:not(.alert-padding) {
  padding-top: calc(166px + 1rem) !important;

  @media (width >=990px) {
    padding-top: 2.25rem !important;
  }
}

body > main:not(.alert-padding) .section:first-child {
  margin-top: 0;
}

body > main.alert-padding > .alert-skeleton {
  padding-top: 137px !important;
  height: fit-content;

  @media (width >=990px) {
    padding-top: 0 !important;
  }
}

body > main.es.alert-padding > .alert-skeleton {
  height: fit-content;

  @media (width >=990px) {
    padding-top: 0 !important;
  }
}

body > main.alert-padding > .section:nth-child(2) {
  margin-top: 2rem;
  padding-top: 0 !important;

  @media (width >=990px) {
    margin-top: 3.25rem;
  }
}

.section.alert-container {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}

.section.cali-alert-container {
  padding-top: 0 !important;
}

.section .section {
  margin: 0 !important;
}

.section.custom-padding-savings {
  padding: 2rem 1.5rem !important;

  @media (width >=768px) {
    padding: 3rem !important;
  }
}

.custom-padding,
.section.custom-padding,
.es .row.custom-padding {
  padding: 2rem 1rem !important;

  @media (width >=768px) {
    padding: 3rem !important;
  }
}

.row.custom-padding {
  padding: 2rem 1.5rem !important;

  @media (width >=768px) {
    padding: 3rem !important;
  }
}

.custom-padding-x-top {
  padding-top: 1rem !important;
  padding-left: 1rem !important;
  padding-right: 1rem !important;

  @media (width >=768px) {
    padding-top: 3rem !important;
    padding-left: 3rem !important;
    padding-right: 3rem !important;
  }
}

.no-padding,
.es .row.no-padding {
  padding: 0 !important;
}

.desktop-left-right-padding {
  @media (width >=768px) {
    padding-left: 3rem !important;
    padding-right: 3rem !important;
  }
}

@media (width >=576px) {
  .section {
    margin-left: 1rem;
    margin-right: 1rem;
  }
}

@media (width >=768px) {
  .section {
    margin: 4.5rem 1.5rem;
  }

  .section.isi-container {
    margin-top: -3rem;
  }
}

@media (width >=992px) {
  .section {
    margin-left: 3rem;
    margin-right: 3rem;
  }
}

@media (width >=1200px) {
  .section {
    margin-left: 3rem;
    margin-right: 3rem;
  }
}

@media (width >=1400px) {
  .section {
    margin-left: 3rem;
    margin-right: 3rem;
  }
}

@media (width < 1646.99px) {
  .section.isi-container {
    margin-left: 0;
    margin-right: 0;
  }
}

@media (width >=1646.99px) {
  .lds-layout-container,
  .section,
  .section.fullbleed > .default-content-wrapper {
    width: 1504px;
    max-width: 1504px;
    min-width: 1504px;
    margin-left: auto;
    margin-right: auto !important;
  }

  .lds-layout-container,
  .section.isi-container {
    width: 1600px;
    max-width: 1600px;
    min-width: 1600px;
  }

  /* sections coming in from fragments or modals */
  .section .section,
  .lds-modal .section {
    width: unset;
    max-width: unset;
    min-width: unset;
  }
}

.section.mw-50 .figure-caption-wrapper .figure-caption-wrapper {
  margin-right: auto !important;
  margin-left: auto !important;
}

@media (width > 768px) {
  .section.mw-50 .figure-caption-wrapper .figure-caption-wrapper {
    max-width: 50%;
  }
}

.section.mw-75 .figure-caption-wrapper .figure-caption-wrapper {
  margin-right: auto !important;
  margin-left: auto !important;
}

@media (width > 768px) {
  .section.mw-75 .figure-caption-wrapper .figure-caption-wrapper {
    max-width: 75%;
  }
}

@media (width >=576px) {
  ::after,
  ::before,
  :root {
    --bs-gutter-x: var(--lds-spacing-grid-gutters-sm);
  }
}

@media (width >=768px) {
  ::after,
  ::before,
  :root {
    --bs-gutter-x: var(--lds-spacing-grid-gutters-md);
  }
}

@media (width >=992px) {
  ::after,
  ::before,
  :root {
    --bs-gutter-x: var(--lds-spacing-grid-gutters-lg);
  }
}

@media (width >=1200px) {
  ::after,
  ::before,
  :root {
    --bs-gutter-x: var(--lds-spacing-grid-gutters-xl);
  }
}

@media (width >=1400px) {
  ::after,
  ::before,
  :root {
    --bs-gutter-x: var(--lds-spacing-grid-gutters-xxl);
  }
}

/* Start Mounjaro style */
small {
  font-size: 75%;
  line-height: 75%;
}

.white-text {
  color: #fff;
}

.custom-black {
  color: #212121;
}

.neutral-grey-text {
  color: #515151 !important;
}

.font-600 {
  font-weight: 600 !important;
}

.font-500 {
  font-weight: 500 !important;
}

.font-400 {
  font-weight: 400 !important;
}

.font-300 {
  font-weight: 300 !important;
}

.font-800 {
  font-weight: 800 !important;
}

.font-700,
.font-700 p {
  font-weight: 700 !important;
}

.font-size-20 {
  font-size: 20px;
}

.grey-text {
  color: var(--lds-color-grey-600);
}

.align-items-center {
  align-items: center;
}

.align-items-stretch {
  align-items: stretch;
}

.flex-center {
  display: flex;
  justify-content: center;
}

.image-border-radius img {
  border-radius: 1rem !important;
}

.white-bg-padding .default-content-wrapper {
  background-color: var(--Neutral-0, #ffff);
  padding: 2rem 1rem;
  border-radius: 1rem;
  margin: 1rem;

  @media (width >=768px) {
    margin: 1rem 3rem;
    padding: 2rem;
  }
}

.mounjaro-purple-20-bg-padding .default-content-wrapper {
  background-color: var(--Mounjaro-purple-20);
  margin-left: 1rem;
  margin-right: 1rem;
  border-radius: 1rem;
  padding: 2rem;
  margin-bottom: 2rem;
  text-align: center;

  @media (width >=768px) {
    width: 83.33%;
    margin-left: auto !important;
    margin-right: auto !important;
  }
}

.mounjaro-orange-10-bkg {
  background-color: var(--Mounjaro-Orange-10) !important;
}

.mounjaro-orange-20-bkg {
  background-color: var(--Mounjaro-Orange-20);
}

.mounjaro-orange-20-padding .default-content-wrapper {
  background-color: var(--Mounjaro-Orange-10);
  padding: 2rem 1rem;
  border-radius: 1rem;
  margin: 1rem;

  @media (width >=768px) {
    margin: 1rem 3rem;
    padding: 2rem;
  }
}

.mounjaro-orange-20-padding .default-content-wrapper ul,
.white-bg-padding .default-content-wrapper ul {
  margin-left: 1.5rem;
}

.mounjaro-orange-20-padding .default-content-wrapper ul li,
.white-bg-padding .default-content-wrapper ul li {
  padding-left: 0.5rem;
}

.mounjaro-orange-30-bkg {
  background-color: var(--Mounjaro-Orange-30);
}

.mounjaro-orange-30-border {
  border: solid var(--Mounjaro-Orange-30);
}

.mounjaro-light-purple-bg,
.light-purple-background {
  background-color: var(--ewi-color-mounjaro-light-purple) !important;
}

.light-purple-background-2 {
  background-color: #f4ebf7;
}

.mounjaro-dark-purple-bg {
  background-color: #d4b8e0 !important;
}

.mounjaro-purple-8-bg {
  background-color: var(--Mounjaro-purple-8);
}

.mounjaro-purple-10-bg {
  background-color: var(--Mounjaro-purple-10);
}

.mounjaro-purple-20-bg {
  background-color: var(--Mounjaro-purple-20);
}

.mounjaro-neutral-bg {
  background: var(--Neutral-0, #fff);
}

h2 sup {
  font-size: x-large;
}

.mounjaro-purple,
.mounjaro-purple h1,
.mounjaro-purple h2,
.mounjaro-purple h3,
.mounjaro-purple h4,
.mounjaro-purple h5,
.mounjaro-purple .h1,
.mounjaro-purple .h2,
.mounjaro-purple .h3,
.mounjaro-purple .h4,
.mounjaro-purple .h5 {
  color: var(--lds-color-primary) !important;
}

.mounjaro-purple-header {
  color: var(--ewi-color-mounjaro-purple);
}

.purple-header h1,
.purple-header h2,
.purple-header h3,
.purple-header h4,
.purple-header h5,
.purple-header h6,
.purple-header .h1,
.purple-header .h2,
.purple-header .h3,
.purple-header .h4,
.purple-header .h5,
.purple-header .h6 {
  color: var(--ewi-color-mounjaro-purple);
}

.mounjaro-purple-header h1,
.mounjaro-purple-header h2,
.mounjaro-purple-header h3,
.mounjaro-purple-header h4,
.mounjaro-purple-header h5,
.mounjaro-purple-header h6,
.mounjaro-purple-header .h1,
.mounjaro-purple-header .h2,
.mounjaro-purple-header .h3,
.mounjaro-purple-header .h4,
.mounjaro-purple-header .h5,
.mounjaro-purple-header .h6 {
  color: var(--ewi-color-mounjaro-purple);
}

.mounjaro-purple-header-1 h1,
.mounjaro-purple-header-2 h2,
.mounjaro-purple-header-3 h3,
.mounjaro-purple-header-4 h4,
.mounjaro-purple-header-5 h5,
.mounjaro-purple-header-6 h6,
.mounjaro-purple-header-1 .h1,
.mounjaro-purple-header-2 .h2,
.mounjaro-purple-header-3 .h3,
.mounjaro-purple-header-4 .h4,
.mounjaro-purple-header-5 .h5,
.mounjaro-purple-header-6 .h6 {
  color: var(--ewi-color-mounjaro-purple);
}

.header-margin-0-mobile h1,
.header-margin-0-mobile h2,
.header-margin-0-mobile h3,
.header-margin-0-mobile h4,
.header-margin-0-mobile h5,
.header-margin-0-mobile h6,
.header-margin-0-mobile .h1,
.header-margin-0-mobile .h2,
.header-margin-0-mobile .h3,
.header-margin-0-mobile .h4,
.header-margin-0-mobile .h5,
.header-margin-0-mobile .h6 {
  @media (width <=768px) {
    margin-bottom: 0 !important;
  }
}

.mounjaro-purple-header li {
  color: initial !important;
}

.mounjaro-grey,
.mounjaro-grey p {
  color: var(--lds-color-grey-600) !important;
}

.mounjaro-grey label {
  color: var(--lds-color-grey-600) !important;
}

.mounjaro-red {
  color: var(--ewi-color-mounjaro-red) !important;
}

.mounjaro-grey-bg {
  background-color: #f0f1f2 !important;
}

.mounjaro-red-bg {
  background-color: var(--ewi-color-mounjaro-red) !important;
}

.dark-purple,
.section.dark-purple h3,
.section.dark-purple .h3 {
  color: var(--ewi-color-mounjaro-dark-violet) !important;
}

.mounjaro-tile-pink {
  background-color: var(--ewi-color-mounjaro-tile-pink) !important;
}

.mounjaro-magenta {
  background-color: var(--ewi-color-mounjaro-light-magenta) !important;
}

.justify-content-center {
  justify-content: center !important;
}

.justify-content-end {
  justify-content: flex-end !important;
}

.justify-content-start {
  justify-content: flex-start !important;
}

.space-around {
  justify-content: space-around !important;
}

.space-between {
  justify-content: space-between !important;
}

.border-radius-8 {
  border-radius: 8px;
}

.black-box,
.black-text {
  color: #212121 !important;
}

.purple-background-med {
  background-color: #dfccea !important;
}

.white-background {
  background-color: #fff !important;
}

.white-color {
  color: var(--lds-color-white) !important;
}

.grey-100-bg-color {
  background-color: var(--lds-color-grey-100);
}

.grey-50-bg-color {
  background-color: var(--lds-color-grey-50);
}

.lifestyle-purple,
.lifestyle-purple p {
  color: var(--ewi-color-mounjaro-purple) !important;
}

.custom-bg-color {
  background-color: #eee5f4 !important;
}

.custom-bg-color .mounjaro-purple,
.custom-bg-color p,
.mounjaro-purple-20-bg.mounjaro-purple.text-align-center h4:only-child,
.mounjaro-purple-20-bg.mounjaro-purple.text-align-center .h4:only-child {
  color: #3f2a5a !important;
}

.signup-bg-color {
  background-color: #eee5f4 !important;
}

.billboard-bg-color {
  background-color: var(--ewi-color-mounjaro-purple) !important;
  color: var(--lds-color-white) !important;
}

.billboard-bg-color .hero-wrapper .hero-inner-row {
  background-color: var(--ewi-color-mounjaro-purple) !important;
  color: var(--lds-color-white) !important;
}

.billboard-bg-color h1,
.billboard-bg-color .h1,
.billboard-bg-color .h2,
.billboard-bg-color .h3,
.billboard-bg-color .h4,
.billboard-bg-color .h5,
.billboard-bg-color .h6,
.billboard-bg-color p {
  color: var(--lds-color-white) !important;
}

.billboard-bg-color .button {
  background-color: var(--ewi-color-mounjaro-purple);
  border-color: var(--lds-color-white) !important;
  border-width: 1px !important;
  border-style: solid !important;
}

.transparent-button .button {
  background-color: transparent;
  border: 2px solid var(--lds-color-primary);
  color: var(--lds-color-primary);
}

.transparent-button .button:hover {
  background-color: #dccde6 !important;
}

.purple-background {
  background: var(--lds-color-primary);
}

.mounjaro-orange-background {
  background-color: var(--Mounjaro-Orange-10);
}

.suggestion-card {
  background-color: #d4b8e0 !important;
  font-weight: 700;
  padding: 1.5rem;
  border-radius: 1rem;
  text-align: center;
}

.default-content-wrapper {
  padding: 0;
}

.heading-400 h1,
.heading-400 h2,
.heading-400 h3,
.heading-400 .h1,
.heading-400 .h2,
.heading-400 .h3 {
  font-weight: 400 !important;
}

.h1,
h1 {
  font-size: 2.5rem;
  line-height: 3.5rem;
}

.h1-custom-font h1,
.h1-custom-font .h1 {
  font-size: 2rem;
  line-height: 2.5rem;

  @media (width >=768px) {
    font-size: 2.5rem;
    line-height: 3.5rem;
  }
}

.h3,
h3 {
  font-size: 1.5rem;
  line-height: 2rem;
}

.h3 strong,
h3 strong {
  font-weight: 500;
}

.regular-para-font p {
  font-weight: 400;
}

.big-para-font p {
  font-size: 1.25rem;
  line-height: 2rem;
}

.section.center-heading .default-content-wrapper h1,
.section.center-heading .default-content-wrapper h2,
.section.center-heading .default-content-wrapper h3,
.section.center-heading .default-content-wrapper .h1,
.section.center-heading .default-content-wrapper .h2,
.section.center-heading .default-content-wrapper .h3 {
  text-align: center;
}

.section.purple-heading .default-content-wrapper h1,
.section.purple-heading .default-content-wrapper h2,
.section.purple-heading .default-content-wrapper h3,
.section.purple-heading .default-content-wrapper .h1,
.section.purple-heading .default-content-wrapper .h2,
.section.purple-heading .default-content-wrapper .h3 {
  color: var(--ewi-color-mounjaro-purple);
}

.section.purple-heading-strong .default-content-wrapper h1 strong,
.section.purple-heading-strong .default-content-wrapper h2 strong,
.section.purple-heading-strong .default-content-wrapper h3 strong,
.section.purple-heading-strong .default-content-wrapper .h1 strong,
.section.purple-heading-strong .default-content-wrapper .h2 strong,
.section.purple-heading-strong .default-content-wrapper .h3 strong {
  color: var(--ewi-color-mounjaro-purple);
}

.section.smaller-heading-3 h3,
.section.smaller-heading-3 .h3 {
  font-size: 1.5rem;
}

.section.no-heading-padding h1,
.section.no-heading-padding h2,
.section.no-heading-padding h3,
.section.no-heading-padding .h1,
.section.no-heading-padding .h2,
.section.no-heading-padding .h3 {
  padding: 0;
}

.section.no-heading-margin h1,
.section.no-heading-margin h2,
.section.no-heading-margin h3,
.section.no-heading-margin h4,
.section.no-heading-margin .h1,
.section.no-heading-margin .h2,
.section.no-heading-margin .h3,
.section.no-heading-margin .h4 {
  margin: 0;
}

.mounjaro-orange-background .default-content-wrapper h2,
.mounjaro-orange-background .default-content-wrapper .h2 {
  color: var(--lds-typography-headings-color);
}

.section.hero {
  padding-top: unset;
}

.section.hero .default-content-wrapper h1,
.section.hero .default-content-wrapper h2,
.section.hero .default-content-wrapper h3,
.section.hero .default-content-wrapper h4,
.section.hero .default-content-wrapper h5,
.section.hero .default-content-wrapper h6,
.section.hero .default-content-wrapper .h1,
.section.hero .default-content-wrapper .h2,
.section.hero .default-content-wrapper .h3,
.section.hero .default-content-wrapper .h4,
.section.hero .default-content-wrapper .h5,
.section.hero .default-content-wrapper .h6 {
  padding: 1.5rem;

  @media (width >=768px) {
    padding: 2rem;
  }
}

.section.hero .columns.simple .content-col {
  @media (width < 768px) {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }
}

.section.hero .default-content-wrapper img {
  width: 100%;
}

.button-center .button-container {
  display: flex;
  justify-content: center;
}

.image-width-65 img {
  @media (width >=768px) {
    width: 65% !important;
  }
}

.image-width-33 .columns-img-col {
  @media (width >=768px) {
    max-width: 33% !important;
  }
}

.image-width-33 .columns-img-col img {
  @media (width >=768px) {
    border-radius: 1rem;
  }
}

.custom-bullet ul {
  list-style: none;
}

.custom-bullet ul ul {
  list-style: revert;
}

.custom-bullet ul li::before {
  content: '•';
  position: relative;
  top: 2px;
  display: inline-block;
  width: 18px;
  margin-left: -23px;
  font-size: 20px;
  font-weight: 700;
  color: var(--ewi-color-mounjaro-red);
}

.custom-bullet ul ul li::before {
  content: '';
}

/* override default wavy underline decoration from lds */
u {
  text-decoration: underline !important;
}

.section-padding {
  padding: 3rem !important;
}

.section.fullbleed {
  max-width: unset;
  width: unset;
  min-width: unset;
  margin: 0;
}

.section.no-radius {
  border-radius: 0;
}

.section.smaller-radius {
  border-radius: 5px;
}

.section.biles-hero {
  border-radius: 0 0 0 3rem;
}

.mobile-icon-center p:has(.icon),
.mobile-image-center p:has(img) {
  @media (width < 768px) {
    text-align: center;
  }
}

@media (width >=768px) {
  .mobile-icon-center p:has(.icon) {
    text-align: unset;
  }
}

.mobile-image {
  @media (width >=768px) {
    display: none !important;
  }
}

.desktop-image {
  @media (width < 768px) {
    display: none !important;
  }
}

.text-align-center {
  text-align: center !important;
}

.text-align-left {
  text-align: left !important;
}

.mobile-align-center {
  text-align: center !important;
}

@media (width >=768px) {
  .mobile-align-center {
    text-align: unset !important;
  }
}

.section.mounjaro-week .columns.mounjaro-week-title h2,
.section.mounjaro-week .columns.mounjaro-week-title .h2 {
  text-align: left !important;
  font-weight: 400 !important;
  color: var(--lds-typography-h2-color);
}

.section.mounjaro-injection .default-content-wrapper h2,
.section.mounjaro-injection .default-content-wrapper .h2 {
  margin-bottom: 0 !important;
  color: var(--lds-typography-h2-color);
}

.section.mounjaro-injection .default-content-wrapper:last-of-type p {
  color: var(--lds-color-grey-600) !important;
}

.section.mounjaro-dose .default-content-wrapper:last-of-type p {
  text-align: center !important;
  color: var(--lds-typography-p-color) !important;
  font-size: 1.25rem;
  padding: 2rem 1.5rem 1rem;
}

.section.mounjaro-dose .default-content-wrapper:last-of-type p strong {
  color: var(--lds-typography-p-color) !important;
}

.default-font-color p,
.default-font-color p strong {
  color: var(--lds-typography-p-color) !important;
}

.custom-fixed-width-img {
  width: 20%;
  text-align: center;
  margin-right: 5%;
}

.custom-fixed-width-img img {
  max-width: 100%;
}

.custom-fixed-width-text {
  width: 75%;
}

.custom-text-size-18 {
  font-size: 18px;
}

.confirmation-page h2#success,
.success h2,
.confirmation-page .h2#success,
.success .h2 {
  color: #45ba7f;
}

.lds-sticky {
  z-index: 50 !important;
}

/* End Mounjaro style */

/* EDS Styles - Start */

.button {
  background-color: var(--lds-color-primary);
  border: 0.125rem transparent;
  border-radius: 0.75rem;
  box-shadow: none transparent;
  color: #fff;
  cursor: pointer;
  display: inline-block;
  font-family: inherit;
  font-size: 1.125rem;
  font-weight: 600;
  line-height: 1.75rem;
  margin: 0;
  padding: 0.5rem 1.375rem;
  text-decoration: none;
  text-align: center;
}

.button.secondary {
  background-color: #fff;
  color: var(--lds-color-primary);
  border: 1px solid var(--lds-color-primary);
}

.button.secondary:hover {
  background-color: var(--lds-color-primary);
  color: #fff;
}

.left-align-button .button {
  text-align: left !important;
}

.white-button a {
  background-color: #fff !important;
  color: var(--lds-color-primary) !important;
  border: 1px solid var(--lds-color-primary) !important;
}

.white-button a:hover {
  background-color: var(--lds-color-primary) !important;
  color: #fff !important;
}

.lds-button.outlined {
  border-color: var(--lds-color-primary);
  color: var(--lds-color-primary);
}

.lds-button.outlined:hover {
  border-color: var(--lds-color-primary);
  color: var(--lds-color-primary);
  background-color: #dccde6 !important;
}

.dtc-main-content main {
  background: linear-gradient(180deg, #f1ebf7 0, #fff 40vh);
}

.section.social-exit-modal {
  margin: 0;
}

.section.confirmation-page,
.section.social-exit-modal,
.section.iqvia-survey-success {
  text-align: center;
}

.section.confirmation-page svg,
.section.confirmation-page img,
.section.social-exit-modal svg,
.section.social-exit-modal img {
  width: 100px;
  height: 100px;
  margin: 0 auto;
}

.section.confirmation-page button,
.section.social-exit-modal button {
  margin: 0 auto;
}

.lds-modal-body:has(> .section.confirmation-page) {
  text-align: center;
}

.center-image img {
  display: block;
  margin-left: auto;
  margin-right: auto;
}

.image-width-100 img {
  max-width: 100px !important;
  height: auto;
}

.image-width-200 img {
  max-width: 200px !important;
  height: auto;
}

.image-width-300 img {
  max-width: 300px !important;
  height: auto;
}

.image-width-400 img {
  max-width: 400px !important;
  height: auto;
}

.image-width-500 img {
  max-width: 500px !important;
  height: auto;
}

.lds-back-to-top {
  background-color: var(--lds-color-primary) !important;
  bottom: 12rem !important;
}

.background-primary {
  background-color: var(--lds-color-primary) !important;
}

.background-primary a {
  background-color: #fff;
  color: var(--lds-color-primary) !important;
}

.text-white p,
.text-white a,
.text-white h1,
.text-white h2,
.text-white h3 {
  color: #fff;
}

.text-align-right {
  text-align: right !important;
}

.list-margin ul {
  margin-left: 1rem;
  margin-bottom: 1rem;
}

.list-align-center ul {
  justify-self: center;
  text-align: left;
}

.fragment-wrapper {
  border-radius: 0;
}

.div {
  scroll-margin-top: 10rem;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  scroll-margin-top: 10rem;
}

ol,
ul {
  margin-left: 1rem;
  margin-bottom: 1rem;
}

.med-purple-text-bubble {
  background-color: var(--ewi-color-mounjaro-med-purple) !important;
  padding: 1rem;
  border-radius: 1rem;
}

.med-purple-bg {
  background-color: var(--ewi-color-mounjaro-med-purple);
}

/* EDS Styles - End */

/* lifestyle food page css */
.med-purple-light-bg {
  background-color: #ebe4f2;
}

.flip-tile-section .default-content-wrapper p:last-child {
  background: #d4b8e1 !important;
}

.cards-custom-padding .resulting-card h4 {
  color: #000 !important;
}

/* promo card - topic text align center */

.topic-text-center .columns-img-col .disclaimer-text {
  text-align: center;
  position: absolute;
  top: 45%;
  left: 50%;
  transform: translate(-50%, -50%);
  background-color: transparent;
  font-size: 32px;
  line-height: 41.6px; /* 130% */
}

@media (width < 768px) {
  .topic-text-center .columns-img-col .disclaimer-text {
    font-size: 20px;
    line-height: 30px;
  }
}

@media (width >= 768px) and (width < 1024px) {
  .topic-text-center .columns-img-col .disclaimer-text {
    font-size: 20px;
    line-height: 30px;
  }
}

@media (width >= 1024px) and (width < 1366px) {
  .topic-text-center .columns-img-col .disclaimer-text {
    font-size: 24px;
    line-height: 36px;
  }
}

.topic-text-center .columns-img-col picture img {
  border-radius: 20px;
}

.med-purple-text-column-bubble .content-col {
  background-color: var(--ewi-color-mounjaro-med-purple) !important;
  border-radius: 0.75rem;
  padding: 1rem !important;
}

.border-bottom-purple:not(.columns) {
  border-bottom: 2px solid var(--ewi-color-mounjaro-purple) !important;
}

h2.border-bottom-purple:not(.columns) {
  margin-bottom: 1rem;
  padding-bottom: 1rem;
}

/* Fixes for icon sizes in mobile on the lifestyle landing page */

@media (width < 767.99px) {
  .icon.icon-food-icn-1 img {
    width: 58px;
    margin-left: auto;
    margin-right: auto;
    display: block;
  }

  .icon.icon-food-icn-2 img {
    width: 58px;
    margin-left: auto;
    margin-right: auto;
    display: block;
  }

  .icon.icon-food-icn-3 img {
    width: 58px;
    margin-left: auto;
    margin-right: auto;
    display: block;
  }

  .icon.icon-mov-icn-1 img {
    width: 58px;
    margin-left: auto;
    margin-right: auto;
    display: block;
  }

  .icon.icon-mov-icn-2 img {
    width: 58px;
    margin-left: auto;
    margin-right: auto;
    display: block;
  }

  .icon.icon-mov-icn-3 img {
    width: 58px;
    margin-left: auto;
    margin-right: auto;
    display: block;
  }
}

.link-wrapper {
  overflow-wrap: break-word !important;
  word-wrap: break-word !important;
}

/* End lifestyle food page css */