#home .topbar .links.laptop_flex a,
#home .cta-group a {
    text-decoration: none;
}
/*onced animation approved for mobile slider we have to remove 
min-width:992px and keep css as it is and delete the max-width 
and css complete and un comment for mobile animation below*/
@media (min-width:992px){
.cmp-carousel__item .slider-sec img {
  transform: scale(0.7);
  opacity: 0;
  will-change: transform, opacity;
}
.cmp-carousel__item:first-of-type .slide-title i .font-weight-300,
.cmp-carousel__item:first-of-type .slide-title i .font-weight-900 {
  opacity: 0;
}
.cmp-carousel__item:first-of-type .cta-content {
    opacity: 0;
}
}

@media (max-width:991px){
    #hero-gradient-bg .carousel .cmp-carousel__content .cmp-carousel__item,
    #hero-gradient-bg .carousel .cmp-carousel-horizontal .cmp-carousel__indicators{
        display:none!important;
    }
    #hero-gradient-bg .carousel .cmp-carousel__content .cmp-carousel__item#carousel-5d9cf9433e-item-5b84be4978-tabpanel,
    #hero-gradient-bg .carousel .cmp-carousel__content .cmp-carousel__item#carousel-12ddcba90c-item-076b8e656a-tabpanel,
    #hero-gradient-bg .carousel .cmp-carousel__content .cmp-carousel__item#carousel-c375bb30f1-item-a8b39d1eda-tabpanel{
        display:block!important;
    }
}

#hero-gradient-bg {
    position: relative;
    background: var(--gradient-cll-alt);
    height: 446px;
    overflow: hidden;
}

#hero-gradient-bg::before {
    content: '';
    display: block;
    width: 100%;
    height: 100%;
    background-image: url(/content/dam/intelligentcontent/brands/dtc-calquence/us/en/images/home/slider-white-overlay-mob.svg);
    background-repeat: no-repeat;
    background-size: 950px;
    background-position-x: 50%;
    background-position-y: 19.2%;
    mix-blend-mode: overlay;
    transition: background-size 800ms ease; 
}
/*For animation in mobile*/
 /* Reset (start big) */
    /*#hero-gradient-bg::before {*/
    /*background-size: 1600px;*/
    /*  transition: background-size 800ms ease; */
    /*}*/
    
    /* Animate to smaller size */
    /*#hero-gradient-bg.overlay-animate::before {*/
    /*  background-size: 950px;*/
    /*}*/

#hero-gradient-bg::after {
    content: '';
    display: block;
    width: 100%;
    height: 100%;
    background-image: url(/content/dam/intelligentcontent/brands/dtc-calquence/us/en/images/home/slider-center-marker.svg);
    background-position: top center;
    background-repeat: no-repeat;
    position: absolute;
    top: -6px;
}

#hero-gradient-bg .carousel {
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
}

#hero-gradient-bg .carousel .cmp-carousel-horizontal,
#hero-gradient-bg .carousel .cmp-carousel__content,
#hero-gradient-bg .carousel .cmp-carousel__content .cmp-carousel__item {
    height: 100%;
    background: transparent;
    width: 100%;
    overflow: hidden;
    position: relative;
    z-index: 1;
}


#hero-gradient-bg .carousel .cmp-carousel-horizontal,
#hero-gradient-bg .carousel .cmp-carousel__content {
    display: flex;
    justify-content: center;
}

#hero-gradient-bg .cmp-carousel__actions {
    display: none;
}

.slider-sec,
.slider-sec * {
    position: relative;
}

.slider-sec {
    top: 71.78px;
    display: flex;
    flex-direction: column;
    align-items: center;
    max-width: 326px;
    margin: 0 auto;
}

.slider-sec .slide-title {
    text-align: center;
    color: #fff;
    font-size: 66px;
    line-height: 53px;
}

.slider-sec .slide-title span {
    display: block;
}


/*For animation in mobile*/

/*.cmp-carousel__item:first-of-type .slide-title i .font-weight-300,*/
/*.cmp-carousel__item:first-of-type .slide-title i .font-weight-900 {*/
/*  opacity: 0;*/
/*}*/


