/* CSS */
/*Font initialization start*/
@font-face {
  font-family: 'Poppins-regular';
    src: url('/content/dam/microsites/evusheld-elabelling/global/fonts/Poppins-Regular.ttf');
    font-weight: normal;
    font-display: swap;
}

@font-face {
  font-family: 'Poppins-bold';
    src: url('/content/dam/microsites/evusheld-elabelling/global/fonts/Poppins-Bold.ttf');
    font-weight: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Helvetica-Neue';
    src: url('/content/dam/microsites/evusheld-elabelling/global/fonts/HelveticaNeue.ttf');
    font-weight: normal;
    font-display: swap;
}
/*Font initialization end*/

/*Initial theme starts*/
.black-box{
    border: 1px solid black;
	 display: flex;
    flex-direction:column;
    align-items: center;
    align-content: center;
    justify-content: center;
    width: 100%;
    margin: auto;
    padding: 5px;
}
.austria-hcp .black-box{
overflow-wrap:anywhere;
}
.aus-ul {
    list-style:disc!important;
    padding:0 3%;
}
.saudi-patient .black-box{
    width:65% !important;
}
.clr-black{
    color:#000000CC !important;
    text-decoration:underline !important;
}
.headDisclaimer{
padding:1%;
font-family:'Poppins-bold';
border:2px solid black;
}

.var-pink{
    color:#E500DCCC !important;
}

.h1-title {
  font-family: Poppins-bold;
  color: #131F78;
  font-size: 42px;
}

.h2-title {
  font-family: Poppins-bold;
  color: #131F78;
  font-size: 48px;
}

.bannerTxt{font-family: Poppins-bold;
font-size:60px;
line-height:84px;
color:#131F78;
text-align:
center;}

.b-sub{
    display:block;
}

.title-desc {
  font-family: Poppins-bold;
  color: #131F78;
  font-size: 24px;
}

.title-desc a {
  color: #9B26B6;
  font-family: Poppins-bold;
}

.new-pink{
	color:#e500dccc !important;
    }
.desc-small {
  font-family: Poppins-regular;
  color: #000000CC;
  font-size: 20px;
}
.desc-extrasmall{
 font-family: Poppins-regular;
  color: #000000CC;
  font-size: 12px;
    padding: 0px 35px;
}
.privacy-txt ul li{
  font-family: Poppins-regular !important;
  color: #000000CC!important;
  font-size: 20px !important;
}
.countryForm label {
  font-family: Poppins-regular;
  color: #000000CC;
  font-size: 20px;
}

#countryField, #languageField {
  font-family: Poppins-regular;
 color: #000000CC;
  font-size: 20px;
}


#countryField::placeholder {
  font-family: Poppins-regular;
  color: #000000CC;
  font-size: 20px;
  padding-left: 2%;
}



#languageField::placeholder {
  font-family: Poppins-regular;
  color: #000000CC;
  font-size: 20px;
  padding-left: 2%;
}
	.hideSection{display:none !important;}
.btnRow input {
  font-family: Poppins-bold;
  color: #fff;
  font-size: 24px;
}

.liCountryList {
  font-family: Poppins-regular;
  color: #000000CC;
  font-size: 20px;
}

#languageList li {
  font-family: Poppins-regular;
  color: #000000CC;
  font-size: 20px;
}

.footer-head {
  font-family: Poppins-bold;
  color: #FFFFFF;
  font-size: 30px;
}

.footer-link {
  font-family: Poppins-regular;
  color: #FFFFFF;
  font-size: 20px;
  text-shadow: none !important;
  padding-top: 1%;
}

.footer-disclaimer {
  font-family: Poppins-regular;
  color: #FFFFFF;
  text-align: center;
  font-size: 18px;
  text-shadow: none !important;
}

.disclaimer-head {
  font-family: Poppins-bold;
  color: #FFFFFF;
  font-size: 20px;
}

.disclaimer-para {
  font-family: Poppins-regular;
  color: #FFFFFF;
  font-size: 20px;
}

.card-heading {
  font-family: Poppins-bold;
  color: #131F78;
  font-size: 28px;
}

