:root{
  --calquence-white : #FFFFFF;
  --calquence-orange : #DC4405;
  --calquence-dark-gray: #1C1C1C;
  --calquence-blue : #337079;
}


/* Fonts */

@font-face {
    font-family: 'Inter-Light';
    font-style: normal;
    font-weight: 300;
    font-display: swap;
    src: url('/content/dam/intelligentcontent/brands/calquence/ca/en/fonts/Inter-Light.ttf') format('ttf');
        
}
@font-face {
    font-family: 'Inter-Regular';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url('/content/dam/intelligentcontent/brands/calquence/ca/en/fonts/Inter-Regular.ttf') format('ttf');
}
@font-face {
    font-family: 'Inter-Medium';
    font-style: normal;
    font-weight: 500;
    font-display: swap;
    src: url('/content/dam/intelligentcontent/brands/calquence/ca/en/fonts/Inter-Medium.ttf') format('ttf');
}
@font-face {
    font-family: 'Inter-Bold';
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: url('/content/dam/intelligentcontent/brands/calquence/ca/en/fonts/Inter-Bold.ttf') format('ttf');
}
@font-face {
    font-family: 'Inter-XBold';
    font-style: normal;
    font-weight: 800;
    font-display: swap;
    src: url('/content/dam/intelligentcontent/brands/calquence/ca/en/fonts/Inter-XBold.woff2') format('woff2');
}
@font-face {
    font-family: 'Lexia-ExtraBold';
    font-style: normal;
    font-weight: 800;
    font-display: swap;
    src: url('/content/dam/intelligentcontent/brands/calquence/ca/en/fonts/Lexia-ExtraBold.ttf') format('ttf');
}


@font-face {
    font-family: 'Lexia-Light';
    font-style: normal;
    font-weight: 300;
    font-display: swap;
    src: url('/content/dam/intelligentcontent/brands/calquence/ca/en/fonts/Lexia-Light.woff') format('woff');
}
@font-face {
    font-family: 'Lexia-Regular';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url('/content/dam/intelligentcontent/brands/calquence/ca/en/fonts/Lexia-Regular.woff') format('woff');
}
@font-face {
    font-family: 'Lexia-Medium';
    font-style: normal;
    font-weight: 500;
    font-display: swap;
    src: url('/content/dam/intelligentcontent/brands/calquence/ca/en/fonts/Lexia-Medium.woff2') format('woff2');
}
@font-face {
    font-family: 'Lexia-Semibold';
    font-style: normal;
    font-weight: 600;
    font-display: swap;
    src: url('/content/dam/intelligentcontent/brands/calquence/ca/en/fonts/Lexia-Semibold.woff2') format('woff2');
}
@font-face {
    font-family: 'Lexia-Bold';
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: url('/content/dam/intelligentcontent/brands/calquence/ca/en/fonts/Lexia-Bold.woff') format('woff');
}
@font-face {
    font-family: 'Lexia-Xbold-Italic';
    font-style: normal;
    font-weight: 800;
    font-display: swap;
    src: url('/content/dam/intelligentcontent/brands/calquence/ca/en/fonts/Lexia-Xbold-Italic.woff2') format('woff2');
}

html {
  -webkit-text-size-adjust: 100%;
  -moz-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  scroll-behavior: smooth;
}

.cmp-text {padding: 0;}
.copy-text{font-size:18px; line-height:26px; font-family:'Inter-Regular'; color:var(--calquence-dark-gray);}
.mb-32{margin-bottom:32px;}
.mb-24{margin-bottom:24px;}
.mt-32{margin-top:32px;}
.mb-60{margin-bottom:60px;}
#calquence-main .mb-0{margin-bottom:0;}
#calquence-main .mtb-32{margin-bottom:32px;margin-top:32px}
#calquence-main .mt-100 {margin-top: 100px;}
#calquence-main .mt-12 {margin-top: 12px;}
#calquence-main .mb-12 {margin-bottom: 12px;}
#calquence-main .pt12 {padding-top: 12px;}
#calquence-main .pt20 {padding-top: 20px;}
#calquence-main .pt24 {padding-top: 24px;}
#calquence-main .pb20 {padding-bottom: 20px;}
#calquence-main .pb24 {padding-bottom: 24px;}
#calquence-main .pt30 {padding-top: 30px;}
#calquence-main .pt32 {padding-top: 32px;}
#calquence-main a:hover {text-decoration: none;}
#calquence-main .cmp-text { padding: 1px 0;}
.text-nowrap{ white-space: nowrap;}
.text-underline{text-decoration:underline;}
#calquence-main .copy-text a {color: var(--calquence-dark-gray);}
#calquence-main p.copy-text sup {line-height: normal;}
#calquence-main a:focus,#calquence-main .cpm-button:focus,#landing-header ul.language-header li a:focus,#footer-container ul.footer-list li a:focus{outline: 2px solid #000 !important;}