.slider-sec img {
    width: 326px;
    height: auto;
    top: -30px;
}

.slider-sec .cta-content {
    bottom: 257px;
    margin-left: -10px;
}
/*For animation in mobile*/
/*.cmp-carousel__item:first-of-type .cta-content {*/
/*    opacity:0;*/
/*}*/
.slider-sec .cta-content .cta-title {
    font-size: 24px;
    font-weight: 900;
    letter-spacing: -1.2px;
    line-height: 16px;
    margin-bottom: 25px;
    color: #fff;
    text-align: center;
}

.slider-sec .cta-content .cta-group {
    display: flex;
    justify-content: center;
    gap: 28.23px
}

.slider-sec .footnote {
    position: absolute;
    color: #fff;
    font-weight: 400;
    line-height: 16px;
    bottom: 230px;
    /*left: -13.55px;*/
    right: 0px;
}

#hero-gradient-bg .carousel .cmp-carousel-horizontal .cmp-carousel__indicators {
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    gap: 12px;
    width: 10.68px;
    height: 56px;
    bottom: 77.96px;
    right: 19.78px;
    margin-left: 0px;
}

#hero-gradient-bg .carousel .cmp-carousel-horizontal .cmp-carousel__indicator {
    width: 10.68px;
    height: 10.68px;
    background-color: #F9B823;
    border: 0px;
}

#hero-gradient-bg .carousel .cmp-carousel-horizontal .cmp-carousel__indicator.cmp-carousel__indicator--active {
    background-color: #B03904;
}

#hero-gradient-bg .carousel .cmp-carousel-horizontal .cmp-carousel__indicator.cmp-carousel__indicator--active:after,
#hero-gradient-bg .carousel .cmp-carousel__actions--swipe {
    display: none;
}



/* STORIES OF STRENGTH - starts */

/*.stories-strength {*/
/*    padding: 0 16px 0 21px;*/
/*}*/

.stories-strength h2 {
    font-weight: 500;
    font-style: Italic;
    font-size: 24px;
    line-height: 36px;
    text-align: center;
    color: #747474;
}

.stories-strength h2>span {
    font-weight: 900;
    font-style: Italic;
    font-size: 44px;
    line-height: 40px;
    text-align: center;
    color: #FD6B0D;
}

.stories-strength p {
    font-weight: 600;
    font-size: 16px;
    line-height: 120%;
    color: #747474;
    text-align: center;
}

.stories-strength p sup {
    top: 3px;
    font-size: 67%;
}

.slider-wrapper-mob {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
}

.slider-wrapper-mob .slider-btn {
    display: block;
    position: absolute;
    top: 50%;
    z-index: 2;
    transform: translateY(-50%);
    font-size: 2rem;
    background: transparent;
    font-size: 0;
    border: none;
    padding: 0.5rem 1rem;
    cursor: pointer;
}

.slider-wrapper-mob .slider-btn.prev {
    left: 0;
}

.slider-wrapper-mob .slider-btn.next {
    right: 0;
}

.slider-wrapper-mob .slider-btn.prev .icon-prev::before {
    content: url('/content/dam/intelligentcontent/brands/dtc-calquence/us/en/images/home/arrow_left.svg');
}

.slider-wrapper-mob .slider-btn.next .icon-next::before {
    content: url('/content/dam/intelligentcontent/brands/dtc-calquence/us/en/images/home/arrow_right.svg');
}

.flex-slider-mob {
    overflow-x: scroll;
    scroll-snap-type: x mandatory;
    scroll-behavior: smooth;
    -webkit-overflow-scrolling: touch;
    gap: 0;
}

.flex-slider-mob::-webkit-scrollbar {
    display: none;
}

.card-background {
    background: url('/content/dam/intelligentcontent/brands/dtc-calquence/us/en/images/home/carousel_background.png');
    background-repeat: no-repeat;
    background-position: center;
    background-size: 287px 358px;
    height: 358px;
    scroll-snap-align: start;
    flex: 0 0 100%;
    transform: none;
    max-width: 100%;
    color: #FFFFFF;
    position: relative;
    z-index: 1;
}

