@font-face {
  font-family: "Lato";
  src: url("/content/dam/intelligentcontent/unbranded/mycll/gb/en/css/fonts/Lato-Regular.ttf") format("truetype");
  font-style: normal;
  font-weight: 400;
}

@font-face {
  font-family: "Lato-Bold";
  src: url("/content/dam/intelligentcontent/unbranded/mycll/gb/en/css/fonts/Lato-Bold.ttf") format("truetype");
  font-style: normal;
  font-weight: 700;
}

@font-face {
  font-family: "Lato-Black";
  src: url("/content/dam/intelligentcontent/unbranded/mycll/gb/en/css/fonts/Lato-Black.ttf") format("truetype");
  font-style: normal;
  font-weight: 900;
}

:root {
  --tints-light-grey: #D2D2D2;
  --tints-graphite-100: #3C4242;
  
}

html{
    scroll-behavior: smooth;
}
.cmp-selfcertification {
    background: dimgray;
    z-index: 31998 !important;
}

* {
  margin: 0;
  padding: 0;
  font-family: "Lato", sans-serif;
  color: var(--tints-graphite-100);
}

body {
  padding-top: 0 !important;
}

.cmp-text {
  padding: 0 !important;
}



#fixed {
  max-width: 1440px;
  margin: 0 auto;
  padding: 34px 24px;
}
#gray-bg{
    background: #535554;
}

.menu-overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(24, 52, 54, 0.6);
  z-index: 999;
  display: none;
}

.menu-overlay.visible {
  display: block;
}

.menu.open {
  z-index: 1000;
 /* make sure it's above the overlay */
}

.no-scroll {
    overflow: hidden;
    height: 100%;
}

.my-cll-section-title{
    font-size: 32px;
    font-weight: 700;
line-height: 40px;
color: #246E6F;
}



/*SELF CERT*/
.cmp-selfcertification {
  background-color: #183436 !important;
  z-index: 31998 !important;
}

.cmp-selfcertification .modal-box {
  border-radius: 45px !important;
  padding: 35px 35px 86px !important;
}

.cmp-selfcertification .modal-box p, .exit-ramp-body {
  line-height: 22px;
}

.cmp-selfcertification__title h1, .exit-ramp-title {
  color: #246E6F;
  font-family: Lato;
  font-size: 35px;
  font-style: normal;
  font-weight: 900;
  line-height: normal;
  letter-spacing: 1.08px;
}

.exit-ramp-title{
    padding-bottom:15px;
    font-family: "Lato-Black";
}

/*.cmp-selfcertification__actions::after {*/
/*  content: "*This website has been produced and funded by AstraZeneca.";*/
/*  position: absolute;*/
/*  bottom: 35px;*/
/*  left: 35px;*/
/*  font-size: 14px;*/
/*}*/

.cmp-selfcertification__continue, .exit-ramp-continue {
  border-radius: 12px !important;
  background: #E9510E !important;
  border-color: #E9510E !important;
  color: #fff !important;
  font-weight: 900;
}

.cmp-selfcertification__continue.self-certify-yes-patient span {
  color: #fff;
}

.cmp-selfcertification__continue.self-certify-no, .close-exit-ramp {
  background: #BDE5DE !important;
  border-color: #BDE5DE !important;
  color: #246E6F !important;
}

.exit-ramp-modal .modal-box{
    margin:auto 10px;
}

.exit-ramp-body{
    margin-bottom:32px;
}

.exit-ramp-actions a, .close-exit-ramp{
    display:block;
    text-align:center;
    padding:16px 0;
}
.exit-ramp-continue{
    margin-bottom:10px;
}
.close-exit-ramp{
    font-weight:bold ;
    border-radius:12px;
}


 #cll-teaser .cmp-teaser__content{

    position:absolute;
    max-width:81.193vw;
    padding:9.16vw;
}

 #cll-teaser .cmp-teaser__content{
    max-width:100%;
    padding:9.16vw 9.16vw 0;
}

