/* Metastatic breast cancer CSS Starts here */
/* Global */

#metastatic-breast-cancer .faq-cta:before {
    background-image: url(/content/dam/intelligentcontent/brands/camizestrant-dtc/us/en/full-site/image/metastatic-breast-cancer/learn-more-icon.svg);
    /*top: 17px;*/
}
#metastatic-breast-cancer .page-cta-sec > div:before {
    top: 12px;
}

#metastatic-breast-cancer .background-home-eyebrow {
    background: #FFFFF4;
    position: relative;
    /*z-index: 2;*/
}
#mbc-overview-container .sec-heading+.flex img {
    max-width: 70px;
}
#metastatic-breast-cancer .carousel-card-title {
    opacity:0;
}
/* Metastatic breast cancer overview */
#bg-img-section:has(#mbc-overview-container) {
    background: url(/content/dam/intelligentcontent/brands/camizestrant-dtc/us/en/full-site/image/metastatic-breast-cancer/mb_mbc-overview-bg.png) no-repeat center;
    background-size: cover;
}
.cmp-carousel__action--next .cmp-carousel__action-icon,.cmp-carousel__action--previous .cmp-carousel__action-icon,
.cmp-carousel__action--previous,
.cmp-carousel__action--next{
    display: none;
}

.plus-icon {
    width: 43px !important;
    height: 43px !important;
    object-fit: none;
}

.icon-glass--number {
    width: 65px !important;
    height: 66px !important;
    object-fit: none;
}
/* ESR1 mutation and treatment resistance */




.cmp-carousel__actions.cmp-carousel__actions--swipe.added-by-js button:has(.btn-white:hover) {
    border: navajowhite;
}
/* ESR1 mutation testing */
#esr1-mutation-container {
    background: url(/content/dam/intelligentcontent/brands/camizestrant-dtc/us/en/full-site/image/metastatic-breast-cancer/mb_esr1-mutation-bg.png) no-repeat center;
    background-size: cover;
}

.number-text--container p {
    width: 268px;
}

/* ESR1 mutation discussion guide */
.btn-367px.btn-blurred, .btn-367px.btn-blurred > .btn-gradient{
    min-width: 350px;
    min-height: 65px;
}
.btn-367px.btn-blurred .btn-white {
    width: 346px;
    height: 61px;
}


/* Carousel */
#esr1-mutation-container .carousel {
    padding-left: 20px;
    padding-right: 20px;
}

.carousel-card {
    border-radius: 15px;
    background: radial-gradient(127.68% 190% at 112.12% -14.93%, #EBF9FF 0%, #FFF 47.12%, #F6F5FF 100%);
    box-shadow: 4px 4px 7.7px 0 rgba(0, 0, 0, 0.20);
    width: 350px;
    height: 610px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.carousel-card-below--section {
    background: linear-gradient(98deg, #E7A4EC 5.02%, #FFFDAF 99.53%);
    box-shadow: 0 2px 7.4px 0 rgba(174, 72, 175, 0.25);
    padding-top: 4px;
    border-radius: 0 0 15px 15px;
    height: 172px;
}

.carousel-card-text {
    border-radius: 0 0 15px 15px;
    height: 168px;
}

.carousel-card-key img {
    width: 19px !important;
    object-fit: none;
}

#carousel-2 .carousel-card-key img {
    width: 26px !important;
}

#carousel-3 .carousel-card-key img {
    width: 29px !important;
}

#carousel-4 .carousel-card-key img {
    width: 26px !important;
}

#carousel-6 .carousel-card-key img {
    width: 26px !important;
}

#carousel-7 .carousel-card-key img {
    width: 26px !important;
}

.carousel-card-img {
    margin-top: -24px;
}

#carousel-3 .carousel-card-img, #carousel-4 .carousel-card-img {
    margin-top: -47px;
}

#carousel-7 .carousel-card-img {
    margin-top: -38px;
}
.carousel-card-key {
    padding-right: 0 !important;
}
#esr1-mutation-container .cmp-carousel-horizontal--swipe {
    background: transparent;
    max-width: 1000px;
    margin: 0 auto;
}

