/* CSS here */
@media only screen and (max-width: 767.9px){
#MedicarewideImage .hero-details {
    background: linear-gradient(37deg, #008cc9 5%, rgba(0, 0, 0, 0) 60%), linear-gradient(15deg, #00497e 40%, rgba(0, 0, 0, 0) 65%), linear-gradient(-15deg, #00497e 40%, rgba(0, 0, 0, 0) 65%), linear-gradient(0deg, black 45%, rgba(0, 0, 0, 0) 80%) !important;
}
}
/*Medicare css Start*/
#individualfamily .one-on-one-hero .mask{
    background: linear-gradient(315deg, #067DAC 0%, #00497E 100%),radial-gradient(circle, #5DC1FD 0%, rgba(6,125,172,0) 100%),linear-gradient(315deg, #067DAC 0%, #00497E 100%);
}
@media only screen and (max-device-width: 1300px) and (min-device-width: 1210px){
    #one-on-one-hero-id .mask{
       padding-top:5% !important;
   }
}
@media only screen and (max-device-width: 1199px) and (min-device-width: 1000px){
  #one-on-one-hero-id .mask{
       padding-top:0% !important;
   }
}

.one-on-one-main #threeup-cards .secondaryHeading {
   display:none;
}
@media only screen and (max-device-width: 1024px) and (min-device-width: 768px) and (orientation: portrait){
.one-on-one-main .link.tertiary:after{
   margin-left:5px;
   font-weight: bold;
}
.one-on-one-main .tel-switch{
    width: 74%;
    font-size: 13px;
    line-height: 22px;
}
.medicare_guide .img-responsive.ipadimage {
   width:100%
}
.one-on-one-main .one-on-one #threeup-cards .row{
   margin-top:9%;
}
.wide-card div.com__wideCard .widecard .card-button a.button{
   letter-spacing:-0.2px;
}
.wide-card div.com__wideCard .widecard .card-text p{
   font-size:13px !important;
   line-height:22px !important;
}
.wide-card div.com__wideCard .widecard .card-button{
    width:30%;
    margin-left: 3%;
}
.wide-card div.com__wideCard .widecard .card-text h3{
    text-align: left;
    font-size: 16px !important;
    line-height: 22px !important;
}
.dental-benifits .component-text-accordion-card.open .component-text-accordion-card-header{
     color:#222222 !important;
}
.dental-benifits .component-text-accordion-card.open span.component-text-accordion-card-header{
  padding-top: 17px !important;
  font-family: Univers-55,sans-serif !important;
}
.dental-benifits #dental-vision-hearing .text-below-accordion p{
    margin-top:17px;
    text-align: center;
   margin-left: 6% !important;
    margin-right: 8%;
    font-size: 14px !important;
}
.dental-benifits .card-body.component-text-accordion-card-body p{
    font-size: 14px !important;
    line-height: 22px !important;
    padding-right: 2%;
    padding-left: 3% !important;
}
.dental-benifits .component-text-accordion.forms span.component-text-accordion-card-header{
    font-size: 24px !important;
    line-height: 34px;
}
.dental-benifits #dental-vision-hearing .card {
     padding:4px !important;
}
.dental-benifits #dental-vision-hearing .component-text-accordion.forms .component-text-accordion-submenu{
     display:block !important;
     padding-top:0px !important;
}
.dental-benifits .sectionBody .row .col-xs{
    padding-right: 35px !important;
    padding-left: 35px !important;
}
.dental-benifits #employer-group-products .sectionBody .row .col-xs.col-md-4 img.img-responsive,.dental-benifits #employer-group-plans .sectionBody .row .col-xs.col-md-4 img.img-responsive{
    padding-bottom: 13% !important;
}
.dental-benifits .sectionBody .row .col-xs{
   border-bottom:none !important;
}
.dental-benifits #employer-group-plans .sectionBody .row .col-xs, .dental-benifits #employer-group-products .sectionBody .row .col-xs{
     text-align: center;
}
.dental-benifits .sp-extra, .dental-benifits .sp-extra {
    font-size: 18px !important;
    padding-left:0% !important;
    line-height: 22px !important;
}
.dental-benifits  #employer-group-plans, .dental-benifits  #employer-group-products{
     padding-right: 6% !important;
     padding-left: 6% !important;
}

.dental-benifits  .sectionIntro {
    padding-left: 8% !important;
    padding-right: 25% !important;
}
.more-benifits #managing-health .sectionBody{
    width: 67%;
}
 .more-benifits.sectionBody .content .hero-text{
     font-size:16px !important;
     line-height:29px !important;
}
.more-benifits #managing-health .button.secondary.solidWhite{
/*    display:block !important;*/
    width: 63%;
}