#my-cll-home #cll-teaser .cmp-teaser__title{
    font-size: 6.10vw;
    line-height:9.16vw;
    
}

 #cll-teaser .cmp-teaser__title{
    font-size: 5.08vw;
    line-height:6.615vw;
    margin-bottom:2.29vw;
}

 #cll-teaser .cmp-teaser__title p{
    color:#fff;
}
#my-cll-home #cll-teaser .cmp-teaser__description{
       
    font-size: 4.325vw;
    font-style: normal;
    font-weight: 400;
    line-height: 6.10vw;
    margin-bottom:5.597vw;
}
 #cll-teaser .cmp-teaser__description{
       
    font-size: 3.562vw;
    line-height: 4.58vw;
    margin-bottom:5.597vw;
}
 #cll-teaser .cmp-teaser__description p{
     color: rgba(255, 255, 255, 0.75);
}

#my-cll-home .teaser .cmp-teaser__action-link {
  padding: 8px 18px;
  border-radius: 22px;
  background: #E9510E;
  color: #fff;
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
display: inline-flex;
    align-items: center;
    gap: 8px;
}

#my-cll #home, #understanding-cll #understanding, #about-cll #about, #managing-cll #managing, #cll-resources #resources {
  color: #fff;
  font-weight: 700;
  text-decoration: none;
}

#my-cll-home .cmp-teaser .cmp-teaser__actionicon{
    transform: rotate(90deg);
}
#my-cll-home .cmp-teaser .cmp-teaser__actionicon img{

    width:38px;
}


#my-cll-home {
  max-width: 1440px;
  margin: 0 auto;
  padding: 36px 24px 34px;
}

.top-banner {
  background-color: var(--tints-light-grey);
  padding: 24px;
}

.top-banner p {
  text-align: center;
  font-family: Lato;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  letter-spacing: 0.28px;
}

.top-banner a{
    text-decoration:underline;
}

#custom-header {
  padding: 30px 24px 16px;
  max-width: 1440px;
  margin: 0 auto;
}

.my-cll-header ul{
    margin-top: 24px !important;
}

.my-cll-header, .my-cll-header .menu__container {
  padding: 28px 24px 14px;
  max-width: 1440px;
  margin: 0 auto;
}

.my-cll-header .menu__container {
  padding-bottom: 54px;
}

.my-cll-header  button {
  background-color: transparent;
}

.my-cll-header, .my-cll-header .menu__container .menu__header {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.my-cll-header .hamburger {
  height: 30px;
  width: 40px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  cursor: pointer;
}

.my-cll-header .close-menu {
  cursor: pointer;
}

.my-cll-header .hamburger span {
  height: 5px;
  display: block;
  background-color: #e9510e;
  border-radius: 3px;
}

.my-cll-header .menu {
  display: none;
}

.my-cll-header .menu .menu__container ul {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 40px;
}

.my-cll-header .menu .menu__container ul a {
  color: #D2D2D2;
  font-size: 26px;
  cursor: pointer;
}

.my-cll-header .menu.open {
  display: block;
  position: absolute;
  background-color: #183436;
  left: 0;
  top: 0;
  width: 100%;
}

.my-cll-header .menu .menu__footer {
  display: none;
}

.my-cll-header .menu .menu__footer .menu__links a {
  color: #fff;
  text-decoration: underline;
  padding: 6px 14px;
  border-right: 2px solid #fff;
  font-size: 16px;
  cursor: pointer;
}

.my-cll-header .menu .menu__footer .menu__links button:last-child a {
  border: none;
}

.custom__footer {
  background: #535554;
}

#my-cll-custom-footer .custom__footer {
  max-width: 1440px;
  margin: 0 auto;
  padding: 24px;
  font-size: 16px;
}

#my-cll-custom-footer .custom__footer .footer-middle{
    margin:20px 0;
}

#my-cll-custom-footer .custom__footer p{
     font-size: 16px;
     color:#fff;
}

#my-cll-custom-footer .custom__footer img:last-child {
  margin-left: -16px;
}

#my-cll-custom-footer .custom__footer .footer__links a {
  color: #fff;
  display: block;
  font-size: 16px;
  margin-top: 16px;
}

#my-cll-custom-footer p {
  font-size: 14px;
}

.my-cll-bottom-text {
  line-height: 19px;
}

.my-cll-bottom-text__side-effects {
  border: 1px solid #3C4242;
  padding: 18px 11px;
  margin: 34px auto;
}

.my-cll-bottom-text__side-effects a {
  color: #E9510E;
  text-decoration: underline;
  word-break: break-word;
  
}

#cll-home-section-1 .cmp-title {
  text-align: center;
  margin-bottom: 32px;
}

#cll-home-section-1 .cmp-title h2 span {
  font-size: 22px;
  color: #1B1B1B !important;
  font-family: "Lato-Black";
}

