

/*.patient-page0 .footer-links .list-item-2 {display:none;}*/


a {
  text-decoration: none !important;
}

.headercolumn {
  position: fixed;
  z-index: 3;
  margin-top: 30px;
  border-bottom: 1px solid #eeeeee;
  box-shadow: 0 6px 15px #0000001f;
}

.lang {
  position: fixed;
  z-index: 3;
  width: 100%;
}
.info-copy {
    text-decoration: underline;
}

.patient-page0 p.copy {
    font-size: 18px;
    line-height: 24px;
    font-family: inherit;
    margin-bottom: 30px;
}
.patient-page0 li.badge.empty.badge-box {
    border: 1px solid;
    border-bottom: 0;
    margin-bottom: 0 !important;
    padding-top: 20px;
}

.patient-page0 li.badge.teal.teal-box {
    border: 1px solid;
    border-top: 0;
    padding: 20px;
}
.patient-page0 h2#additional,.patient-page0 .hcp-uln,.patient-page0 .additional-resources {
    display: none;
}



@media (min-width:1200px) {
  .headercolumn .column-2,.headercolumn .column-3,.headercolumn .column-4,.headercolumn .column-5,.headercolumn .column-6 {
    position: relative;
    left: 14%;
    margin-top: 2%;
    width: 17%;
  }
  
  .patient-banner{
      height:36em;
  }
  
  .head-columnctrl .col-sm-8{
    width:70% ;
    margin-left:24%;
  }
   .lst-box, .lst-box-1{
    margin-left:12%;
  }
}
.patient-banner{
  background-position:5% 15%;
}
.headercolumn .logo {
  margin-left: 0%;
  width: 115%;
}

.headercolumn {
  width: 100%;
}

.headercolumn a {
  font-family: arial;
}

.headercolumn .about {
  text-align: center;
  margin-left: 0px;
}

.patient-page0 {
  overflow-x: hidden;
}

.patient-banner button {
  display: none;
}

.static-links-wrapper li:nth-child(5) {
  display: none !important;
}

/* @media (max-width:1023px) {
  .patient-page0 .full-width.component-section {
    z-index: -1;
  }
}*/

.patient-page0 .bluebutton {
  background-color: #008995;
  color: #FFFFFF !important;
  border-radius: 10px !important;
  margin-left: 0;
  font-size: 10px;
  margin-top: 0;
  border: 2px solid #ffffff;
  position: absolute;
  right: 250px;
  top: -65px;
  z-index: 9999;
  text-decoration: none !important;
  padding: 0.2%;
}

@font-face {
  font-family: 'Fontawesome-webfont';
  src: url(/content/dam/open-digital/azmedconnect-vn/vi/fonts/fontawesome-webfont.woff);
  font-display: swap;
}

.p-text {
  font-size: 28px;
  color: #5B305D;
  font-weight: bold;
  font-family: Arial;
}

.heading {
  color: #5B305D;
  margin-top: 22%;
  padding-bottom: 2%;
  border-bottom: 2px solid #008995;
  width: 100%;
  font-family: Open Sans Condensed,Bold;
  font-size: 42px;
  line-height: 46px;
}

.heading b {
  font-family: 'OpenSansCondensed-Bold' !important;
}

.box-text {
  border: 1px solid #5B305D;
  padding: 1%;
  margin-top: 5%;
  color: #58595B;
  font-family: Arial;
  font-size: 18px;
  width: 70%;
}

.blue-text {
  font-size: 28px;
  line-height: 30px;
  color: #008995;
  font-family: Arial;
  text-align: center;
  font-weight: bold;
}

ul li {
  font-size: 18px;
  font-family: Arial;
  font-weight: lighter !important;
}

h4 {
  font-size: 18px;
  font-family: Arial;
  font-weight: bold;
  color: #58595B;
  line-height: 20px;
}

.color-text-aria {
  font-family: Arial !important;
  color: #58595B;
  font-size: 18px;
}

.green-bullet-list .color-text-aria {
  margin-left: 20px;
}

.full-border {
  border: 2px solid #0000004F;
  border-radius: 12px;
  box-shadow: 0px 2px 8px #0000004F;
  margin-top: 3%;
  margin-bottom: 6%;
}