.card-background h3 {
    font-weight: 900;
    font-style: italic;
    font-size: 22.25px;
    line-height: 54.77px;
    text-align: center;
    height: 50px;
}

.card-background .card-person-background {
    width: 287px;
    height: 358px;
    border-radius: 15px;
    position: relative;
}

.card-background .card-person-background img {
    width: 100%;
    position: absolute;
    bottom: 0;
    border-radius: 15px;
}

.card-person-background .black-gradient-bg {
    position: absolute;
    border-radius: 0 0 17.12px 17.12px;
    max-width: 287px;
    height: 141px;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
}

.card-person-background p {
    font-weight: 700;
    font-size: 14.31px;
    line-height: 120%;
    text-align: center;
    min-height: 59px;
}

.card-person-background .btn.btn-cll-spl {
    font-weight: 900;
    font-size: 17.48px;
    line-height: 35.94px;
    text-align: center;
    max-height: 40px;
    margin: 0 auto;
    text-decoration: none;
    min-width: 115px;
}

.card-person-background p.footnote {
    font-weight: 800;
    font-size: 9.96px !important;
    line-height: 15.93px !important;
    margin-left: -8px;
    min-height: fit-content;
}

.card-person-background .btn.btn-cll-spl::before {
    /*background: #FFFFFF;*/
    padding: 2px;
}

.video-modal {
    display: none;
    position: fixed;
    inset: 0;
    background: rgba(107, 107, 107, 0.8);
    z-index: 9999;
    justify-content: center;
    align-items: center;
    overflow-y: scroll;
}

.video-modal.active {
    display: flex;
}

