/* Imports */
@import url('https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300..800;1,300..800&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap');


/** ----------- Global Styles ----------- **/

body {
  font-family: "Montserrat", sans-serif;
}

.mobile-only {
  display: none;
}

.tablet-and-mobile-only {
  display: none;
}

.brand-logo a img {
  max-width: initial!important;
}



/* Typography */
a {
  border: none;
  text-decoration: underline;
  color:#66c7ad!important;
  font-weight: 600;
  font-family: "Montserrat", sans-serif;
}

p {
  color: rgb(99,102,106);
  /* font-size: 16px; */
  font-size: 15px;
  font-family: "Montserrat", sans-serif;
  /* font-family: "Open Sans", sans-serif; */
}

b, strong {
  color:#66c7ad!important;
  font-weight: 600;
}

.headline-text a,
.headline-text a:hover,
.headline-text a:focus {
  border: none;
  border-bottom: none!important;
  text-decoration: underline;
  color:#66c7ad!important;
  box-shadow: none;
}

.small {
  font-size: 13px!important;
}

h1, .h1, 
h2, .h2,
h3, .h3, 
h4, .h4,
h5, h5 {
  font-family: "Montserrat", sans-serif;
}

h1, .h1 {
  color: #0066f5;
  font-size: 42px!important;
  font-weight: 600;
}

h2, .h2 {
  color: #071d49;
  font-size: 34px!important;
  font-weight: 600;
}

h2.underlined::after {
  content: "";
  display: block;
  height: 7px;
  background-color: none;
  background: #66c7ad;
  background: linear-gradient(90deg, rgba(102,199,173,1) 0%, rgba(147,212,123,1) 50%, rgba(250,241,6,1) 100%);
  margin-top: 10px;
  margin-bottom: 20px;
  border-bottom-left-radius: 7px;
  border-bottom-right-radius: 7px;
}

h3, .h3 {
  color: #071d49;
  font-size: 26px !important;
  font-weight: 600 !important;
}

h4, .h4 {
  color: #071d49;
  font-size: 20px !important;
  font-weight: 600 !important;
}


/* Hotjar styles */
#hj-survey-lbl-1 {
  font-size:20px!important;
}


/* Breadcrumbs */
.cmp-breadcrumb__item, 
.cmp-breadcrumb__item a {
  font-weight: 400!important;
  color: #868686!important;
}

.cmp-breadcrumb__item:not(:first-child):before {
  content: ">";
  color: #868686!important;
}

ul {
  list-style-type: none;
  list-style-image: url(/content/dam/abbvie-sitegenerator-ous/vyalev/au/en/images/ui/bullet-point.png);
}

ul li {
  list-style-image: url(/content/dam/abbvie-sitegenerator-ous/vyalev/au/en/images/ui/bullet-point.png);
  color: rgb(99,102,106);
  font-size: 15px;
  /* font-size: 16px; */
  margin-bottom: 20px;
}

ul.grey li {
  list-style-image: url(/content/dam/abbvie-sitegenerator-ous/vyalev/au/en/images/ui/bullet-point-grey.png);
}

ul li.tick {
  list-style-image: none;
  position: relative;
}

ul li.tick:before {
  content: " ";
  width: 30px;
  background: url(/content/dam/abbvie-sitegenerator-ous/vyalev/au/en/images/ui/bullet-point-tick.png) 0 0 no-repeat !important;
  display: block;
  top: 2px;
  left: -28px;
  position: absolute;
  background-size: 22px auto !important;
  height: 63px;
}

ul li:last-child,
ol li:last-child  {
  margin-bottom: 0px;
}

/*** Buttons ***/
a.btn.btn-primary, 
.pin-login__submit {
  text-decoration: none;
  color: #0066f5!important;
  font-weight: 600;
  font-size: 15px;
  border: none;
  border-radius: 13px!important;
  height: 45px;
  line-height: 11px;
  background-color: none;
  background: rgb(213,239,218);
  background: linear-gradient(90deg, rgba(213,239,218,1) 0%, rgba(255,251,171,1) 100%);
  padding-right: 35px;
  position: relative;
}

.pin-login .form-control#pin-login_input {
  border-radius: 13px !important;
  background: #ffffff;
  border: 2px solid #e0e0e1;
}

.pin-login__submit {
  padding-top: 4px;
  width: 80px;
  min-width: 80px;
}

a.btn.btn-primary::after, 
.pin-login__submit::after {
  content: " ";
  width: 10px;
  height: 100%;
  background: url(/content/dam/abbvie-sitegenerator-ous/vyalev/au/en/images/ui/arrow-right.png) 0 0 no-repeat;
  display: block;
  top: 15px;
  right: 14px;
  position: absolute;
  background-size: 8px auto;
}

a.btn.btn-primary:hover,
a.btn.btn-primary:focus,
.pin-login__submit:hover,
.pin-login__submit:focus {
  box-shadow: none;
  background: rgb(213,239,218, 0.7);
  background: linear-gradient(90deg, rgba(213,239,218,0.7) 0%, rgba(255,251,171,0.7) 100%);
}

.pin-login__submit:hover,
.pin-login__submit:focus,
.pin-login__submit:active {
  color: #0066f5;
  -webkit-box-shadow: none;
  box-shadow: none;
}

/* Pin login dialog box */
.pin-login__form h5 {
  color: #0066f5;
}

.pin-login {
  background: #fafafa;
  padding: 30px 0 0 0;
  border-radius: 7px;
  margin-bottom: 50px!important;
  margin-top: 100px!important;
}