.border-bottom {
  padding: 1%;
}

.bg-darkblue {
  background-color: #5B305D;
  text-align: center;
  padding: 4%;
  font-family: 'Open Sans Condensedr' !important;
  font-size: 42px !important;
  font-weight: 400 !important;
}

.yellow-text {
  color: #CEDB00;
  font-size: 28px;
  font-family: Arial;
  font-weight: bold;
  line-height: 30px;
  padding-bottom: 1%;
}

.white-padding {
  color: #FFFFFF;
  padding-left: 8%;
  font-family: Arial;
}

.thumbnail-text {
  font-size: 16px;
  font-family: Arial;
  color: #58595B;
  text-align: center;
  margin-top: 5%;
  line-height: 20px;
}

.hcp-uln {
  border-top: 2px solid #008995;
  width: 427px;
  margin-top: -4%;
}

.hcp-uln-1 {
  border-top: 2px solid #008995;
  width: 722px;
  margin-top: -4%;
}

.box-text-1 {
  width: 90%;
  margin-bottom: 2%;
  border: 1px solid #5B305D;
  padding: 4%;
  margin-top: 2%;
  color: #58595B;
  font-family: Arial;
  /* font-size: 18px; */
  font-weight: bold;
}

.box-text-1 h5 {
  font-weight: bold;
  font-family: Arial;
  font-size: 18px;
}

.box-text-1 p {
  font-weight: bold;
  font-family: Arial !important;
  font-size: 18px !important;
}

.box-text-1 ul {
  padding-left: 2% !important;
}

.padding-tp {
  padding-bottom: 45px;
}

.purple-box-cl {
  color: #FFFFFF;
  padding-left: 10%;
  font-family: Arial;
  font-size: 20px;
  font-weight: bold;
}

.centre-tx-purple {
  text-align: center;
  color: rgb(91,48,93);
  font-size: 42px !important;
}

.centre-tx-purple b {
  font-family: Open Sans Condensed !important;
}

.hcp-uln-2 {
  border-bottom: 2px solid #008995;
  width: 565px;
}

.image-column {
  position: relative !important;
  margin-top: 18%;
  margin-bottom: 0%;
}

li::marker {
  font-weight: bold !important;
}
 /*error pages*/
.error-pg {
  font-family: 'Nunito Regular', sans-serif;
  font-size: 40px;
  color: #46757e;
  line-height: 40px;
  margin: 12%;
  padding-left: 25%;
  padding-top: 7%;
}

.up-box {
  margin-top: -1%;
  margin-bottom: 3%;
  text-align: center;
  color: rgb(91,48,93);
  font-size: 30px !important;
  font-weight: bold;
  font-family: Arial;
}

.aling-tp {
  margin-top: -8%;
}

@media screen and (max-width:413px) {
  .first-sec, .full-border, .image-column, .lst-box {
    margin-left: 15px;
    margin-right: 15px;
  }

  .box-text-1 {
    margin-top: -1%;
    margin-right: 15px;
  }

  .lst-box-1 {
    margin-left: 15px;
  }
}

@media screen and (min-width:413px) and (max-width:735px) {
  .first-sec, .full-border, .image-column, .lst-box {
    margin-left: 25px;
    margin-right: 15px;
  }

  .box-text-1 {
    margin-top: -3%;
    margin-left: 1px;
  }

  .lst-box-1 {
    margin-left: 25px;
  }
}

@media screen and (min-width:768px) and (max-width:1023px) {
  .first-sec, .full-border, .image-column, .lst-box {
    margin-left: 25px;
    margin-right: 15px;
  }

  .first-level-item:nth-child(6) {
    background-color: #008995;
    border-radius: 10px !important;
    border: 2px solid #ffffff;
    width: fit-content !important;
  }

  .first-level-item:nth-child(6) a {
    color: #ffffff !important;
    padding-right: 10px !important;
  }

  .box-text-1 {
    margin-top: -3%;
    margin-left: 1px;
  }

  .lst-box-1 {
    margin-left: 25px;
  }

  .image-column .column-1, .image-column .column-4 {
    display: none;
  }

  .image-column {
    padding-left: 29%;
  }
}