.modal-gradient-bg {
    position: relative;
    display: flex;
    gap: 30px;
    width: 100%;
    justify-content: center;
    align-items: center;
    height: 413px;
    background: linear-gradient(101.45deg, #F89A1B 0%, #DD4706 100%);
    padding-right: 4px;
}

.modal-close {
    position: absolute;
    top: 17px;
    background: transparent;
    border: none;
    cursor: pointer;
    margin-left: calc(293px + (20px + (17px / 2)) * 2);
    right: 17px;
}

.modal-close .close-icon {
    position: relative;
    width: 30px;
    height: 30px;
    display: flex;
    background-image: url(/content/dam/intelligentcontent/brands/dtc-calquence/us/en/images/home/close-icon.svg);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}

.modal-arrow {
    position: relative;
    border: none;
    background-color: transparent;
    z-index: 1001;
    cursor: pointer;
}

.modal-arrow.left .icon-prev::before {
    content: url('/content/dam/intelligentcontent/brands/dtc-calquence/us/en/images/home/arrow_left_video.svg');
}

.modal-arrow.right .icon-next::before {
    content: url('/content/dam/intelligentcontent/brands/dtc-calquence/us/en/images/home/arrow_right_video.svg');
}

.modal-slider {
    display: flex;
    overflow-x: auto;
    scroll-behavior: smooth;
    scroll-snap-type: x mandatory;
    width: 100%;
    position: relative;
    max-width: 304px;
    -ms-overflow-style: none;
    scrollbar-width: none; 
}
.modal-slider::-webkit-scrollbar {
  display: none;             
}

.video-slide {
    flex: 0 0 100%;
    max-width: 100%;
    scroll-snap-align: start;
    scroll-snap-stop: always;
    transition: transform 0.3s ease;
}

.video-wrapper {
    display: flex;
    flex-direction: column;
    gap: 15px;
    justify-content: center;
    align-items: center;
    margin-top: 15px;
}

.video-wrapper h3 {
    font-weight: 900;
    font-style: Italic;
    font-size: 26px;
    line-height: 120%;
    color: #FFFFFF;
    text-align: center;
}

.video-wrapper p {
    font-weight: 700;
    font-size: 14px;
    line-height: 120%;
    text-align: center;
    max-width: 220px;
    color: #FFFFFF;
}

.video-slide[data-name="Wendy"] .video-wrapper p {
    max-width: 246px;
}

.video-thumbnail {
    width: 100%;
    height: 171.16px;
    background-size: cover;
    background-position: center;
    position: relative;
    border-radius: 40px;
}

.video-slide[data-name="Steve"] .video-thumbnail {
    background-image: url('/content/dam/intelligentcontent/brands/dtc-calquence/us/en/images/home/steve-video-on-living-with-cll.jpg');
}

.video-slide[data-name="Sharon"] .video-thumbnail {
    background-image: url('/content/dam/intelligentcontent/brands/dtc-calquence/us/en/images/home/sharon-video-on-living-with-calquence.jpg');
}

.video-slide[data-name="Wendy"] .video-thumbnail {
    background-image: url('/content/dam/intelligentcontent/brands/dtc-calquence/us/en/images/home/wendy-video-on-living-with-cll.jpg');
}

.play-btn {
    color: #FFFFFF;
    width: 35px;
    height: 35px;
    border: 1px solid #FFFFFF;
    border-radius: 50%;
    background: transparent;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    cursor: pointer;
}

.play-btn::before {
    content: '\f04b';
    font-family: 'Font Awesome';
    font-size: 50px;
    padding-left: 10px;
}

.iframe-wrap {
    width: 304px;
    height: 171.16px;
}

/* STORIES OF STRENGTH - ends */

/* NCCN PREFERRED- ends */

.nccn-preferred {
    max-width: 1078px;
    margin: 0 auto;
}

.nccn-preferred p {
    font-size: 19px;
    line-height: 25px;
}

.nccn-preferred .font-900 {
    font-weight: 900;
}

.nccn-preferred img {
    /*padding: 10px;*/
        padding: 10px 10px 10px 0px;
    width: 207px;
}

/* NCCN PREFERRED - ends */

/* 2 Images Background (CALQUENCE Cares and Download CALQUENCE Resources) - starts */

.two_img-background {
    margin-bottom: 10px;
}

.calquence-cares {
    /* background: url('/content/dam/intelligentcontent/brands/dtc-calquence/us/en/images/home/calquence-cares-390.jpg') no-repeat; */
    /*background: url('/content/dam/intelligentcontent/brands/dtc-calquence/us/en/images/home/fisherman-mob.png') no-repeat;*/
    background: url('/content/dam/intelligentcontent/brands/dtc-calquence/us/en/images/home/patient-mobile.png') no-repeat;;
    background-size: cover;
    padding-left: 44%;
    min-height: 390px;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    padding-bottom: 20px;
    padding-right: 23px;
}

.calquence-resources {
    /* background: url('/content/dam/intelligentcontent/brands/dtc-calquence/us/en/images/home/download-calquence-resources-mo.png') no-repeat; */
    background: url('/content/dam/intelligentcontent/brands/dtc-calquence/us/en/images/home/cal-mobile.png') no-repeat;
    background-size: cover;
    padding-left: 48%;
    min-height: 390px;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    padding-bottom: 15px;
}

.two_img-background h3 {
    font-weight: 900;
    font-size: 30px;
    line-height: 30px;
    color: #FFFFFF;
}

.two_img-background p {
    color: #FFFFFF;
    font-weight: 600;
    font-size: 16px;
    line-height: 120%;
}

.two_img-background p.footnote {
    color: #FFFFFF;
    font-weight: 800;
    font-size: 13px !important;
    line-height: 12.09px !important;
    text-align: center;
    margin-bottom: 0;
}

.calquence-cares p.footnote {
    margin-left: -81%;
    padding-top: 12px;
}

.calquence-resources p.footnote {
    margin-left: -89%;
    padding-top: 8px;
}

.two_img-background .btn.btn-cll-spl {
    font-weight: 900;
    font-size: 14px;
    line-height: 42px;
    text-align: center;
    max-height: 33px;
    text-decoration: none;
    min-width: 125px;
}

.two_img-background .btn.btn-cll-spl::before {
    /*background: #FFFFFF;*/
    padding: 2px;
}

/*
.calquence-resources a.btn.btn-cll-spl {
    background: transparent;
}
*/

/* 2 Images Background (CALQUENCE Cares and Download CALQUENCE Resources) - ends */


/*
.two_img-background .btn.btn-cll-spl:hover::after,
.two_img-background .btn.btn-cll-spl:active::after,
.two_img-background .btn.btn-cll-spl:focus::after,
.card-person-background .btn.btn-cll-spl:hover::after,
.card-person-background .btn.btn-cll-spl:active::after,
.card-person-background .btn.btn-cll-spl:focus::after {
    background: transparent;
}

*/

@media (max-width:360px) {
    .slider-sec .footnote {
        left: auto;
        right: 0;
    }
}

@media (min-width:391px) {
    #hero-gradient-bg .carousel .cmp-carousel-horizontal .cmp-carousel__indicators {
        right: auto;
        margin-left: 341px;
    }
}