#individualfamily .one-on-one .mask{
    padding-left: 8% !important;
    padding-right: 4% !important;
}
#managehealth-diabetes .one-on-one .threeup-card p{
    font-size: 13px !important;
    line-height: 22px !important;
    padding-right: 33px;
}
#managehealth-diabetes .one-on-one .threeup-card h3{
        font-size: 18px !important;
    line-height: 22px !important;
    margin-top: 16% !important;
    width: 80%;
      margin-bottom: 3%;
}
#individualfamily .one-on-one-hero .pharmacy-text {
    font-size: 16px !important;
    line-height: 28px;
}
.one-on-one-main #managehealth-diabetes{
    padding-right: 6%;
    padding-left: 6%;
}
.one-on-one-main section.sec__planCards #threeup-cards .secondaryHeading{
    padding-right: 26%;
    font-size: 13px;
    line-height: 22px;
}

}
@media only screen and (max-width: 767.9px){
/* .cmp-psi-unauthenticated-footer .unauthorized-main .logo {
    -webkit-transform: none !important;
    margin-top: 15%;
    transform: none;
} */
section.sec__imageText.cat__dropdown.cat__getCare .need-information .card.shadow h2 span {
   display:block;
}
section.sec__imageText.cat__dropdown.cat__getCare .need-information .card.shadow h2 {
    font-size: 24px;
    line-height: 34px;
    padding-right: 16%;
}
div.com__wideCard .widecard{
box-shadow: unset;
background-color: unset;
} 
#homePage .linkDiv{
    margin-top:13%;
    line-height: 17px;
}
#homePage .linkDiv img{
   margin-right: 16px;
}    
.madicareBluegradient .hero-details{
    background:linear-gradient(11deg, rgb(0, 140, 201) 9%, rgba(0, 0, 0, 0) 32%), linear-gradient(15deg, rgb(0, 73, 126) 56%, rgba(0, 0, 0, 0) 65%), linear-gradient(-15deg, rgb(0, 73, 126) 49%, rgba(0, 0, 0, 0) 65%), linear-gradient(0deg, black 45%, rgba(0, 0, 0, 0) 80%) !important;
}
#MedicareHomepageGradient .madicareBluegradient .hero-details{
    background:linear-gradient(11deg, rgb(0, 140, 201) 9%, rgba(0, 0, 0, 0) 32%), linear-gradient(15deg, rgb(0, 73, 126) 36%, rgba(0, 0, 0, 0) 45%), linear-gradient(-15deg, rgb(0, 73, 126) 32%, rgba(0, 0, 0, 0) 70%), linear-gradient(0deg, black 45%, rgba(0, 0, 0, 0) 80%) !important;
}
#MedicareHomepageGradient .madicareBluegradient .hero-image-container{
    height: 898px !important;
}
.enroll-main .sectionBackgroundShadeFull {
    padding-bottom: 65px !important;
}
.medicare_guide .card .moreLink .link.tertiary:after{
    margin-left: 5px;
}
.fullWidthVideoComponent .videoPlayArrow{
    height:60px;
    width:60px;
}
#signupSection .widecard{
    padding-bottom:0% !important;
}
#signupSection .card-username label{
    color:black;
}
#signupSection .signupContent,#signupSection .card-username,#signupSection .card-button{
    padding-left:0px;
} 
#signupSection #wide_card_id .button{
  margin-top: 13%;
}
.signupDiv.widecard .form-control{
    width:100% !important;
}
#wide-image-hero .madicareBluegradient .icon-off-site-blue-inline:after{
    font-size:10px;
}
.enroll-main section.sectionBackgroundShadeFull.manageCareThreeUp{
    margin-top: 15% !important;
}
#medicareplans #plan-cards .carousel-inner .carousel-item .plan-card.plan-card-expanded{
    min-width: 95%;
    z-index: 99;
    position: fixed;
    /* top: -5px; */
}
#medicareplans #plan-cards .carousel-inner .carousel-item .plan-card .plan-card-details .plan-card-show-plans-button a{
   padding-top: 10px;
}
#medicareplans .plan-card-inclusion-list{
     padding-inline-start: 12px !important;
}
#medicare-101 .card.shadow{
   min-height:328px !important;
}
#medicare-101 #img-text-getcare a.link{
   font-size:15px !important;
   line-height:16px !important;
}

#medicareplans #plan-cards .carousel-inner .carousel-item .plan-card .plan-card-text-container .plan-card-link{
    position: absolute;
    bottom: 35px;
    width: 100%;
}
#medicareplans #plan-cards .carousel-inner .carousel-item .plan-card{
   min-height:480px;
}