.card-link {
  font-family: Poppins-regular;
  color: #9B26B6;
  font-size: 20px;
}
.bh-hcp .card-link,  .bh-patient .card-link {
  font-family: Poppins-regular;
  color: #9B26B6;
  font-size: 18px;
}

.card-link-bold {
  font-family: Poppins-bold;
  color: #9B26B6;
  font-size: 24px;
}

.report-link {
  font-family: Poppins-regular;
  color: #9B26B6;
  font-size: 18px;
}

.ar-align {
  text-align: right !important;
}

.ar-right {
  justify-content: flex-end;
}

.ar-bold {
  font-weight: bold !important;
}

.ar-right-center {
  text-align: center;
}
/*Initial theme end*/

/*Main CSS starts*/
.inline-br {
  display: block;
}

#header .logo {
  transition: none;
  -webkit-transition: none;
    transform:none;
    -webkit-transform:none;
}

#header {
  background-color: #fff;
  position: relative;
}

header .ms-container .logo img {
  image-rendering: -webkit-optimize-contrast;
}

header.default-header.page-scrolled .logo:not(.sticky) {
  transform: none !important;
}

.top-section {
  background-position: center;
  background-size: cover;
  position: relative;
  background-repeat:no-repeat;
  min-height:475px;
}

.middle-section {
  background-color: #fff;
  min-height: 0;
  height: 10em;
  display: none;
/*Removed as mentioned in PDF*/;
}

.form-section {
  background-color: #F0F0F0;
  min-height: 0;
  z-index: 8;
  height: 30em;
  padding:5em 0 1em 0;
/*neeeds to be changed*/;
}

input[type='radio']:checked:after {
  width: 10px;
  height: 10px;
  border-radius: 10px;
  position: relative;
  background-color: #131F78;
  content: '';
  display: inline-block;
  visibility: visible;
  border: 2px solid white;
}

#countryField,#languageField {
  border: 1px solid #707070;
}
/*Footer design for desktop*/
.d-none {
  display: none;
}

.footer-content {
  height: auto;
  min-height: 0;
  padding: 2em 0;
}
/*.hcp-arabic .footer-content,.patient-arabic .footer-content{
    height:30em;
    min-height:0;
    padding:2em 0;
}*/
.outer-social.outer-socialnew {
  display: flex;
  flex-direction: column;
}

.social-text.social-textnew {
  width: 100%;
}

.social-m-icons.social-m-iconsnew {
  width: 100%;
}

.footer-col-2.mobile-none.quicklink-override {
  width: 100%;
  border-top: 1px solid #fff;
  padding-top: 2em;
  margin-top: 2em;
}

.set-links-footer.link-col-1.link-col-override {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  margin: 1em 0 4em 0;
}

.footer-content .col-control-3col-33-33-33-c2 {
  display: flex;
  justify-content: flex-end;
}

.footer-desktop {
  width: 100%;
  padding: 2em 0;
}

.hr-line {
  margin-bottom: 2em;
}

.row-footer {
  display: flex;
  flex-direction: row-reverse;
  width: 100%;
}

.footer-col-1 {
  width: 60%;
  float: left;
}

.footer-col-2 {
  width: 40%;
  float: left;
}
.az-logo-sec{
    width: 100%;
    display: flex;
    justify-content: center;
    margin-bottom: 10px;
	}
/*Footer design for desktop ends*/
.footer-content {
  background-color: #131F78;
}

.footer-container {
  padding: 0;
}

.outer-social {
    /*border-top: 1px solid #fff;
    padding: 2em 0;*/
  display: flex;
   /* flex-direction:column;*/;
}

.social-text {
  width: 40%;
 /*20%*/;
}

.social-m-icons {
  width: 60%;
/*80%*/;
}

.social-m-icons img {
  margin: 0 3%;
  width: 13%;
  height: 13%;
}

.li-p a {
  text-decoration: none !important;
}

/*HCP Page styling begins*/

.blue-ribbon {
  background-color: #131F78;
  display: flex;
  align-items: center;
  padding: 0 7%;
  height: 4em;
  justify-content: center;
  width: 100%;
  z-index: 4;
 /* position: fixed;*/
  top: 6em;
}

.hcp-banner,.patient-banner {
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  min-height: 0;
  height: 460px;
  position: relative;
  /*top: 10em;
  margin-bottom: 12em;*/
}

