.banner-main {
    background-image: url(/content/dam/intelligentcontent/brands/fasenra-hcp/en/images/fasenra-egpa/global/desktop/banner-bg.png);
    background-size: cover;
    background-position: right center;
    background-repeat: no-repeat;
}

#egpa-banner .cmp-text {
    padding: 0;
}

.banner {
    padding: 33px 0 28px 0;
}

#egpa-overview .banner p {
    font-size: 18px;
    line-height: 20px;
    padding:0;
}

.banner p {
    font-size: 20px;
    line-height: 20px;
    font-family: "myriad-pro-condensed", sans-serif; font-weight: 400; font-style: italic;
    font-style: italic;
    color: #FFFFFF;
    padding: 0 0 0px 0; text-transform: uppercase;
}

.banner h1 {
    margin: 0;
    font-size: 40px;
    line-height: 44px;
    font-family: "myriad-pro-condensed", sans-serif; font-weight: 900; font-style: italic;
    color: #FFFFFF; text-transform: uppercase; 
}

.manifestations {
    display: flex;
    padding: 28px 0 21px 0;
    justify-content: space-between;
}

.eosinophilic-content {
    width: 48%;
     
}

.eosinophilic-head h2 {
    margin: 3px 0 4px 0;
    font-family: "myriad-pro-condensed", sans-serif; font-weight: 900; font-style: italic;
    font-size: 32px;
    line-height: 36px;
    color: #AE2573;
    max-width: 350px;
}

.eosinophilic-head figure {
    margin: 0;
}

.biomarker {
    max-width: 497px;
    padding: 15px 0 95px 0;
}

.biomarker h3 {
    margin: 0 0 16px 0;
    font-size: 20px;
    line-height: 24px;
    color: #333F48;
    font-family: "myriad-pro", sans-serif; font-weight: 700; font-style: normal;
}

.eosinophilic-content .biomarker ul {
    padding: 0 0 0 25px;
}

.biomarker ul li {

margin: 0 0 8px 0;
}

.biomarker ul li p {
    font-family: "myriad-pro", sans-serif; font-weight: 400; font-style: normal;
    font-size: 16px;
    line-height: 19px;
    color: #333F48;
}

.biomarker ul li p span {
    font-family: "myriad-pro", sans-serif; font-weight: 600; font-style: normal;
}

.affecting {
    background: linear-gradient(90deg, rgba(174, 37, 115, 0.00) 0%, rgba(174, 37, 115, 0.10) 50%, rgba(174, 37, 115, 0.00) 100%);
    padding: 20px 0 23px 0;
    max-width: 493px;
}

.affecting-in {
    max-width: 323px;
    margin: 0 auto;
}

.affecting-in p {
    font-family: "myriad-pro", sans-serif; font-weight: 600; font-style: normal;
    font-size: 20px;
    line-height: 22px;
    color: #333F48;
    text-align: center;
}

.affecting-in p span {
    color: #AE2573;
    font-family: "myriad-pro", sans-serif; font-weight: 900; font-style: normal;
    text-transform: uppercase;
}

.affecting-in p sup {
    font-family: "myriad-pro", sans-serif; font-weight: 900; font-style: normal;
    color: #333F48;
}

.eosinophilic-view {
    width: 51%;
}

.granulomatuos {}