.pin-login__inner {
  margin: 0 auto;
  max-width: 30pc;
  margin-bottom: 30px;
  padding-left: 30px;
  padding-right: 30px;
}

.pin-login::after {
  content: "";
  display: block;
  height: 7px;
  background-color: none;
  background: #66c7ad;
  background: linear-gradient(90deg, rgba(102,199,173,1) 0%, rgba(147,212,123,1) 50%, rgba(250,241,6,1) 100%);
  margin-top: 10px;
  margin-bottom: 0px;
  border-bottom-left-radius: 7px;
  border-bottom-right-radius: 7px;
}

.layout-container-content > .column-control > .column-control-wrapper {
  margin-top: 0px!important;
}

#layout-container-deab999dc4 {
  background-repeat: no-repeat!important;
  padding: 0px;
  margin: 0px;
  background-position: center top;
  background-size: 100% auto!important;
}

/* Contact Us Button */
a.btn.btn-secondary {
  text-decoration: none;
  color: #66c7ad;
  font-weight: 600;
  border: none;
  border-radius: 13px!important;
  height: 45px;
  line-height: 11px;
  background-color: none;
  background: rgb(213,239,218);
  background: linear-gradient(90deg, rgba(213,239,218,1) 0%, rgba(255,251,171,1) 100%);
  padding-right: 35px;
  position: absolute;
  right: 45px;
  top: 10px;
  z-index: 999;
}

a.btn.btn-secondary::after {
  content: " ";
  width: 10px;
  height: 100%;
  background: url(/content/dam/abbvie-sitegenerator-ous/vyalev/au/en/images/ui/arrow-right-green.png) 0 0 no-repeat;
  display: block;
  top: 16px;
  right: 14px;
  position: absolute;
  background-size: 8px auto;
}

a.btn.btn-secondary:hover,
a.btn.btn-secondary:focus {
  box-shadow: none;
  background: rgb(213,239,218, 0.7);
  background: linear-gradient(90deg, rgba(213,239,218,0.7) 0%, rgba(255,251,171,0.7) 100%);
}

/* Back to top button */
.back-to-top>a:after {
  color: #ffffff!important;
}


/** Understanding VYALEV Text and Infographic layout **/
@media only screen and (max-width: 900px) {

  .text-and-image .info-text {
    width: 100%!important;
    margin-right: 0!important;
    padding-top: 0px!important;
  }

  .text-and-image .infographic {
    max-width: 400px!important;
    width: 100%!important;
    margin-right: 0!important;
    float: none!important;
    clear: both!important;
    margin: 0 auto!important;
  }

  .text-and-image .infographic img {
    max-width: 400px!important;
    width: 100%!important;
  }
  
}

@media (min-width: 770px) {
  .not-on-tablet {
    display: block;
  }

}

@media (max-width: 770px) {

  .not-on-tablet {
    display: none;
  }
  .tablet-and-mobile-only {
    display: block;
  }
}



/* Mobile hamburger nav dropdown styling */
@media (max-width: 991.98px) {
  .meta-navigation ul {
    background: linear-gradient(180deg, rgba(102, 199, 173, 1) 0%, rgba(147, 212, 123, 1) 50%, rgba(250, 241, 6, 1) 100%);
  }

  .meta-navigation ul {
    color:#0066f5!important;
  }

  .meta-navigation ul li a {
    color:#0066f5!important;
  }

  .meta-navigation ul li a:hover, .meta-navigation ul li.active a {
    color: #0066f5;
  }
  
  .meta-navigation ul li.sub-menu-parent .submenu-toggler:after {
    color: #0066f5;
    font-weight: bold;
  }

  /* Make breadcrumb font smaller to stay on a single line */
  .cmp-breadcrumb__item {
    font-size: 12px!important;
  }

}



/* Primary Header/Nav/Dropdown menu */

.global-header-logo {
  position: absolute;
  top: -22px;
  left: 39px;
  width: 308px !important;
}

.global-header-menu {
  margin-left: 0px!important;
}

.global-header-menu ul,
.global-header-menu ul li {
  list-style-image: none;
}

/* smaller desktop/large tablet (move logo above menu) */
@media only screen and (max-width: 1280px) {

  .global-header-logo {
      /* width: 250px !important; */
      position: absolute !important;
      /* top: 0px !important; */
      left: 40px !important;
  }
  
  
  .global-header-navigation {
      padding-top: 25px !important;
  }
  
}

@media only screen and (max-width: 380px) {

  .global-header-logo {
    left: 7px !important;
  }

}



/* Support page contact details */

@media (max-width: 1200px) {
  .email-info {
    width: 100%!important;
    clear: both;
  }

  .text-or {
    width: 100%!important;
    clear: both;
    padding-left: 55px!important;
    margin-bottom: 50px!important;
   }
  
   .phone-info {
    width: 100%!important;
    clear: both;
   }

}

@media (max-width: 790px) {
  .email-contact-details {
    clear: both;
  }

  .phone-contact-details {
    clear: both;
  }

  .text-or {
    padding-top: 30px!important;
    margin-bottom: 30px!important;
    text-align: center !important;
    padding-left: 0px !important;
  }
}

/* Resource Tiles - responsive */
@media (max-width: 1200px) {
  .resource-tile-text {
    padding-left: 25px!important;
    padding-right: 25px!important;
  }
}