#esr1-mutation-container .cmp-carousel__content.cmp-carousel__content--swipe.cmp-carousel__content--swipe--desktop.hidden-small {
    display: none;
}

#esr1-mutation-container .cmp-carousel__content--swipe {
    display: flex;
    align-items: flex-start;
    gap: 20px;
    justify-content: flex-start;
}

#esr1-mutation-container .cmp-carousel__content--swipe--desktop .cmp-carousel__item--swipe {
    justify-content: flex-start;
}

#esr1-mutation-container .cmp-carousel-horizontal .cmp-carousel__indicators {
    display: none;
}

.cmp-carousel__actions--swipe {
    position: relative !important;
    z-index: 1;
    height: 618px;
    margin-top: -642px;
    display: flex;
    justify-content: space-between;
}

.cmp-carousel__action .cmp-carousel__action-text {
    display: none;
}

.cmp-carousel__action--previous {
    background: transparent;
}

.cmp-carousel__action--previous .cmp-carousel__action-icon {
    content: url('/content/dam/intelligentcontent/brands/camizestrant-dtc/us/en/full-site/image/metastatic-breast-cancer/carousel/Carousel_Arrows-left.svg');
    position: relative;
    /* left: -21px; */
    top: -100px;
    cursor: pointer;
}
#mbc-overview {
 scroll-margin-top: 36px;
}
#carousel-3 .carousel-card-key div:nth-child(2) img,
#carousel-6 .carousel-card-key div:nth-child(2) img{
    object-fit: scale-down;
}

.cmp-carousel__action--next {
    background: transparent;
}

.cmp-carousel__action--next .cmp-carousel__action-icon {
    content: url('/content/dam/intelligentcontent/brands/camizestrant-dtc/us/en/full-site/image/metastatic-breast-cancer/carousel/Carousel_Arrows-right.svg');
    position: relative;
    /* right: -21px; */
    top: -100px;
    cursor: pointer;
}


.cmp-carousel__actions.cmp-carousel__actions--swipe.added-by-js {
    display: flex;
    margin-top: 40px;
    justify-content: center !important;
    height: 56px;
    gap: 24px;
}