section.sec__imageText.cat__dropdown .section-container .card .tabSelectorBody p{
   padding-right: 19%;
}
section.sec__imageText.cat__dropdown.homepage .section-container .imageText-image img{
   width:100%;
}
section.sec__imageText.cat__dropdown.homepage .section-container .imageText-image{
    display: block !important;
}
.medicareenrollAcc .component-text-accordion.forms .component-text-accordion-card-body{
    margin-top:7%;
    padding-right: 23px;
}
#our_plan_accordion .medicareenrollAcc .component-text-accordion.forms span.component-text-accordion-card-header{
   padding-left: 32px !important;
}
.medicareenrollAcc .component-text-accordion-card.open span.component-text-accordion-card-header{
   padding-top:21px !important;
   padding-left: 32px !important;
}
#our_plan_accordion .medicareenrollAcc .card {
   padding-top:0px;
   padding-bottom:0px;
}
section.sec__planCards #threeup-cards .secondaryHeading.introShortWidth{
    padding-right: 8% !important;
    margin-bottom:0px !important;
}
section.sec__hero.cat__login .madicareBluegradient .hero-image-container .hero-details .content{
     position:relative;
}
.respiratory-health .madicareBluegradient .content{
   padding-left: 7px !important;
   top: 4%;
}
#MedicareHomepageGradient .respiratory-health .madicareBluegradient .content{
   top: 28%;
}
.madicareBluegradient .white-text{
    padding-right: 33% !important;
}
.madicareBluegradient .finding-doctors{
    width:95% !important;
    font-size: 15px !important;
    margin-bottom:2.4rem;
}
.medicare_home_plan p {
    font-size: 15px !important;
    line-height: 25px !important;
}
section.sec__planCards #plan-cards .carousel-inner .carousel-item .plan-card{
    padding: 35px 20px !important;
}

#medicareplans .medicare_home_plan p {
    font-size: 15px;
    line-height: 25px;
    padding-right: 13%;
}

.fullWidthVideoComponent .fullWidthVideoOverlay{
    width:100%;
}
.fullWidthVideoComponent .fullWidthVideoBottomText{
    margin-top:0px !important;
}
#videoDes h2{
   font-size: 21px !important;
    line-height: 32px !important;
    width: 80%;
}
#Medicare-home-page .xl{
   font-size: 26px !important;
    line-height: 32px;
    width: 81%;
}
#Medicare-home-page .backgroundContainer .sectionBody .content p{
     font-size: 1rem !important;
    line-height: 24px !important;
     font-family: Univers-45, sans-serif;
}
#medicare-101 .medicare_guide .card.shadow h2{
     font-size: 24px !important;
    line-height: 34px !important;
}

#img-text-getcare .medicare-101 .card p{
        font-size: 15px;
    line-height: 25px;
}

#img-text-getcare .medicare-101 a.link img{
    margin-bottom: 0px !important;
    margin-top: 0px !important;
} 

#img-text-getcare .medicare-101 .medicare_guide .card.shadow.findcare-commited{
    padding-left: 13% !important;
}
.dental-benifits .component-text-accordion-card.open .component-text-accordion-card-header{
     color:#222222 !important;
}

.wide-card div.com__wideCard .widecard{
    padding-top:21px !important;
    padding-left:63px !important;
    padding-right:63px !important;

}
.dental-benifits #dental-vision-hearing .text-below-accordion p{
    margin-top:17px;
    text-align: center;
    margin-left: 10% !important;
    margin-right: 10%;
}

.dental-benifits #dental-vision-hearing .component-text-accordion.forms .component-text-accordion-submenu{
     padding-top:0px !important;
}

.dental-benifits #dental-vision-hearing .card {
     padding:4px !important;
}
.dental-benifits .component-text-accordion.forms .component-text-accordion-submenu{
  display: block !important;
}
.dental-benifits .sp-extra{
    font-size:16px !important;
    line-height:24px;
    padding-left: 0% !important;
}
.dental-benifits #employer-group-products .sectionIntro p {
    padding-right: 8%;
}
.dental-benifits #employer-group-plans .sectionBody .row .col-xs, .dental-benifits #employer-group-products .sectionBody .row .col-xs{
     text-align: center;
}
.dental-benifits section.sec__infographic.cat__common .sectionIntro p{
    padding-right:10%;
}
.more-benifits .eyebrow{
   font-size:12px;
   line-height:16px;
   padding-right: 11%;
}
.more-benifits a{
   letter-spacing: 0.1px;
}

  
  .more-benifits .sectionBody {
     padding-left: 9% !important;
    padding-right: 13% !important;
  }
  
#managehealth-diabetes .one-on-one .threeup-card p {
    line-height:25px !important;
}
.one-on-one-main section.sectionBackgroundShadeFull.manageCareThreeUp{
    padding-left: 8% !important;
    padding-right: 11% !important;
} 
#individualfamily .one-on-one-hero .pharmacy-header{
    width:90%;
}
/* .sectionBackgroundShadeFull{
   padding-bottom:0% !important;
}  */
.one-on-one .threeup-icon img{
   margin-left:auto;
   margin-right:auto;
}
section.sec__planCards #threeup-cards .secondaryHeading {
    padding-right: 4% !important;
}
   #managehealth-diabetes .one-on-one .title-with-separator{
           padding-right: 0% !important;
   }
.sectionBackgroundShadeFull{
        padding-top: 0px !important;
}
.one-on-one-hero .mask {
    padding-bottom: 7% !important;
}
    .CommercialPharmacyHero .one-on-one-hero .mask{
          padding-left: 5% !important;
          padding-top: 14% !important;
    }
    .one-on-one-hero .pharmacy-eyebrow {
        margin-bottom: 5px;
    }
   .one-on-one-hero .pharmacy-text {
      padding-right: 3%;
   }
}