@media (max-width: 767px) {
    .resource-tile-text {
      padding-left: 0px!important;
      padding-right: 0px!important;
      max-width: 336px!important;
      margin: 0 auto!important;
  }
  
}


/* ================================ */

/* Support page - responsive */

.support-popup-widget-wrapper.non-desktop {
  display: none;
}

.support-popup-widget-wrapper.non-desktop ul li {
  list-style-image: none !important;
}

@media (max-width: 767px) {
  .treatment-process-text {
    max-width: 306px!important;
    margin: 0 auto!important;
  }
}

@media (max-width: 810px) {
  .treatment-process-text div:last-of-type {
    min-height: unset!important;
  }
}

@media (max-width: 1200px) {

  /* hide desktop version and show non-desktop version */
  .support-popup-widget-wrapper.desktop {
    display: none!important;
  }

  .support-popup-widget-wrapper.non-desktop {
    display: inline!important;
  }

  .support-popup-widget-wrapper.desktop {
    display: none!important;
  }


  .col-md-3:has(.support-intro-text) {
    width: 100%!important;
  }



  .support-popup-widget-wrapper.non-desktop ul {
    padding-left: 0px !important;
  }

  .support-popup-widget-wrapper.non-desktop img {
      width: 80px !important;
  }

  .support-popup-widget-wrapper.non-desktop #support-icon-top-left:before {
      top: 0;
      /* left: 120px;
      width: 250px !important; */
      left: 93px;
      width: 168px !important;
      text-align: left;
  }

  .support-popup-widget-wrapper.non-desktop #support-icon-top-right:before {
      top: 0;
      /* left: 120px;
      width: 250px !important; */
      left: 93px;
      width: 168px !important;
      text-align: left;
  }

  .support-popup-widget-wrapper.non-desktop #support-icon-bottom-right:before {
      top: 0;
      /* left: 120px;
      width: 250px !important; */
      left: 93px;
      width: 168px !important;
      text-align: left;
  }

  .support-popup-widget-wrapper.non-desktop #support-icon-bottom:before {
      top: 0;
      /* left: 120px;
      width: 250px !important; */
      left: 93px;
      width: 168px !important;
      text-align: left;
  }

  .support-popup-widget-wrapper.non-desktop #support-icon-bottom-left:before {
      top: 0;
      /* left: 120px;
      width: 250px !important; */
      text-align: left;
      left: 93px;
      width: 168px !important;
  }

}
/* ================================ */






@media (min-width: 1200px) {
  .meta-navigation ul li, .meta-navigation ul {
    margin-bottom: 5px!important;
  }
}

@media (max-width: 1200px) {
  .global-header-menu {
    margin-right: 20px!important;
  }
}

@media (max-width: 1230px) {
  .meta-navigation__inner .sub-menu-parent:nth-of-type(2) .sub-menu { 
    left: -67px!important;  
  }
  .meta-navigation__inner .sub-menu-parent:nth-of-type(2) .sub-menu:before {
    left: calc(138px)!important;
    background-color: #74ca9c!important;
  }
}

@media (max-width: 991.98px) {

  .global-header-navigation {
      padding-top: 100px !important;
  }


@media (max-width: 991.98px) {
  .global-header.section::after {
      content: "";
      display: block;
      height: 7px;
      background-color: none;
      background: #66c7ad;
      background: linear-gradient(90deg, rgba(102, 199, 173, 1) 0%, rgba(147, 212, 123, 1) 50%, rgba(250, 241, 6, 1) 100%);
      margin-left: 2.5rem;
      margin-right: 2.5rem;
      border-bottom-left-radius: 7px;
      border-bottom-right-radius: 7px;
      position: absolute;
      bottom: -23px;
      position: absolute;
      left: -13px;
      z-index: -1!important;
  }
}

@media (max-width: 991.98px) and (min-width: 600px) {
  .global-header.section::after {      
    content: "";
    display: block;
    height: 7px;
    background-color: none;
    background: #66c7ad;
    background: linear-gradient(90deg, rgba(102, 199, 173, 1) 0%, rgba(147, 212, 123, 1) 50%, rgba(250, 241, 6, 1) 100%);
    margin-left: 2.5rem;
    margin-right: 2.5rem;
    border-bottom-left-radius: 7px;
    border-bottom-right-radius: 7px;
    position: absolute;
    bottom: -23px;
    position: absolute;
    left: -13px;
    width: 93vw;
    z-index: -1!important;
  }
}

@media (max-width: 600px) {
  .global-header.section::after {
      content: "";
      display: block;
      height: 7px;
      background-color: none;
      background: #66c7ad;
      background: linear-gradient(90deg, rgba(102, 199, 173, 1) 0%, rgba(147, 212, 123, 1) 50%, rgba(250, 241, 6, 1) 100%);
      margin-left: 2.5rem;
      margin-right: 2.5rem;
      border-bottom-left-radius: 7px;
      border-bottom-right-radius: 7px;
      position: absolute;
      bottom: -23px;
      position: absolute;
      left: -13px;
      width: 88vw;
      z-index: -1!important;
    }
}

  .contact-button {
    right: 19px;
  }

}


.meta-navigation ul li, .meta-navigation ul {
  margin-bottom: 0px;
}

.global-header-menu {
  margin-right: 0px;
}

@media screen and (max-width: 992px) {

  .contact-button {
    display: none;
  }

}