@media (min-width:435px) {
    #hero-gradient-bg::before {
        background-size: 1200px;
        background-position-y: 26.2%;
    }
     /* Reset (start big) */
    #hero-gradient-bg::before {
        background-size: 2500px;
    }
    
    /* Animate to smaller size */
    #hero-gradient-bg.overlay-animate::before {
      background-size: 1200px;
    }
}


@media (max-height:413px) {
    .modal-gradient-bg {
        height: 350px;
    }

    .modal-close {
        top: 5px
    }

    .modal-close .close-icon {
        width: 25px;
        height: 25px;
    }

    .video-wrapper {
        margin-top: 25px;
    }
}

@media (min-width:768px) {
    .modal-gradient-bg {
        height: 620px;
    }

    .modal-slider {
        max-width: 600px;
    }

    .video-wrapper {
        gap: 30px;
    }

    .video-wrapper h3 {
        font-size: 30px;
    }

    .video-thumbnail {
        height: 337px;
    }

    .video-wrapper p {
        font-size: 20px;
        max-width: 552px;
    }

    .video-slide[data-name="Wendy"] .video-wrapper p {
        max-width: 667px;
    }

    .play-btn {
        width: 50px;
        height: 50px;
    }

    .iframe-wrap {
        width: 600px;
        height: 337px;
    }
}