#cll-home-section-1 .cmp-masterlist__item {
  max-width: 419px;
  background: #246E6F;
  text-align: center;
  margin: 28px auto 0;
  border-radius: 65px;
}

#cll-home-section-1 .cmp-masterlist__item-image {
  background-size: contain;
    
  transition: all 0.2s ease;
}

#cll-home-section-1 .cmp-masterlist__item-cta-link {
  display: flex;
  flex-direction: column;
  padding: 18px 18px 46px;
  position: relative;
}

#cll-home-section-1 .cmp-masterlist__item-cta-link .cmp-masterlist__item-title {
  order: 1;
  font-size: 25px;
}

#cll-home-section-1 .cmp-masterlist__item-cta-link .cmp-masterlist__item-title b {
  color: #fff;
  text-transform: uppercase;
}

#cll-home-section-1 .cmp-masterlist__item-cta-link:hover {
  text-decoration: underline #fff;
}

#cll-home-section-2 .cmp-masterlist__item {
  border-radius: 65px;
  background: rgba(220, 220, 220, 0.40);
  margin: 70px auto 0;
}

#cll-home-section-2 .cmp-masterlist__item .cmp-masterlist__item-cta-link {
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: auto;
  grid-column-gap: 0px;
  grid-row-gap: 16px;
  padding: 20px 18px 36px;
}

#cll-home-section-2 .cmp-masterlist__item-cta-link:hover {
  text-decoration: underline #246E6F;
}

#cll-home-section-2 .cmp-masterlist__item-image {
  grid-area: 1 / 1 / 2 / 2;
  background-size: contain;
}

#cll-home-section-2 .cmp-masterlist__item-title {
  grid-area: 2 / 1 / 3 / 2;
  font-size: 32px;
  text-transform: uppercase;
}

#cll-home-section-2 .cmp-masterlist__item-title b {
  color: #246E6F;
  font-family: "Lato-Black" !important;
}

#cll-home-section-2 .cmp-masterlist__item-content {
  grid-area: 3 / 1 / 4 / 2;
  padding: 0;
}

#cll-home-section-2 .cmp-masterlist__item-description p {
  color: #003738;
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 26px;
}

.jbn{
    margin-top:34px;
    font-weight:400 !important;
}



/*IN PAGE NAVIGATION*/

#my-cll-page-nav-hidden.fixed {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  background: white; /* optional */
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1); /* optional */
  padding: 24px 24px;
  height:auto;
    visibility:visible;
    opacity:1;
    max-width:1440px;
    margin:0 auto;
}

#nav-placeholde{
    height:1px;
    color:#fff;
}


#my-cll-page-nav{
    padding:84px 0 68px;
}

#my-cll-page-nav .cmp-button, #my-cll-page-nav-hidden .cmp-button{
        font-size: 20px;
    font-style: normal;
    font-weight: 700;
    line-height: 30px;
    position:relative;
}

#my-cll-page-nav .cmp-button:after, #my-cll-page-nav-hidden .cmp-button:after{
    content:"";
    position:absolute;
    bottom:0;
    right:-30px;
    background-image:url("/content/dam/intelligentcontent/unbranded/mycll/gb/en/images/arrow-orange.png");
    height:30px;
    width:30px;
}

#my-cll-page-nav-hidden{
    height:0px;
    visibility:hidden;
    opacity:0;
}

#cll-home-section-1 .cmp-title{
    margin-top:60px;
}

#understanding-cll h2, #managing h2{
    margin-bottom:38px;
}

#managing h3{
    margin-top:40px;
    margin-bottom:40px;
}

#managing h3 .my-cll-section-title{
    
    font-size:24px;
    line-height:26px;
}

#understanding-cll #overview p, #what p, #what li, #starting p, #abbreviations p, #abbreviations li, #how-to-take p, #stop-using li, #living p,
#looking-after p, .cmp-accordion__item p{
    line-height:18px;
}

#managing li{
    line-height: 28px;
}

ol li{
    word-wrap: break-word;
}

#symptoms, #downloadable {
  background-color: #EDF0F1;
}
#symptoms .azcl-columns__base > div{
    border-radius: 65px;
background: #246E6F;
padding:19px 25px;
text-align: center;
text-transform: uppercase;
}

#symptoms .azcl-columns__base > div .cmp-container{
    border-radius: 50px;