.CommercialPharmacyHero .one-on-one-hero .mask{
    padding-top:6%;
}

.one-on-one .threeup-icon{
    margin-bottom: 25px;
    height: 58px;
}
#managehealth-diabetes .one-on-one .threeup-card h3 {   
    font-size: 20px;
    line-height: 24px;
    margin-top: 12%;
}

@media only screen and (min-width: 1200px){
/* .cmp-psi-unauthenticated-footer .unauthorized-main .logo {
    -webkit-transform: none !important;
    transform: none !important;
} */
section.sec__imageText.cat__dropdown.cat__getCare .need-information .card.shadow h2 span {
   display:block;
}
section.sec__imageText.cat__dropdown.cat__getCare .need-information .card.shadow h2 {
    font-size: 32px;
    line-height: 38px;
}
.one-on-one-main .sectionBackgroundShadeFull{
  padding-bottom: 25px !important;
}
.one-on-one-main .link.tertiary{
    font-family: Univers-55, sans-serif;
}
#one-on-one-hero-id #individualfamily{
   margin-bottom:0px;
}
#managehealth-diabetes .one-on-one .threeup-card p {
    font-size: 15px;
    line-height: 24px;
    padding-right: 12%;
}
#individualfamily .one-on-one-hero .pharmacy-text{
        padding-right: 11%;
    width: 100%;
    font-size: 17px;
    line-height: 28px;
}
#individualfamily .one-on-one-hero .mask{
  padding-left: 116px;
}
.one-on-one-main .one-on-one #threeup-cards .row{
   margin-top:6%;
}
section.sec__imageText.cat__dropdown .section-container .card{
    width: 613px !important;
}
section.sec__imageText.cat__dropdown .section-container .card{
     margin-top:2%;
}
   #managehealth-diabetes .one-on-one .threeup-card .threeup-card-inner{
      margin-right:55px;
   }
}

/*Medicare css End*/

/* @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) {
    section.sec__hero.cat__login .hero-login-container{
         padding-right: 32px !important;
         padding-left: 32px !important;
}
} */

/* CSS here for about us extra white spacing Start*/

@media (max-width: 1028px) and (min-width: 768px){
/* .cmp-psi-unauthenticated-footer .unauthorized-main .logo {
    -webkit-transform: none !important;
    transform: none;
} */
section.sec__imageText.cat__dropdown.cat__getCare .need-information .card.shadow h2 span {
   display:block;
}
section.sec__imageText.cat__dropdown.cat__getCare .need-information .card.shadow h2 {
    padding-right: 16%;
}
   section#getcare_plancards.sec__planCards.sectionBackgroundShadeFull .threeup-card{
       padding:0px !important;
   }
    #getcare_plancards .regular55{
       min-height:52px;
   }
section#getcare_plancards.sec__planCards.sectionBackgroundShadeFull .threeup-card p{
     min-height:250px;
       font-size: 0.8rem;
}
   
    #accountIntro .createCommunity.custom-createCommunity{
        padding-left: 10% !important;
    }
    /* Find Care hero text width defect*/
    #find-care-hero .options-care{
       width: 62% !important;
   }
}

#selector-threeup .carousel-item{
    align-items: unset;
}

#PartneringUs .align-items-center{
        padding-top: 2rem !important;
    }
#Company-Profile .align-items-center{
        padding-top: 5rem !important;
    }

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
    #ResponsibleIntro .grayOffsetBackground{
         margin-top: 40px !important;
    }
    #Company-Profile .align-items-center{
        padding-top: 3rem !important;
    }
#PartneringUs .align-items-center{
        padding-top: 3rem !important;
    }
}

/* CSS here for abouts extra white spacing End*/

/* CSS for Health Wellness- Member Discounts Start */


@media only screen and (max-width: 1024px) and (min-width: 768px) and (orientation: portrait){
  .member-discount-login-id .findcare-hero-text{
       padding-bottom:3rem !important;
  }
  .member-discount-login-id .login-hero .inner-div{
      bottom:43px;
  }

}

@media only screen and (max-width: 767.9px){
.one-on-one-main .sectionBackgroundShadeFull{
  padding-bottom: 25px !important;
}
#one-on-one-hero-id #individualfamily{
   margin-bottom:30px;
}
  .member-discount-login-id .log-in-to-find-person{
     font-family: Univers-45, sans-serif;
     font-size: 26px;
  }
  
  .member-discount-login-id .personalized-care p{
      font-size: 13px !important;
      text-align:left;
  }
   #Gcareimagetextleft .SaveOnFitness .sectionImage{
      padding-right: 20px;
      padding-left: 20px;
  }
  #Gcareimagetextleft .SaveOnFitness .add_seperator{
      font-size: 20px;
      line-height: 31px;
 }
 #Gcareimagetextleft .SaveOnFitness .sectionIntro p{
      line-height: 29px;
      width: 85% !important;
      font-size: 0.9rem;
 }
 #specialtypharm .EatWellForLess .sectionIntro .add_seperator{
      font-size: 20px;
      line-height: 31px;
 }
 #specialtypharm .EatWellForLess .sectionMainContent p{
    line-height: 29px;
    width: 85% !important;
    font-size: 0.9rem;
 }
  #specialtypharm .EatWellForLess .sectionMainContent{
     margin-top: 0px !important;
 }
   #Gcareimagetextleft .PersonalCareDiscounts .sectionImage{
      padding-right: 20px;
      padding-left: 20px;
  }