/*Header styles*/
#header-container .logo-section {padding: 12px 60px;}
#header-container .ic-header ul.cmp-navigation__group {max-width: 1364px;margin: auto;}
#header-container span.cmp-navigation__item-text {font-size: 18px;line-height: 26px;font-family: 'Lexia-Light';color: var(--calquence-dark-gray);}
#header-container .ic-header li.cmp-navigation__item.cmp-navigation__item--level-0 {padding: 10px;}
#header-container .ic-header li.cmp-navigation__item.cmp-navigation__item--level-0.cmp-navigation__item--active a {border-bottom: 3px solid #F0AB00;padding-bottom: 5px;color: transparent;}
#header-container a.cmp-navigation__item-link:hover {border-bottom: 3px solid #F0AB00;text-decoration: none;padding-bottom: 3px;}
#header-container .cmp-text,#lang-text {padding: 0;}



/*Footer styles*/
#footer {background: #1C1C1C;}
#footer-container .image {max-width: 164px;}
#footer .footer-text {font-family: 'Inter-Regular';font-size: 18px;line-height: 26px;color: var(--calquence-white);}
#footer-container {max-width: 1441px;margin: auto;}
#footer .global-footer {max-width: 1408px;margin: 44px auto;text-align: left;}
#footer-container ul.footer-list li a {color: var(--calquence-white);text-decoration: underline;font-size: 18px;font-family: 'Lexia';line-height: 26px;font-weight: 400;min-width: 85px;}
#footer .global-footer {max-width: 1408px;margin: 44px 0;text-align: left;}
#footer .footer-col {justify-content: space-between;align-items: center;}
#footer ul.footer-list {max-width: 497px;list-style-type: none;justify-content: space-between;gap: 24px;}
#footer .global-footer .footer-col-2 {display: block;margin: 24px 0px;}
#footer #footer-content {padding: 20px 0 50px;}
#footer .global-footer .logo-section, #footer .logo-section {width: 199px;display: flex;align-items: baseline;justify-content: space-between;}
#footer .footer-text sup {position: relative;top: 3px;}
/*Footer styles ends*/

#back-to-top {display: block; margin: 0 0 60px auto;padding: 0px;right: 120px;z-index: 999;scroll-behavior: smooth;position: relative;color: #000;text-decoration: none;font-size: 14px;line-height: 14px;width: 104px;text-align: center;background: transparent;border: none;font-family: "Inter-Regular";}
#back-to-top:before {content: '';height: 64px;width: 64px;display: block;margin: 0 auto 10px;background: url("/content/dam/intelligentcontent/brands/calquence/ca/en/images/home/back-to-top.png");background-repeat: no-repeat;}
#back-to-top span.cmp-button__text {font-size: 14px;color: #000;font-family: 'Inter-Regular';}


/*Modal styles*/
#patient-landing .modal-box {max-width: 714px;margin: auto;border-radius: 0;padding: 0;}
#patient-landing .cmp-modal--defaultStyle .modal-box__content {padding: 120px 96px;}
#patient-landing .modal .copy-text {color: var(--calquence-blue);font-family: 'Inter-Bold';text-align: center;}
#patient-landing .modal-box .modal__close {width: 12px !important;height: 12px !important;color: var(--calquence-dark-gray);right: 14px;top: 14px;}
#patient-landing .modal-box img.din-image {    display: block;max-width: 186px;margin: auto;}
#patient-landing .modal-box img.red-arrow-image {padding: 4px 0;}
#patient-landing #din-content {text-align: center;}
#patient-landing .cmp-modal--defaultStyle.modal {backdrop-filter: blur(0px);-webkit-backdrop-filter: blur(0px);}
#patient-landing  .cmp-modal__modalbox.modal-sm, #patient-landing  .cmp-modal__modalbox.modal-md {background: rgb(3 3 3 / 50%);}
#patient-landing .modal-box .modal__closeIcon:focus-visible{outline:none;}


/*Exit-ramp styles*/