border: 1px solid rgba(171, 171, 171, 0.50);
padding:30px 24px 25px;
display:flex;
flex-direction:column;
align-items: center;
height:267px;
    justify-content: space-between;
}

#symptoms .azcl-columns__base > div .cmp-container p{
    font-size: 18px;
font-style: normal;
font-weight: 800;
line-height: 26px; /* 144.444% */
text-transform: uppercase;
color:#fff;
}
#symptoms .azcl-columns__base > div .cmp-container p sup{
    color:#fff;
}

#symptoms #row-1{
    margin-bottom:40px;
}
 ul{
    list-style: disc;
    list-style-position: inside;
}
#what .azcl-column-par2 p, #about-cll #overview .azcl-column-par2 p{
    text-align:center;
}
#starting, #about-cll #how-to-take{
background:#DEF2EF
}
#starting #starting-img-large{
    margin:40px auto 56px;
    max-width:1036px;
} 

#abbreviations .my-cll-section-title{
    font-size: 20px;
font-style: normal;
font-weight: 700;
line-height: 26px;
}

#abbreviations #abbr-top{
    margin-bottom: 24px;
}
#abbreviations ol{
    list-style: decimal;
    list-style-position: inside;
}

#pills{
    margin-top:38px;
}

#pills > div {
    border-radius: 65px;
background: #246E6F;
}
#pills > div .cmp-container{
        display: flex;
    align-items: center;
    gap: 32px;
    padding: 21px;
    flex-direction: column;
    height:100%;
}

#pills p{
    color:#fff;
    text-align:center;
}

#banner-icon{
    border-radius: 30px;
background: #246E6F;
padding:32px;
    display: flex;
    flex-direction: column;
    align-items: center;
}
#banner-icon p, #banner-icon li{
    font-size:clamp(18px, 1.666vw, 24px);
    color:#fff;
    line-height:clamp(22px, 2.29vw, 33px);
}

sup, b{
    color:inherit;
}

sup{
    font-size: x-small;
}

#stop-using a, #looking-after a{
    text-decoration:underline;
    color: #E9510E;
}

.exit-ramp-modal .modal-box{
    border-radius: 45px;
}

#error-container{
        background-image: url(/content/dam/intelligentcontent/unbranded/mycll/gb/en/images/errors/404-bg.png);
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    border-radius:clamp(20px, 6.25vw, 90px);
    text-align:center;
    padding: clamp(20px, 5.55vw, 80px) 0;
}

#error-container p{
    color:#fff;
}

.error-code{
        font-size: clamp(104px, 12.22vw, 176px);
        color: #FFF;
text-align: center;
-webkit-text-stroke-width: clamp(2px, 0.4166vw, 5px);
-webkit-text-stroke-color: #79C9BC;
font-family: Lato;
font-style: normal;
font-weight: 900;

letter-spacing: clamp(1.1vw,1.1vw, 15.84px);
font-family: "Lato-Black";
margin-bottom:clamp(12px,2.36vw,20px);
}

.error-text{
    font-size:clamp(18px, 1.9444vw, 28px);
}
#error .button{
    text-align:center;
}

#error-back-home-btn{
    width:322px;
    margin:clamp(32px, 2.77vw, 40px) auto 0;
    padding:clamp(12px,1.52vw ,22px) 0;
    border-radius: 20px;
background: #E9510E;
display:block;

}

#error-back-home-btn span{
    font-family: "Lato-Black";
color:#fff;
font-size:clamp(16px, 1.944vw, 28px);
}

#managing #living{
  background: rgba(175, 180, 186, 0.23);
}
#managing #living #row{
    margin-bottom:20px;
}
#managing #living #row > div{
    border-radius: 65px;
background: #246E6F;
text-align:center;
padding:21px 21px 19px;
}

#nested-row{
        display: flex;
    flex-direction: column;
    align-items: center;
} 

#nested-row .azcl-column-par1{
    border-radius: 47px;
border: 1px solid rgba(171, 171, 171, 0.50);
background: #BDE5DE;
padding:24px 19px;
width:100%;
}

#nested-row .azcl-column-par1 img{
max-width:100px;
margin:0 auto;
    max-height: 89px;
    object-fit:contain;
}

#nested-row .image{
    margin-bottom:17px;
}
#nested-row .azcl-column-par1 p{
    color: #246E6F;