.granulomatuos-head {
    border-radius: 12px 12px 0 0;
    padding: 14px 0 12px 0;
    background: var(--Chart-header---Green-gradient, linear-gradient(90deg, #064C53 0%, #009D88 100%));
}

.granulomatuos-head p {
    font-family: "myriad-pro", sans-serif; font-weight: 700; font-style: normal;
    font-size: 20px;
    line-height: 24px;
    color: #FFFFFF;
    text-align: center;
}

.granulomatuos-content {
    padding: 16px 32px 0 50px;
    border-radius: 0 0 10px 10px;
    border-right: 2px solid #D7D7D7;
    border-left: 2px solid #D7D7D7;
    border-bottom: 2px solid #D7D7D7;
}

.granulomatuos-content figure {
    margin: 0;
}

.granulomatuos-content figure img {
    margin: 0 auto;
    display: block;
}
#prodromal-block .cmp-text {
    padding: 0;
}
.prodromal-main {
    background-color: #fff;
    padding: 40px 0 40px 0;
}

.prodromal {}

.prodromal-head h2 {
    margin: 0 0 4px 0;
    font-family: "myriad-pro-condensed", sans-serif; font-weight: 900; font-style: italic;
    font-size: 32px;
    line-height: 36px;
    color: #AE2573;
}

.prodromal-head h3 {
    margin: 24px 0 38px 0;
    font-size: 20px;
    line-height: 24px;
    color: #333F48;
    font-family: "myriad-pro", sans-serif; font-weight: 700; font-style: normal;
}

.prodromal-head figure {
    margin: 0;
}

.prodromal-view figure {
    margin: 0;
}

#global-button .cmp-text {
    padding: 0;
}

.egpa-cta-button-block {
    background-color: #FAFAFA;
    padding: 40px 0 40px 0;
}

.egpa-cta-data {
    display: flex;
    padding: 0;
    justify-content: space-between;
}

.egpa-cta {
    
}

.egpa-cta-button {
    width: 49.2%;
}

.egpa-cta a {
    background: #FFFFFF; position: relative;
    border-radius: 10px;
    display: block; box-shadow: 0px 3px 46px #0000001a; 
}
.egpa-cta a:before {
	content: ' ';
	position: absolute;
/*	width: 100%;
	height: 10%;
	background: url(/content/dam/intelligentcontent/brands/fasenra-hcp/en/images/fasenra-egpa/global/desktop/cta-shadows.png);
	background-size: cover;
	background-position: top center;
	background-repeat: no-repeat;*/
	left: 0;
	top:100%;	
	box-shadow: 0px 3px 46px #0000001a; 
}
.egpa-cta-in
{
    align-items: center;
    display: flex;
    justify-content: space-between;
}
.eosino-data-block {
    display: flex;
    align-items: center;
    padding: 8px 5px 8px 5px;
    border-right: 2px solid #E8E8E8;
    width: 95%;
    min-height: 84px;
}

.eosino-data {
    width: 88px;
    text-align: right;
}

.eosino-data figure {
    margin: 0;
}

.eosino-data figure img {width:48px}

.eosino-content {

padding: 10px 8px 10px 20px;
}

.eosino-content p { 
    font-size: 18px;
    line-height: 21px;
    color: #333F48;
    font-family: "myriad-pro", sans-serif; font-weight: 700; font-style: normal;}

.eosino-arrow {
    padding: 0px 10px;
    text-align: center;
    width: 54px;
}

.eosino-arrow figure {
    margin: 0 auto;
    display: block;
}

.eosino-arrow figure img { 
    margin: 0 auto;
}

.egpa-cta a:hover {
    text-decoration: none;
    background-color: #AE2573;
    color: #FFFFFF;
}