@media screen and (min-width:1024px) {
  .img-dwn {
    margin-top: 39%;
  }

  .img-dwn-1 {
    margin-top: 25%;
  }
}
/*kajal*/
.logo {
  margin-top: 12% !important;
}

.about {
  padding-top: 0% !important;
}

.column4 {
  margin-top: 0% !important;
}

@media only screen and (min-width: 1024px) and (max-width: 1365px) {
  .about {
    margin-top: 0%!important;
  }

  .logo {
    margin-top: 30% !important;
  }

  .column2 {
    margin-top: 20%;
  }

  .column3 {
    margin-top: 20%;
  }

  .column4 {
    margin-top: 40% !important;
  }

  .patient-page0 .bluebutton {
    top: -120px !important;
    right: 200px !important;
  }

  .bluebutton {
    top: -105px !important;
  }
}

@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .patient-page0.first-level-item:nth-child(5) {
    background-color: #008995;
    border-radius: 10px !important;
    border: 2px solid #ffffff;
    width: fit-content !important;
  }

  .patient-page0 .first-level-item:nth-child(5) a {
    color: #ffffff !important;
    padding-right: 10px !important;
  }
}

@media only screen and (max-width: 767px) {
  .patient-banner {
    background-position: right !important;
  }
  html[lang="fr"] .patient-page0 .scrollToTop {
    bottom: 5%;
}
}

@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .patient-page .first-level-item:nth-child(6) {
    background-color: #008995;
    border-radius: 10px !important;
    border: 2px solid #ffffff;
    width: fit-content !important;
  }

  .patient-page .first-level-item:nth-child(6) a {
    color: #ffffff !important;
    padding-right: 10px !important;
  }
}

@media only screen and (max-width: 768px) {
  .patient-page .first-level-item:nth-child(6) {
    background-color: #008995;
    border-radius: 10px !important;
    border: 2px solid #ffffff;
    width: fit-content !important;
  }

  .patient-page0 .first-level-item:nth-child(5) {
    background-color: #008995;
    border-radius: 10px !important;
    border: 2px solid #ffffff;
    width: fit-content !important;
  }

  .patient-page0 .first-level-item:nth-child(5) a {
    color: #ffffff !important;
    padding-right: 10px !important;
  }

  .patient-page .first-level-item:nth-child(6) a {
    color: #ffffff !important;
    padding-right: 10px !important;
  }
}

.magenta-text {
  font-size: 20px !important;
  font-family: Arial;
  font-weight: bold !important;
  color: #5B305D;
}

.color-text-aria b {
  font-family: Arial !important;
}

.thumbnail-leaflet {
  width: 162px !important;
  /*height:224px !important;*/
  left: 23%;
}

.thumbnail-brochure {
  width: 167px !important;
      /*height:167px !important;*/
  left: 23%;
}

.bottom-align {
  position: absolute !important;
  bottom: 0 !important;
}

@media only screen and (max-width:768px) {
  .bottom-align {
    position: relative !important;
  }
}

@media only screen and (max-width:600px) {
  .box-text-1{
      padding:8%;
  }
  .info-link a{
    margin-right:1em !important;
  }
  
  .image-column{
  margin-top:0%;
}
  .heading {
    margin-top: 35%;
  }

  .hcp-uln {
    width: 250px !important;
  }

  .hcp-uln-1 {
    width: 330px;
    margin-top: -6% !important;
  }

  .hcp-uln-2 {
    width: 310px;
  }

  .heading {
    margin-left: 4%;
  }

  .box-text {
    margin-left: 4%;
  }
}

#resourse {
  font-size: 42px !important;
}

.green-bullet-list li {
  color: #008995;
}

.li-text {
  color: #58595B;
}

.white-li-text {
  color: #ffffff;
}

#patient-and-caregiver {
  font-size: 42px !important;
}

.box-text-1 b {
  color: #5B305D !important;
}

.bold-list li {
  font-weight: bold !important;
  padding-bottom: 0 !important;
}