text-align: center;
font-size: 18px;
font-style: normal;
font-weight: 800;
line-height: 20px; /* 144.444% */
text-transform: uppercase;
}

#nested-row .azcl-column-par2{
    padding:0 20px;
}

#nested-row .azcl-column-par2 li{
    color:#F8F8F8;
    text-align:left;
}

#managing-cll #banner-icon{
    margin-bottom:40px;
}

#looking-after #fixed{
    padding-bottom:0;
}

#abbr-top h3{
    margin-top:0;
    margin-bottom:0;
}

#videos{
    margin-top:40px;
}

#videos .image{
    position:relative;
}

#videos .image::after{
    content:"";
    width:72px;
    height:72px;
    background-image:url(/content/dam/intelligentcontent/unbranded/mycll/gb/en/images/resources/play-icon.png);
    background-position:center;
    background-size:cover;
    background-repeat: no-repeat;
    position:absolute;
    z-index:10;
    top:50%;
    left:50%;
}

#managing-cll #my-cll-page-nav, #about-cll #my-cll-page-nav, #cll-resources #my-cll-page-nav{
    padding-bottom:0;
}

#cll-resources #overview .masterContentList{
    margin-top:40px;
}

#cll-resources .cmp-masterlist__item-cta-link{
    display:flex;
    flex-direction:column;
}

#cll-resources #overview .cmp-masterlist__item-title{
    order: 2;
}



#cll-resources #overview .cmp-masterlist__item{
    border-radius: 65px;
background: #246E6F;
padding:15px 15px 52px;
max-width:415px;
margin: 0 auto 32px;
}

#cll-resources #overview .cmp-masterlist__item .cmp-masterlist__item-content{
    display:none;
}

#cll-resources #overview .cmp-masterlist__item-image{
    border-radius: 53px;
    background-size: contain;
    position:relative;
    height:277px;
    margin-bottom:24px;
}

#cll-resources #overview .cmp-masterlist__item-image::after{
    content:"";
    width:72px;
    height:72px;
    background-image:url(/content/dam/intelligentcontent/unbranded/mycll/gb/en/images/resources/play-icon.png);
    position:absolute;
    z-index:10;
    top:50%;
    left:50%;
    transform:translate(-50%,-50%);
     background-repeat:no-repeat;
    background-size:cover;
    transition: all 0.2s ease-in;
    
}

#cll-resources  .cmp-masterlist__item-title p{
    font-size: 25px;
    color:#fff;
    text-transform: uppercase;
     font-family: "Lato-Bold";
}

#cll-resources  .cmp-masterlist__item-cta-link:hover{
    cursor:pointer;
    text-decoration:none;
} 

#cll-resources #overview .cmp-masterlist__item-cta-link:hover .cmp-masterlist__item-image::after{
    height:82px;
    width:82px;
}

#cll-resources #downloadable .cmp-masterlist__item-cta-link:hover{
    background-color:#d7d7d7;
}

#cll-resources #downloadable .cmp-masterlist__items{
    margin-top:40px;
}

#cll-resources #downloadable .cmp-masterlist__item{
    max-width:419px;
    margin:0 auto 32px;
    background-color:#246E6F;
    padding:16px 16px 60px;
    border-radius: 65px;
        display: flex;
    flex-direction: column;
    justify-content: center;
    text-align: center;
}

#cll-resources #downloadable .cmp-masterlist__item .cmp-masterlist__item-image{
border-radius: 49px;
background: #BDE5DE;
background-repeat: no-repeat;
background-position:center;
height:256px;
order:-1;
margin-bottom:34px;
    
}

#cll-resources #downloadable .cmp-masterlist__item-cta-link{
    
    background-color:#BDE5DE;
    max-width:245px;
    margin:24px auto 0;
    border-radius:20px;
    padding:13px 2px;
}

#cll-resources #downloadable .cmp-masterlist__item-cta-link span{
    font-size: 24px;
    font-family: "Lato-Black";
    color:#246E6F;
    text-transform:uppercase;
}

#cll-resources .accordion{
    margin-top:46px;
}

#cll-resources .accordion .cmp-accordion__item{
    margin-bottom:46px;
}
#cll-resources .accordion .cmp-accordion__button, #cll-resources .accordion .cmp-accordion__panel{
    padding-left:0;
}

#cll-resources .accordion .my-cll-section-title{
    font-size: 24px;
