/* Home V1 CSS Starts here */
.dark-lavender{
    color:#7C007E !important;
}
/* Global */
#home-1 .cmp-text {
    padding: 0;
}
#faq-main-sec>.toggle-accordion>div {
    outline: none;
}

.wrapper {
    max-width: 1000px;
    margin: 0 auto;
    padding: 40px 24px;
}

#home-1 #banner-section {
    background: linear-gradient(to right, #640164 0%, #CA24B5 20%, #C87585 30%, #C87585 70%, #CA24B5 80%, #640164 100%);
}

.pink-var-brackets:before,.pink-var-brackets:after {
    content: "[";
    color: #FF00EB;
}

.sub-section.section4:has(.chart-footnote) {padding-top: 40px;}


.pink-var-brackets:after {
    content: "]";
}

/* Button Style */
.btn-blurred {
    position: relative;
    min-height: 58px;
    min-width: 305px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 48px;
    overflow: visible;
}

.btn-blurred::before {
    content: '';
    /* max-width: 350px; */
    width: 100.5%;
    height: 100%;
    /* padding-left: 15px; */
    /* padding-right: 18px; */
    /* padding-top: 14px; */
    /* padding-bottom: 14px; */
    left: 0px;
    /*top: 4.5px;*/
    position: absolute;
    background: linear-gradient(90deg, #c804cb 0%, #ee946d 100%);
    box-shadow: 0px 0px 0px;
    border-radius: 48px;
    filter: blur(5px);
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    gap: 1px;
    display: inline-flex;
}
#home-1 #banner-section .btn-blurred::before {
    top: -2px;
}

.btn-gradient {
    /* max-width: 330px; */
    width: 100%;
    /* padding-left: 25px; */
    /* padding-right: 25px; */
    /* padding-top: 18px; */
    /* padding-bottom: 18px; */
    left: 0px;
    /*top: 4.5px;*/
    position: absolute;
    background: var(--White, white);
    border-radius: 48px;
    justify-content: center;
    align-items: center;
    gap: 5px;
    display: inline-flex;
}

.btn-white {
    position: relative;
    z-index: 1;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 4px;
    border-radius: 48px;
    background: #FFF;
    padding: 18px 20px;
    width: 307px;
    height: 52px;
    outline: 2px #c804cb solid;
    /* outline-offset: -2px; */
    /* width: 100%; */
}

.btn-blurred a {
    color: #640264;
    font-family: "Inter", sans-serif;
    font-size: 14px;
    font-style: italic;
    font-weight: 800;
    line-height: 16px;
    text-transform: uppercase;
    text-decoration: none;
    display: flex;
    align-items: center;
}

.btn-blurred a::after {
    content: url('/content/dam/intelligentcontent/brands/camizestrant-dtc/us/en/full-site/image/home/fuchsia-chevron-right.svg');
    margin-left: 4px;
    width: 20px;
    height: 20px;
}


/* Home Eyebrow */
.home-eyebrow .wrapper {
    padding: 9px 18px;
}

/* Home Hero Banner */
.banner-container {
    position: relative;
    max-width: 390px;
    margin: 0 auto;
}

.banner-text {
    position: absolute;
    bottom: 30px;
    padding: 0 20px;
    left: 5px;
}
.banner-text .bannertext1 {
    font-size: 16px !important;
    line-height: 22px !important;
    max-width: 250px;
    font-weight: bold;
}

.not-real--patient {
    bottom: 18px;
    right: 22px;
    position: absolute;
}

/* Explore Next */
#explore-next {
    background: url('/content/dam/intelligentcontent/brands/camizestrant-dtc/us/en/full-site/image/home/mb_ExploreNext-bg.png') no-repeat center;
    background-size: cover;
}

#explore-next .btn-gradient {
    max-width: 344px;
}

#explore-next .btn-white {
    width: 340px;
}

#explore-next .home-card {
    max-width: 981px;
}

#explore-next .home-card img {
    width: 193px;
    height: 178px;
    margin-top: 0;
}


.etcamah-list--bullets li {
    padding-left: 24px;
    text-indent: -4px;
}

.etcamah-list--bullets li:before {
    display: inline-block;
    content: '\2022';
    position: relative;
    left: -8px;
    color: #000000;
    font-size: 16px;
}

.footer-logos img {
    width: 100%;
}

.btn-white:hover {
    background: linear-gradient(96.94deg, #C804CB 15.89%, #EE946D 105.27%);
    outline: none;
}
.btn-gradient:has(.btn-white:hover) {
    background: transparent;
}

.btn-white:hover a {
    color: white;
}

.btn-white:hover a ::after {}

.btn-white:hover a:after {
    content: url(/content/dam/intelligentcontent/brands/camizestrant-dtc/us/en/full-site/image/global/white-right-arrow.svg);
}

.btn-blurred:has(.btn-white:hover)::before {background: rgba(100 2 100 / 70%);}


/* Home Pink Callout */
#home-callout .btn-gradient {
    /* min-width: 304px; */
}

#home-callout .btn-white {
    width: 302px;
    padding: 12px 34px;
}

/* Home Cards */
#home-cards-container {
    background: url('/content/dam/intelligentcontent/brands/camizestrant-dtc/us/en/full-site/image/home/mb_cards-bg.png') no-repeat center;
    background-size: cover;
}

#home-cards-container .wrapper{
    gap: 115px;
    padding-top: 90px;
}

.home-card {
    max-width: 350px;
    border-radius: 16px;
    background: #FFFFFFA6;
    box-shadow: -4px -5px 4px 0 rgba(206, 102, 57, 0.05), 4px 8px 16px 0 rgba(100, 2, 100, 0.23);
    padding: 30px 21px;
}