.cmp-carousel__actions.cmp-carousel__actions--swipe.added-by-js button {
    display: flex !important;
    width: 150px;
    padding: 18px 34px;
    justify-content: center;
    align-items: center;
    gap: 10px;
    flex-shrink: 0;
    /*background: #FFF;*/
    border-radius: 48px;
    border: 2px solid var(--gradient-primary-2, #C804CB);
    cursor: pointer;
}

.cmp-carousel__actions.cmp-carousel__actions--swipe.added-by-js button .cmp-carousel__action-icon {
    display: none;
}

.cmp-carousel__actions.cmp-carousel__actions--swipe.added-by-js button span {
    color: #640264;
    font-family: "Inter", sans-serif;
    font-size: 14px;
    font-style: italic;
    font-weight: 800;
    line-height: 110%;
    text-transform: uppercase;
    display: flex;
    align-items: center;
}

.prev-inactive .btn-blurred::before, 
.next-inactive .btn-blurred::before {
    background: unset;
}


.next-inactive .btn-gradient, 
.next-inactive .btn-white, 
.prev-inactive .btn-gradient,
.prev-inactive .btn-white {
    background: linear-gradient(93deg, rgba(112, 130, 186, 0.71) -83.57%, rgba(219, 227, 254, 0.71) 59.14%) !important;
    border: none !important;
    outline:none;
}
.cmp-carousel__actions.cmp-carousel__actions--swipe.added-by-js .btn-white:hover {
    background: linear-gradient(96.94deg, #C804CB 15.89%, #EE946D 105.27%);
    backdrop-filter: blur(10px);
}

.cmp-carousel__actions.cmp-carousel__actions--swipe.added-by-js .btn-white:hover span {
    color: white;
}

.cmp-carousel__actions.cmp-carousel__actions--swipe.added-by-js .btn-white:hover span:after {
    content: url(/content/dam/intelligentcontent/brands/camizestrant-dtc/us/en/full-site/image/global/white-right-arrow.svg);
}

button.cmp-carousel__action.cmp-carousel__action--previous.added-by-js .btn-blurred .btn-white:hover span::before {
    content: url(/content/dam/intelligentcontent/brands/camizestrant-dtc/us/en/full-site/image/global/white-right-arrow.svg);
}

button.cmp-carousel__action.cmp-carousel__action--previous.added-by-js .btn-blurred .btn-white:hover span::after {
    display: none;
}

.next-inactive, .prev-inactive {
    border: none !important;
    cursor: default !important;
    pointer-events: none !important;
}

.next-inactive span, .prev-inactive span {
    color: #5F5F5F !important;
}

.cmp-carousel__actions.cmp-carousel__actions--swipe.added-by-js .btn-blurred, 
.cmp-carousel__actions.cmp-carousel__actions--swipe.added-by-js .btn-gradient {
    min-width: 154px;
    min-width: 154px;
}

.cmp-carousel__actions.cmp-carousel__actions--swipe.added-by-js .btn-white {
    width: 150px;
    min-width: 150px;
}

button.cmp-carousel__action.cmp-carousel__action--previous.added-by-js .btn-blurred span::before {
    content: url(/content/dam/intelligentcontent/brands/camizestrant-dtc/us/en/full-site/image/home/fuchsia-chevron-right.svg);
    transform: rotate(180deg);
    width: 20px;
    height: 20px;
}

button.cmp-carousel__action.cmp-carousel__action--next.added-by-js .btn-blurred span::after {
    content: url(/content/dam/intelligentcontent/brands/camizestrant-dtc/us/en/full-site/image/home/fuchsia-chevron-right.svg);
    width: 20px;
    height: 20px;
}

.prev-inactive .btn-blurred span::before {
    content: url(/content/dam/intelligentcontent/brands/camizestrant-dtc/us/en/full-site/image/metastatic-breast-cancer/inactive-arrow.svg) !important;
    object-fit: none;
    position: relative;
    bottom: 3px;

}

.next-inactive .btn-blurred span::after {
    content: url(/content/dam/intelligentcontent/brands/camizestrant-dtc/us/en/full-site/image/metastatic-breast-cancer/inactive-arrow.svg) !important;
    object-fit: none;
    position: relative;
    bottom: -3px;

}

#esr1-mutation-container .flex-box {
    display: flex;
    align-items: center;
    max-width: 683px;
    margin: 0 auto;
    column-gap: 20px;
}

#esr1-mutation-container .flex-box .img-section {
    max-width: 130px;
    width: 100%;
}

#esr1-mutation-container .flex-box .img-section img {
    width: 120%;
    max-width: unset;
    height: 131px;
}

#explore-next  .wrapper h2+p {
    color: #7C007E !important;
}
#metastatic-breast-cancer .sub-section.section1:not(#mbc-overview) {
    padding-bottom: 40px;
}
#treatments-works .home-card  > p.normal-text {
    padding: 19px 2px 19px 0;
}
.plus-sec {
    display: flex;
    width: 100%;
    padding-bottom: 40px;
    flex-direction: column;
    gap: 18px;
    align-items: center;
    text-align: center;
}
.plus-sec img {
    width: auto;
    height: auto;
    margin: 0;
}

.plus-sec p:first-child {
    max-width: 378px;
}

.plus-sec > p:last-child {
    max-width: 505px;
    padding: 0 7px;
}
/* Desktop STARTS */
@media (min-width: 992px) {
/*feedback comments*/
#metastatic-breast-cancer .label-7{
        max-width: 303px;
}
#carousel-7 .carousel-card-img {
     margin-top: -24px; 
}
    /* Global */