font-style: normal;
font-weight: 700;
line-height: 26px;
}

#cll-resources .accordion .cmp-accordion__icon::before{
    content:"";
    width:20px;
    height:20px;
    background-image:url(/content/dam/intelligentcontent/unbranded/mycll/gb/en/images/resources/accordion-icon.svg);
    display:inline-block;
    background-size: cover;
    transition: all 0.4s ease;
}
#cll-resources .accordion .cmp-accordion__button--expanded .cmp-accordion__icon::before{
    transform: rotate(180deg);
    
}

#cll-resources #abbreviations #fixed{
    padding-top:0;
}

#cll-resources .cmp-accordion__panel li{
    margin-bottom:8px;
    line-height:18px;
}



@media (min-width:475px) {
  #cll-home-section-1 .cmp-masterlist__item-image {
    margin: 0 auto;
    width: 380px;
    height: 252px;
  }

  #cll-home-section-1 .cmp-masterlist__item-image::after {
    content: '';
    width: 54px;
    height: 54px;
    bottom: 88px;
    right: 38px;
    background: #E9510E;
    position: absolute;
    border-radius: 50%;
    background-image: url("/content/dam/intelligentcontent/unbranded/mycll/gb/en/images/home/arrow-up-thick.svg");
    
  }

  #cll-home-section-1 .cmp-masterlist__item-content {
    padding: 17px;
  }

  #cll-home-section-2 .cmp-masterlist__item-image {
    width: 380px;
    height: 252px;
  }

  #cll-home-section-2 .cmp-masterlist__item-image {
    position: relative;
  }

  #cll-home-section-2 .cmp-masterlist__item-image::after {
    content: '';
    width: 54px;
    height: 54px;
    bottom: 16px;
    right: -27px;
    background: #E9510E;
    position: absolute;
    border-radius: 50%;
    background-image: url("/content/dam/intelligentcontent/unbranded/mycll/gb/en/images/home/arrow-up-thick.svg");
   
  }
}

@media (min-width:600px){
    #symptoms .azcl-columns__base {
        
 grid-template-columns: 1fr;
  gap: 16px;
  max-width: 396px;
  margin: 0 auto;

    }
}

@media (min-width:768px) {
  #cll-home-section-2 .cmp-masterlist__item .cmp-masterlist__item-cta-link {
    display: grid;
    grid-template-columns: 384px auto;
    grid-template-rows: auto;
    grid-column-gap: 27px;
    grid-row-gap: 16px;
    padding: 20px 19px 22px;
    align-items: center;
  }

  #cll-home-section-2 .cmp-masterlist__item-image {
    grid-area: 1 / 1 / 3 / 2;
  }

  #cll-home-section-2 .cmp-masterlist__item-title {
    grid-area: 1 / 2 / 2 / 3;
  }

  #cll-home-section-2 .cmp-masterlist__item-content {
    grid-area: 2 / 2 / 3 / 3;
  }

  #cll-teaser .cmp-teaser__image{
      width:100%;
      padding:0;
  }
  #my-cll-home #cll-teaser .cmp-teaser__content{
      padding:  5.85vw 4.71vw 0;
      margin-bottom:1.388vw;
      
  }
   #cll-teaser .cmp-teaser__content{
      padding:5.138vw 4.7916vw 0;
      width:53.76vw;
  }
#my-cll-home #cll-teaser .cmp-teaser__title{
    font-size:clamp(3.4722vw,3.4722vw,50px);
    margin-bottom:0;
}
 #cll-teaser .cmp-teaser__title{
    font-size: clamp(22px,2.777vw,40px);
    line-height:3.611vw;
    margin-bottom:1.388vw;
}
#my-cll-home #cll-teaser .cmp-teaser__description{
    font-size:clamp(1.944vw,1.944vw,28px);
    line-height:clamp(2.5vw, 2.5vw, 36px);
    margin-bottom:clamp(5.06vw, 5.06vw,73px );
}

 #cll-teaser .cmp-teaser__description{
    font-size:clamp(18px,1.527vw,22px);
    line-height:clamp(23px, 1.944vw, 28px);
}
#my-cll-home .teaser .cmp-teaser__action-link{
    font-size: 24px;
}
#my-cll-home .cmp-teaser .cmp-teaser__actionicon img{
    width:52px;
}
#overview p, #what p, #what li, #starting p, #how-to-take p, #stop-using li, #stop-using p, #managing li, #living p, #looking-after p,
#understanding-cll #overview p, .cmp-accordion__item p, #cll-resources .cmp-accordion__panel li {
    font-size: 18px;