.grey-section {
  background-color: #F0F0F0;
  min-height: 0;
  height: auto;
  padding-top: 2em;
  padding-bottom: 4em;
  margin-top: 45px;
}

.card-outer {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-between;
}

.card-white {
  height: auto;
  margin-top: 2em;
  padding: 1em;
  width: 48%;
  background-color: #fff;
  border-top: 5px solid #131F78;
}

.card-outer .desc-small {
  padding: 1em 0;
}

.card-white p:nth-of-type(3) {
  padding: 1em 0;
}

.report-section {
  background-color: #fff;
  min-height: 0;
  height: auto;
  margin-bottom: 45px;
}

.report-section .ms-container {
  width: 100%;
}

.report-all {
  display: flex;
  justify-content: space-evenly;
  flex-wrap: wrap;
}

.singapore-hcp .report-all {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    gap: 5%;
}

.patient .report-all {
  justify-content: center !important;
}

.r-links {
  padding: 1em 0;
}

.dwnld-img,.link-img {
  vertical-align: middle;
}
/*Arabic Hcp and patient CSS*/
.hcp-arabic header .ms-container .logo img,.patient-arabic header .ms-container .logo img {
  float: right;
}
/*HCP Page styling ends*/
/*Exit ramp style begins*/

.exitRampPage .modal {
  background: rgba(0,4,29,0.8);
}

.exitRampPage .modal-header {
  display: none;
}

p.exit-header.bold-text {
  color: #131F78;
  width: fit-content;
}

