
:root {
    --normalFont: "myriad-pro", sans-serif; font-weight: 400; font-style: normal;
    --semiboldFont: "myriad-pro", sans-serif; font-weight: 600; font-style: normal;
    --boldFont : "myriad-pro", sans-serif; font-weight: 700; font-style: normal;
    --purple : #AE2573;
    --grey : #333F48;
    --boderColorG : #AAA;
}
.AsthmaSite#specialty-pharmacy-locator #dynamicContentDataCon h2,
.AsthmaSite#specialty-pharmacy-locator #dynamicContentDataCon h3{
  font-weight:700 !important;
}
#fasenraSpecialityPharmacy a, #fasenraSpecialityPharmacy select {-webkit-appearance: none;-moz-appearance: none;appearance: none}
#fasenraSpecialityPharmacy .cmp-text{padding:0}
#fasenraSpecialityPharmacy ul li{list-style-type: none}
#fasenraSpecialityPharmacy{color:var(--grey);}
#dynamicContentDataCon h2, #printDynamicContentCon h2, #printStaticContentCon h3{color:var(--grey); font: clamp(1.375rem, 1.309rem + 0.2817vw, 1.5625rem)/clamp(1.5rem, 1.368rem + 0.5634vw, 1.875rem) var(--boldFont);margin: 15px  16px 11px 0;}
#dynamicContentDataCon h3,  #staticContentCon h3 {color: var(--grey); font: clamp(1.125rem, 1.081rem + 0.1878vw, 1.25rem)/clamp(1.3125rem, 1.2465rem + 0.2817vw, 1.5rem) var(--boldFont);margin : 0 0 8px;font-weight: 700 !important;}
#dynamicContentDataCon #infoPara{color:var(--grey);font: clamp(0.75rem, 0.706rem + 0.1878vw, 0.875rem)/clamp(0.875rem, 0.831rem + 0.1878vw, 1rem) var(--normalFont);max-width: 1055px;}
.EGPASite#specialty-pharmacy-locator #dynamicContentDataCon #infoPara{max-width: 1060px;}
#seachAndPrint{display: flex;justify-content: space-between;margin: 26px 0;align-items: end}
#stateSelector{background:url('/content/dam/intelligentcontent/brands/fasenra-hcp/en/images/pharamacyFinder/dropdown-icon.svg') no-repeat 93%;
/*padding: 10px;*/
padding: 7px 10px 10px;
height: 40px;border-radius: 5px;margin: 0 10px 0 0;border: 0.8500000238418579px solid var(--grey);min-width:343px;color: var(--grey)}
#selectState{display: flex}
#selectState img{height: 40px}
#dynamicContentPrint, #staticContentPrint{display: flex;align-items: center}
#dynamicContentPrint label{color: var(--purple); font: 18px/19px var(--semiboldFont);text-decoration: underline;font-weight: 600;margin: 0 10px 0 0}
.stateSlides{flex-wrap: wrap;display: none;gap: 15px;}
.stateCard{width: calc(100%/3 - 10px);box-shadow: 0px 0px 6px #00000029;border: 0.8500000238418579px solid var(--boderColorG);display: flex;flex-direction: column;justify-content: space-between}
.stateCard p{color: #1C3C50}
.pharmacyDetails{padding: 20px 30px}
.pharmacyName{font: 22px/25px var(--boldFont);font-weight: 700;}  
.pharmacyAddress{font: 16px/19px var(--semiboldFont);margin: 10px 0}
.pharmacyFax{font: 15px/17px var(--normalFont);margin: 15px 0 0;display: flex;align-items: center}
.pharmacyFax img{margin: 0 7px 4px 0}
.getInTouch{display: flex}
.getInTouch div{width: 50%;box-sizing: border-box;text-align: center;font: 16px/18px var(--boldFont);padding: 15px 5px}
.getInTouch div{border: 0.8500000238418579px solid var(--boderColorG);border-bottom: none}
.getInTouch div{border-left: none;display: flex;justify-content: center;align-items: center}
.getInTouch img{width: 14px;margin: 0 7px 4px 0}
.getInTouch div:last-child{border-right: none}
#paginationCon{display: none;position: relative;justify-content: space-around;margin: 20px 0}
#paginationItem{display: flex}
#paginationItem li{cursor: pointer;border: 1px solid var(--purple);width: 14px; height: 14px;margin: 0 7px;border-radius: 50%}
#paginationItem li.active{background: var(--purple)}
#paginationArrows{display: flex;position: absolute;right: 0;top: -8px}
#paginationArrows li{width: 30px;height: 30px;margin:0 0 0 10px;cursor: pointer}
.pharmacyAddress span{display: block}
.pharmacyWebLink span{color: var(--purple)}
#staticContentCon{border: 2px solid #EAEBEC;border-radius: 10px;margin: 70px 0 130px}
#headerAndPrint{display: flex;justify-content: space-between;padding:22px 26px;}
#staticContentCon h3{margin: 0}
#staticContentPrint label{color: var(--purple); font: 16px/17px var(--semiboldFont);text-decoration: underline;margin: 0 10px 0  0;font-weight: 600;}
#staticContentData{background: #F7F7F7;padding: 30px 40px;margin: 0 0 0;border-radius: 0px 0px 8px 8px}
#staticContentData table{width: 100%;border-radius: 0px 0px 10px 10px}
#staticContentData table th{background: #E5F6F4;padding: 28px 10px 22px;font: clamp(1.125rem, 1.081rem + 0.1878vw, 1.25rem)/clamp(1.375rem, 1.331rem + 0.1878vw, 1.5rem) var(--boldFont);font-weight: 700;}
#staticContentData table th, #staticContentData table td{border: 1px solid var(--boderColorG)}
#staticContentData table td{padding: 20px 25px;font: clamp(1rem, 0.956rem + 0.1878vw, 1.125rem)/21px var(--boldFont);border-top: none;font-weight: 700 !important;}
#staticContentData table th:first-child{width: 55%} 
#staticContentData table tr:last-child td:first-child{border-radius: 0 0 0 10px}
#staticContentData table tr:last-child td:last-child{border-radius: 0 0 10px 0}
#staticContentData table tr td:last-child, #staticContentData table tr th:last-child{border-left: none}
.contactUsData div{display: flex;align-items: center}
.contactUsData span{display: flex;align-items: center;width: 95px}
.contactUsData span img{margin: 0 7px 4px 0;width: 16px}
.contactUsData div:first-child{margin: 0 0 5px 0}
#staticContentData a{font: clamp(0.875rem, 0.831rem + 0.1878vw, 1rem)/clamp(1rem, 0.934rem + 0.2817vw, 1.1875rem) var(--normalFont);color: var(--purple);display: inline-block;margin: 7px 0 0}
#tableTagLine {font: clamp(0.75rem, 0.706rem + 0.1878vw, 0.875rem)/clamp(0.875rem, 0.831rem + 0.1878vw, 1rem) var(--normalFont);color: var(--grey);max-width: 771px;margin: 25px auto 0;text-align: center}
#dataCon{overflow-x: auto;padding: 0 0 5px 0}
#staticContentData table{min-width: 450px}
::-webkit-scrollbar {height: 7px}
::-webkit-scrollbar-track {background: #F7F7F7}
::-webkit-scrollbar-thumb {background: #ddd;border-radius: 10px}
::-webkit-scrollbar-thumb:hover {background: #ccc}
#specialty-pharmacy-locator .bottom-sec-eos {margin-top: -40px}
.pharmacyWebLink img{margin:0 7px 0 0}
.printContentCon{display: none}
#staticContentPrint img, #dynamicContentPrint img{margin:0 0 4px 0}
#dynamicContentPrint, #staticContentPrint, #dynamicContentPrint label, #staticContentPrint label{cursor:pointer}
#toggleIcon{margin: 0 0 4px 40px;cursor:pointer}
#staticContentData.closeTab{display: none}
#toggleIcon.openIcon{transform: rotate(180deg)}
#printListAndIcon{display:flex;align-items:center}
#specialty-pharmacy-locator .savings-program-banner { padding-top: 10px;}
#specialty-pharmacy-locator .savings-program-banner .start-stay-save {
    margin-top: 0px;
    /* margin-bottom: 2px; */
        max-width: 574px;
    font-weight: 900;
    font-family: "myriad-pro-condensed", sans-serif; font-weight: 900; font-style: italic;
    font-size: 40px;
    line-height: 44px;
}

#specialty-pharmacy-locator .savings-program-banner .savings-program-head {
  color: #FFFFFF;
  font-size: 20px;
  line-height: 20px;
  font-family: "myriad-pro", sans-serif; font-weight: 400; font-style: italic;
  text-transform: uppercase;
}
#specialty-pharmacy-locator .savings-program-banner .savings-program-head { font-family: "myriad-pro-condensed", sans-serif; font-weight: 400; font-style: italic;
    font-weight: normal;  font-style: italic;}
#specialty-pharmacy-locator div#reference-section { display:none; }
#printAndArrow{display: flex; align-items: center; justify-content: center; margin: 0 0 0 20px}

sup.ben-sup { font-size: 19px;  margin-top: 22px; display: contents;}

@media only screen and (max-width: 991px) {
  #dynamicContentDataCon #infoPara {
    max-width: 91%;
  }

  #stateSelector {
    max-width: 203px;
    max-height: 40px;
    width: 100%;
    height: 100%;
  }

  #selectState img {
    max-width: 121px;
    width: 100%;
    height: 40px;
  }

  #specialty-pharmacy-locator .savings-program-banner .start-stay-save {
    font-size: 32px;
    line-height: 38px;
    margin-bottom: 0 !important;
  }

  #specialty-pharmacy-locator .savings-program-inner {
    margin-top: 15px;
  }

  #dynamicContentDataCon h3 {
    margin-bottom: 0;
  }

  #seachAndPrint {
    margin: 10px 0 13px;
  }

  .stateCard{width: calc(100%/2 - 7.5px)}
  #staticContentData{padding: 25px 15px} 
  #specialty-pharmacy-locator .bottom-sec-eos {margin: -142px 0 80px}
  #staticContentCon{margin: 70px 0 150px}

  #specialty-pharmacy-locator .savings-program-banner .savings-program-head { 
    font-family: "myriad-pro-condensed", sans-serif; font-weight: 400; font-style: italic;
    font-weight: normal;
    font-style: italic; 
    margin-top: 20px;
    margin-bottom: 0px;
    color: #AE2573;
    font-size: 17px;
    line-height: 22px;
  }

  #specialty-pharmacy-locator .savings-program-banner { padding-top:0;}
  #specialty-pharmacy-locator div#dynamicContentDataCon { padding-top:0;}
  #specialty-pharmacy-locator #dynamicContentDataCon h2 { margin: 0px  16px 11px 0;}
  #specialty-pharmacy-locator .bottom-sec-eos {
    margin: -95px 0 32px;
    margin-top:0px;
  }
  #specialty-pharmacy-locator #bottom-section-moa .cmp-text{
      margin:0px;
  }
  #specialty-pharmacy-locator #staticContentCon {
    margin: 0 0 24px;
  }
  #specialty-pharmacy-locator img.chevron {
    position: absolute;
    right: 30px;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
  }
}