#metastatic-breast-cancer .heading-sec {
    background: url(/content/dam/intelligentcontent/brands/camizestrant-dtc/us/en/full-site/image/metastatic-breast-cancer/mbc-banner-bg.png);
    background-repeat: no-repeat;
    background-size: cover;
    clip-path: inset(0px -60px -60px -60px);
    box-shadow: 0px 7px 52.5px 0px rgba(100, 2, 100, 0.22);
}
#metastatic-breast-cancer .home-card > .flex:nth-child(3) > img {
    position: relative;
            left: -40px;
}
    /* Metastatic breast cancer overview */
    #bg-img-section:has(#mbc-overview-container) {
        background: url(/content/dam/intelligentcontent/brands/camizestrant-dtc/us/en/full-site/image/metastatic-breast-cancer/mbc-overview-bg.png) no-repeat center;
        background-size: cover;
    }

    .laptop_min-w-460px {
        min-width: 460px;
    }


    /* ESR1 mutation and treatment resistance */
    .mbc-doc--card {
        gap: 18px;
        padding: 35px 30px 35px 60px;
        max-width: 944px;
    }

    .mbc-doc--card img {
        margin-left: -109px;
        margin-top: 0;
    }

div#ESR1-mutation-testing {
    padding-bottom: 60px;
}
    /* ESR1 mutation testing */
    #esr1-mutation-container {
        background: url(/content/dam/intelligentcontent/brands/camizestrant-dtc/us/en/full-site/image/metastatic-breast-cancer/esr1-mutation-bg.png) no-repeat center;
        background-size: cover;
    }
    .number-text--container p {
        width: 242px;
    }

    /* ESR1 mutation discussion guide */
    .btn-367px.btn-blurred, .btn-367px.btn-blurred > .btn-gradient{
        min-width: 367px;
    }
    .btn-367px.btn-blurred .btn-white {
        width: 363px;
    }



    /* Carousel */
    #esr1-mutation-container .cmp-carousel__content.cmp-carousel__content--swipe.cmp-carousel__content--swipe--desktop.hidden-small {
        display: flex;
        align-items: flex-start;
        gap: 40px;
    }

    #esr1-mutation-container .cmp-carousel__content.cmp-carousel__content--swipe.cmp-carousel__content--swipe--mob.visible-small {
        display: none;
    }

    #esr1-mutation-container .cmp-carousel__content--swipe {
        display: flex;
        align-items: flex-start;
        gap: 40px;
        justify-content: unset;
        padding-left: 0;
        padding-right: 0;
    }

    .cmp-carousel__action--previous {
        /*background: linear-gradient(-90deg, rgba(255, 255, 255, 0.00) 0%, rgba(182, 197, 249, 0.10) 28.37%, rgba(182, 197, 249, 0.40) 55.29%, #B6C5F9 100%);*/
    }

    .cmp-carousel__action--next {
        /*background: linear-gradient(90deg, rgba(255, 255, 255, 0.00) 0%, rgba(182, 197, 249, 0.10) 28.37%, rgba(182, 197, 249, 0.40) 55.29%, #B6C5F9 100%);*/
    }
    #esr1-mutation-container .flex-box {
        margin-bottom: -30px;
        margin-top: -7px;
    }
    .home-card .laptop_flex-row .laptop_text-left {
    width: 50%;
}
#metastatic-breast-cancer .sub-section.section1:not(#mbc-overview) {
    padding-bottom: 60px;
}
#treatments-works .home-card  > p.normal-text {
    padding: 10px 0 26px;
}
.plus-sec {
    flex-direction: row;
    gap: 0;
    align-items: flex-start;
    text-align: left;
}
}


@media screen and (max-width: 991px) {
        #metastatic-breast-cancer div#submenu-nav-sec {
        margin:40px 20px;
    }
    #bg-img-section:has(#mbc-overview-container) {
        padding-top: 40px;
    }

    #metastatic-breast-cancer div#submenu-nav-sec {
        margin-top: 0;
    }

#metastatic-breast-cancer div#submenu-nav-sec hr.submenu-line {
    height: 130px;
}
#esr1-mutation-container .flex-box {
    flex-direction: column;
}