p.exit-header:after {
  content: "";
  border-radius: 10px;
  height: 4px;
  display: block;
  width: 100%;
  margin-bottom: 5px;
  background: transparent linear-gradient(90deg, #9B26B6 0%, #0060AB 50%, #00CFB4 100%) 0% 0% no-repeat padding-box;
  margin-top: 5px;
}

.exitRampPage .modal-dialog {
  width: 90%;
  max-width: 545px !important;
  margin: 0 auto;
}

.exitRampPage .modal-footer {
    flex-wrap: nowrap;
}

a.btn.btn-default.exit-ramp-cancel {
    text-align: center;
}

.exitRampPage .btn {
    padding: 9px 18px !important;
}

.exitRampPage .modal-body {
  padding: 25px 33px 0px 30px;
}

.exitRampPage .modal-footer {
  border-top: none;
  padding-bottom: 27px;
  padding-right: 40px;
}

.exit-text {
  color: #000000;
  margin-bottom: 0;
  font-family:Poppins-regular;
}

.exitRampPage .btn {
  padding: 9px 20px;
}

a.btn.btn-default.exit-ramp-cancel {
  color: #716D6E;
  font-family: Poppins-Bold;
  font-size: 14px;
  line-height: 20px;
  margin-bottom: 0;
  border:none;
}

a.btn.btn-primary.exit-ramp-continue {
  background: #9B26B6;
  font-family: Poppins-Bold;
  font-size: 14px;
  border-radius: 4px;
  border:none;
}

a.btn.btn-primary.exit-ramp-continue:hover {
  background: #77128E;
}

a.btn.btn-primary.exit-ramp-continue span.fa.fa-chevron-right {
  display: none;
}

.exitRampPage .modal-dialog {
  height: 100%;
  margin-top: 0 !important;
  margin-bottom: 0px !important;
}

.exitRampPage .modal-content {
  background: #FFFFFF;
  box-shadow: 0px 1px 3px #0000001A;
  border-radius: 10px;
  height: auto;
  left: 0 !important;
  right: 0 !important;
  top: 50% !important;
  transform: translateY(-50%);
}

.exitRampPage .btn:active, .exitRampPage .btn.active {
  box-shadow: none;
}

.btn.btn-primary:hover {
  text-decoration: none;
}
.bold-text{
    font-family: Poppins-Bold !important;
}
/*Exit ramp style ends*/
/*Self certification styling*/
.hcp-page .sc-popup .modal-header,.hcp-page .sc-popup .modal-dialog .close{
    display:none;
}
.hcp-page .sc-popup .modal-body{
    min-height:250px !important;
    padding:2em !important;
}
.ctaButtonGroup.custom-btn-set{
    height:80px;
    display:flex;
    justify-content:flex-end;
    gap:1em;
    align-items:flex-end;
}
.hcp-page .sc-popup .modal-content{
    border-radius:0.5em;
    width:100%;
}
.sc-p{
    padding:1%;
}
span.brr{
    display:block;
}
.self-yes{
    background: #9B26B6;
    font-family: Poppins-Bold;
    font-size: 14px;
    border-radius: 4px;
    border: none;
    padding:1em 1.5em;
    color:#fff;
    height:45px;
    cursor:pointer !important;
}
.self-no{
    background: #716D6E;
    font-family: Poppins-Bold;
    font-size: 14px;
    border-radius: 4px;
    border: none;
    padding:1em 1.5em;
    color:#fff;
    height:45px;
}
/*Self certification styling*/
/*Minor adjustments*/
	.pd-adj-pt{
    padding:0 5px;
}
.align-center {
  text-align: center;
}

.mrt-1 {
  margin-right: 2em;
}

.pd-r {
  padding-right: 2%;
}
    
/*To remove sections as per the request
div.card-white p:nth-child(2) {
  display: none;
}*/

.hcp-grey-section div.card-white:nth-child(4) p {
  display: block;
}

.patient-grey-section div.card-white:nth-child(3) p {
  display: block;
}

/*new request ones */

div.card-white p:nth-child(2) {
    display: none;
}
div.card-white:nth-child(3) p {
    display: block;
}

.desc-new {
  margin: 0 1em;
}

.outer-social,.outer-social.outer-socialnew {
  display: none;
}
/*CSS for Error pages*/
.error-section{
    background-color:#f0f0f0;
    min-height:0;
    height:35em;
}
.error-button{
    height: 2.5em;
    width: 95%;
    background-color: #9B26B6;
    color: #FFFFFF;
    border: none;
    font-family:Poppins-bold;
    padding:1em;
    text-decoration: none!important;
}
.error-section{
    width:100%;
    display:flex;
    flex-direction:column;
}
.error-txt{
    margin:2em 0;
}
/*CSS for Error pages ends*/
/*Privacy notice and legal terms page styling*/
.privacy-section{
    background-color:#F0F0F0;
    top:7em;
    margin-bottom:7em;
    padding:1em 0;
}
.privacy-txt ul li{
    list-style-position:inside!important;
}
.privacy-txt p{
    margin:10px 0;
}
.russia-hcp h1.bannerTxt{
    font-size:56px ;
    line-height:78px ;
}
.russia-hcp .desc-small, .russia-hcp .disclaimer-para,.russia-hcp .card-link,.russia-hcp .footer-link,.russia-hcp .ft-hl,.russia-hcp .footer-disclaimer{
    font-family:LexiaLightItalic, "Georgia", "Times New Roman", serif;
}
.russia-hcp .card-white p.card-heading, .russia-hcp .bannerTxt, .russia-hcp .footer-head{
font-family:LexiaBold, Times, "Times New Roman";
}


/*s-korea disclamer end*/

.skorea-hcp .blue-ribbon, .skorea-patient .blue-ribbon{
    height:13em;
}
/*s-korea disclamer end*/

.russia-hcp .sp-desk{
    display:block;
}
.ft-hl{
    color:#fff;
}
.privacy-sec p,.privacy-sec ul li,.footer-pages .error-content ul li{
    font-family:Poppins-regular;
    font-size:20px;
    line-height:28px;
    color:#000;
}
.privacy-sec h2, .footer-pages h3{
    font-family:Poppins-regular;
    color:#000;
}
div.privacy-sec{
    height:auto;
}
.footer-pages p{
    padding: 10px 0;
}
/*Main CSS end*/


/*Country select CSS only*/
.countryForm {
  width: 60%;
  margin: auto;
  padding: 3em 0;
}

.row1, .row2, .row3, .btnRow {
  display: flex;
}

.row1, .row2,.row3 {
  flex-direction: column;
  width: 100%;
}

.row1 {
  float: left;
}

.row3 {
  float: unset;
  width: 100%;
}

.row1 .col1, .row1 .col2, .row2 .col1, .row2 .col2 {
  padding: 2%;
}

.row3 .col1, .row3 .col2 {
  padding: 2%;
}

.row1 .col2 input, .row2 .col2 input {
  width: 100%;
  height: 3.5em;
}

.countryForm sup {
  color: red;
}

.btnRow {
  width: 100%;
  padding: 2% 0;
  justify-content: space-around;
}

.btnRow input {
  height: 2.5em;
  width: 95%;
  background-color: #9B26B6;
  color: #FFFFFF;
  border: none;
  -webkit-appearance: none;
  -moz-appearance: none;
    appearance: none;
    border-radius:0;
}

.btnRow input:disabled {
  cursor: not-allowed;
      background-color: rgba(155, 38, 182, 0.7);
}

.radioBtn1, .radioBtn2{
    -webkit-appearance: none;
  -moz-appearance: none;
    appearance: none;
}

/*New code for flag*/
#countriesList img {
  height: 20px;
  width: 30px;
  margin-right: 3.5%;
}