/* TOP NAV STYLING HERE FOR DESKTOP */
@media screen and (min-width: 992px) {

  .meta-navigation__inner > ul > li:last-child {
    display: none;
  }

  /* show the separate Contact Us button */
  .contact-button {
    position: absolute;
    top: 50px;
    right: 37px;
    overflow: hidden;
    z-index: 999;
  }

  #global-header::after {
    content: "";
    display: block;
    height: 7px;
    background-color: none;
    background: #66c7ad;
    background: linear-gradient(90deg, rgba(102, 199, 173, 1) 0%, rgba(147, 212, 123, 1) 50%, rgba(250, 241, 6, 1) 100%);
    margin-left: 2.5rem;
    margin-right: 2.5rem;
    border-bottom-left-radius: 7px;
    border-bottom-right-radius: 7px;
  }

  .global-header-navigation {
    margin-top: 70px;
  }

  .global-header.section {
    margin-bottom: -10px;
  }

  .meta-navigation ul li, .meta-navigation ul {
    list-style-image: none;
    display: block;
    float: left;
    position: relative;

    /* TEST FIX */
    padding-bottom: 7px!important;

    /* margin-bottom: 5px!important; */

  }

  .meta-navigation ul li:hover > .sub-menu,
  .meta-navigation .sub-menu-parent > a:focus + .sub-menu,
  .meta-navigation .sub-menu-parent > a:active + .sub-menu {
    opacity: 1;
    visibility: visible;
  }

  .meta-navigation .sub-menu-parent .sub-menu:focus-within {
    opacity: 1;
    visibility: visible;
  }

  .meta-navigation ul li .sub-menu {
    position: absolute;
    top: 38px;
    left: -295px;
    width: 800px;
    background-color: none;
    border-bottom-left-radius: 7px;
    border-bottom-right-radius: 7px;
  }

  .meta-navigation__inner .sub-menu-parent:nth-of-type(2) .sub-menu {
    width: 800px;
    left: -295px;
    background: rgb(106,200,169);
    background: linear-gradient(90deg, rgba(106,200,169,1) 0%, rgba(133,206,134,1) 50%, rgba(187,223,77,1) 100%);
  }

  .meta-navigation__inner .sub-menu-parent:nth-of-type(3) .sub-menu {
    width: 410px;
    left: -104px;
    background: rgb(134,208,137);
    background: linear-gradient(90deg, rgba(134,208,137,1) 0%, rgba(156,212,109,1) 50%, rgba(188,223,76,1) 100%);
  }

  /* .meta-navigation__inner .sub-menu-parent:nth-of-type(4) .sub-menu { */


   .meta-navigation__inner > ul > li:nth-of-type(6) .sub-menu {

    width: 205px;
    left: -85px;
    background: rgb(212,230,49);
    background: linear-gradient(90deg, rgba(212,230,49,1) 50%, rgba(255,242,0,1) 100%);
  }

  /* .meta-navigation__inner > ul > li:nth-of-type(6) {
    background: orange!important;
  } */

  .meta-navigation__inner .sub-menu-parent .sub-menu:before {
    content: '';
    top: -7px;
    background-color: #85ce86;
    width: 15px;
    height: 15px;
    border-radius: 7.5px;
    position: absolute;
  }

  .meta-navigation__inner .sub-menu-parent:nth-of-type(2) .sub-menu:before {
    left: calc(50% - 34px);
    background-color: #85ce86;
  }

  .meta-navigation__inner .sub-menu-parent:nth-of-type(3) .sub-menu:before {
    left: calc(50% + 34px);
    background-color: #9cd46d;
  }

  /* UPDATE NAV CSS */
  .meta-navigation__inner > ul > li:nth-of-type(6) .sub-menu:before {
    right: 51px;
    background-color: #e6eb1c;
  }

  .meta-navigation ul li .sub-menu > li {
    margin-bottom: 0px;
  }

  .meta-navigation ul li a {
    color: #0066f5!important;
    font-weight: 600;
    font-size: 15px;
  }

  .meta-navigation__inner.meta-navigation--megamenu ul li:hover > a {
    color: #0066f5!important;
  }

  .meta-navigation__inner.meta-navigation--megamenu ul li.active > a {
    color: #0066f5!important;
    text-decoration: none;
  }

  .meta-navigation ul li a:hover, .meta-navigation ul li.active a {
    color: #0066f5!important;
    text-decoration: none;
  }

  .meta-navigation__inner.meta-navigation--megamenu .megamenu-panel ul {
    padding-bottom: 14px;
    margin-top: 0px;
  }

  .meta-navigation__inner.meta-navigation--megamenu ul li.sub-menu-parent:hover > a,
  .meta-navigation__inner.meta-navigation--megamenu .megamenu-panel ul li a {
    color: #0066f5!important;
    text-decoration: none!important;
    font-weight: 600;
  }

  .sub-menu-parent:before {
    content: " ";
    width: 12px;
    height: 100%;
    background: url(/content/dam/abbvie-sitegenerator-ous/vyalev/au/en/images/ui/arrow-down.png) 0 0 no-repeat;
    display: block;
    top: 11px;
    right: 0px;
    position: absolute;
    background-size: 10px auto;
  }

  .meta-navigation__inner.meta-navigation--megamenu ul li {
    padding-bottom: 15px;
  }

  .meta-navigation__inner.meta-navigation--megamenu ul li:not(.sub-menu-parent) a:after {
    background: none;
  }

  .meta-navigation__inner.meta-navigation--megamenu .megamenu-panel ul li:hover a:hover {
    background: none;
    color: #0066f5!important;
    text-decoration: none;
  }

  .megamenu-panel.sub-menu {
    margin-top: -13px;
  }

  .meta-navigation__inner.meta-navigation--megamenu .megamenu-panel {
    padding: 0;
    background-color: none;
    background: none;
  }

  .meta-navigation__inner.meta-navigation--megamenu .megamenu-panel > div.container {
    background-color: none;
    background: #66c7ad;
    background: linear-gradient(90deg, rgba(102,199,173,1) 0%, rgba(147,212,123,1) 50%, rgba(250,241,6,1) 100%);
    border-bottom-left-radius: 7px;
    border-bottom-right-radius: 7px;
  }

  .meta-navigation__inner.meta-navigation--megamenu .megamenu-panel ul li a {
    line-height: normal;
    padding: 10px 0 0 0;
  }

  .meta-navigation__inner.meta-navigation--megamenu.meta-navigation--megamenu-center > ul {
    padding-top: 30px;
  }

  .meta-navigation__inner.meta-navigation--megamenu.meta-navigation--megamenu-center > ul > li {
    padding-top: 0;
    margin-top: 40px;
  }

}






