

/* Banner*/


#request-breztri-asthma .breztri-banner-container {
    max-width: 100%;
}


/*STEPS SECTION*/

    #request-breztri-asthma .breztri-steps-title {
    font-family: Gotham-bold;
    font-weight: 500;
    font-style: Regular;
    letter-spacing: 0%;
    text-align: center;
    margin: 0;
    color: #333333;
    max-width: 1093px;
    margin: 0 auto;
    margin-bottom: 35px;
}

#request-breztri-asthma .breztri-banner h1 {
    font-size: 45px;
    line-height: 49px;
    color: #FFFFFF;
    margin: 0;
    text-transform: unset;
    max-width: 1335px;
    font-family: 'Gotham-Black';
}

#request-breztri-asthma #FAQs-Container,
#request-breztri-asthma #banner-container {
    background-color: #F7F7F7!important;
}

#request-breztri-asthma #FAQs-Container {  
    position: relative; 
    padding-left: 14%;
 }
    
/*#request-breztri-asthma #FAQs-Container::before {*/
/*    background: url(/content/dam/intelligentcontent/brands/breztri-dtc/us/en/images/phase5/desktop/asthma/benefits-of-breztri/breztri-half-logo.png)*/
/*    no-repeat;*/
/*    background-repeat: no-repeat;  */
/*    position: absolute;*/
/*    left: 0;*/
/*    top: 70px;*/
/*    background-size: contain;*/
/*    width: 310px;*/
/*    height: 497px;*/
/*    content: '';*/
/*    z-index: 1;  */
/*  }*/
 #request-breztri-asthma #FAQs-container-in::before {
    background: url(/content/dam/intelligentcontent/brands/breztri-dtc/us/en/images/phase5/desktop/asthma/benefits-of-breztri/breztri-half-logo.png);
    background-repeat: no-repeat;
    top: 70px;
    background-size: contain;
    content: '';
    z-index: 1;
    position: absolute;
    left: -380px;
    width: 310px;
    height: 497px;
}
    


#request-breztri-asthma .breztri-banner-subtitle {
    font-family: 'Gotham-book';
    font-weight: 325;
    font-style: Book;
    letter-spacing: 0%;
    text-align: center;
    color: #333333;
    padding-bottom: 15px;
    max-width: 891px;
    margin: 0 auto;
    margin-bottom: 35px;
    font-size: 16px;
    line-height: 24px;
}

#request-breztri-asthma .breztri-feature-icon p {
    font-size: 24px;
    font-family: gotham-bold;
}
    
    
#request-breztri-asthma .get-tarted-jump-link{    
    background: #1BFFE9;
    height: 47px;
    font-family: 'Gotham-Bold';
    font-size: 18px;
    line-height: 24px;
    display: block;
    text-align: center;
    border-radius: 25px;
    color: #121312!important;
    max-width: 208px;
    margin: 0 auto;
    border: 3px solid #2CD5C4;
    padding-left: 10px;
    padding-top: 4px;
    }
    
     
    
#request-breztri-asthma .get-tarted-jump-link a::after {
    content: "";
    display: inline-block;
    width: 22px;
    height: 22px;
    background-image: url(/content/dam/intelligentcontent/brands/breztri-dtc/us/en/images/phase5/desktop/asthma/request-breztri-asthma/default-icon-wrapper.svg);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    position: relative;
    left: 5px;
    top: 7px;
}
    
#request-breztri-asthma .get-started {
    margin-top: 50px;
    padding-bottom: 50px;
}
    
    
    
#request-breztri-asthma .breztri-steps-icons-container {
    display: flex;
    flex-direction: row;
    justify-content: space-around;
    margin: 0 auto;
    max-width: 1014px;
}
    
#request-breztri-asthma .breztri-feature-icon {
    display: flex;
    flex-direction: row;
    justify-content: center;
}

#request-breztri-asthma .breztri-feature-icon p {
    width: 30px;
}
    
#request-breztri-asthma .breztri-steps-content {
    max-width: 298px;
    text-align: center;
    margin-top: 25px;
}

#request-breztri-asthma .image-container {
    width: 95px;
    height: 95px;
}