#Gcareimagetextleft .PersonalCareDiscounts .sectionIntro .add_seperator{
      font-size: 20px;
      line-height: 31px;
 }
 #Gcareimagetextleft .PersonalCareDiscounts .sectionIntro p{
    line-height: 29px;
    width: 85% !important;
    font-size: 0.9rem;
 }
}

 
* CSS for Health Wellness- Member Discounts End*/

/* CSS for Prod deployement start */


@media (min-width: 992px){
#stickyTopFiller {
    height: 0px !important;
}
}

@media only screen and (max-width: 767.9px){

/*Pharmacies and prescriptions Tile height defect */

#ppPharmacyCoverage .content-box{
   min-height:370px !important;
   height:299px !important;
}
 
section.sec__planCards-three #plan-cards .carousel-inner #card1.carousel-item .plan-card, section.sec__planCards-three #plan-cards .carousel-inner #card2.carousel-item .plan-card,section.sec__planCards-three #plan-cards .carousel-inner #card3.carousel-item .plan-card{
    min-height: 367px;
}

#pregnancy-support .sectionImage picture img{
   height: 118% !important;
}
#pregnancy-support .sectionIntro{
   padding-top: 257px;
}
.member-discount-login-id .inner-div{
    bottom: 48px !important;
}
.member-discount-login-id .findcare-hero-text{
    padding-bottom: 3rem !important;
}
#ind-family .see-doctors-provided {
    width: 88% !important;
}
#ind-family #button-secondary-margin {
   margin-bottom: 0px !important;
    width: 75%;
}
}

#find-care-hero .member-discount-login-id .text-color.finding-doctors{
   width: 100% !important;
    font-size: 15px !important;
    line-height: 1.5rem;
}

@media only screen and (max-width: 767.9px){
    #communitytrust-criteria .text-center img{
        margin:auto;
   }
   #healthyplace-criteria .text-center img{
        margin:auto;
   }
}
@media only screen and (max-width: 1024px) and (min-width: 768px) and (orientation: portrait){
#managingHealthCondition .negative-margin .mobile-no-gutters {
    min-height:326px !important;
}
}
/* CSS for Prod deployement end  */

/* iPad CSS for Personalised Care Programs */

@media only screen and (max-width: 1024px) and (min-width: 768px) and (orientation: portrait){
.personalised-managing-health .button.primary{
width: 49% !important;
} 
  #personalized-hero .sectionBody h6.eyebrow {
       line-height: 16px !important;
       font-size: 11px;
       font-family: Univers-55, sans-serif;
       margin-bottom: 0.25%;
   }
#personalized-hero .hero-text{
    font-size: 13px;
    line-height: 23px;
    padding-right: 45%;
    font-family: Univers-45, sans-serif;
}
   
   #personalized-hero .sectionBody h1.hero-title {
    font-size: 30px !important;
    line-height: 38px !important;
     padding-right: 51%;
}
  #personalized-hero .content{
    padding-left: 6.5%;
    padding-top: 1%;
  }
  .personalised-support .section-container{
      margin-left:20px;
      margin-right:20px;
  }
  .personalised-support .card h2{
     font-family: Univers-45, sans-serif;
    font-size: 26px;
  }
  .personalised-support .button.primary{
       width: 63% !important;
       margin-bottom: 9% !important;
       margin-top: 0px !important;
  }
  .personalised-managing-health .row-relative.row{
       margin-left:20px;
       margin-right:20px;
  }
  .personalised-managing-health .sectionIntro h2{
      font-size: 30px;
    line-height: 35px;
    padding-right: 24% !important;
  }
  .personalised-managing-health.button.primary{
        width: 47%;
        margin-top: 22px;
   }
}

/* iPad CSS for Personalised Care Programs */


/*Commercial Pages CSS Start*/
    #enrolling-member.inner {
    padding: 15px 50px 15px 45px;
    margin: 0px;
    }
    #enrolling-member .column-2 {
    border-bottom: 2px solid #fff;
    padding: 0;
    margin: 0;
    overflow: hidden;
    clear: both;
    }
#enrolling-member .column-main{
   padding-bottom: 1000rem;
    margin-bottom: -999.5rem;
    border-right: 1px solid #cccccc;
padding-right: 30px;
    width: 68%;
    z-index: 1;
float:left;

}

#enrolling-member .column-main h1{
  color: #0079C2;
    font-weight: normal;
font-size: 1.875rem;
    letter-spacing: -0.05rem;
    line-height: 1rem;
margin: 0 0 0.5em 0;
font-style: normal;
}

#enrolling-member .section-main {
    clear: both;
    width: 100%;
margin-bottom: 10px;
}

#enrolling-member .unit-content{
    margin-top: 10px;
}