#countriesList {
  list-style-type: none;
  /* padding: 0.5% 0%;*/
  margin: 0;
  position: absolute;
  z-index: 1000;
  background-color: white;
  width: 96%;
  max-height: 23.5em;
  overflow-y: scroll !important;
  border-radius: 5px;
  box-shadow: 2px 2px #efefef;
  border: 0.5px solid #707070;
  border-top: none;
  display: none;
}

#languageList {
  list-style-type: none;
 /* padding: 0.5% 0%;*/
  margin: 0;
  position: absolute;
  z-index: 1000;
  background-color: white;
  width: 96%;
  border-radius: 5px;
  box-shadow: 2px 2px #efefef;
  border: 0.5px solid #707070;
  border-top: none;
  display: none;
}

#countriesList li {
  padding: 3% 2%;
  display: flex;
}

#languageList li {
  padding: 3% 2%;
  display: flex;
}

#countriesList li:hover,#languageList li:hover {
  background-color: rgba(118, 118, 118, 0.3);
}

.inputAddClass {
  background-position: 2.5% center;
  background-size: 30px 20px;
  background-repeat: no-repeat;
  /*padding-left:calc(5% + 30px);*/
  width: 100%!important;
/*change to 86% if needed*/;
}

.arrow-image {
  font-size: 25px;
  position: absolute;
  color: #000000CC;
  right: 7%;
  top: 35%;
}
/*change class to down-image later*/
.down-image {
  font-size: 25px;
  position: absolute;
  color: #000000CC;
  right: 7%;
  top: 35%;
  display: none;
}

.arrow-imageLang {
  font-size: 25px;
  position: absolute;
  color: #000000CC;
  right: 7%;
  top: 35%;
}

.countryForm .row1 .col2,.row2 .col2 {
  position: relative;
}

.countryForm .row1 .col2 input, .countryForm .row2 .col2 input {
  border-width: 1px;
}

#countryField:focus {
  border: none;
}

.inputAddLang {
  padding-left: 3%;
}

#radioBtn2 {
 /* margin-left: 3em;*/
}

.bTriangle{
    position: relative;
}

.bTriangle:after{
   content: "";
    position: absolute;
    width: 0;
    height: 0;
    top: 25%;
    left: 10px;
    border-top: solid 46px #000000;
    border-left: solid 28px transparent;
    border-right: solid 28px transparent;
    border-bottom: solid 28px transparent;
}

.countryForm .row3 .col2 {
    display: flex;
    flex-direction: row;
    gap: 5%;
    flex-wrap:wrap;
}
/*Country select CSS ends*/

.black-t{
    display: flex;
    justify-content: center;
    align-items: flex-start;

    }
p.desc-small.footNote {
    position: relative;
    margin-left: 30px;
    margin-bottom: 45px;
}
.sv-ref p.footNote{
    margin-bottom: 10px !important;
    margin-right:30px;
}
.bTriangle.small::after{
border-top: solid 23px #000000;
border-left: solid 14px transparent;
border-right: solid 14px transparent;
border-bottom: solid 14px transparent;
}
.sweden-hcp .footer-content{
    margin-top:45px;
}

/*Media query for mobile*/