.egpa-cta a:focus {
    text-decoration: none;
    background-color: #AE2573;
    color: #FFFFFF;
}
.egpa-cta a:active {
    text-decoration: none; 
}
.egpa-cta a:hover .eosino-data figure img,
.egpa-cta a:hover .eosino-arrow figure img {
    filter: invert(1) saturate(0) brightness(3);
}
.egpa-cta a:focus .eosino-data figure img,
.egpa-cta a:focus .eosino-arrow figure img {
    filter: invert(1) saturate(0) brightness(3);
}
.egpa-cta a:hover .eosino-data-block,
.egpa-cta a:focus .eosino-data-block  { border-right: 2px solid #FFFFFF;}

.egpa-cta a:hover .eosino-content p,
.egpa-cta a:focus .eosino-content p { color: #FFFFFF; }

@media screen and (max-width: 1100px) {
    .biomarker { padding: 15px 0 50px 0;}
}

@media screen and (min-width: 991px) {}

 
@media screen and (max-width: 991px) {
    .granulomatuos-content figure.mobile-only img {
    min-height: 345px;
}
    .banner-main {
        background-image: url(/content/dam/intelligentcontent/brands/fasenra-hcp/en/images/fasenra-egpa/global/mobile/banner-bg-mob.png);
    }

    #egpa-overview .banner p {
        font-size: 17px;
        line-height: 19px;
    }

    #egpa-overview .banner h1 {
        max-width: 300px;
    }

    #egpa-overview .biomarker h3 {
        padding-right: 25px;
    }

    #egpa-overview .biomarker ul li p {
        padding-right: 25px;
    }

    .banner {
        padding:26px 0 26px 0;
    }

    .banner h1 br {
        display: none;
    }

    .banner h1 {
        
        font-size: 32px;
        line-height: 34px; 
        max-width: 370px;
    }

    .banner p {
        font-size: 17px;
        line-height: 19px;
    }


    .affecting {
        max-width: 100%;
        margin-top: 32px;
    }
   
    .prodromal-view {
        text-align: center;
    }

    .prodromal-view figure img {
        margin: 0 auto;
    }

    .eosinophilic-content {
        width: 100%; padding: 0;
    }
    .eosinophilic-view
    {
        width: 100%;
    }
    .biomarker {
        max-width: 100%;
    } 
    .egpa-cta-data
    {
        display: block;
    }
    
    .egpa-cta-button
    {
      width: 100%; margin-bottom:20px;
    }
    .eosino-data-block
    {
        width: 90%;  
    }
    .eosino-arrow
    {
        width: 10%;
    }
    .eosino-content p
    {
        font-size: 18px;
    }
    .egpa-cta-button-block
    {
        padding: 36px 0 15px 0;
    }
    .manifestations
    {
        display: block;
    }
    .biomarker
    {
       padding: 15px 0 20px 0;   
    }
    .granulomatuos-content
    {
        padding: 15px 10px 0 10px;
    }
    .granulomatuos-head p
    {
     font-size: 18px;
     line-height: 20px;
    }
    .affecting-in p
    {
        font-size: 18px; 
    }
    .affecting-in
    {
        max-width: 273px;
    }
    .eosinophilic-head h2
    {
        font-size: 28px;
        line-height: 30px;
    }
    .prodromal-head h2
    {
        max-width: 296px; 
        font-size: 28px;
        line-height: 30px;
    }
    .prodromal-head h3
    {
      font-size: 19px;
      line-height: 22px; margin: 22px 0 34px 0;
    }

    .flex-boxes {
        display: flex;
        justify-content: center;
    }

    .flex-boxes-content {
        padding: 10px 8px 10px 10px !important;
    }

    .egpa-cta-footnote-overview 
    {
       padding: 22px 0 27px 0; 
    }
    .granulomatuos-head
    {
        background: linear-gradient(90deg, #064C53 0%, #017969 100%);
    }
}
@media screen and (max-width: 767px) {
    .eosino-data-block
    {
        width: 85%; padding:4px 5px 0px 15px; min-height: 84px;
    }
    .eosino-arrow
    {
        width: 15%;
    }
    .eosino-content {
      padding: 10px 8px 10px 16px;
    }
    .eosino-data {
        width: 15%;
    }
    .eosino-content
    {
      width: 85%;
    }
}

@media screen and (max-width: 414px) {
    .eosino-data-block
    {
        width: 80%;  padding: 4px 5px 0px 10px; 
    }
    .eosino-arrow
    {
        width: 20%;
    }
    .eosino-data
    {
        width: 30%;
    }
    .eosino-content
    {
      width: 70%;
    }
}
@media screen and (max-width: 359px) {
    .granulomatuos-head p br { display: none;}
    .granulomatuos-head { padding: 14px 2px 12px 2px;}
}