@media (min-width:992px) {
    #hero-gradient-bg {
        height: 323.81px;
    }

    #hero-gradient-bg::before {
        background-image: url(/content/dam/intelligentcontent/brands/dtc-calquence/us/en/images/home/slider-white-overlay.svg);
        background-position: top;
        background-size: 1443px 323.8px;
    }
    
    /* Reset (start big) */
    #hero-gradient-bg::before {
        background-size: 2500px 563px;
    }
    
    /* Animate to smaller size */
    #hero-gradient-bg.overlay-animate::before {
      background-size: 1440px 324px;
    }

    .slider-sec {
        top: 42.98px;
        left: -48px;
        align-items: flex-start;
        flex-direction: row;
        flex-wrap: wrap;
        max-width: 670px;
    }

    .text:has(.slider-sec),
    .text .cmp-text:has(.slider-sec) {
        display: flex;
        justify-content: center;
        height: 100%;
    }

    .slider-sec .slide-title {
        font-size: 83.47px;
        line-height: 68.56px;
    }

    .slider-sec img {
        width: 322px;
        top: -19.18px;
    }
    /*.slider-sec.slider-2 img {*/
    /*    top: -70px;*/
    /*}*/
    .slider-sec .cta-content {
        position: absolute;
        bottom: 69px;
        left: 50px;
        margin: 0;
    }

    .slider-sec .cta-content .cta-title {
        /*font-size: 20.25px;*/
        /*line-height: 13.5px;*/
        font-size: 24px;
        line-height: 16px;
        margin-bottom: 21.14px;
        letter-spacing: 0px;
    }

    .slider-sec .cta-content .cta-group {
        gap: 17px;
    }

    .slider-sec .footnote {
       bottom: 48px;
        left: auto;
        right: -190px;
    }

    #hero-gradient-bg .carousel .cmp-carousel-horizontal .cmp-carousel__indicators {
        right: auto;
        margin-left: 499px;
        bottom: 127px;
        gap: 10.06px;
    }

    #hero-gradient-bg .carousel .cmp-carousel-horizontal .cmp-carousel__indicator {
        background-color: #F4E1B7;
        width: 10px;
        height: 10px;
    }


    /* STORIES OF STRENGTH - starts */

    /*.stories-strength {*/
    /*    padding: 0;*/
    /*}*/

    .stories-strength h2 {
        font-size: 34.23px;
        line-height: 30.81px;
    }

    .stories-strength h2>span {
        font-size: 51.35px;
        line-height: 47.92px;
    }

    .stories-strength p {
        font-size: 18.83px;
    }

    .flex-slider-mob {
        overflow: visible;
        scroll-snap-type: none;
        gap: 4px;
    }

    .slider-wrapper-mob .slider-btn {
        display: none;
    }

    .card-background {
        /*background-image: url(/content/dam/intelligentcontent/brands/dtc-calquence/us/en/images/home/carousel_background_desk.png);*/
        background-size: 325px 368px;
        min-height: 368px;
        max-width: 325px;
        border-radius: 17.12px;
    }

    .card-background .card-person-background {
        width: 100%;
    }

    .slider-btn {
        display: none;
    }

    .card-background h3 {
        padding-right: 0;
        height: 40px;
    }

    .card-background img {
        height: 313px;
        margin-top: 0;
        transform: none;
        clip-path: none;
    }

    .card-person-background .black-gradient-bg {
        max-width: 325px;
        margin-top: -124px;
        height: 190px;
        display: flex;
        flex-direction: column;
        justify-content: flex-end;
    }

    .card-person-background p {
        font-size: 11.98px;
    }

    .card-person-background p.footnote {
        margin-bottom: 6.2px;
        font-size: 8.56px !important;
        line-height: 13.69px !important;
    }

    .card-person-background .btn.btn-cll-spl {
        font-size: 11.98px;
        line-height: 35.94px;
        max-height: 30px;
        min-width: 100px;
    }

    .modal-gradient-bg {
        height: 734px;
    }

    .modal-slider {
        max-width: 804px;
    }

    .video-thumbnail {
        height: 458px;
    }

    .play-btn {
        width: 95px;
        height: 95px;
        border: 2px solid #FFFFFF;
    }

    .iframe-wrap {
        width: 804px;
        height: 458px;
    }

    /* STORIES OF STRENGTH - ends */

    .nccn-preferred p {
        font-size: 19px;
        line-height: 30px;
    }

    /* 2 Images Background (CALQUENCE Cares and Download CALQUENCE Resources) - starts */

    .two_img-background {
        min-height: 512px;
        margin-bottom: 30px;
        width: 100%;
    }

    .calquence-cares {
        /* background: url('/content/dam/intelligentcontent/brands/dtc-calquence/us/en/images/home/calquence-cares-big.jpg') no-repeat; */
         /*background: url('/content/dam/intelligentcontent/brands/dtc-calquence/us/en/images/home/fisherman-web.jpg') no-repeat;*/
        background-image: url('/content/dam/intelligentcontent/brands/dtc-calquence/us/en/images/home/patient-web.png');
        background-size: cover;
        max-width: 50%;
        padding-left: 27.5%;
        align-items: flex-start;
        min-height: auto;
        margin-right: -1px;
    }

    .calquence-resources {
        /* background: url('/content/dam/intelligentcontent/brands/dtc-calquence/us/en/images/home/download-calquence-resources.png') no-repeat; */
        background: url('/content/dam/intelligentcontent/brands/dtc-calquence/us/en/images/home/cal-web.png') no-repeat;
        background-size: cover;
        max-width: 50%;
        padding-left: 25%;
        align-items: flex-start;
        min-height: auto;
        flex-grow:1;
                padding-bottom: 28px;
    }

    .two_img-background h3 {
        font-size: 40px;
        line-height: 44px;
    }

    .two_img-background p {
        font-size: 22px;
        margin-bottom: 34px;
    }

    .calquence-cares p.footnote {
        margin-left: -70%;
        /*padding-bottom: 28px;*/
        padding-bottom: 10px;
        padding-top: 0 !important;
    }

    .calquence-resources p.footnote {
        /*margin-left: -83%;*/
        margin-left: -114%;
        /*padding-bottom: 18px;*/
        padding-bottom: 0px;
        padding-top: 15px !important;
    }

    .two_img-background .btn.btn-cll-spl {
        font-size: 21.67px;
        line-height: 65px;
        max-height: 52px;
        min-width: 216px;
    }

    /* 2 Images Background (CALQUENCE Cares and Download CALQUENCE Resources) - ends */
    
    
    /* CFF Updates STARTS - 27/10/2025*/
    
    .slider-sec {
        max-width: 775px;
    }
    
    #hero-gradient-bg .carousel .cmp-carousel-horizontal .cmp-carousel__indicators {
        margin-left: 625px;
    }
    
    .slider-sec .cta-content {
        margin-left: 85px;
    }
    
    .slider-sec .footnote {
        right: -164px;
        font-size: 18.23px !important;
        bottom: 55px;
    }
    
    
    /* CFF Updates ENDS - 27/10/2025*/
    
     iframe.yt-player {
        position: relative;
        top: -85px;
    }
    
    .video-thumbnail[style="display: none;"] + p {
        position: relative;
        top: 460px;
    }
}