@media only screen and (max-width: 767px) {
  #staticContentData table td{padding: 10px;}
  #staticContentData table th{padding: 28px 10px 22px}
  #seachAndPrint{flex-direction: column;align-items: center}
  #selectState{display: flex;width:100%}
  #stateSelector{min-width:auto;width:100%;padding-top: 7px;}
  #dynamicContentPrint{margin: 20px 0 0;justify-content:center}
  #fasenraSpecialityPharmacy #headerAndPrint h3{max-width:170px}
  #staticContentPrint{flex-direction: column-reverse;max-width: 65px;align-items:flex-end;justify-content: start}
  #staticContentPrint label{margin:5px 0 0;text-align: right; padding-right: 1px;}
  #specialty-pharmacy-locator .toggle-state { max-width: 69%;} 
  #specialty-pharmacy-locator .toggle-state {
    max-width: 64%;
  }
}

@media only screen and (max-width: 650px) {
  .stateCard{width: 100%}
  #fasenraSpecialityPharmacy h3{max-width: 327px}
  #paginationItem li{margin: 0 14px 0 0}
  #paginationCon{justify-content: inherit}
  #staticContentData{padding: 25px 8px}
  #headerAndPrint{padding: 18px 16px}
  #specialty-pharmacy-locator .eos-calc-cta-sec .cta-test.global-cta-btn2{margin:10px auto 0}
  #specialty-pharmacy-locator .eos-calc-cta-sec .cta-test{width:100% !important;box-sizing:border-box}
  #specialty-pharmacy-locator .cta-wrapper:after{left: 82%}
  #specialty-pharmacy-locator .cta-wrapper {width: 100%}
  #toggleIcon{margin: 0 0 0 15px; padding: 15px 0}
  .contactUsData span b{display:none}
  .contactUsData span{width:23px}
  #staticContentData table th:first-child{width: auto}
  #specialty-pharmacy-locator .savings-program-banner .start-stay-save { max-width: 330px; margin-bottom: 8px; }

}