/*landscape*/
@media only screen and (max-width:800px) and (orientation:landscape) {
   .hcp-uln-1{
       width:570px !important;
   }
   
   .info-link a{
     margin-right:2em !important;
   }
   
    .image-column{
     margin-top:0%;
   }
  
  .box-text {
    margin-left: 5%;
  }

  .heading {
    margin: 5%;
    margin-top: 20%;
  }

  .thumbnail-leaflet {
    margin-left: 10%;
  }

  .column-2 .thumbnail-text, .column-3 .thumbnail-text {
    margin-right: 4%;
  }

  .thumbnail-brochure {
    margin-left: 9.5%;
  }

  .full-border {
    margin-right: 3.5%;
  }
}
/*landscape*/

.heading-margin {
  margin-bottom: 0 !important;
}

.color-text-aria a {
  text-decoration: underline !important;
}

.ref-text {
  font-size: 15px;
}

@media only screen and (min-width:1024px) and (max-width:1365px) {
  .image-column {
    margin-top: 25%;
  }
}

@media only screen and (min-width:768px) and (max-width:1023px) {
  .mringlef {
    margin-left: 15%;
  }

  .container {
    width: auto !important;
  }
  
   .info-link a{
    margin-left:2.5em !important;
  }
  .thumbnail-text {
    margin-left:2.5em !important;
  }
}


.info-link a{
  background: #5B305D 0% 0% no-repeat padding-box;
    padding: 2%;
    color: #FFFFFF;
    white-space: nowrap;
    font-family: Arial;
    border-radius: 10px !important;
}

.info-link a:hover, .info-link a:hover, .info-link a:active, .info-link a:focus {
  background: #5B305D 0% 0% no-repeat padding-box !important;
  padding: 2%;
  color: #FFFFFF !important;
  white-space: nowrap;
  font-family: Arial;
}

/*Header implement*/

.first-level-item:nth-child(1){
  width:25% !important;
}
.navbar-header img.header-nav-logo{
  top: 25px;
}

.primary-navigation .nav .static-links-wrapper>li.first-level-item a{
  margin-top:0px;
}
/*Header implement end*/

@media only screen and (min-width:1700px) and (max-width:1950px){
  .thumbnail-leaflet{
    left:33% !important;
  }
  .thumbnail-brochure{
    left:33% !important;
  }
}



/************************************************************************************************************************/
/******************************************** Changes on and after 24-02-2025 *******************************************/
/************************************************************************************************************************/