@media (min-width:1024px) {
    .flex-slider-mob {
        gap: 15px;
    }
}


@media (min-width:1440px) {
    .calquence-cares {
        /* background-image: url('/content/dam/intelligentcontent/brands/dtc-calquence/us/en/images/home/calquence-cares-big.jpg'); */
        background-image: url('/content/dam/intelligentcontent/brands/dtc-calquence/us/en/images/home/patient-web.png');
        flex: 1;
        height: 512px;
        background-repeat: no-repeat;
        background-size: cover;
        background-position: top center;
        padding-bottom: 28px;
    }

    .two_img-background h3 {
        max-width: 320px;
    }

    .two_img-background p {
        max-width: 286px;
        padding: 0 !important;
    }

    .calquence-resources p {
        max-width: 264px;
    }

    /*.calquence-resources p.footnote {*/
    /*    margin-left: -390px;*/
    /*}*/

    .calquence-cares p.footnote {
        margin-left: -84%
    }
}
/*@media (min-width:1441px) {*/
/*    .calquence-cares {*/
/*        background: url('/content/dam/intelligentcontent/brands/dtc-calquence/us/en/images/home/fisherman-web-large.png') no-repeat;*/
/*        flex: 1;*/
/*        height: 512px;*/
/*        background-repeat: no-repeat;*/
/*        background-size: cover;*/
/*        background-position: top center;*/
/*        padding-bottom: 28px;*/
/*    }*/
/*}*/

@media (min-width:1920px) {
    .calquence-cares {
        padding-left: 33%;
    }
    .calquence-cares {
        background-image: url('/content/dam/intelligentcontent/brands/dtc-calquence/us/en/images/home/patient-full-screen.png');
    }
    .calquence-resources {
        background-image: url('/content/dam/intelligentcontent/brands/dtc-calquence/us/en/images/home/cal-full-screen.png');
        flex: 1;
        height: 512px;
        background-repeat: no-repeat;
        background-size: 1350px 512px;
        background-position: left center;
        padding-left: 495px;
    }
    
}
@media (min-width:2000px) {
    .calquence-cares {
        background-image: url('/content/dam/intelligentcontent/brands/dtc-calquence/us/en/images/home/patient-full-screen.png');
    }
    
}
/* New css for after 2500-Pixels */