@media print {
  .cmp-container, #staticContentPrint{display: none}
  .stateCard{width: calc(50% - 7.5px)}
  #printDynamicContentCon .stateSlides:not(:nth-child(3)){display: flex;page-break-before: always;padding:30px 0 0}
  .printContentCon{display: block}
  #staticContentData table{border-collapse: collapse}
  #staticContentData table td, #staticContentData table th{border: 1px solid var(--boderColorG)}
  #printContentCon h2, #printStaticContentCon h3{margin: 15px 0}
  #staticContentData{padding: 0;margin: 0}
  #printTagLine{color:var(--grey);font: clamp(0.75rem, 0.706rem + 0.1878vw, 0.875rem)/clamp(0.875rem, 0.831rem + 0.1878vw, 1rem) var(--normalFont);max-width: 1061px;margin: 30px 0 0}
  #printStaticContentCon #printTagLine{margin: 20px 0}
  #toggleIcon{display: none}
  .stateSlides{margin-top: 20px}
  #headerAndPrint{padding:0}
}
div#dynamicContentDataCon {
    padding-top: 30px;
}
#specialty-pharmacy-locator span.speciality {
    display: inline-block!important;
}

#specialty-pharmacy-locator span.speciality-asset {
    display: none;
}
#infoPara sup {
    font-size: 19px;
    margin-top: 22px;
    /*display: contents;*/
    position: relative;
    top: 9px;
}

@media only screen and (min-width: 992px) {
    #specialty-pharmacy-locator .container-icon-moa.eos-calc-cta-sec {
        top: -36px;
    }

    #specialty-pharmacy-locator #staticContentCon {
        margin: 70px 0 132px;
    }

    #text-e13eb1db45:has(.bottom-sec-eos) {
        padding-bottom: 0 !important;
    }
}