#request-breztri-asthma .image-container img {
    width: auto;
    height: 90px;
}
#request-breztri-asthma #request-breztri-accordion .asthma-faq-accord-lists {
    padding: 0;
}
#request-breztri-asthma #request-breztri-accordion .asthma-faq-accord-lists ul.first-level-list.asthma-lists {
    list-style-type: none;
    padding: 0px 0px 10px 10px;
}
#request-breztri-asthma #request-breztri-accordion .asthma-faq-accord-lists ul.first-level-list.asthma-lists li {
    position: relative;
    padding-left: 4px;
}
#request-breztri-asthma #request-breztri-accordion .asthma-faq-accord-lists ul.first-level-list.asthma-lists li::before {
    content: '';
    position: absolute;
    left: 0;
    top: 10px;
    width: 4px;
    height: 4px;
    border-radius: 100%;
    background-color: #373A36;
}
#request-breztri-asthma #request-breztri-accordion .asthma-faq-accord-lists ul.first-level-list.asthma-lists li p {
    font-family: 'Gotham-Book';
    font-size: 17px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
    padding-left: 10px;
    margin-bottom: 0;
}
#request-breztri-asthma #request-breztri-accordion .cmp-accordion__button {
    padding: 0;
    margin: 20px 0;
}
#request-breztri-asthma #request-breztri-accordion .cmp-accordion__panel {
    padding: 0;
}

/*FAQs SECTION*/

#request-breztri-asthma div#accordion-86ac016a10-item-b9db35b4e8-panel,
#request-breztri-asthma button#accordion-86ac016a10-item-b9db35b4e8-button {
    padding-left: 0;
    padding-right: 0;
}


#request-breztri-asthma .cmp-accordion__item {
    border-bottom: 2px solid #F0B323;
    border-top: 2px solid #F0B323;
}
#request-breztri-asthma h3.cmp-accordion__header { padding-bottom: 0;}

#request-breztri-asthma .cmp-accordion__button { padding-bottom: 20px;
    padding-top: 20px; }

#request-breztri-asthma .cmp-text ul {
    /* padding-left: 10px; */
}

#request-breztri-asthma .faq-content a b {
    text-decoration: underline;
}


#request-breztri-asthma .faq-content p,
#request-breztri-asthma p.faq-sub-content,
#request-breztri-asthma ul.first-level-list {
    margin-bottom: 20px;
}

#request-breztri-asthma ul.first-level-list {
    line-height: 24px;
}


 
#request-breztri-asthma .breztri-faq-footer-content p:last-child {
    font-family: 'Gotham-Book';
    font-weight: 325;
    font-size: 18px;
    line-height: 24px;
    letter-spacing: 0%;
    background: #F0B323;
    padding: 6px 24px;
    border-radius: 24px;
    display: inline;
    border: 3px solid #FEE2A0;
}

#request-breztri-asthma .underline {
    text-decoration: underline;
}

#request-breztri-asthma .small-text {
    font-size: 70%;
}
 

/* EXPLORE CARDS*/

#request-breztri-asthma  #text-3258617ab4 {
    background: #F7F7F7;
}

#request-breztri-asthma .explore-cards-container {
    display: flex;
    max-width: 700px;
    margin: 0 auto;
    margin-bottom: 50px;
    margin-top: 30px;
}

#request-breztri-asthma .explore-container {
    padding: 0 0 1px 0;
    align-items: center;
    margin: 0 auto;
    padding-left: 25px;
    padding-right: 25px;
    background-color: #F7F7F7;

}

#request-breztri-asthma .explore-container h4 {
    text-align: center;
    margin: 0 auto;
    max-width: 500px;
    margin-bottom: 40px;
    font-size: 18px;
    line-height: 24px;
    color: #373A37;
}


#request-breztri-asthma .explore-card {
    height: 268px;
    background-color: white;
    border-radius: 30px;
    margin: 0 auto;
    text-align: center;
    align-content: center;
}
 

/*modal code deleted*/

/*    #request-breztri-asthma #FAQ-Accord .cmp-accordion__icon {*/
/*    width: 23px;*/
/*    height: 23px;*/
/*    background: #373A37;*/
/*    padding-top: 4px;*/
/*    border-radius: 24px;*/
/*    color: white;*/
/*    text-align: center;*/
/*}*/

/*    #request-breztri-asthma .CopdSite .cmp-accordion__icon::before {*/
/*    content: '\f067';*/
/*    font-family: "FontAwesome6Free-Solid";*/
/*    color: white;*/
/*    text-align: center;*/
/*}*/
 