/* ----------- Components ----------- */

.half-width {
  width: 50%;
}

.left {
  display: block;
  float: left;
}

.right {
  display: block;
  float: right;
}



/* Callout boxes and banners */

.column-control-wrapper.mt-5:has(.home.banner-copy.abbvie-care-services) {
  background: url(/content/dam/abbvie-sitegenerator-ous/vyalev/au/en/images/backgrounds/bg-home-abbvie-care-services-large.png) white bottom right no-repeat !important;
  border-radius: 15px;
  background-size: 75% !important;
}

.column-control-wrapper.mt-5:has(.home.banner-copy.welcome) {
  background: url(/content/dam/abbvie-sitegenerator-ous/vyalev/au/en/images/backgrounds/bg-home-welcome-large.png) white bottom right no-repeat !important;
  background-size: contain !important;
  border-radius: 15px;
}

.column-control-wrapper.mt-5:has(.home.banner-copy.welcome) > .bg-container {
  min-height: 353px;
}

.home.banner-copy.abbvie-care-services {
  padding-top: 40.0px;
}

.home.banner-copy.abbvie-care-services h2 {
  font-size: 42px!important;
}

.home.banner-copy.welcome h1 {
  font-size: 64px!important;
  padding-top: 50px;
}


 


.callout-box {
  color: #0066f5;
  font-size: 26px;
  font-weight: 600;
  line-height: 1.2;
  border-radius: 7px;
  padding: 35px;
  margin-top: 35px;
  margin-bottom: 35px;
  overflow: hidden;
  font-family: "Montserrat", sans-serif;
}

.callout-box p {
  color: #0066f5;
  font-size: 26px;
  font-weight: 600;
  line-height: 1.2;
}

.callout-box a {
  font-weight: 600;
}

.callout-box.blue {
  background: #e5f0fe;
}

.callout-box.blue ul {
  list-style-type: none;
  list-style-image: url(/content/dam/abbvie-sitegenerator-ous/vyalev/au/en/images/ui/bullet-point-blue.png);
}

.callout-box.blue ul li {
  list-style-image: url(/content/dam/abbvie-sitegenerator-ous/vyalev/au/en/images/ui/bullet-point-blue.png);
}

.callout-box.grey {
  background: #e6e8ed;
}

/* Tiles */
.tile-text {
  padding: 10px;
}

.tile-text h4 {
  color: #0066f5;
  font-size: 21px!important;
}

.image-tile.gradient-border {
  background: rgb(161,217,136);
  background: linear-gradient(180deg, rgba(161,217,136,1) 0%, rgba(243,240,44,1) 40%, rgba(255,255,255,1) 70%);
  padding: 4px;
  border-radius: 7px;
}

.image-tile .inner {
  background: #ffffff;
  border-radius: 7px;
  padding-top: 10px;
}

.image-tile.gradient-border img {
    display: block;
    margin: auto;
}

.resource-tile-text {
  padding-left: 55px;
  padding-right: 55px;
}

.resource-tile-text h4 {
  font-size: 22px!important;
  font-weight: 600!important;
}

/* Accordions */

.cmp-accordion__item {
  padding-bottom: 15px!important;
}

.cmp-accordion__button {
  position: relative;
  padding-left: 0px!important;
  padding-bottom: 0px!important;
}

h2.cmp-accordion__header .cmp-accordion__title {
  color: #071d49!important;
  font-size: 27px!important;
  font-weight: 500!important;
  line-height: 37px;
  display: inline-block;
  max-width: 1100px;
}

h2.cmp-accordion__header::after {
  content: "";
  display: block;
  height: 7px;
  background-color: none;
  background: #66c7ad;
  background: linear-gradient(90deg, rgba(102,199,173,1) 0%, rgba(147,212,123,1) 50%, rgba(250,241,6,1) 100%);
  margin-top: 10px;
  margin-bottom: 20px;
  border-bottom-left-radius: 7px;
  border-bottom-right-radius: 7px;
}

/* accordion down arrow - collapsed */
.cmp-accordion__button[aria-expanded=false] .cmp-accordion__icon:after {
  content: " ";
  width: 56px;
  height: 100%;
  background: url(/content/dam/abbvie-sitegenerator-ous/vyalev/au/en/images/ui/arrow-accordion-down.png) 0 0 no-repeat;
  display: block;
  top: 20px;
  right: 0px;
  position: absolute;
  background-size: 35px auto;
}