@media screen and (max-width:767px) {
    .skorea-hcp .self-no,.skorea-hcp .self-yes,.skorea-patient .self-no,.skorea-patient .self-yes{
        height:60px;
    }
    .br-role-div{
        flex-direction:column !important;
    }
    .br-hcp,.br-patient{
        width:100% !important;
        margin:10px 0!important;
    }
    .a-brr{
        line-break:anywhere;
    }
    .black-t{
margin-bottom:-3%!important;
}
    
    .countryForm .row3 .col2 {
    display: flex;
    flex-direction: column;
    gap: 5%;
}
    
    h1.bannerTxt{
        text-align:left;
        font-size:24px;
    }
    
    .bannerText{
        width:70%;
    }
     .russia-hcp h1.bannerTxt{
        font-size:16px;
        line-height:22px;
    }
    
    .link-col-2 p:first-child, .link-col-3 p:first-child {
    height: 24%;
}
.bannerTxt{font-family: Poppins-bold;font-size:30px;line-height:36px;}
    /*Footer fix*/
    .set-links-footer.link-col-1 {
    margin-top: 0.3em;
}
 .az-logo-sec img{
        max-width:50%;
    }
    /*Footer fix....*/
    .logo{
		margin:0 !important;
        }
  .h1-title {
    font-family: Poppins-bold;
    color: #131F78;
    font-size: 24px;
  }

  .h2-title {
    font-family: Poppins-bold;
    color: #131F78;
    font-size: 20px;
    text-align: left;
  }

  .title-desc {
    font-family: Poppins-bold;
    color: #131F78;
    font-size: 14px;
  }

  .title-desc a {
    color: #9B26B6;
    font-family: Poppins-bold;
  }

  .desc-small {
    font-family: Poppins-regular;
    color: #000000CC;
    font-size: 13px;
    text-align: left;
  }
.privacy-txt ul li{
    font-family: Poppins-regular !important;
    color: #000000CC !important;
    font-size: 13px !important;
    text-align: left;
}
  .countryForm label {
    font-family: Poppins-regular;
    color: #000000CC;
    font-size: 13px;
  }

  #countryField, #languageField {
    font-family: Poppins-regular;
    color: #000000CC;
    font-size: 13px;
  }

  #countryField::placeholder {
    font-family: Poppins-regular;
    color: #000000CC;
    font-size: 13px;
  }

  #languageField::placeholder {
    font-family: Poppins-regular;
    color: #000000CC;
    font-size: 13px;
  }

  #countriesList option {
    font-family: Poppins-regular;
    color: #000000CC;
    font-size: 13px;
  }

  .btnRow input {
    font-family: Poppins-bold;
    color: #fff;
    font-size: 13px;
  }

  .liCountryList {
    font-family: Poppins-regular;
    color: #000000CC;
    font-size: 13px;
  }

  #languageList li {
    font-family: Poppins-regular;
    color: #000000CC;
    font-size: 13px;
  }

  .footer-head {
    font-family: Poppins-bold;
    color: #FFFFFF;
    font-size: 12px;
  }

  .footer-link {
    font-family: Poppins-regular;
    color: #FFFFFF;
    font-size: 10px;
  }
	.german-hcp .footer-link, .german-patient .footer-link{
      
  font-size:7px;
  }
.russia-hcp .footer-link,.russian-page .footer-link{
    font-size:7px;
}
  .footer-disclaimer {
    font-family: Poppins-regular;
    color: #FFFFFF;
    font-size: 9px;
    text-align: center !important;
  }

  .disclaimer-head {
    font-family: Poppins-bold;
    color: #FFFFFF;
    font-size: 12px;
  }

  .disclaimer-para {
    font-family: Poppins-regular;
    color: #FFFFFF;
    font-size: 12px;
  }

  .card-heading {
    font-family: Poppins-bold;
    color: #131F78;
    font-size: 16px;
  }

  .card-link {
    font-family: Poppins-regular;
    color: #9B26B6;
    font-size: 13px;
  }
  
  .bh-hcp .card-link, .bh-patient .card-link {
    font-family: Poppins-regular;
    color: #9B26B6;
    font-size: 13px;
  }

  .card-link-bold {
    font-family: Poppins-bold;
    color: #9B26B6;
    font-size: 14px;
  }

  .report-link {
    font-family: Poppins-regular;
    color: #9B26B6;
    font-size: 14px;
  }

  .report-all {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
  }
  .bTriangle:after {
    content: "";
    position: absolute;
    width: 0;
    height: 0;
    top: 25%;
    left: 10px;
    border-top: solid 22px #000000;
    border-left: solid 13px transparent;
    border-right: solid 13px transparent;
    border-bottom: solid 13px transparent;
}
  