#esr1-mutation-container .flex-box .img-section img {margin-bottom: -40px;margin-top: -20px;}

#esr1-mutation-container .flex-box .content {
    text-align: center;
}
#metastatic-breast-cancer .heading-sec{
    clip-path: inset(0px -60px -60px -60px);
    box-shadow: 0px 7px 52.5px 0px rgba(100, 2, 100, 0.22);
}
#ESR1-mutation-testing {
    padding-bottom: 42px;
}
#metastatic-breast-cancer .cmp-separator hr {
    margin: 40px 20px;
}
#esr1-mutation-container .cmp-carousel-horizontal--swipe {
    margin-top: 35px;
    border-radius: 15px;
    box-shadow: 6px 6px 9.9px 0px #674F684D;
}

.cmp-carousel__actions--swipe {
    height: 642px;
}

.carousel-card {
    margin: 0 !important;
    box-shadow: none;
}
.carousel-card-key {
    padding-left: 8px !important;
    padding-right: 8px !important;
}
.steth-section .home-card img {
    position: absolute;
    max-width: 100px;
    top: -11px;
    margin: 0 auto;
    width: 100%;
    left: 0;
    right: 0;
}

.steth-section {
    position: relative;
    margin-top: 27px;
}

.steth-section .home-card {
    padding: 63px 37px 38px;
}

.steth-section .home-card p {
    padding: 0 !important;
}
}

@media screen and (min-width:992px) and  (max-width:1010px){
#metastatic-breast-cancer .wrapper {
     margin-left:10px!important;
     margin-right:10px!important;
}

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

#metastatic-breast-cancer #text-492e92bb7d .wrapper {
     margin-left:47px!important;
}
   }
 @media screen and (min-width:320px) and  (max-width:360px){  
.btn-367px.btn-blurred > .btn-gradient,
.btn-367px.btn-blurred .btn-white,
.btn-367px.btn-blurred{
    min-width: 300px!important;
}
}
 @media screen and (min-width:320px) and  (max-width:350px){
     .cmp-carousel__actions.cmp-carousel__actions--swipe.added-by-js .btn-white,
     .cmp-carousel__actions.cmp-carousel__actions--swipe.added-by-js .btn-blurred,
     .cmp-carousel__actions.cmp-carousel__actions--swipe.added-by-js button,
     .cmp-carousel__actions.cmp-carousel__actions--swipe.added-by-js .btn-gradient{
    width: 124px !important;
    min-width: 124px !important;
}
 }
@media screen and (min-width:394px) and  (max-width:399px){
    #metastatic-breast-cancer div#submenu-nav-sec hr.submenu-line {
        height: 110px!important;
    }
}
@media screen and (min-width:400px) and  (max-width:991px){
    #metastatic-breast-cancer div#submenu-nav-sec hr.submenu-line {
        height: 92px!important;
    }
}

@media screen and (min-width: 400px) and (max-width: 991px) {
 #metastatic-breast-cancer div#submenu-nav-sec{
     margin-left:auto !important;
     margin-right:auto !important;
  }
}
@media screen and (min-width:992px) and (max-width: 1005px) {
 #metastatic-breast-cancer div#submenu-nav-sec{
     margin-left:15px !important;
     margin-right:15px !important;
  }
}

@media screen and (max-width:380px) {
    .carousel-card {
        width: 280px !important;
        height: 610px !important;
        /* gap: 0px !important; */
        /* padding-top: 0 !important; */
        justify-content: space-evenly;
        background: white;
    }

    #esr1-mutation-container .cmp-carousel__content--swipe {
        gap: 90px;
    }

    #esr1-mutation-container .cmp-carousel-horizontal--swipe {
        max-width: 280px;
    }

    .cmp-carousel__item--swipe {
        justify-content: flex-start !important;
        max-width: 280px;
    }

    .carousel-card .carousel-card-key {
        padding-bottom: 0 !important;
    }

    .carousel-card-below--section {
        box-shadow: none;
    }
}