/* accordion up arrow - expanded */
.cmp-accordion__button[aria-expanded=true] .cmp-accordion__icon:after {
  content: " ";
  width: 56px;
  height: 100%;
  background: url(/content/dam/abbvie-sitegenerator-ous/vyalev/au/en/images/ui/arrow-accordion-up.png) 0 0 no-repeat;
  display: block;
  top: 20px;
  right: 0px;
  position: absolute;
  background-size: 35px auto;
}


/* Slider */

.slick-track {
  width: 94%!important;
}

.slick-track .bg-container.shadow.rounded {
  margin-bottom: 10px;
}

.items-carousel-item {
  width: 100%!important;
}

.slick-dots {
  display: none;
}

.carousel-indicators {
  bottom: -20px!important;
}

.carousel__action.carousel__action--previous {
  background: url(/content/dam/abbvie-sitegenerator-ous/vyalev/au/en/images/ui/slider-button-left.png);
  background-size: auto;
  background-position: center;
}

.carousel__action.carousel__action--next {
  background: url(/content/dam/abbvie-sitegenerator-ous/vyalev/au/en/images/ui/slider-button-right.png);
  background-size: auto;
  background-position: center;
}

.carousel__indicators [data-bs-target] {

}

.carousel__indicators [data-bs-target].active {
  background: url(/content/dam/abbvie-sitegenerator-ous/vyalev/au/en/images/ui/slider-pagination-active.png);
  background-size: auto;
  background-position: center;
}

/* Exernal link popup */
.external-link-popup  .modal-dialog {
  margin: 1.25rem auto!important;
}

.external-link-popup .modal-lg, 
.external-link-popup .modal-xl {
  max-width: 40pc;
}

.external-link-popup .modal-header {
  border-top-left-radius: 15px;
  border-top-right-radius: 15px;
}

.external-link-popup .modal-body {
  border-radius: 15px;
  border-top-left-radius: 0px;
  border-top-right-radius: 0px;
}

.external-link-popup .modal-content {
  background-color: transparent!important;
  border-radius: 15px!important;
}

.external-link-popup h2 {
  color: #0066f5!important;
}

.external-link-popup .headline-text__content {
  padding-left: 50px;
  padding-right: 50px;
  padding-top: 10px;
  margin-bottom: 0px;
}


/* Top-right close X button */
.external-link-popup .btn-close {
  color: transparent;
  background-image: url(/content/dam/abbvie-sitegenerator-ous/vyalev/au/en/images/ui/external-modal-close-button.png);
  background-size: 30px auto;
  background-repeat: no-repeat;
  position: absolute;
  top: 30px;
  right: 0px;
  width: 44px;
  height: 45px;
  z-index: 999;
}

.external-link-popup .btn-close {
  outline: none;
}

.external-link-popup .btn-close:after {
  content: " ";
  display: inline-block;
}

.external-link-popup .button-group {
  margin-bottom: 20px!important;
  position: relative;
}

/* Go Back button */
.external-link-popup .button-group .button-link.section {
  position: absolute;
  bottom: -40px;
  left: calc(50% - 40px);
}

.external-link-popup .button-group .button-link.section a.btn {
  color: rgb(99,102,106)!important;
  text-decoration: underline;
}

/* OK button */
.external-link-popup #btnYes {
  display: block!important;
  position: static!important;
  margin-top: -20px!important;
}

.external-link-popup #btnYes a.btn.btn-primary {
  color: #0066f5!important;
  text-decoration: none!important;
}

.external-link-popup .modal-header, .external-link-popup .modal-body {
  background-color: #fafafa;
}

.external-link-popup a.btn.btn-primary::after {
  top: 15px;
  right: 60px;
}


/** Support page **/

/* Treatment Process Steps */
.treament-process {
  background-color: #e5f0fe;
  color: #000000 !important;
  border-bottom: 5px solid #e5f0fe;
  position: relative;
  width: 125px;
  margin-bottom: 80px;
}

.treament-process p {
  color: #000000 !important;
  padding-top: 20px;
  font-weight: 700;
}

.treament-process:after {
  content: '';
  position: absolute;
  left: 0;
  right: 0;
  margin: 0 auto;
  width: 126px;
  height: 0px;
  border-top: 35px solid #e5f0fe;
  border-left: 60px solid transparent;
  border-right: 60px solid transparent;
}

/* Treatment process mobile icons */
.treatment-process-icon {
  display: none;
  float: left;
  margin-right: 30px;
}

.treatment-process-icon img {
  width: 80px;
}

@media (max-width: 767px) {
  .treatment-process-icon {
    display: block;
  }
}

/** Round popup widget **/
.support-popup-widget-wrapper {
  position: relative;
  margin-right: 120px;
}

.support-popup-widget {
  position: relative;
  width: 446px;
  height: 380px;
  background: url(/content/dam/abbvie-sitegenerator-ous/vyalev/au/en/images/infographics/support-widget-centre.png);
  background-size: auto;
  background-position: center;
  float: right;
}

.support-popup-widget #support-icon-top-left {
  position: absolute;
  top: 0px;
  left: 10%;
}

.support-popup-widget #support-icon-top-right {
  position: absolute;
  top: 0px;
  right: 10%;
}

.support-popup-widget #support-icon-bottom-right {
  position: absolute;
  bottom: 25%;
  right: 0px;
}

.support-popup-widget #support-icon-bottom {
  position: absolute;
  bottom: 0px;
  left: 50%;
  margin-left: -61px;
}