/*CSS for Mobile design begins*/

  #header .ms-container .logo img {
    height: 40px;
    margin: 1em;
  }

  .social-m-icons {
    display: flex;
    flex-direction: row;
    align-items: center;
    width: 100%;
  }

  .social-m-icons a {
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
  }

  .social-m-icons img {
    width: 50%;
  }

  .outer-social {
    margin: 1em;
  }

  .social-text {
    width: 33%;
  }

  .social-m-icons {
    width: 66%;
  }

  img.footerlogo {
    margin: 0 1em;
    vertical-align: bottom;
  }

  .brr {
    display: block;
  }

/*Footer changes*/
  .footer-content {
    padding: 1em 0;
  }

  .footer-desktop {
    padding: 1em 0;
  }

  .row-footer {
    flex-direction: column;
  }

  .footer-col-1 {
    width: 100%;
  }

  .footer-col-2 {
    width: 100%;
    display: flex;
    margin-top: 1em;
  }

  .link-col-1 {
    width: 33.33%;
  }

  .link-col-2 {
    width: 33.33%;
  }

  .link-col-3 {
    width: 33.33%;
  }

  .form-section {
    padding-bottom: 3em;
  }

  .set-links-footer {
    margin: 0 1em;
  }

  .hr-line {
    margin-bottom: 0;
    width: 90%;
    opacity: 0.5;
  }
  .error-content{
      overflow-wrap:anywhere;
  }
/*HCP Page styling begins*/
  .blue-ribbon {
    padding: 0;
    top: 285px; /*changed from 4em*/
  }

  .blue-text {
    padding: 1em;
  }

  .hcp-banner,.patient-banner {
      /*commented values are changed*/
       height: 200px;
    /* margin-bottom: 10em; */
    background-size: 100%;
    /* top: 8em; */
    background-position: bottom;
  }

  .hcp-title {
    margin: 1em 0;
  }

  .card-white {
    border-left: 0.5px solid #9A9A9A;
    border-right: 0.5px solid #9A9A9A;
    border-bottom: 0.5px solid #9A9A9A;
  }

  .card-outer {
    display: flex;
    flex-direction: column;
    padding: 1em 0;
  }

  .card-white p {
    padding-bottom: 5%;
  }

  .card-white {
    height: auto;
    margin: 1em 0;
    width: auto;
    padding: 1em;
    background-color: #fff;
    border-top: 5px solid #131F78;
  }
/*HCP Page styling ends*/
/*Exit ramp style begins*/
.hcp-page .sc-popup .modal-dialog{
    margin:50px 10px !important;
}
.hcp-page .sc-popup .modal-content{
    width:100%!important;
}
/*Exit ramp style ends*/

/*Arabic language CSS*/
  .ar-right-center {
    text-align: right;
  }
/*CSS for Mobile design ends*/



/*Country select CSS only*/
  #countriesList {
    width: 100%;
  }

  .countryForm {
    width: 100%;
/*if needed change to 95%*/
    margin: auto;
  }

  .row1 {
    float: unset;
  }

  .row1, .row2, .row3 {
    flex-direction: column;
    width: 100%;
  }

  .row3 .col1, .row3 .col2 {
    padding: 2% 0;
/*if needed 2% 4%*/;
  }

  .row3 .col1 {
    padding-bottom: 0%;
  }

  .btnRow input {
    height: 3.5em;
    width: 100%;
  }

  .row1 .col1, .row1 .col2, .row2 .col1, .row2 .col2 {
    padding: 2% 0;
  }
/*New code*/
  #languageList {
    width: 100%;
  }

  .arrow-image {
    right: 5%;
    top: 25%;
  }

  .down-image {
    top: 35px;
  }

  .arrow-imageLang {
    right: 5%;
    top: 25%;
  }