/* Post gate patient page */
/*.patient-page .heading {padding-bottom: 1%;max-width: max-content;}*/
body.patient-page{color:#58595B;font-family: "HelveticaRegular"!important;}
.patient-page .heading, .patient-page .heading b, .patient-page b, .patient-page h1, .patient-page h2, .patient-page h3, .patient-page h4, .patient-page h5, .patient-page h6,.patient-page .yellow-text,.patient-page .purple-box-cl, .patient-page .centre-tx-purple b, .patient-page .bg-darkblue,.patient-page .magenta-text,.patient-page .color-text-aria b,.patient-page .box-text-1 h5,.patient-page .footer .link-txt{font-family: 'HelveticaBold'!important;}
.patient-page .box-text, .patient-page p, .patient-page .color-text-aria, .patient-page .color-text-aria, .patient-page .text.parbase ul li, .patient-page .white-li-text, .patient-page .thumbnail-text,.patient-page .info-link a, .patient-page .color-text-aria, .patient-page .primary-navigation .nav .static-links-wrapper>li.first-level-item a,.patient-page .footer p{font-family:"HelveticaRegular"!important;}
.patient-page .footer .link-txt, .patient-page .footer p, a{color:#58595B}
.patient-page .heading{font-size: 44px;line-height: 46px;position: relative;border: 0;}
.patient-page .heading::after {content: "";background: #008995;position: absolute;bottom: 0;left: 0;height: 2px;width: 100%;max-width: calc(100% - 50px);border: 0;}
.patient-page .sub-head{font-size: 28px;line-height: 32px;color: #5B305D;margin-top:15.5px;margin-bottom: 24px;}
.patient-page .box-text{max-width: 518px;padding:10px;width: 80%;margin-top: 0;}
.patient-page .purple-text{color: #5B305D;font-size: 28px;line-height: 30px;margin-bottom: 39px;}
.patient-page .text.parbase .circle-bd{list-style: none;padding: 0;}
.patient-page .text.parbase .circle-bd>.badge{width: 100%;display: flex;gap: 16px;margin-bottom: 20px;}
.patient-page .text.parbase .circle-bd>.badge.empty{gap:0px}
.patient-page .text.parbase .circle-bd>.badge::before{content: '';width: 24px;height: 24px;border-radius: 50%;margin-right: 16px;}
.patient-page .text.parbase .circle-bd>.badge.teal::before, .bd-teal{background-color: #008995;}
.patient-page .text.parbase .circle-bd>.badge.purple::before, .bd-purple{background-color: #5B305D;}
.patient-page .text.parbase .circle-bd>.badge.yellow::before, .bd-yellow{background-color: #CEDB00;}
.patient-page .text.parbase .circle-bd>.badge.gray::before, .bd-gray{background-color: #58595B;}
.patient-page .text.parbase .circle-bd>.badge>ol{width: calc(100% - 24px);padding: 0;list-style: none;}
.patient-page .text.parbase .circle-bd>.badge>ol>li>ul{padding-left: 5px;}
.patient-page .badge ul{padding-left: 5px;list-style-type: '\2022';}
.patient-page .badge ul li {padding-left: 9px;}
.patient-page .one::before{content: '1.';margin-left: -16px;}
.patient-page .two::before{content: '2.';margin-left: -16px;}
.patient-page .three::before{content: '3.';margin-left: -16px;}
.patient-page .four::before{content: '4.';margin-left: -16px;}
.patient-page .five::before{content: '5.';margin-left: -16px;}
.patient-page .color-text-aria{font-size: 18px;line-height: 22px;}
.patient-page .badge-grp{display: flex;gap:23px;}
.patient-page .badge-grp>ul{padding-left: 5px;list-style-type: '\2022';}
.patient-page .badge-grp>ul>li{padding-left: 9px;}
.patient-page .badge-grp:last-of-type>ul{margin-bottom: 0px;}
.patient-page .badge-grp>ul>li>ul{list-style-type: '\25CB';padding-left: 29px;}
.patient-page .badge-grp>ul>li>ul>li{padding-left: 7px;}
.patient-page span.badge{display: inline-block;width: 24px;height: 24px;border-radius: 50%;flex-shrink: 0;}
.patient-page .full-width.container.w-1200:not(.patient-page header nav .container) {max-width: 1200px;padding-top: 36px;padding-left: 8px;padding-right: 8px;margin: 0 auto;width: 95%;margin-bottom: 64px;}
.patient-page .bg-darkblue>.container{padding:0;}
.patient-page .bg-darkblue .purple-box-cl{padding-left: 0;margin: 25px 0px;}
.patient-page .bg-darkblue.hditt{padding-top: 40px;padding-bottom: 30px;}
.patient-page .hditag{display: flex;flex-direction: column;gap: 110px;align-items: center;}
.patient-page .bg-darkblue .hditag .green-bullet{padding-left: 5px;list-style-type: '\2022';margin-bottom: 0;}
.patient-page .bg-darkblue .hditag .green-bullet li{color: #ffffff;padding-left: 9px;padding-bottom:0px;}
.patient-page .hditag img{width: 233px;height: 233px;flex-shrink: 0;}
.patient-page .multi-column-container{margin-bottom: 0px;}
.patient-page .footer .footer-column.multi-column-container{margin-top: 24px;}
.patient-page .box-text-1, .patient-page .box-text-1 p{font-weight: normal;}
.patient-page .box-text-1{padding: 23px;}
.patient-page .box-text-1 ul{margin-bottom: 0px;}
.patient-page .lst-box p.color-text-aria {margin-bottom: 18px;}
.patient-page .lst-box p.color-text-aria:last-of-type {margin-bottom: 15px;}
.patient-page .lst-box a{color: #58595B;}
.patient-page .cta .cta-container{padding:1rem}
.patient-page .cta .cta-container .info-link {padding: 0;}
.patient-page .cta .cta-container .info-link a{display: inline-flex;width: 94.88px;height: 28px;justify-content: center;align-items: center;padding: 5.82px 12.02px 5.18px 11.86px;font-size: 16px;border:0;}
.patient-page h2#safety {line-height: 50px;}
.patient-page .box-text span {white-space: nowrap;}
.patient-page .magenta-text { margin-top: 50px;}
.patient-page .first-level-item:nth-child(1) {width: max-content !important;}
.patient-page .static-links-wrapper li:nth-child(5) {display: block !important;}
.patient-page .primary-navigation .nav .static-links-wrapper>li.first-level-item a {margin-bottom: 10px;padding-top: 5px;}
.patient-page .first-level-item:nth-child(2) {width: 29%;}
.patient-page .first-level-item:nth-child(3) {width: 22%;}
.patient-page .static-links-wrapper li:nth-child(6) a.dropdown-toggle {display: none;}
.patient-page #patient-and-caregiver .column-3 img {border: 1px solid #707070;}
.patient-page .footer{ padding-bottom: 0px;}
.patient-page .footer .notices {margin-top: 00px;}
.patient-page .lst-box-1 .box-text-1 h5 {color: #5a2f5c;}
.patient-page .lst-box-1 .box-text-1 b{color: #58595B !important;}
.patient-page .lst-box-1 .box-text-1 p.az{margin: 17px 0px;}
.patient-page .lst-box-1 .box-text-1 .bold-li li{padding-bottom:0px;}


/* Responsive */
@media (min-width: 768px) {
    .container.w-100 {width: 100%;padding: 0px;}
}
@media (min-width:1024px){
    .patient-page .box-text-1{width: 100%;}
    .patient-page .container:not(.patient-page header nav .container), .patient-page .middle-w-100{width: 995px;margin: 0 auto;}
    .patient-page .full-width.container:not(.patient-page header nav .container){width: 100%;}
    .patient-page .full-width.container.w-1200:not(.patient-page header nav .container) {padding-top: 36px;padding-bottom: 44px;}
    .patient-page .hditag{flex-direction: row;margin-top: 45px;}
    .patient-page .bg-darkblue .hditag .green-bullet{max-width: 596px;}
    .patient-page .footer .footertext {margin-top: 53px;}
    .patient-page .footer .prod_code {margin-top: 35px;margin-bottom: 30px;}
}
@media (min-width:1220px){
  .patient-page header nav .container {width: 1200px;padding-left: 0;padding-right: 0;}

}

@media screen and (min-width: 768px) and (max-width: 1023px) {
    .patient-page .multi-column-container.image-column {margin-top: 5%;}
    .patient-page .image-column .bottom-align {position: relative!important;}
    .patient-page .cta .cta-container .info-link a {margin-left: 0em !important;}
}
@media screen and (min-width: 992px) and (max-width: 1199px) {
    .patient-page .first-level-item:nth-child(2){width: 23%;}
    .patient-page .first-level-item:nth-child(3){width: 21%;}
    .patient-page .first-level-item:nth-child(4){width: 20%;}
    .patient-page .first-level-item:nth-child(5) a{color: #333 !important;}
}

@media screen and (max-width: 991px) {
    .patient-page .first-level-item:nth-child(5) a{color: #333 !important;}
    #patient-and-caregiver .thumbnail-leaflet {left: calc(50% - 81px);}
    #patient-and-caregiver .thumbnail-brochure {left: calc(50% - 83px);}
}
@media screen and (max-width: 767px) {
    .patient-page h2#safety, .patient-page #additional{line-height: 46px;}
    .patient-page .hcp-uln-1 {margin-top: -20px;}
    .patient-page .heading {margin: 11% 0px 0px;}
    .patient-page .box-text {margin-left: 0px;}
    .patient-page .static-links-wrapper li:nth-child(5){background-color: transparent;} 
    .patient-page .footerlogo {padding-bottom: 5%;}
    .patient-page .footerlogo3{margin-top: 1%;}  
    .patient-page .head-columnctrl {margin-bottom: 4% !important; }
    .patient-page h2#safety+.hcp-uln, .patient-page #additional+.hcp-uln { margin-top: -5.0%;}
    .patient-page .footer .footertext {margin-top: 0;}
    .footer .footertext {margin-top: 0%;}
    .patient-page .footer .column-1 .footerlogo {padding-bottom: 0px !important;}
    .mob-hide{display:none;}
}
@media only screen and (max-width: 600px) { 
    .patient-page .heading {margin: 3.5% 0px 0px;/*margin: 11% 0px 0px;*/}
    .patient-page .box-text {margin-left: 0px;}
}