.support-popup-widget #support-icon-bottom-left {
  position: absolute;
  bottom: 25%;
  left: 0px;
}




.popup .btn-close {
  color: #57ae6b;
  background-image: url(/content/dam/abbvie-sitegenerator-ous/vyalev/au/en/images/ui/modal-close-button-round.png);
  background-size: 36px auto;
  background-repeat: no-repeat;
  position: absolute;
  top: -15px;
  right: -25px;
  width: 36px;
  height: 36px;
}

.popup .btn-close:focus {
  outline: none;
}

.popup .btn-close:after {
  content: "";
}

.popup .modal-body {
  background-color: #fafafa;
  padding: 30px;
  padding-bottom: 0;
  padding-top: 20px;
}

#support-icon-top-left:before {
  content: "Prescribing specialist";
  color: #52b9e9;
  top: 20px;
  left: -145px;
  position: absolute;
  width: 130px;
  font-size: 18px;
  text-align: right;
  line-height: 20px;
}

#support-icon-top-right:before {
  content: "AbbVie Care nurse consultants";
  color: #0066f5;
  top: 20px;
  right: -158px;
  position: absolute;
  width: 144px;
  font-size: 18px;
  text-align: left;
  line-height: 20px;
}

#support-icon-bottom-right:before {
  content: "Allied health professionals";
  color: #f7943d;
  bottom: 130px;
  right: -102px;
  position: absolute;
  width: 130px;
  font-size: 18px;
  text-align: left;
  line-height: 20px;
}

#support-icon-bottom:before {
  content: "Your caregiver(s)";
  color: #23ae49;
  bottom: 30px;
  right: -146px;
  position: absolute;
  width: 130px;
  font-size: 18px;
  text-align: left;
  line-height: 20px;
}

#support-icon-bottom-left:before {
  content: "Parkinson\'s clinic nurse";
  color: #8a2ecc;
  bottom: 127px;
  left: -104px;
  position: absolute;
  width: 130px;
  font-size: 18px;
  text-align: right;
  line-height: 20px;
}


/** ----------- Media Queries ----------- **/

/* ----------- Mobile ----------- */

/* Mobile Portrait & Landscape */
@media screen 
  and (width: 360px) 
  and (height: 640px) {
    .container, 
    .container-sm, 
    .global-header--box, 
    .hero-banner--box:not(.hero-teaser), 
    .hero-banner-admonitions-content__inner, 
    .hero-banner__inner.overlay-content .hero-banner-content, 
    .hero-list.hero-list--center .hero-list__inner, 
    .layout-container--center, 
    .layout-container--content-center .layout-container-content, 
    .section-list--container .section-list__inner, 
    .tags__inner--container {
      max-width: none!important;
    }
}

/* Mobile Portrait */
@media screen 
  and (width: 360px) {
    .container, 
    .container-sm, 
    .global-header--box, 
    .hero-banner--box:not(.hero-teaser), 
    .hero-banner-admonitions-content__inner, 
    .hero-banner__inner.overlay-content .hero-banner-content, 
    .hero-list.hero-list--center .hero-list__inner, 
    .layout-container--center, 
    .layout-container--content-center .layout-container-content, 
    .section-list--container .section-list__inner, 
    .tags__inner--container {
      max-width: none!important;
    }

    h1, .h1 {
      color: #0066f5;
      font-size: 34px !important;
      font-weight: 600;
    }




}

/* Mobile Landscape */
@media screen 
  and (width: 360px) 
  and (height: 640px) {
    .container, 
    .container-sm, 
    .global-header--box, 
    .hero-banner--box:not(.hero-teaser), 
    .hero-banner-admonitions-content__inner, 
    .hero-banner__inner.overlay-content .hero-banner-content, 
    .hero-list.hero-list--center .hero-list__inner, 
    .layout-container--center, 
    .layout-container--content-center .layout-container-content, 
    .section-list--container .section-list__inner, 
    .tags__inner--container {
      max-width: none!important;
    }

    h1, .h1 {
      color: #0066f5;
      font-size: 34px !important;
      font-weight: 600;
    }

}




/* ----------- Tablet ----------- */

@media only screen 
  and (max-width: 1200px) {

    /* accordions */
    h2.cmp-accordion__header .cmp-accordion__title {
      color: #071d49 !important;
      font-size: 30px !important;
      font-weight: 500 !important;
      line-height: 37px;
      display: inline-block;
      max-width: 85%;
    }

    .col-md-6:has(.callout-box.bottom) {
      width: 100%;
      text-align: center;
      margin-top: 0px;
      padding-top: 0px;
    }

    .col-md-6:has(.callout-box.bottom) + .col-md-6 {
      display: none;
    }

    .callout-box.grey {
      padding-top: 0px;
      padding-bottom: 0px;
      margin-top: 0px;
      margin-bottom: 0px;
      width: 100%!important;
    }

    .callout-box.grey a {
      clear: both;
      width: 100%!important;
    }

    .callout-box.grey a img {
      width: 100%!important;
      max-width: 500px;
    }

    .callout-box.grey p {
      width: 100%;
      text-align: center;
      padding: 30px;
      padding-bottom: 0px;
      padding-top: 30.0px!important;
      margin-bottom: 0px;
    }

    .callout-box.bottom {
      padding: 0px!important;
      margin-top: 0px!important;
      margin-bottom: 0px!important;
    }

    /* Callout boxes and banners */
    .column-control-wrapper.mt-5:has(.home.banner-copy.abbvie-care-services) {
      background: none !important;
      border-radius: 0px;
      margin-left: 20px !important;
      margin-right: 20px !important;
    }

    .column-control-wrapper.mt-5:has(.home.banner-copy.welcome) {
      background: none !important;
      border-radius: 0px;
      margin-left: 20px !important;
      margin-right: 20px !important;
    }

    .home.banner-copy.welcome,
    .home.banner-copy.abbvie-care-services {
      width: 100%!important;
    }

    .home.banner-copy.abbvie-care-services h2 {
      font-size: 37px!important;
    }
    
    .home.banner-copy.abbvie-care-services {
      padding-top: 0px;
    }

    .home.banner-copy.welcome h1 {
      font-size: 54px!important;
      padding-top: 0px;
    } 

    .column-control-wrapper.mt-5:has(.home.banner-copy.welcome) > .bg-container {
      min-height: 0px;
    }

}