font-style: normal;
font-weight: 400;
line-height: 26px;
}

#nested-row li{
    font-size:16px;
}

#pills p{
    line-height:29px;
}

#abbreviations p{
    font-size: 16px;
font-style: normal;
font-weight: 700;
line-height: 26px;
}
#abbreviations li, .my-cll-bottom-text__side-effects p, #my-cll-custom-footer p {
    font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 26px;
}

#pills > div .cmp-container{
        display:grid;
        grid-template-columns: 10.2vw auto;
}

#pills p{
    text-align:left;
}
#banner-icon{
    flex-direction: row;
    padding:34px 68px 40px 32px;
    gap:40px;
}

#banner-icon .image{
    width: 107px;
}

/*#managing li{*/
/*    font-size:16px;*/
/*}*/
    
}

@media (min-width:926px){
    #cll-resources .cmp-masterlist__items{
            display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    gap:33px
    }
    #cll-resources #overview .cmp-masterlist__item{
        width:415px;
        max-width:100%;
        margin:0;
    }
    #cll-resources #downloadable .cmp-masterlist__item{
        width:419px;
        max-width:100%;
        margin:0;
    }
}

@media (min-width:960px){
    #symptoms .azcl-columns__base {
        
 grid-template-columns: 1fr;
  gap: 20px;
grid-template-columns: repeat(var(--col-count), 1fr);
max-width:100%;
    }
}

@media (min-width:1024px) {
    
  #fixed {
    padding: 34px 64px;
  }
  
  #my-cll-home{
      padding: 34px 64px 0;
  }
  
  .my-cll-header ul{
    margin-top: 0 !important;
}

  .cmp-selfcertification .modal-box {
    width: 1082px !important;
  }

  .cmp-selfcertification__actions {
    flex-direction: row !important;
    flex-wrap: nowrap !important;
    gap: 14px !important;
  }

  .cmp-selfcertification__title h1 {
    font-size: 54px !important;
    margin-bottom: 36px !important;
  }

  .cmp-selfcertification .modal-box p {
    font-size: 24px;
    line-height: 32px;
  }

  .cmp-selfcertification__continue {
    font-size: 28px;
    height: 80px !important;
    padding: 22px;
  }

  .cmp-selfcertification__actions {
    margin-top: 40px;
  }

  .cmp-selfcertification__actions::after {
    font-size: 16px;
  }

  .my-cll-header, .my-cll-header .menu .menu__container {
    padding: 28px 64px 14px;
  }

  .my-cll-header .menu .menu__footer {
    display: block;
    display: flex;
    align-items: center;
    justify-content: space-between;
  }

  .my-cll-header .menu .menu__container {
    height: calc(100vh - 83px);
    display: flex;
    flex-direction: column;
    justify-content: space-between;
  }

  .my-cll-header .menu .menu__container ul a {
    font-size: 40px;
  }

  #my-cll-custom-footer .custom__footer {
    padding: 24px 64px;
  }

  #my-cll-custom-footer .custom__footer, #my-cll-custom-footer .footer__links {
    display: flex;
    justify-content: space-between;
    align-items: center;
  }

  #my-cll-custom-footer .custom__footer .footer__links a {
    text-decoration: underline;
    padding: 6px 14px;
    border-right: 2px solid #fff;
    font-size: 16px;
    cursor: pointer;
    margin-top: 0;
  }

  #my-cll-custom-footer .custom__footer .footer__links a:last-child {
    border: none;
  }
  
  #my-cll-custom-footer .custom__footer .footer-middle p{
      text-align:center;
      margin-bottom:12px;
  }



  .my-cll-bottom-text__side-effects {
    padding: 18px 24px;
  }

  #my-cll-custom-footer p {
    font-size: 16px;
  }

  #cll-home-section-1 .cmp-title h2 span {
    font-size: 38px;
  }

  #cll-home-section-2 .cmp-masterlist__item .cmp-masterlist__item-cta-link {
    display: grid;
    grid-column-gap: 100px;
    grid-row-gap: 0px;
  }

  #cll-home-section-2 .cmp-masterlist__item-image {
    width: 384px;
    height: 252px;
  }

  #cll-home-section-2 .cmp-masterlist__item-content {
    margin-top: -50px;
  }
   #cll-teaser .cmp-teaser__content{
      width:55.76vw;
  }
  #my-cll-page-nav,#my-cll-page-nav-hidden {
          display: flex;
    gap: 80px;
  } 
  
  #my-cll-page-nav .cmp-button{
      font-size:clamp(16px,1.3888vw, 20px);
  }
  #symptoms{
      padding:20px 0 7px;
  }
  #what{
      padding-top:24px;
  }
  #starting{
      padding:24px 0 3px;
  }
  #abbreviations #fixed{
      padding-top:60px;
      padding-bottom:0;
  }
  #how-to-take{
      padding-top:20px;
      padding-bottom:40px;
  }
  #what-to-do{
      padding-top:26px;
      padding-bottom:0;
  }
    #what-to-do #fixed{
        padding-bottom:0;
    }
  
  #stop-using{
      padding-top:60px;
  }
  .exit-ramp-actions{
      display:grid;
      grid-template-columns: 1fr 1fr;
      gap:14px;
      font-size:28px;
  }
  .exit-ramp-continue{
      margin-bottom:0;
  }
  .exit-ramp-title{
      font-size: 54px;
  }
  .exit-ramp-body{
          font-size: 24px;
    line-height: 30px;
  }
  
  #living{
      padding:36px 0 28px;
  }
  
  #looking-after{
      padding:26px 0 0 ;
  }
 