/* Exit Ramp popup*/   
.modal {position: fixed;top: 0;right: 0;left: 0;bottom: 0;z-index: 1000; align-items: center;}
.modal.exit-ramp-modal {background: rgb(51 51 51 / 50%);backdrop-filter: blur(0px);}
.modal.exit-ramp-modal .modal-box {max-width: 714px;padding: 0px;}
.modal.exit-ramp-modal .modal-box__content {padding: 64px 92px;}
.modal.exit-ramp-modal .exit-ramp-body {    font-family: "Inter-Regular"; font-size: 18px;line-height: 26px;text-align: center;}
.modal.exit-ramp-modal .exit-ramp-title {color: var(--calquence-orange);font-family: 'Lexia-Light';font-weight: 300;font-size: 30px;line-height: 40px;margin: 8px 0px 16px 0px;    text-align: center;}
.modal.exit-ramp-modal .exit-ramp-actions { display: flex;justify-content: center;gap: 32px;}.modal.exit-ramp-modal .exit-ramp-cancel:after, .modal.exit-ramp-modal a.exit-ramp-continue:after {content: '';height: 11px;width: 6px;position: absolute; top: 24px;right: 24px; background: url(/content/dam/intelligentcontent/brands/calquence/ca/en/images/home/right-arrow.svg); background-size: 100% 100%;}
.modal.exit-ramp-modal .exit-ramp-cancel, .modal.exit-ramp-modal a.exit-ramp-continue {position: relative;    width: 166px;height: 60px;text-align: center;padding: 22px;
border: 2px solid var(--calquence-orange);font-family: 'Lexia';font-weight: 600;font-size: 16px;line-height: 16px;background: var(--calquence-orange);color: var(--calquence-white);font-style: italic;}
.modal.exit-ramp-modal a.exit-ramp-continue {display: block;text-decoration: none;color: #FFF;background:var(--calquence-orange);}
.modal.exit-ramp-modal .modal__close {color: #1C1C1C;width: 12px;height: 20px;top: 32px;right: 64px;}
.modal__close {position: fixed;top: 2.5rem;right: 2.5rem;z-index: 1000;padding: 0;width: 2rem;height: 2rem;border: none;background-color: transparent;color: #fff;cursor: pointer; }
.modal.exit-ramp-modal.modal--visible {height: 100% !important;}
body .modal-box {padding: 60px 16px 30px;max-width: 720px;width: calc(100% - 68px);max-height: 90% !important;height: auto;top: auto;position: relative;background-color: #fff;overflow: auto;margin: auto;}
.modal-box {position: relative;flex-shrink: 0;margin-top: auto;margin-bottom: auto;width: 60%;border-radius: 4px;background: #fff;opacity: 1;cursor: auto;will-change: transform, opacity;}
body .modal__close {color: var(--calquence-white);display: block !important;right: 14px;top: 18px;width: 12px !important;height: 12px !important;left: unset;background: transparent;} body .modal__closeLabel {display: none;}
.modal.exit-ramp-modal.modal--visible { padding: 0px; display: flex;justify-content: center;}
body .modal {background-color: rgba(60, 66, 66, 0.95);-webkit-backdrop-filter: unset;backdrop-filter: unsetdisplay: flex;padding-top: 0;top: 0px;width: 100%;}
.modal--visible {visibility: visible;opacity: 1;}
span.modal__closeLabel {display: none;}
.modal-box {position: relative;flex-shrink: 0;margin-top: auto;margin-bottom: auto;width: 60%;border-radius: 4px;background: #fff;opacity: 1;cursor: auto;will-change: transform, opacity;}
  .modal.exit-ramp-modal .modal__close {
    position: absolute; 
    top: calc(50% - 200px);
    right: calc(50% - 340px);
    width: 12px;
    height: 12px;
    z-index: 5;
    cursor: pointer;
}       
/* Exit Ramp popup Ends*/


img.az-logo {width: 220px;height: 48px;}
img.imc-logo {width: 57px;height: 61px;}
img.paab-logo {width: 114px;height: 42px;}
#footer-container .image {width: 164px;height: 73px;}

/*Teaser styles*/
#calquence-main #home-banner .cmp-teaser__image { width: 100%; height: 100%;padding: 0;overflow: hidden;}
#calquence-main  #home-banner .cmp-image__image {height: 100%;opacity: 1;width: 100%;-o-object-fit: cover;object-fit: cover;}
#calquence-main  #home-banner .cmp-teaser__content {max-width: 900px;width: 100%;margin: auto;background-color: transparent;position: absolute;top: 50%;left: 40%;padding: 20px 20px;transform: translate(-50%, -50%);text-align: left;gap: 16px;}
#home-banner h1.cmp-teaser__title, #home-banner h5.cmp-teaser__subtitle {max-width: 850px;}
#home-banner h1.cmp-teaser__title p {    font-size: 64px;line-height: 74px;font-family: 'Lexia-Medium';color: var(--calquence-orange);font-weight: 500;}
#home-banner h5.cmp-teaser__subtitle p {font-size: 30px;line-height: 40px;font-family: 'Lexia-Xbold-Italic'; font-weight:800; color: var(--calquence-blue);}

/*Landing page styles*/
#landing-header {background: #F3F3F3;padding: 16px 60px !important;width: 100%;border-bottom: 1px solid #DDD;}
#landing-header ul.language-header {display: flex;justify-content: flex-end;max-width: 1920px;margin: auto;}
#landing-header ul.language-header li a {color: #830051;font-family: 'Lexia-Light';font-size: 18px;line-height: 27px;}
#landing-header ul.language-header li.active a {font-family: 'Lexia-Bold';}
#landing-header ul.language-header li a:hover {text-decoration: none;}
#landing-header ul.language-header li + li {border-left: 1px solid #F0AB00;padding-left: 20px;margin-left: 20px}
#banner-container .image {max-width: 358px;margin: auto;}
#banner-container {padding: 165px 0 0;}
#hero-banner-section {background: #F2F5F7;position: relative;}
#hero-banner-section:after {content: "";display: block;width: 100%;min-height: 140px;background: url("/content/dam/intelligentcontent/brands/calquence/ca/en/images/home/banner-infographic.png");
background-repeat: no-repeat;background-position: center bottom;position: absolute;background-size: 100% 100%;bottom: 25px;}
#banner-container h1 {font-size: 64px;line-height: 74px;color: var(--calquence-orange);text-align: center;font-family: 'Lexia-Semibold';margin: 64px auto 48px;}
#banner-container #button-wrapper a.cmp-button {font-size: 16px;line-height: 20px;font-family: 'Lexia-SemiBold';font-style: italic;display: block;text-align: center;max-width: 310px;margin: auto;background: var(--calquence-orange);color: var(--calquence-white);padding: 22px 48px 22px 32px;position: relative;}
#banner-container #button-wrapper a.cmp-button:before {content: '';height: 11px;width: 6px;position: absolute;top: 27px;right: 32px;background: url(/content/dam/intelligentcontent/brands/calquence/ca/en/images/home/right-arrow.svg);background-size: 100% 100%;}
#banner-container #button-wrapper a.cmp-button#patient-btn:before {right: 94px;}
#button-wrapper {max-width: 648px;margin: 0 auto;gap: 28px;padding-bottom: 500px;}
#banner-container #button-wrapper a.cmp-button:hover {text-decoration: none;}
/*Landing page styles ends*/

/*Patient Landing starts*/
#patient-landing #patient-content {text-align: center;padding: 0;}
#patient-landing #banner-container h1 {margin: 64px auto 32px;}
#patient-landing #form-container {max-width: 404px;margin: auto;}
#patient-landing #form-container {display: flex;justify-content: center;gap: 14px;}
#patient-landing #form-container #submit-btn{padding: 21px 63px 21px 45px;position: relative;background: var(--calquence-orange);color: var(--calquence-white);cursor: pointer;font-size: 16px;font-style: italic;font-family: 'Lexia-SemiBold';}
#patient-landing #form-container #din-input {padding: 18px 14px 18px 14px;border: 1px solid var(--calquence-orange);text-align: center;font-size: 18px;line-height: 26px; width:auto;    border-radius: 0;}
#patient-landing .cmp-formcontainer .cmp-form-text {padding: 0;}
#popup-text-wrap {padding: 0 0 200px;text-align: center;margin: 50px auto 0;max-width: 215px;}
#popup-text-wrap p a {display: block;font-size: 18px;line-height: 26px;font-family: 'Inter-Regular';color: var( --calquence-blue);text-decoration: underline;}
#popup-text-wrap p a + a { margin-top: 30px;}
#patient-landing .cmp-formcontainer .validation-message.invalid {padding-top: 8px;}
#patient-landing .regex-err.showErrMsg {padding-top: 8px;}
#patient-landing #form-container #din-input::placeholder {color: #1C1C1C;}
#patient-landing .cmp-formcontainer .cmp-form-text__text:focus ,#patient-landing #form-container #din-input:active{outline: 2px solid var(--calquence-orange);}
#patient-landing #form-container #submit-btn:after {content: '';height: 11px;width: 6px;position: absolute;top: 26px;right: 45px;background: url(/content/dam/intelligentcontent/brands/calquence/ca/en/images/home/right-arrow.svg);background-size: 100% 100%;}


/*Indication page starts*/
#indication-banner {max-width: 712px;}
#indication-banner #calquence-logo {width: 224px; height:99px}
#indication-banner h1 {font-size: 48px;line-height: 58px;color: var(--calquence-orange);font-family: 'Lexia';margin: 20px 0;font-weight: 400;}
#indication-banner .subhead {font-size: 30px;line-height: 40px;font-family: 'Lexia-Light';color: var(--calquence-blue);}
#indication-banner-container {padding: 0 25px;}
#grey-container {background: #F2F5F7;padding:80px 25px}
#indication-col {max-width: 1242px;margin: auto;    gap: 30px;}
#indication-col .col-head {font-size: 24px;line-height: 34px;font-family: 'Lexia-Bold';color: var(--calquence-orange);margin-bottom: 24px;}
#indication-col .col-head span {display: block;font-style: italic;font-family: 'Lexia-Light';}
#indication-col #column-wrapper {padding: 26px 24px 34px 24px;box-shadow: 0 4px 24px 0 rgba(0, 0, 0, 0.25);   border-bottom: 8px solid var(--calquence-orange);}
#calquence-main ul.calq-list li {font-size: 18px;line-height: 26px;font-family: 'Inter-Regular';color: var(--calquence-dark-gray);position: relative;}
#calquence-main ul.calq-list li:before {content: "";width: 6px;height: 6px;background: var(--calquence-orange);display: block;position: absolute;border-radius: 100%;top: 10px;left: -18px;}
#calquence-main ul.calq-list {padding-left: 28px;}
#indication-btn {padding: 22px 32px;    display: block;max-width: 166px;    background: var(--calquence-orange);color: var(--calquence-white);font-size: 16px;line-height: 18px;font-family: 'Lexia-SemiBold';font-style: italic;margin-top: 24px;position: relative;}
#indication-btn:before {    content: '';height: 11px;width: 6px;position: absolute;top: 27px;right: 40px;background: url(/content/dam/intelligentcontent/brands/calquence/ca/en/images/home/right-arrow.png);    background-size: 100% 100%;}
#indication-col .azcl-column-par3 p.col-head {color: var(--calquence-blue);}
#indication-col .azcl-column-par3 #indication-btn {background: var(--calquence-blue);}
#indication-col .azcl-column-par3 #column-wrapper {border-bottom: 8px solid var(--calquence-blue);}
#indication-col.azcl-columns--3 > div {flex: 1;display: flex;}
#indication-col.azcl-columns--3 > div > .cmp-container,
#indication-col.azcl-columns--3 > div > .cmp-container > .responsivegrid,
#indication-col.azcl-columns--3 > div > .cmp-container > .responsivegrid > .cmp-container {display: flex;flex-direction: column;flex: 1;}
#indication-col #column-wrapper { display: flex;flex-direction: column;flex: 1;}
#indication-col .button {margin-top: auto;}

/*CLL monotheraphy starts*/
#calquence-main #first-head h2.cmp-title__text.cmp-title__text--h2 {margin: 0 auto 20px;}
#calquence-main #first-sec .inpage-nav-ul a span {text-decoration: underline;font-size: 14px;line-height: 18px;color: var(--calquence-blue);font-family: 'Inter-Bold';    text-underline-offset: 3px;}
#calquence-main #first-sec .inpage-nav-ul {padding-bottom: 64px;list-style: none;padding-left: 0px;}
#calquence-main #first-sec .inpage-nav-ul a {font-family: "Inter-Bold";font-size: 14px;line-height: 18px;font-weight: 700;color: var(--calquence-blue);
padding: 8px 16px;border-left: 2px solid var(--calquence-orange);display: inline-flex;text-decoration: none;}
#calquence-main .inpage-nav-wraper { padding-top: 100px;}
#calquence-main h2.cmp-title__text.cmp-title__text--h2 {font-size: 48px;line-height: 58px;font-family: 'Lexia';color: var(--calquence-orange);font-weight: 400;    margin: 60px auto 20px;}
#calquence-main .cal-subhead {font-size: 30px;line-height: 40px;color: var(--calquence-orange);font-family: 'Lexia-Light';}
#calquence-main #moa-image {margin: 32px auto 60px;max-width: 921px;}
.green-icons-wrapper {display: flex;gap: 30px;justify-content: center;}
.green-icons-wrapper .light-green-block.single-block {max-width: 296px;padding: 41px 24px 15px 24px;    display: flex;justify-content: center; align-items: center;}
.green-icons-wrapper .light-green-wrap {margin-top: 0;}
.green-icons-wrapper:nth-child(2) .light-green-wrap {margin-top: -12px;}
.flash-content {display: flex;justify-content: center;align-items: center;padding: 7px 88px 14px;     gap: 30px;   margin: 60px auto;}
.orange-flash-wrapper {background: url(/content/dam/intelligentcontent/brands/calquence/ca/en/images/cll-monotherapy/cal-orange-flash.jpg);background-repeat: no-repeat;background-size: 100% 100%;}
.flash-content p {color: var(--calquence-white);text-align: center;padding-right: 25px;font-family: 'Inter-Bold';}
.treatment-schedule-wrapper {border: 2px solid var(--calquence-blue);border-radius: 32px;padding: 24px 75px;    margin: 32px auto 60px;}
.treatment-schedule-wrapper p.title {font-size: 22px;line-height: 28px;color: var(--calquence-blue);font-family: 'Inter-Bold';text-align: center;}   
.schedule-block {display: flex;justify-content: center;align-items: center;gap: 80px;margin-top: 26px;}
.schedule-block .block {text-align: center;    max-width: 207px;}
.schedule-block .block-3 {max-width: 227px;}
#calquence-main #side-effects-col-3 .single-icon-block {gap: 12px;}
.blue-flash-wrapper {background: url(/content/dam/intelligentcontent/brands/calquence/ca/en/images/cll-monotherapy/cal-blue-flash.jpg);background-repeat: no-repeat;background-size: 100% 100%;margin: 32px auto 60px;}
.blue-flash-wrapper p {color: var(--calquence-white);text-align: center;padding: 20px 120px 28px;font-style: italic;font-family: 'Inter-XBold';}
#calq-separator hr.grey-border {border-color: #898989;margin: 32px auto;border: 1px solid #898989;}
#teaser-container {margin: 32px auto 92px;}
#side-effects-col-3 {margin-top: 32px;}
#cll-monotherapy  #calquence-main #teaser-container .teaser:nth-child(9) .cmp-teaser {flex-direction: row-reverse;} 
#side-effects-copy p:nth-child(1) {padding-top: 0;}

/*CLL with venetoclax*/
#calq-venetoclax-img{max-width:1008px;margin:32px auto 60px;}
.info-box {display: flex;gap: 30px;align-items: center;}
.info-box .img-section {max-width: 82px;width: 100%;}
.info-box div + div {border-bottom: 1px solid #003B57; max-width: 1136px;width: 100%;padding-bottom: 24px;}
.info-box:nth-child(3) div + div {border: none;}
#cll-venetoclax  #calquence-main #teaser-container .teaser:nth-child(7) .cmp-teaser {flex-direction: row-reverse;} 
#cll-venetoclax .side-effects-wrapper .table-red-bullet li:before {top: 10px;}


/*MCL*/
#mcl #home-banner h1.cmp-teaser__title p {color: var(--calquence-blue);}
#mcl #calquence-main #teaser-container .teaser:nth-child(5) .cmp-teaser {flex-direction: row-reverse;} 
#calquence-main #side-effects-col-3 ul.table-red-bullet {margin: 0px 0px 32px;}
#side-effects-copy p + p ,#calquence-main .copy-text b{font-family: 'Inter-Bold';}

/*Error pages starts*/
#error-container h2.error-title {font-size: 48px;line-height: 58px;font-family: 'Inter-Regular';color: var(--calquence-blue);margin: 0;}
#error-container p.error-sub-title {font-family: 'Inter-Regular';font-size: 36px;line-height: 66px;color: var(--calquence-blue);}
#error-container p.error-text {font-size: 30px;line-height: 40px;font-family: 'Lexia';color: var(--calquence-dark-gray);margin-top: 20px;}
#error-container p.error-text a {font-size: 18px;line-height: 26px;}
#error-container p.error-text a {color: var(--calquence-dark-gray);text-decoration: underline;}
#error-container .error-block {margin: 80px auto;}



@media screen and (min-width: 768px) and (max-width: 1480px) {
    #footer-container {padding: 0 25px;}
}

@media screen and (min-width: 768px) and (max-width: 1199px) {
    #home-banner img.cmp-image__image.cmp-image--desktop {min-height: 270px;}
    /*#home-banner .cmp-teaser__content {max-width: 400px;}*/
    #home-banner h1.cmp-teaser__title p {font-size: 42px;line-height: 52px;}
    #calquence-main #home-banner .cmp-teaser__content {left: 39%;max-width: 600px;}
}

@media screen and (min-width: 1200px) and (max-width: 1600px) {
    #calquence-main #home-banner .cmp-teaser__content {left: 30%;max-width: 600px;}
    #home-banner h1.cmp-teaser__title p {font-size: 44px;line-height: 54px;}
    
}
@media screen and (min-width: 2560px) {
    #calquence-main #home-banner .cmp-teaser__content {left: 42.4%;}
}

@media screen and (min-width: 600px) and (max-width: 767px) {
       #banner-container #button-wrapper a.cmp-button  #patient-btn, #banner-container #button-wrapper a.cmp-button {min-height: 84px;max-height: 84px;padding: 28px 48px 22px 32px !important;}
       #banner-container #button-wrapper a.cmp-button  #patient-btn:before, #banner-container #button-wrapper a.cmp-button:before {top: 33px !important;}
}
@media screen and (min-width: 768px) {
    .desk-only,.mob-hide {display: block;}
    .mob-only,.mob-visible,#footer .footer-col-3 ul.footer-list {display: none;}
    
    #indication-banner-container {background: url("/content/dam/intelligentcontent/brands/calquence/ca/en/images/home/indication-banner.jpg");background-repeat: no-repeat;background-position:center;max-width: 1292px;margin: 56px auto;padding: 0 25px;}
    #indi-banner-mob {display: none;}
    #header-container .ic-header {background: #EBEFEE;}
    
    #footer ul.footer-list,#footer .footer-col {display: flex;}
    #footer .footer-col-3 {align-items: baseline;}
    #footer-container .image {margin-top: 44px;}
    
    #patient-indication #back-to-top {display: none;}
    #calquence-main #side-effects-col-3:nth-child(2) .single-icon-block ul {margin-bottom: 0;}
    .green-icons-wrapper .light-green-block.single-block {min-height: 156px;}
}

@media screen and (max-width: 991px) {
    #indication-banner #calquence-logo {display: none;}
}
@media screen and (max-width: 767px) {
    .desk-only,.mob-hide,.footer-list.mob-hide {display: none;}
    .mob-only,.mob-visible {display: block;}
    
    /*Header styles*/
    #header-container .logo-section {padding: 26px 25px 0;}
    .ic-hamburger .hamburger-wrapper {position: relative;z-index: 3;top: -36px;display: block;width: 30px;height: 30px;cursor: pointer;left: 88%;}
    .ic-hamburger .hamburger-top {z-index: 4;}
    .ic-hamburger .hamburger-line { position: absolute; z-index: 1;left: 0px;display: block;width: 30px;height: 4px;background: #1C1C1C;}
    .ic-hamburger .hamburger-line-top {top: 18px;transform: translateY(-7px);width: 22px;}
    .ic-header .cmp-navigation__item { display: none;}
    .ic-hamburger .hamburger-line-bottom {bottom: 11px;transform: translateY(7px);}
    #header-container r .ic-header {background: #fff;}
    #header-container  ul.language-node {padding: 16px 40px;}
    ul.cmp-navigation__group {flex-direction: column;}
    .ic-header.menuclose .ic-hamburger .hamburger {transition: transform 0.3192s cubic-bezier(0.04, 0.04, 0.12, 0.96) 0.1008s;}
    .ic-hamburger.open .hamburger-top {transform: rotate(45deg);}
    .ic-hamburger.open .hamburger-line {transform: none;bottom: 14px;}
    .ic-hamburger .hamburger {position: absolute;z-index: 3;color: #195471;width: 30px;height: 30px;}
    .ic-hamburger.open .hamburger-mid {visibility: hidden; }
    .ic-header.menuclose .ic-hamburger .hamburger-line {transform: none;transition: transform 0.1806s cubic-bezier(0.04, 0.04, 0.12, 0.96);}
    .ic-hamburger.open .hamburger-bottom {transform: rotate(-45deg);}
    .ic-hamburger .hamburger-line-bottom {width: 30px;bottom: 12px;}
    .ic-hamburger.open .hamburger-line-top {width: 30px;top: 12px;}
    #header-container .cmp-navigation__item {margin: 0 25px;}
    #header-container {border-bottom: 1px solid #DDD;}
    #header-container .navigation-overlay.show {height: 100px !important;box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.25);}
    #header-container  ul.cmp-navigation__group li.cmp-navigation__item.cmp-navigation__item--level-0.cmp-navigation__item--active a {border-bottom: 3px solid #F0AB00;max-width: max-content;padding-bottom: 5px;}
    
    
    /*footer styles*/
    #footer-container {padding: 0 25px;}
    #footer ul.footer-list li {padding-bottom: 20px;font-weight: 400;}
    #footer .footer-code {padding: 0 0 40px;}
    #footer ul.footer-list li:last-child {padding-bottom: 40px;}
    #footer  #border-line{display:none;}
    #footer  ul.footer-list {border-bottom: 1px solid #DDDDDD; max-width: 100%;}
    #footer .global-footer {margin: 0;}
    #footer .global-footer .logo-section {padding: 40px 0 60px;}
    #footer #footer-content {padding: 40px 0 60px;}
    #footer {padding-top: 60px;}
    #footer .global-footer .footer-col-2 {margin: 40px 0px;}
    
    /*Modal styles*/
    #patient-landing .cmp-modal--defaultStyle .modal-box__content {padding: 30px 15px 20px;}
    #patient-landing .modal-box {max-width: 430px;margin: auto;        padding: 0;}
    .cmp-modal__modalbox.modal-md .modal-box .modal__close,.cmp-modal--defaultStyle .modal__closeIcon {width: 12px;height: 14px !important;top: 8px;right: 10px;left: auto;background: transparent;}
    #patient-landing .cmp-modal--defaultStyle .modal__closeLabel {display: none;}
     #patient-landing .modal #din-content  .copy-text {font-family: 'Inter-Regular';color: #000;}
     #patient-landing .modal p.copy-text.ident-text {padding: 80px 30px 80px;}
     .modal.exit-ramp-modal .modal__close {top: 45px;right: 50px;}
    
    #back-to-top {margin: 0 auto 60px;right: 0;}
    
    /*Exit ramp styles*/
    .modal.exit-ramp-modal .modal-box__content {padding: 64px 24px;text-align: center;}
    .modal.exit-ramp-modal .exit-ramp-actions {flex-direction: column;align-items: center;margin-top: 10px;}
    .cmp-modal--defaultStyle .modal__closeIcon{width: inherit !important;}
     .modal.exit-ramp-modal .exit-ramp-body {padding: 0 24px !important;max-width: 335px !important;margin: auto;}
    
    /*Teaser styles*/
    #home-banner h1.cmp-teaser__title p {font-size: 48px;line-height: 60px;}
    #calquence-main #home-banner .cmp-teaser__content {left: 50%;top: 60%;}
    
    /*Landing page styles*/
   
    #hero-banner-section:after {background: url(/content/dam/intelligentcontent/brands/calquence/ca/en/images/home/banner-infographic-mob.png) no-repeat center bottom;   background-size: 100% 100%;min-height: 68px;}
    #banner-container h1 {font-size: 48px;line-height: 60px;margin: 54px auto 48px;}
    #banner-container {padding: 100px 0 0;}
    #button-wrapper {padding: 0 0 300px;}
    #landing-header {padding: 16px 25px !important;}
    #banner-container .image { max-width: 224px;margin: auto;}
    #banner-wrapper {padding: 0 25px;}
    #banner-wrapper .azcl-columns--2 {--col-count: 1;}
    
    /*Patient landing starts */
    #patient-landing #form-container {flex-direction: column;gap: 0;}
    #patient-landing .cmp-formcontainer {text-align: center;}
    #popup-text-wrap {padding: 0 0 120px;        margin-top: 28px;}
    #patient-landing #form-container #submit-btn   { margin-top: 28px;}
    #patient-landing #banner-container {padding: 36px 0 0;}
    #patient-landing #banner-container h1 {margin: 32px auto 32px;}
     #patient-landing .modal-box img.din-image {margin-bottom: 27px;}
     #patient-landing .cmp-formcontainer .validation-message.invalid { text-align: center;}
    #indication-banner .subhead { padding-bottom: 66px;}
    #indi-banner-mob {margin-top: 25px;}
    #indication-btn {margin-top: 24px;}
    #calquence-main ul.calq-list li {padding-bottom: 0;}
    #patient-indication #back-to-top {margin: 60px auto 60px;}
    
    /*CLL monotherapy*/
    #calquence-main .inpage-nav-wraper { padding-top: 32px;}
    #calquence-main #first-sec .inpage-nav-ul {padding-bottom: 72px;}
     #calquence-main #how-to-take-cal p.cal-subhead.mtb-32 { margin-bottom: 0;}
    .green-icons-wrapper {flex-direction: column;gap: 0;}
    .green-icons-wrapper .light-green-block.single-block {max-width: 100%;padding: 30px 24px 15px 22px;}
    .flash-content {margin: 32px auto 15px;padding: 10px 20px;align-items: flex-start;}
    #mcl .flash-content {padding: 29px 20px 20px;}
    .orange-flash-wrapper {background: var(--calquence-orange);}
    .flash-content p { text-align: left;padding: 0;}
    .schedule-block {flex-direction: column;gap: 35px;}
    .schedule-block .block { max-width: 100%;}
    .treatment-schedule-wrapper {padding: 24px 25px;}
    .blue-flash-wrapper {background: linear-gradient(90deg, #337079, #65BCAF);}
    .blue-flash-wrapper p {padding: 35px 22px 39px;text-align: left;}
    #teaser-container {margin: 40px auto 72px;}
    #calquence-main h2.cmp-title__text.cmp-title__text--h2 {margin: 20px auto;}
    #calquence-main ul.calq-list li:before {left: -16px;}
    #side-effects-col-3 {gap: 0;margin-top: 0;}
    #side-effects-copy p:nth-child(1) {padding-top: 4px;}
    #calquence-main ul.calq-list { padding-left: 28px;}
    .treatment-schedule-wrapper p.title { text-align: center;}
    #safety-information p.copy-text.mb-60.safety-info {margin-bottom: 40px;}
    .green-icons-wrapper:nth-child(2) .light-green-wrap {margin-top: 0;}
    .green-icons-wrapper .light-green-wrap:nth-child(3) .light-green-block.single-block {padding: 52px 24px 28px 22px;}
    
    /*CLL with Venetoclax*/
    .info-box { align-items: flex-start;padding-top: 28px; gap: 20px;}
    .info-box div + div {padding-bottom: 28px;}
    .info-box .img-section {max-width: 75px;}
    .info-box:nth-child(1) {padding-top: 0;}
    #calquence-main .info-box div .copy-text:nth-child(1) {padding-top: 0;}
    #cll-venetoclax #home-banner h5.cmp-teaser__subtitle p {padding-right: 5px;}
    #calq-venetoclax #calquence-main .table-red-bullet li:before {top: 10px;}
    .side-effects-wrapper.mb-24 {margin-bottom: 32px;}
    #calq-venetoclax-img {margin: 0 auto 60px;}
    
    /*MCL*/
    .flash-content div p + p {padding-top: 20px;}
    #calquence-main #safety-info-text p.copy-text {margin-bottom: 40px;}
    #mcl #home-banner h5.cmp-teaser__subtitle p {padding-right: 8px;}
    #mcl #calquence-main #home-banner .cmp-teaser__image {min-height: 478px;}
    #mcl #calquence-main #home-banner .cmp-teaser {background: #F2F5F7;}
    #calquence-main .green-icons-wrapper:nth-child(1) {padding-bottom: 0;}
    
    
}

@media screen and (min-width: 768px) and (max-width: 991px) {
    #button-wrapper {padding-bottom: 300px;}
    #hero-banner-section:after {background-size: contain;}
    #indication-banner h1 {font-size: 30px;line-height: 40px;}
    #indication-banner .subhead {font-size: 26px;line-height: 30px;}
    #indication-banner { max-width: 475px;}
    #indication-banner-container {    background-size: cover;}
    .treatment-schedule-wrapper {padding: 24px 40px;}
    .schedule-block {gap: 30px;}
}


@media screen and (min-width: 992px) and (max-width: 1200px) {
    #indication-banner h1 {font-size: 35px;line-height: 45px;}
    #indication-banner .subhead {font-size: 28px;line-height: 34px;}
    #indication-banner { max-width: 525px;}
    #indication-banner-container {    background-size: cover;}
}


@media (max-width: 540px){
    #patient-landing .cmp-modal--defaultStyle.modal {padding-top: calc(50vh - 210px);}
}
@media screen and (max-width: 450px) {
    #home-banner h1.cmp-teaser__title p {font-size: 38px;line-height: 40px;}
    #patient-landing .modal-box {max-width: 320px;}
    /*#indication-banner-container {min-height: 830px;}*/
    #banner-container h1 {font-size: 30px;line-height: 40px;}
    #indication-banner h1 {font-size: 35px;line-height: 45px;}
    #indication-banner .subhead {font-size: 25px;line-height: 35px;}
    #indication-banner {top: 210px;}
    .modal.exit-ramp-modal .modal__close {top: calc(50% - 257px);}
      
   

}

@media screen and (min-width: 320px) and (max-width: 360px) {
    #banner-container #button-wrapper #hcp-btn:before {top: calc(50% - 6px);}
    #banner-container #button-wrapper a.cmp-button#patient-btn:before {right: 70px;}
    #home-banner h1.cmp-teaser__title p {font-size: 30px;    line-height: 35px;}
    #home-banner h5.cmp-teaser__subtitle p {font-size: 24px;line-height: 30px;}
    #calquence-main h2.cmp-title__text.cmp-title__text--h2 {font-size: 42px;line-height: 52px;}
    #calquence-main .single-icon-block .single-icon-text-block {font-size: 16px !important;line-height: 24px !important;}
    #calquence-main .single-icon-block ul.table-red-bullet {padding: 0px 0px 0px 15px !important;}
    #mcl .flash-content {padding: 20px 10px 20px;}
    #mcl .flash-content p {font-size: 13px;line-height: 24px;}
    #calquence-main #home-banner .cmp-teaser__content {left: 50%;top: 60%;}
    .th-orange,.th-blue {font-size: 14px !important;line-height: 22px !important;}
   
}