#enrolling-member p {
    margin: 0 0 1.5rem 0;
    font-size: 0.75rem;
    line-height: 1.5rem;
    letter-spacing: 0;
}

#enrolling-member ul {
    padding: 0px 0 0 40px;
margin: 1rem 0;
}
#enrolling-member .unit-content ul li {
    font-size: 0.8rem;
    line-height: 1.5rem;
    list-style-image: url(https://sso.bcbst.com/assets/images/orange-bullet.png);
}

#enrolling-member .column-sidebar {
    float: left;
    width: 20%;
    margin-left: 30px;
}
/*Commercial Pages CSS End*/
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) {
  #spendingAccounts .custom-icon-tab{
      display:none;
  }

.login-hero .personalized-care .login-text{
     width: 34% !important;
    margin-top: 0px;
    min-width: 0px !important;
}
}

/*CSS for Defect ID 258914 Start*/

#threeup-cards .threeup-card .icon-off-site-blue-inline:after {
    font-size: 0.66rem !important;
    font-weight: 900 !important;
}


#ind-family .individual-button .icon-off-site-blue-inline:after{
   color: white;
}
/*CSS for Defect ID 258914 End*/

@media (min-width: 1200px){
#plan-cards.expanded .carousel-inner .carousel-item .plan-card.plan-card-expanded{
    top: 0 !important; 
     bottom: 0 !important; 
}
}

@media (min-width: 768px){
#plan-cards.expanded .carousel-inner .carousel-item .plan-card.plan-card-expanded {
top: 0 !important; 
     bottom: 0 !important; 
}

}

/*
@media only screen and (max-width: 767.9px){


section.sec__hero.cat__login .hero-image-container .hero-details .content{
    padding-bottom: 46px !important;
    padding-left: 10px !important;

}
*/


/* INDIVIDUAL FAMILY PLAN CSS */



section#open_enrollment .sectionMainContent .row .plan-period{
padding-left:0 !important;
}
section#open_enrollment .sectionMainContent .open-enrollment-eyebrow{
font-weight: bold;
   
}
section#open_enrollment .sectionMainContent .open-enrollment-header-date{
    color: #008CC9;
    font-weight: bold;
    font-family: Univers-55, sans-serif;
}
section#open_enrollment .sectionMainContent .open-enrollment-header{
    font-size: 23px;
    color: #1D8ABD;
    font-family: Univers-55, sans-serif;
    font-weight: bold;
}

@media (min-width: 1200px){
              
  #individualfamily .container .mask{
    padding-left: 8.5%;
  }

  #individualfamily .container .mask h6{
    font-size:0.75rem;
    line-height:1rem;
  }
/*section.CommercialPharmacyHero#individualfamily .container .row .col-12.col-md-12.col-lg-5.pl-0.pr-0 .hero-image{
   padding-top:6%;
}*/

section.CommercialPharmacyHero#individualfamily .container .row .mask.col-12.col-md-12.col-lg-7 .pharmacy-header{
  width: 75%;
  line-height: 3.3125rem;
  padding-top: 2%;
  font-size: 2.875rem;
}

section.CommercialPharmacyHero#individualfamily .container .row .mask.col-12.col-md-12.col-lg-7 .pharmacy-text{
   margin-top: 3%;
   width: 84%;
}
}



@media only screen and (max-width: 767.9px){

section#open_enrollment .sectionMainContent .open-enrollment-eyebrow{
font-size:1.1rem;
}
section#open_enrollment .sectionMainContent .row .plans-available{
    margin-top: 10px;
}
section#open_enrollment .sectionMainContent .row .plan-period{
    margin-top: 10px;
}
section.CommercialPharmacyHero#individualfamily .container .row .mask.col-12.col-md-12.col-lg-7 .pharmacy-header{
    width: 100%;
    line-height: 1;
    padding-top: 6%;
    font-size: 2.5rem;
}

section.CommercialPharmacyHero#individualfamily .container .row .mask.col-12.col-md-12.col-lg-7 .pharmacy-text{
   margin-top: 3%;
    width: 100%;
    font-size: 1rem;
    padding-bottom:21px;
}

section.CommercialPharmacyHero#individualfamily .container .row .col-12.col-md-12.col-lg-5.pl-0.pr-0 .hero-image{
   padding-top: 0%;
}

}


/*Batch 2 Defects */
@media only screen and (max-width: 767.9px){

    #find-care-hero .image-grid.image-tablet-grid.mt-5.mb-4 {
       margin-top: 0rem !important;
    }
    #find-care-hero p.estimate-your-health.mb-5.mt-2{
       margin-bottom: 2rem !important;
    }
    #find-care-hero p.see-doctors-provided.mb-5{
       margin-bottom: 2rem !important;
    }
    #find-care-hero .see-doctor-wrapper p {
      font-size: 16px;
    }
    #find-care-hero span.mr-3.col-md-4.see-doctor-wrapper{
       margin-right: 0 !important;
    }
    section.sec__imageText.cat__imageleft .contentContainer .sectionIntro p{
       padding-right: 69px;
        padding-left: 2px;
    }
   #gcPersonalizedCareSupport ol.carousel-indicators{
       top: 570px;
   }
    
}