/*Country select CSS ends*/
  .mobile-none {
    display: none !important;
  }

  .footer-desktop {
    display: block;
  }
/*Top disclaimer adjustment*/
.header-top{
flex-direction:column;
justify-content: center;
align-items: flex-start;
margin:  auto !important;
}
.top-section{
background-size: 100%;
background-position:center;
    min-height:0;
    height:200px;
}
.headDisclaimer{
padding:15px;
margin:15px;
font-size:14px;
}
#header .mobile-header-container{
display:none;
}
}
/*Media query for Ipad resolution*/
@media screen and (min-width:768px) and (max-width:1023px) {
    
    h1.bannerTxt{
        font-size:40px;
        line-height:56px;
    }
     .russia-hcp h1.bannerTxt {
    font-size: 33px;
    line-height: 50px;
    }
    .bTriangle:after {
    content: "";
    position: absolute;
    height: 0;
    top: 25%;
    left: 10px;
    border-top: solid 28px #000000;
    border-left: solid 16px transparent;
    border-right: solid 16px transparent;
    border-bottom: solid 16px transparent;
}
    
  .footer-content {
    padding: 2em 1%;
  }
/*p.li-p{
    flex-basis:26%;
}*/ /*Commented for change*/
  .hcp-banner, .patient-banner {
    height: 265px;
  }

  header .ms-container .logo img {
    height: 50px;
    margin: 2%;
  }
}
/*Media query for Ipad resolution ends*/

header .header-top { display:flex;margin:20px auto; }
.header-top .logo { flex:0 0 30%; }
@media (max-width:991px){ .header-top>.ms-header-snippet { display:block!important; } }


@media screen and (max-width:767px) and (orientation:landscape){
 .bannerText {
    width: 100%;
    justify-content: center;
    display: flex;
}   
}

@media screen and (min-width:1024px) and (max-width:1365px){
    
    .bannerTxt{
        font-size:42px;
        line-height:58px;
    }
    .bTriangle:after {
    content: "";
    position: absolute;
    width: 0;
    height: 0;
    top: 25%;
    left: 10px;
    border-top: solid 28px #000000;
    border-left: solid 16px transparent;
    border-right: solid 16px transparent;
    border-bottom: solid 16px transparent;
}
}
/* Australia Ahpra validation */
.sc-popup {
    backdrop-filter: blur(3px);
    background: rgb(0,0,0,0.9);
}
.selfCertification.australia .exit-text.sc-p {
font-size: 14px;
}
input#ahpraNum {
display: block;
width: 100%;
}
.errMsg { color:red; }
/*Australia Ahpra validation */
/* Vietnam site */

.vietnam-hcp .desc-small, .vietnam-hcp .disclaimer-para,.vietnam-hcp .card-link,.vietnam-hcp .footer-link,.vietnam-hcp .ft-hl,.vietnam-hcp .footer-disclaimer{
    font-family:Helvetica-Neue, "Georgia", "Times New Roman", serif;
}
.vietnam-hcp .card-white p.card-heading, .vietnam-hcp .bannerTxt, .vietnam-hcp .footer-head, .vietnam-hcp .card-link-bold,.vietnam-hcp .disclaimer-head,.vietnam-hcp .h1-title,.vietnam-hcp .h2-title{
font-family:Helvetica-Neue, Times, "Times New Roman";
font-weight:bold;
}

/* Vietnam site */
/* Sweden site */
.reportingTitle {
font-family: Poppins-bold;
font-size:32px;
color: #131F78;
}
/* Sweden site */
/* Brazil modal */
button.close.fg-color {
    display: none !important;
}
.br-role-div{
    display: flex;
    flex-direction: row;
    justify-content: space-evenly;
    margin: 45px 0;
    align-items: center;
    align-content: center;
}
.br-hcp,.br-patient{
    width:25%;
    background: #9B26B6;
    color: #fff;
    padding: 15px 25px;
    text-align:center;
    border-radius:5px;
}
.br-role-div a{
    text-decoration:none!important;
    color:#fff;
    font-family:Poppins-bold;
}
.br-land{
    padding:0 !important;
}
/* Brazil modal *