#request-breztri-asthma #FAQ-Accord {
    max-width: 911px;
    margin: 0 auto;
    padding: 0 10px;    
    }

#FAQs-container-in 
{
     position: relative;
    max-width: 868px;
    margin: 0 auto;
    /*padding-bottom: 70px;*/
}
#request-breztri-asthma .breztri-faq-footer-content p a::after 
{
    top: 3px;
}

/* MEDIA QUERIES START*/

@media screen and (min-width: 1990px) {
   #FAQs-container-in { padding-left: 0;}
}
@media screen and (max-width: 1350px) {
    #request-breztri-asthma #FAQs-Container::after 
    {
      width: 220px;
      height: 367px;
    }
}
@media screen and (max-width: 1250px) {
    #request-breztri-asthma #FAQs-Container::after 
    {
      width: 180px;
      height: 297px;
    }
}
@media screen and (max-width: 1150px) {
    #request-breztri-asthma #FAQs-Container::after {
        background: none; display: none;
    }  
     #FAQs-container-in {  padding-left: 0;} 
    
} 

@media screen and (max-width: 991px) {
    
    #request-breztri-asthma .number {
    line-height: 33px;        
    }
    
    #request-breztri-asthma .breztri-banner-container {
    background-color: #F4F4F4;
    }
    
    #request-breztri-asthma .breztri-ban-block {
    margin-top: 225px;
    }
    #request-breztri-asthma.CookieClosed .breztri-ban-block {
        margin-top: 135px;
        background: #F5F5F5;
    }
    #request-breztri-asthma .breztri-banner-bg {
    background-image: url(/content/dam/intelligentcontent/brands/breztri-dtc/us/en/images/phase5/mobile/asthma/request-breztri-asthma/request-breztri-asthma-bg-mob.jpg);
    background-position: 50% 60%;
    }
    #request-breztri-asthma .foot-main p.info-text {
        font-size: 14px;
        line-height: 18px;
    }
 
    
    /*BANNER SECTION*/
    #request-breztri-asthma .breztri-banner {
    display: flex;
    align-items: center;
    min-height: 200px;
    }
    

    
    #request-breztri-asthma .breztri-banner h1 {
    font-size: 32px;
    line-height: 37px;
    max-width: 200px;
    margin-left: 20px;
    }

    
    /*STEPS SECTION*/
    #request-breztri-asthma .breztri-banner-header {
    padding-bottom: 0;
    padding-top: 35px;
    }
    
    #request-breztri-asthma .breztri-steps-title {
    margin-bottom: 0;
    }
    
    #request-breztri-asthma .breztri-steps-icons-container,
    #request-breztri-asthma .explore-cards-container {
    display: block;
    }
    
    #request-breztri-asthma .breztri-banner-subtitle,    
    #request-breztri-asthma .breztri-steps-title {    
    margin-left: 0;
    }
    
 
    #request-breztri-asthma .explore-container h4 {
    max-width: 100%;        
    text-align: left;
    
    }
    
    #request-breztri-asthma .breztri-feature-icon {
    margin-bottom: 20px;
    }
    
    #request-breztri-asthma .breztri-feature-icon p, 
    #request-breztri-asthma .image-container {
    text-align: center;
    }
    
    #request-breztri-asthma .breztri-steps-content {
    margin: 0 auto;
    margin-bottom: 50px;
    }
    
    #request-breztri-asthma .explore-card {
    margin-bottom: 40px;
    }
    

    
    
    /*FAQs SECTION*/
     

    #request-breztri-asthma .breztri-faq-section {
        padding: 50px 25px 0px 25px;
        margin: 0 auto;
        max-width: 991px;
        padding-left: 20px;
        padding-right: 20px; 
    }
    #request-breztri-asthma .breztri-faq-footer-content { padding: 20px 25px 67px 25px; }
    #request-breztri-asthma #FAQ-Accord {
    max-width: 100%;
    margin: 0 0 0 auto;
    padding: 0 25px;
    }

    #request-breztri-asthma .breztri-faq-footer-content {
    padding-left: 20px;
    margin-left: 0;
    }
    
    
    #request-breztri-asthma #FAQ-Accord .cmp-accordion__title {
    font-size: 17px;
    line-height: 24px;
    font-family: 'Gotham-Bold';
    }
    
    #request-breztri-asthma .cmp-text ul {
    /* padding: 0;
    margin: 0;
    padding-left: 9px;
    list-style-position: outside;
    margin-left: 10px; */
    }




    /*EXPLORE SECTION*/
    #request-breztri-asthma .explore-container h4,
    #request-breztri-asthma .explore-cards-container,
    #request-breztri-asthma .explore-card {
    max-width: 100%;
    }
    
    #request-breztri-asthma .breztri-faq-footer-content p:last-child {
    font-size: 14px;
    line-height: 20px;
    }
     #request-breztri-asthma .get-started {
    margin-top: 0; padding-bottom: 0px;
    }
     #request-breztri-asthma .breztri-faq-footer-content p a::after 
    {
        top: 4px;
    }
    #request-breztri-asthma #request-breztri-accordion .cmp-accordion__button {
    padding: 0;
    margin: 20px 0;
    justify-content: space-between;
}
#request-breztri-asthma  #request-breztri-accordion .cmp-accordion__panel {
    padding: 0;
}
#request-breztri-asthma #FAQs-container-in::before{
        display:none;
    }