/*Batch 3 Defects */

/*CSS for Defect ID 256891 Start*/

/* .dental-vision-plans .threeup-card{
  padding:10px 106px 10px 0 !important;
} */

@media only screen and (max-width: 767.9px){
.dental-vision-plans .threeup-card{
  padding:10px 60px 10px 0 !important;
}

}

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
   .dental-vision-plans .threeup-card{
       padding:10px 105px 10px 0 !important;
    }
}
/*CSS for Defect ID 256891 End*/


/*CSS for Defect ID 258107 Start*/
@media (min-width: 1200px){
    #gcPersonalizedCareSupport .custom-link{
        display:none;
    }

}

/*CSS for Defect ID 258107 End*/

.ourplans .your-health-matters{
    margin-top: 12px;
}

.unique-homepage .dropup.component-dropdown.position-static{
    width:90%;
   font-family: Univers-45, sans-serif;
}

@media only screen and (max-width: 767.9px){
      .homepage .next-line{
           display:block;
      }
}


/*CSS for Defect ID 258839 Start*/
section.sec__planCards #threeup-cards .carousel-item .threeup-card{
pointer-events:auto !important;
}

/*CSS for Defect ID 258845 End*/

/*CSS for Defect ID 258845 Start*/
@media (min-width: 1200px){
#login-hero .hero-details .content {
        padding-left: 98px !important;
    } 
}
   
/*CSS for Defect ID 258839 End*/

/*CSS for Defect ID 258892 Start*/
@media (min-width: 1200px){
#wide-image-hero .hero-image-container .hero-details .content{
   padding-left: 101px !important;
}

}
 
/*CSS for Defect ID 258892 End*/


@-moz-document url-prefix() {
    #individualfamily .one-on-one-hero .pharmacy-text{
      font-family: Univers-55, sans-serif !important;
   }
    .CommercialPharmacyHero .mask h6.pharmacy-eyebrow{
        font-family: Univers-55, sans-serif !important;
     }
}

/*CSS for Defect ID 260320 Start*/

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
   #spendingAccounts .sectionIntro{
        padding-left:87px;
}
#spendingAccounts .sectionBackgroundShade .part__imageText .sectionIntro{
        flex: 1 0 27%;
}
}

/*CSS for Defect ID 260320 End*/

/*CSS for Defect ID 260097 Start*/
#ind-family .findcare-commited{
 padding-right: 66px !important;
padding-left: 66px !important;
}
@media only screen and (max-width: 767.9px){
#ind-family .findcare-commited{
padding: 80px 44px !important;
}
}

/*CSS for Defect ID 260097 End*/

/*CSS for Defect ID 259434 Start*/
#ind-family .individual-button{
  margin-top:-7% !important;
}

@media only screen and (max-width: 767.9px){
#ind-family .individual-button{
  margin-top:-33% !important;
}
}

/*CSS for Defect ID 259434 End*/

/*CSS for Defect ID 261181 Start*/

@media only screen and (max-width: 767.9px){
   #wide-image-hero .respiratory-health .hero-details  .content{
       //top: 211px;
   }
   #wide-image-hero .respiratory-health .finding-doctors{
        font-size: 1rem;
        width:88%;
   }
}


/*CSS for Defect ID 261181 End*/

@media only screen and (max-width: 767.9px){
      #EmployerGroupCards #plan-cards .carousel-inner .carousel-item .plan-card {
            min-height:390px !important;
      }
}


/*CSS for Defect ID 253138 Start*/
@media only screen and (max-width: 767.9px){
       #FourGreenBox .content-box{
             min-width: 83%;
             min-height: 569px;
             margin-right: 3%;
        }
        #FourGreenBox .tiles-box .carousel{
             overflow:hidden;
        }
    .fourBox .imageIdpopup span.mob-only-id-card-left-text{
         position:relative;
         bottom: 88px;
     }
     .fourBox .imageIdpopup span.mob-only-id-card-indicator{
         bottom: 218px;
     }
    .fourBox .member-card-title{
        margin-top: 20%;
    }
}
/*CSS for Defect ID 253138 End*/


/*ABOUT US PAGE CSS START*/

/*CSS for Defect ID 263138 Start*/

@media only screen and (max-width: 767.9px){
   #benefits-landing #benefitsfirstverticalcontent .firstverticalIcons img{
       display: inline-block;
   }
  #benefitsfirstverticalcontent .firstverticalIcons h5 {
    font-size: 1.1rem;
   }
   #benefits-landing #benefitsfirstverticalcontent .secondverticalIcons img{
       display: inline-block;
   }
   #benefitsfirstverticalcontent .secondverticalIcons h5 {
    font-size: 1.1rem;
   }
   #benefits-landing #benefitsfirstverticalcontent .thirdverticalIcons img{
       display: inline-block;
   }
    #benefitsfirstverticalcontent .thirdverticalIcons h5 {
    font-size: 1.1rem;
   }
   
}