@media (min-width:2500px) {
    .calquence-resources {
        background-image: url('/content/dam/intelligentcontent/brands/dtc-calquence/us/en/images/home/cal-full-screen.png');
        flex: 1;
        height: 512px;
        background-repeat: no-repeat;
        background-size: 100% 512px;
        background-position: left center;
        padding-left: 495px;
        position: relative;
    }

    .inner-img {
        /*background: url('/content/dam/intelligentcontent/brands/dtc-calquence/us/en/images/home/home-men-image.png') no-repeat;*/
        content: '';
        background-repeat: no-repeat;
        background-size: 100% 100%;
        width: 477px;
        height: 512px;
        left: 0px;
        top: 0px;
        position: absolute;
    }
    .home-index{
        position: relative;
        z-index: 1;
    }
}
/* New css for after 2500-Pixels */
#home .calquence-cares h3 sup {
    font-size: 50%;
}

@media (min-width:768px) {
#home .calquence-cares h3 sup {
    font-size: 54%;
}
}




/*Compatibility issues - 26/09/2025*/

@media (min-width:1201px) and (max-width:1400px) {
    .calquence-resources {
        padding-left: 29%;
        background-position-x: 0;
    }
    .calquence-resources p.footnote {
        margin-left: -89%;
    }
    .calquence-cares {
        padding-left: 26.5%;
    }
}

@media (min-width:992px) and (max-width:1200px) {
    .card-background {
        background-size: 310px 368px;
        max-width: 310px;
    }
    .card-background .card-person-background {
        width: 310px;
    }
    #stories-of-strength-container, .nccn-preferred {
        padding-left: 24px !important;
        padding-right: 24px !important;
    }
    
    .calquence-cares {
        padding-left: 20.5%;
        background-position-x: -120px;
    }
    
    .calquence-resources {
        padding-left: 22%;
        background-position-x: -100px;
    }
    .calquence-resources p.footnote {
        margin-left: -89%;
    }
}

@media (max-width:768px) {
    body#home {
        padding-top: 0;
    }
}

@media (min-width:400px) and (max-width:991px) {
    .calquence-cares {
        background: url(/content/dam/intelligentcontent/brands/dtc-calquence/us/en/images/home/patient-web.png) no-repeat;
        background-size: cover;
    }
    
    .calquence-resources {
        background: url(/content/dam/intelligentcontent/brands/dtc-calquence/us/en/images/home/cal-web.png) no-repeat;
        background-size: cover;
    }
}


@media (min-width:471px) and (max-width:560px) {
    .calquence-resources {
        background-position-x: 0px;
        padding-left: 55%;
    }
}

@media (min-width:400px) and (max-width:470px) {
    .calquence-resources {
        background-position-x: -70px;
    }
}


@media (max-width:389px) {
    .card-background {
        background-size: 245px 358px;
    }
    .card-background .card-person-background {
        max-width: 245px;
    }
    
    .slider-sec,
    .slider-sec img {
        max-width: 310px;
    }
    
    .calquence-resources {
        padding-left: 57%;
    }
    
    .two_img-background h3 {
        font-size: 22px;
        line-height: 24px;
    }
    
    .calquence-resources p.footnote {
        margin-left: -50%;
    }
}

@media (max-width:991px) {
    .play-btn::before {
        font-size: 25px;
    }
    
    .modal-slider{
        max-width: 324px;
    }
    
    .modal-gradient-bg {
        gap: 20px;
        padding-left: 4px;
    }
    
    iframe.yt-player {
        max-height: 171.16px !important;
        width: auto !important;
        position: relative;
        top: -100px;
    }
    
    .video-thumbnail[style="display: none;"] + p {
        position: relative;
        top: 185px;
    }
}

@media (max-height: 700px) {
    .video-modal.active {
        padding-top: 20%;
    }
}



iframe.yt-player {
  transition: transform 0.3s ease, opacity 0.3s ease, box-shadow 0.3s ease;
  opacity: 0.9;
}

@media (max-height: 991px){
    .modal-close {
        margin-left: calc(804px + (30px + 17px) * 2);

    }
}