#request-breztri-asthma #FAQs-Container {
    padding-left: 0;
}
}



@media screen and (min-width: 414px) {
 #request-breztri-asthma .faq-content br {
    display: none;
    }
}

@media screen and (max-width: 414px) {
    
    /*BANNER*/
    #request-breztri-asthma .breztri-feature-icon {
    font-size: 32px;
    line-height: 37px;
    }
    
    
#request-breztri-asthma .breztri-banner-bg { 
    background-position: 36% 45%;
    background-size: 230%;

    }

    /*STEPS SECTION*/
    #request-breztri-asthma .breztri-banner-header {
    padding-top: 35px;
    }
    


    
   
    
    #request-breztri-asthma .get-tarted-jump-link {
    height: 44px;
    font-size: 14.4px;
    line-height: 19.2px;
    padding-right: 0;
    padding-top: 0;
    padding-top: 2px;
    }
    
    #request-breztri-asthma p, 
    #request-breztri-asthma .text.parbase ul li span {
    font-size: 14px;
    line-height: 20px;
    }
    
    #request-breztri-asthma .breztri-steps-content p {
    font-size: 14px;
    line-height: 20px;
    }
    
    /*FAQs SECTION*/
    #request-breztri-asthma .breztri-faq-section {
    max-width: 400px;   
    margin: 0;
    }
    
    #request-breztri-asthma .breztri-faq-section p {
    font-size: 24px;
    line-height: 30px;
    }
    
    #request-breztri-asthma #FAQ-Accord .cmp-accordion__title {
    max-width:  300px;
    }
    
    /*EXPLORE SECTION*/
    #request-breztri-asthma .explore-container {
    padding-top: 50px;
    }
    
    #request-breztri-asthma .explore-container h4 {
    font-size: 18px;
    line-height: 24px;
    }
    
    #request-breztri-asthma #FAQ-Accord {
    padding: 0 22px;
    }
    
    #request-breztri-asthma .explore-cards-container {
    margin-bottom: 63px;
    }
    
    
    #request-breztri-asthma .explore-container {
    padding-left: 45px;
    padding-right: 45px;
    }
    
    /*MODAL*/
    #request-breztri-asthma .modal-box__content {
    max-width: 350px;
    padding-right: 0;
    }

    #request-breztri-asthma .breztri-modal-container h4 {
    font-size: 18px;
    line-height: 24px;
    margin-top: 20px;
    }

    #request-breztri-asthma .breztri-modal-container p {
    font-size: 16px;
    margin-bottom: 25px;
    margin-top: 25px;
    }

    #request-breztri-asthma .breztri-modal-container br {
    display: none;
    }
    
   
    

    #request-breztri-asthma .cmp-modal--defaultStyle .modal__closeIcon {
        width: 30px;
    }
    
    #request-breztri-asthma span.modal__closeIcon {
    margin-top: -10px;
    }
    
    #request-breztri-asthma .cmp-modal--defaultStyle .modal-box__content {
    padding-right: 0;
    padding-left: 10px;
    }
    
    #request-breztri-asthma .breztri-steps-title {
    font-size: 24px;
    line-height: 33px;
    }
    
    #request-breztri-asthma .explore-card p {
    font-size: 16px;
    line-height: 24px;
    }
    
    #request-breztri-asthma .nowrap-small {
    white-space: nowrap;
    }
    

    }


    #request-breztri-asthma p.faq-sub-content,.text.parbase ul li span {
    font-size: 17px;
    line-height: 24px;
    }
    
    #request-breztri-asthma .breztri-steps-title {
    font-size: 24px;
    line-height: 33px;
    }
    
    #request-breztri-asthma .breztri-faq-section,
    #request-breztri-asthma .breztri-faq-footer-content {
    max-width: 911px;
    }
    
    #request-breztri-asthma .breztri-faq-section {
    padding-left: 15px;
    }


    