#cll-resources #downloadable {
    padding-bottom: 76px;
}
}

@media (min-width:1440px) {
  

  #cll-home-section-1 .cmp-masterlist__items {
    text-align: center;
    display: grid;
    justify-content: space-between;
    width: 100%;
    grid-template-columns: 33% 33% 33%;
  }

  #cll-home-section-2 .cmp-masterlist__item .cmp-masterlist__item-cta-link {
    padding: 20px 119px 22px 19px;
  }

  #cll-home-section-2 .cmp-masterlist__item-content {
    margin-top: -100px;
  }
 
  #my-cll-home #cll-teaser .cmp-teaser__content{
      padding: 129px 0 0 69px;
  }
  #cll-teaser .cmp-teaser__content{
      padding: 74px 0 0 69px;
  }
  #my-cll-home #cll-teaser .cmp-teaser__title{
      margin-bottom:20px;
  }
   #cll-teaser .cmp-teaser__title{
      margin-bottom:20px;
  }
  #my-cll-home #cll-teaser .cmp-teaser__title p{
      font-size: 50px;
font-style: normal;
font-weight: 900;
line-height: 150%;
  
}
  #cll-teaser .cmp-teaser__title p{
      font-size: 40px;
font-style: normal;
font-weight: 900;
line-height: 130%;
  
}
   #my-cll-home  #cll-teaser .cmp-teaser__content{
        max-width: 609px;
    }

     #cll-teaser .cmp-teaser__content{
        max-width: 649px;
    }
   #my-cll-home  #cll-teaser .cmp-teaser__description{
        font-size:28px;
        line-height:130%;
        margin-bottom:73px;
    }
      #cll-teaser .cmp-teaser__description{
        font-size: 22px;
font-style: normal;
font-weight: 400;
line-height: 130%;
    }
    #understanding-cll #overview .azcl-column-par1{
        padding-right: 60px;
    }
    #symptoms .azcl-columns__base{
            grid-template-columns: repeat(3, 396px);
    justify-content: space-between;
    }
    #what .azcl-column-par1{
            padding-right: 20px;
    }
    
    #my-cll-page-nav-hidden.fixed {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  background: white; /* optional */
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1); /* optional */
  padding: 24px 64px;
  height:auto;
    visibility:visible;
    opacity:1;
    max-width:1440px;
    margin:0 auto;
}

#pills > div .cmp-container{
        grid-template-columns: 147px auto;
}

#banner-icon{
    padding-right:202px;
}

.exit-ramp-modal .modal-box{
    max-width:1082px;
    padding:48px 36px 62px;
}
 #living #nested-row{
          display: grid;
    grid-template-columns: 206px auto;
  }
 

}


#my-cll-page-nav-hidden {
  position: relative;
  top: 0;
  z-index: 1000;
  /*transition: all 0.3s ease;*/
}


.cmp-button.active .cmp-button__text{
        color: #E9510E;
    text-decoration: underline;
}