.home-card img {
    margin-top: -80px;
    width: 100px;
    height: 100px;
}

.home-card-text {
    height: 56px;
    margin-bottom: 45px;
    max-width: 415px;
}

h1 {
  margin-top: 0;
  margin-bottom: 0;
}


/* Desktop STARTS */
@media (min-width: 992px) {
    
    #home-1 .cust-abv-text{
            bottom: 63px!important;
    }
    
    #header #utility-nav .cmp-topnavigation__item--level-0 .cmp-topnavigation__link:hover {
        text-decoration: underline;
    }
    .wrapper {
        padding: 60px 0px;
    }

    .btn-blurred, .btn-white {
        width: 335px;
    }

    /* Home Eyebrow*/
    .home-eyebrow .wrapper {
        padding: 12px 0px;
    }

    /* Home Hero Banner */
    .banner-container img {
        margin: 0 auto;
    }
    .banner-container {
        max-width: 100%;
        background: linear-gradient(to right, #640164 0%, #CA24B5 20%, #C87585 30%, #C87585 70%, #CA24B5 80%, #640164 100%);
    }

    .banner-text {
        width: 470px;
        bottom: 81px;
        left: 818px;
        padding: 0;
    }
    .banner-text .bannertext1 {
        font-size: 18.3px !important;
        line-height: 23.3px !important;
        max-width:unset;
    }

    .not-real--patient {
        bottom: 46px;
        right: 795px;
        line-height: 22px !important;
    }

    #banner-section .banner-text .btn-white {
        padding: 14px 14px;
        letter-spacing: -0.3px;
    }

    #banner-section .banner-text .btn-blurred a {
        font-size: 16px;
        line-height: 110%;
    }

    #banner-section .banner-text .btn-blurred a::after {
        margin-top: -1px;
    }

    /* Explore Next */
    #explore-next {
        background: url('/content/dam/intelligentcontent/brands/camizestrant-dtc/us/en/full-site/image/home/ExploreNext-bg.png') no-repeat center;
        background-size: 120%;
    }

    /* Home Pink Callout */
    #home-callout .wrapper {
        padding: 34px 0;
    }

    #home-callout .btn-blurred {
        width: 305px;
    }

    .home-callout-text {
        max-width: 617px;
    }

    .btn-gradient {
        /* min-width: 339px; */
    }

    /* Home Cards */
    #home-cards-container {
        background: url('/content/dam/intelligentcontent/brands/camizestrant-dtc/us/en/full-site/image/home/cards-bg.png') no-repeat center;
        background-size: cover;
    }
    #home-cards-container .wrapper{
        padding-top: 110px;
    }
    .home-card {
        max-width: 475px;
        padding: 30px 21px 37px;
    }

    .home-card-text {
        margin-bottom: 29.33px;
    }

}

@media screen and (max-width:991px){
    #home-1 .banner-text {
        padding: 0 13px;
    }
    
}

/* Desktop STARTS */
@media (min-width: 992px) and (max-width: 1400px) {
    .banner-text {
        bottom: 5%;
        left: 50%;
    }
    #home-1  #explore-next {
        background-size: 130% 130% !important;
    }
}

@media screen and (min-width:391px) and (max-width:991px){
    #explore-next .btn-blurred {
        max-width: 345px;
        margin: 0 auto;
    }
     #explore-next
    {
        background-size: 103% !important;
    }
}

@media screen and (min-width:1401px) and  (max-width:1430px){
    .banner-text{
      /*left: 799px !important;*/
             left: 57%!important;
    }
   }

   
   @media (min-width: 992px) and (max-width: 1060px) {
    .banner-text {
        bottom: 14%!important;
        left: 59.5% !important;
        width: 444px!important;
    }
}


  @media (min-width: 1061px) and (max-width: 1120px) {
    .banner-text {
        bottom: 14%!important;
        left: 59% !important;
       
    }
}
 @media (min-width: 1121px) and (max-width: 1200px) {
    .banner-text {
        bottom: 14%!important;
        left: 59% !important;
        width: 444px!important;
    }
}
 @media (min-width: 1201px) and (max-width: 1300px) {
    .banner-text {
        bottom: 14%!important;
        left: 57% !important;
     
    }
}
  @media (min-width: 1300px) and (max-width: 1400px) {
    .banner-text {
        bottom: 14%!important;
        left: 57.5% !important;
        
    }
}
  @media (min-width: 992px) and (max-width: 1010px) {
.wrapper {
    margin-left: 16px !important;
    margin-right: 16px !important;
}
}


   @media (min-width: 320px) and (max-width: 350px) {

  .banner-text {
    bottom: 20px!important;

    left: 2px!important;

    }
    .btn-blurred{
    min-width: 270px !important;
    }
    .home-card:nth-child(2) .home-card-text {
        margin-bottom:85px !important;
    }
    .page-cta-sec a > span{
        padding-left:15px!important;
        Padding-right:15px!important;
    }
}
@media screen and (min-width:1994px) and  (max-width:2560px){
    .banner-text{
        left: 54.5% !important;
    }
}

@media screen and (min-width:1450px) and  (max-width:1480px){
    .banner-text{
       left: 56.5% !important;
    }
}
@media screen and (min-width:1481px) and  (max-width:1600px){
    .banner-text{
       left: 56.5% !important;
    }
}
@media screen and (min-width:1601px) and  (max-width:1720px){
    .banner-text{
       left: 56% !important;
    }
}
@media screen and (min-width:1721px) and  (max-width:1993px){
    .banner-text{
       left: 55% !important;
    }
}

@media screen and (min-width: 945px) and (max-width: 991px) {
  .items-center.num-one{
      align-items: unset !important;
  }
}