@media screen and (min-width: 991px) {
    
    
    
    /*#request-breztri-asthma p.faq-sub-content,*/
    /*#request-breztri-asthma p, .text.parbase ul li span {*/
    /*font-size: 17px;*/
    /*line-height: 24px;*/
    /*}*/
    
    #request-breztri-asthma p.faq-title {
    font-size: 28px;
    line-height: 34px;
    }
    
    #request-breztri-asthma .explore-container h4 {
    font-size: 24px;
    line-height: 32px;
    }

    #request-breztri-asthma  .breztri-banner {
    min-height: 170px;
    align-items: center;
    display: flex;
    }
    
    #request-breztri-asthma  #FAQ-Accord .cmp-accordion__title {
    font-family: 'Gotham-Bold';
    font-weight: 400;
    font-size: 17px;
    line-height: 24px;
    letter-spacing: 0%;
    }
    

   #request-breztri-asthma .breztri-banner-bg {
    background-image: url(/content/dam/intelligentcontent/brands/breztri-dtc/us/en/images/phase5/desktop/asthma/request-breztri-asthma/request-breztri-asthma-bg.jpg);
    border-radius: 0;
    background-size: cover;
    min-height: 171px;
    background-repeat: no-repeat;
    background-position: right 50%;
    }


    #request-breztri-asthma .breztri-banner-header {
    padding-top: 50px;
    margin-bottom: 34px;
    min-width: 340px;
    margin: 0 auto;
    }
    
    #request-breztri-asthma .breztri-steps-title {
    font-size: 32px;
    line-height: 38px;

    }
    
    #request-breztri-asthma .breztri-steps-content p {
    font-size: 17px;
    line-height: 24px;
    }

    #request-breztri-asthma .breztri-banner-subtitle {
    font-size: 24px;
    line-height: 29px;

    }


    #request-breztri-asthma .explore-card {
    width: 305px;
    }
    
    
    #request-breztri-asthma .faq-content p, 
    #request-breztri-asthma p.faq-sub-content, 
    #request-breztri-asthma ul.first-level-list {
    padding-right: 40px;
    }
    
    #request-breztri-asthma .number {
    line-height: 32px;        
    }
    
    #request-breztri-asthma .breztri-faq-footer-content 
    {
        margin: 0 auto; padding-left: 10px; padding-right: 10px; max-width: 911px;padding-bottom:50px;
    }
    #request-breztri-asthma .breztri-faq-section
    {
        margin: 0 auto; 
    }
    
}


#request-breztri-asthma p.faq-sub-content, 
#request-breztri-asthma span.cmp-accordion__title,
#request-breztri-asthma ul.first-level-list li,
#request-breztri-asthma .faq-content.clear-content p,
#request-breztri-asthma .breztri-faq-footer-content p {
font-family: 'Gotham-Book';
color: #373A36!important;
}

#request-breztri-asthma .breztri-faq-footer-content b,
#request-breztri-asthma .get-tarted-jump-link a {
font-family: 'Gotham-Bold';
color: #121312!important;
}


#request-breztri-asthma p.faq-title {
color: #333333!important;
}

#request-breztri-asthma #FAQ-Accord .phone a {
    font-family: 'Gotham-Book';
    color: #000000!important;
}

#request-breztri-asthma #FAQ-Accord .cmp-accordion__icon::before {
    content: '\f067';
    font-family: "FontAwesome6Free-Solid";
    color: #fff;
    background: #000;
    border-radius: 50%;
    height: 23px;
    width: 23px;
    display: block;
    padding-left: 0px;
    padding-top: 0;
    text-align: center;
    line-height: 23px;
    opacity: 1;
}


#request-breztri-asthma #FAQ-Accord .cmp-accordion__button--expanded .cmp-accordion__icon::before {
    content: '\f068';
    font-family: "FontAwesome6Free-Solid";
}