/* Desktop */
h1, h1 {
  width: 80%;
}

/* adjust H1 width */
@media (max-width: 1400px) {
  h1, h1 {
    width: 100%;
  }
}

/* adjust H1 font size */
@media (max-width: 680px) {
  h1, h1 {
    font-size: 35px!important;
  }
}

@media (max-width: 767px) {

  .customMarginTop:has(.image-container) {
    margin-top: 0px!important;
  }

  .pin-login {
    margin-top: 50px!important;
  }
}

/* adjust H1 font size */
@media (max-width: 570px) {
    h1, h1 {
      font-size: 30px!important;
    }

    h2, h2 {
      font-size: 24px!important;
    }

    .column-control-wrapper.mt-4.ms-5.me-5 {
      margin-left: 1rem!important;
      margin-right: 1rem!important;
    }

    .mobile-only {
      display: block;
    }

    .desktop-only {
      display: none;
    }

    .callout-box,
    .callout-box p {
      font-size: 21px!important;
    }

    .callout-box.grey p {
      padding: 0px !important;
    }

    .callout-box.grey {
      padding-bottom: 0px!important;
    }
    
    .callout-box {
      padding: 20px!important;
      margin-top: 0px!important;
      margin-bottom: 0px!important;
    }

    .footer__inner .col-9 {
      width: 100%!important;
    }

    .footer__inner .col-3 {
      width: 100%!important;
    }

    .global-footer .image-extension {
      max-width: unset!important;
    }

}


/* responsive carousel */

/* adjust H1 font size */
@media (max-width: 767px) {
  .carousel-item h4, .carousel-item .h4 {
    font-size: 19px!important;
    margin-right: 48px !important;
  }

  .carousel-item .mb-4 {
    margin-right: 2rem;
  }
}


/** Login Screen responsive variations **/

/* Lighten the background image so the logo is still visible */
@media (max-width: 1260px) {
  #layout-container-deab999dc4 {
      background-image: url(/content/dam/abbvie-sitegenerator-ous/vyalev/au/en/images/backgrounds/bg-login-beach-full-faded.jpg)!important;
  }
}





/* Tablet */
@media (max-width: 1024px) {
    .container, 
    .container-sm, 
    .global-header--box, 
    .hero-banner--box:not(.hero-teaser), 
    .hero-banner-admonitions-content__inner, 
    .hero-banner__inner.overlay-content .hero-banner-content, 
    .hero-list.hero-list--center .hero-list__inner, 
    .layout-container--center, 
    .layout-container--content-center .layout-container-content, 
    .section-list--container .section-list__inner, 
    .tags__inner--container {
      max-width: none!important;
    }

    h1, h1 {
      width: 100%;
    }

    /* page top heading 1 and decorative image section */
    .col-md-8:has(h1) {
      width: 100%!important;
    }

    .col-md-8:has(h1) + .col-md-4 {
      display: none!important;
    }

    /* decrease accordion header font size for mobile */
    h2.cmp-accordion__header .cmp-accordion__title {
      color: #071d49 !important;
      font-size: 16px !important;
      line-height: 26px;
    }

    .cmp-accordion__item {
      padding-bottom: 0px !important;
    }

    .cmp-accordion__button[aria-expanded=false] .cmp-accordion__icon:after {
      right: -25px;
      background-size: 26px auto;
  }

  .cmp-accordion__button[aria-expanded=true] .cmp-accordion__icon:after {
    right: -25px;
    background-size: 26px auto;
  }

}

/* Tablet Portrait */
@media only screen 
  and (min-width: 768px) 
  and (max-width: 1024px) {
    .container, 
    .container-sm, 
    .global-header--box, 
    .hero-banner--box:not(.hero-teaser), 
    .hero-banner-admonitions-content__inner, 
    .hero-banner__inner.overlay-content .hero-banner-content, 
    .hero-list.hero-list--center .hero-list__inner, 
    .layout-container--center, 
    .layout-container--content-center .layout-container-content, 
    .section-list--container .section-list__inner, 
    .tags__inner--container {
      max-width: none!important;
    }
}

/* Tablet Landscape */
@media only screen 
  and (min-width: 768px) 
  and (max-width: 1024px) {
    .container, 
    .container-sm, 
    .global-header--box, 
    .hero-banner--box:not(.hero-teaser), 
    .hero-banner-admonitions-content__inner, 
    .hero-banner__inner.overlay-content .hero-banner-content, 
    .hero-list.hero-list--center .hero-list__inner, 
    .layout-container--center, 
    .layout-container--content-center .layout-container-content, 
    .section-list--container .section-list__inner, 
    .tags__inner--container {
      max-width: none!important;
    }
}