/*CSS for Defect ID 263138 End*/

/*CSS for Defect ID 263138 Start*/

    #healthyplaces-landing #latestPark .diversity-middle-content li{
        list-style-image: url(https://www.bcbst.com/img/orange-bullet.png);
    }

/*CSS for Defect ID 263138 End*/

#progress .gallery .photo-progress{
    position: relative;
    overflow: hidden;
    display: inline-block;
    width: 140px;
    height: 90px;
}
 #progress .gallery .img-thumbnail{

   padding: 0.25rem;
    background-color: transparent;
    border: none;
    border-radius: 0;
    position: absolute;
    left: 50%;
    top: 50%;
    height: 100%;
    width: auto;
    transform: translate(-50%, -50%);
}
@media screen and (min-width: 1200px){
   #myModal .mySlides img{
        margin-left: auto;
        margin-right: auto;
   }
   #myModal .mySlides .close{
        position: absolute !important;
        top: 0;
        margin-top: 7%;
        margin-right: 18%;
        right: 0;
   }
}


@media only screen and (max-width: 767.9px){
       #myModal .mySlides img{
        margin-left: auto;
        margin-right: auto;
   }
   #myModal .mySlides .close{
        position: absolute !important;
        top: 0;
        margin-top: 7%;
        margin-right: 2%;
        right: 0;
   }
}
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) {
      #myModal .mySlides img{
        margin-left: auto;
        margin-right: auto;
   }
   #myModal .mySlides .close{
        position: absolute !important;
        top: 0;
        margin-top: 7%;
        margin-right: 7%;
        right: 0;
   }
}

@media only screen and (max-width: 767.9px){
    .careersmobileparagraphblock{
        margin-top: 12px !important;
    }
}

@media (min-width: 1025px){
   video.video-js {
       height:394px;
   }
}



#parenting-partone ul li{
    list-style-image: url(https://www.bcbst.com/img/orange-bullet.png);
}
.custom-content-block{
    padding-top:0px !important
}

@media only screen and (max-device-width : 1024px) {
   #progress.grayOffsetBackground.on-left{
       width:100% !important;
   }
}

#codeofconduct h1{
  font-size:2rem !important;
}
@media (max-width: 767.9px) {
       
        .custom-content-block h1{
             font-size:2rem !important;
        }

}
    
@media (max-width: 767.9px) {
        .tertiarynav {
            display: none !important;
        }
}
@media screen and (min-height: 731px) and (min-width: 411px){
  #galaryBlock .galaryBlockpara {
    width: 100% !important;
   }
}

.siteusageOl strong{
   display:block;
}

/*ABOUT US PAGE CSS END*/




/*farah css-temporary-START*/

#wide_card_id a.button.secondary:hover {
       background: #005eb9 !important;
    }


/* for 129 defect in google sheet -START*/
@media only screen and (max-device-width: 1024px) and (min-device-width: 768px) and (orientation: portrait){

#pharmacy-coverage-form .pdfLinkWrapper {
        font-size: 20px !important;
        padding: 10px !important;
}

}
/* for 129 defect in google sheet -END*/

/* for 127 defect in google sheet -START*/
#pharmacy-coverage-form .moreLink1:after, #pharmacy-coverage-form .moreLink-last:after {
    line-height: 3rem !important;
}
/* for 127 defect in google sheet -END*/


/*farah css-temporary-END*/

/*Chaitanya css for defect:252757--starts*/
@media (min-width: 1200px){
/*BlueAdvantage*/
.gaj .container .component-text-accordion.forms .component-text-accordion-submenu#BlueAdvantageOpen .component-text-accordion-main .card.component-text-accordion-card.open span.component-text-accordion-card-header {
    font-family: Univers-55, sans-serif !important;
}
/*BlueEssental*/
.gaj .container .component-text-accordion.forms .component-text-accordion-submenu#BlueEssentialOpen .component-text-accordion-main .card.component-text-accordion-card.open span.component-text-accordion-card-header {
    font-family: Univers-55, sans-serif !important;
}
/*medicareSupplement*/
.gaj .container .component-text-accordion.forms .component-text-accordion-submenu#MedicareSupplementOpen .component-text-accordion-main .card.component-text-accordion-card.open span.component-text-accordion-card-header {
    font-family: Univers-55, sans-serif !important;
}
/*BlueAdvantage*/
.gaj .container .component-text-accordion.forms .component-text-accordion-submenu#BlueAdvantageOpen .component-text-accordion-content-container h3.component-text-accordion-title span {
    padding-left: 11px !important;
}
/*BlueEssential*/
.gaj .container .component-text-accordion.forms .component-text-accordion-submenu#BlueEssentialOpen .component-text-accordion-content-container h3.component-text-accordion-title span {
    padding-left: 11px !important;
}
/*Medicare supplement*/
.gaj .container .component-text-accordion.forms .component-text-accordion-submenu#MedicareSupplementOpen .component-text-accordion-content-container h3.component-text-accordion-title span {
    padding-left: 11px !important;

}
}
/*Chaitanya css for defect:252757--ends*/