/*NEW BLOCK DESIGN*/

ol.referncelist.referncelistv1.pracesreferncelistv {
  padding-right: 15px;
}

.buttons {
  margin-top: 3%;
}

.cas .page-section-inner::before {
  height: 120%;
  content: "";
  position: absolute;
  background: black;
  width: 95%;
  z-index: -9;
  opacity: 0.8;
  left: -15px;
  top: -15px;
}

.heart-failure .cas .page-section-inner::before {
  width: 105%;
}

.space-below {
  margin-bottom: 5em;
}

.needhelpsec p.one {
  border-radius: 25px;
  background-color: #F80052 !important;
  box-shadow: 0 10px 25px -10px rgb(37 47 73 / 46%);
  padding: 1.3% 2.5%;
  margin-right: 2%;
}

.needhelpsec .buttons {
  display: flex;
}

.buttons a {
  color: white !important;
  font-family: Nunito-Black;
  font-size: 14px;
  letter-spacing: 3.5px;
  line-height: 19px;
}

.component-section.full-width.no-style.blue-background {
  background: #F3F8FD;
}

.needhelpsec {
  padding-bottom: 5%;
  padding-top: 4%;
  background-color: #dae4e1;
}

.component-section.full-width.no-style.desktop-1 {
  padding-bottom: 4%;
}

ol.referncelist.referncelistv1 li a {
  font: 18px Nunito-Light;
    /* color: #2A2E38; */
  font-size: 18px;
  font-weight: 300;
  letter-spacing: 0.2px;
  line-height: 29px;
}

ol.referncelist.referncelistv1 li {
  font: 18px Nunito-Light;
  color: #2A2E38;
  font-size: 18px;
  font-weight: 300;
  letter-spacing: 0.2px;
  line-height: 29px;
}

.one .page-section-inner, .two .page-section-inner {
  position: absolute;
  bottom: 12%;
  left: 5%;
}

p.list-text {
  color: #FFFFFF;
  font-family: 'Lexia-Light';
  font-size: 30px;
  font-weight: 300;
  letter-spacing: 0.5px;
  line-height: 43px;
}

.lable a {
  background-color: #F80052 !important;
  padding: 11px 16px 10px 20px;
  border-radius: 18px !important;
  color: #FFFFFF !important;
  font-family: 'Nunito-Black';
  font-size: 11px !important;
  font-weight: 900 !important;
  letter-spacing: 2.75px !important;
  line-height: 15px !important;
  text-decoration: none !important;
}

/***************************------------------------------------*****/

.magentaheading {
  color: #900052;
  font-family: Lexia-Light;
  font-size: 44px;
  font-weight: 300;
  letter-spacing: 1.01px;
  line-height: 55px;
}
.magentaheading a.link{
    color: #900052;
    font-family: Lexia-Light;
    font-size: 44px;
    font-weight: 300;
    letter-spacing: 1.01px;
    line-height: 55px;
    text-decoration:none;
}
.component-section.section-pd {
    padding-top: 10px;
}
.magentaheading a.link:hover{
    color: #900052;
}
/*Header small code starts*/
.component-section.full-width.no-style.mainhead {
  background-size: 100% 100% !important;
}

.main-heading {
  color: #FFFFFF;
  font-family: Lexia-Light;
  font-size: 46px;
  font-weight: 300;
  letter-spacing: 0.77px;
  line-height: 63px;
}

/*New for resoruce list*/

.cas .page-section-inner {
  position: absolute;
  bottom: 15%;
  left: 5%;
}

.home-ac-2 .three {
  background-color: #F0AB02;
  border-radius: 25px;
  padding: 15px 20px 15px 20px;
  color: white !important;
  font-family: Nunito-Black;
  font-size: 11px;
  font-weight: 900;
  letter-spacing: 2.75px;
  line-height: 15px;
  box-shadow: 0 10px 25px -10px rgb(104 114 0 / 50%);
  text-decoration: none !important;
}

img.download-icon {
  height: 12px;
  width: auto;
}

.home-ac-2 .form-group {
  display: none !important;
}

.home-ac-2 div#selected-filters {
  display: none;
}

.home-ac-2 .pull-right {
  display: none;
}

.home-ac-2 .row.resource-list-holder.resource-list-populated .col-sm-6.col-md-3:nth-child(n) {
  display: none;
}

.home-ac-2 .row.resource-list-holder.resource-list-populated .col-sm-6.col-md-3:nth-child(-n+3) {
  display: block;
}

.home-ac-2 .col-sm-6.col-md-3 {
  width: 100%;
}

.home-ac-2 .panel-body {
  padding: 0px;
  height: 165px;
}

.home-ac-2 .gradientacs {
  display: flex;
}

.home-ac-2 img.search-page-logo {
  display: none;
}

.home-ac-2 img.iconleft {
  width: 252px;
  height: 165px;
}

.home-ac-2 .resource-image-container {
  display: none;
}

.home-ac-2 img.iconright {
  display: none;
}

.threediffpesspg .pdfbluesec {
  padding-bottom: 60px;
}

.home-ac-2 .component-section.full-width.container.no-style.cas {
  margin-top: 6%;
  height: 370px;
}

.home-ac-2 strong, .home-ac-2 small, .home-ac-2 .resource-image-container {
  display: none;
}

.home-ac-2 p.marginnone.textwhitecolo {
  color: #900052;
  font-family: 'Lexia-Light';
  font-size: 21px;
  font-weight: 300;
  letter-spacing: 0.4px;
  line-height: 24px;
  position: relative;
  bottom: 9px;
}

.home-ac-2 p.card-subtext {
  color: #2A2E38;
  font-family: 'Nunito-Light';
  font-size: 16px;
  font-weight: 300;
  letter-spacing: 0.2px;
  line-height: 18px;
}

.home-ac-2 p.date {
  color: #900052;
  font-family: 'Nunito-Black';
  font-size: 9px;
  font-weight: 900;
  letter-spacing: 0.82px;
  line-height: 24px;
  display: none;
}

.home-ac-2 .col-sm-6.col-md-3 {
  padding-left: 0;
  padding-right: 0;
}

.home-ac-2 .all-text {
  padding: 2%;
}

.home-ac-2 span.readmore {
  display: none;
}


/******************************************************************8/

.mainhead p.main-heading {
  color: #FFFFFF;
  font-family: Lexia-Light;
  font-size: 46px;
  font-weight: 300;
  letter-spacing: 0.77px;
  line-height: 63px;
}

.component-section.full-width.no-style.mainhead {
  height: 355px;
  background-size: 100% 100% !important;
  display: flex;
  align-items: center;
}

.mainhead .breadcrumb-container {
  margin-left: 0%;
}

@media screen and (min-width:992px) {
  header li.first-level-item:first-child> hr.hr-headerline-hover-above,header li.first-level-item:first-child> hr.hr-headerline-hover-below {
    display: block;
    background-color: #51B7C5;
    height: 2px;
    width: 143px;
  }

  header li.first-level-item hr.hr-headerline-hover-above {
    position: absolute;
    top: -60px;
  }
  header li.first-level-item hr.hr-headerline-hover-above
  {
      top:-55px;
  }
  header.safaribrowser li.first-level-item hr.hr-headerline-hover-below {
    position: absolute;
    top: 41px;
  }
  header.safaribrowser li.first-level-item hr.hr-headerline-hover-below
  {
      top:36px;
  }
}    
/*Header small code ends*/    

.component-section.full-width.container.no-style.root {
  padding-top: 0;
  padding-bottom: 0;
}

.component-section.full-width.no-style.first {
  padding-top: 5%;
  padding-bottom: 5%;
}

.link-1, .link-2 {
  align-items: center;
}

.columnrepo .column-1 {
  background: linear-gradient(134.93deg, #900052 0.01%, #252F49 100%);
  height: 602px;
}

.columnrepo .col-sm-6.col-xs-12.column-2 {
  padding-left: 0;
}

h4.grad-heading {
  color: #FFFFFF;
  font-family: 'Lexia-Light';
  font-size: 46px;
  font-weight: 300;
  letter-spacing: 0.77px;
  line-height: 63px;
}

h4.grad-heading {
  margin-left: 5%;
  margin-top: 8%;
}

li.breadcrumb-seperator-xs.vcenter.hidden-xs {
  color: white;
  font-size: 21px;
  padding: 0px 6px;
}

.breadcrumb-container.hidden-xs {
  padding-left: 0;
}

span.breadcrumb-txt, span.link-txt.vcenter {
  color: #FFFFFF;
  font-family: Lexia-Light;
  font-size: 14px;
  font-style: italic;
  font-weight: 300;
  letter-spacing: 0.7px;
  line-height: 17px;
}

.breadcrumb-container {
  margin-left: 0%;
}

.link-1, .link-2 {
  margin-left: 5%;
  margin-right: 5%;
}

.link-1 {
  border-top: solid #FFFFFF 1px;
  padding: 0;
  display: flex;
  justify-content: end;
  padding: 2% 0 0.5% 0%;
  align-items: center;
}

.link-2 {
  border-top: solid #FFFFFF 1px;
  border-bottom: solid #FFFFFF 1px;
  padding: 0;
  display: flex;
  justify-content: end;
  padding: 2% 0 0.5% 0%;
  align-items: center;
}

.links-1 a {
  color: #FFFFFF;
  font-family: Nunito-ExtraBold;
  font-size: 14px;
  font-weight: 800;
  letter-spacing: 2.5px;
  line-height: 24px;
}
.vider-100-border .kWidgetCentered {
    border: 1px solid #ccc;
    border-radius: 7px;
}
@media screen and (max-width:767px) {
  .links-1 a {
    font-size: 11px;
  }
  .component-section.copd-main-div {
    padding-left: 20px;
    padding-right: 20px;
}
}

.links-1 {
  margin-left: 3%;
  margin-right: auto;
}

.links-1 a, .links-2 a {
  text-decoration: none !important;
}

/*Nedded to be change on differnt resolution*/
.whole {
  position: relative;
  transform: translateY(30%);
}

img.iconleft {
  width: 31px;
  height: 32px;
}

img.iconright {
  height: 16px;
  width: 15px;
  margin-top: -11px;
}

.columnrepo .col-sm-6.col-xs-12.column-2 {
  padding-left: 0;
  padding-right: 0;
}

p.white-heading {
  color: #FFFFFF;
  font-family: 'Lexia-Light';
  font-size: 48px;
  font-weight: 300;
  letter-spacing: 1.01px;
  line-height: 59px;
  text-align: center;
}

.multi-column-container.fourwhitecard-box.second {
  margin-top: 3%;
}

.one img.new-image-desktop {
  padding: 20px;
  border: 1px solid #F4F4F4;
  background-color: #FFFFFF;
  box-shadow: 0 10px 50px -15px rgb(0 0 0 / 13%);
}
/*----------------------------------------------Section1--------------------------------------*/


p.text-hed-acs {
  color: #900052;
  font-family: Lexia-Light;
  font-size: 44px;
  font-weight: 300;
  letter-spacing: 1.01px;
  line-height: 59px;
}

.events-list {
  display: flex;
  justify-content: right;
  align-items: center;
}

.mobileeventbutton {
  float: left;
}

p.text-hed-acs {
  margin-right: auto;
}

a.new-link {
  background-color: #51B7C5;
  padding: 14px 20px 13px 20px;
  color: #FFFFFF;
  font-family: 'Nunito-Black';
  font-size: 11px;
  font-weight: 900;
  letter-spacing: 2.75px;
  line-height: 15px;
  border-radius: 21px;
  box-shadow: 0 10px 25px -10px rgba(0,88,99,0.39);
}

a.new-link1 {
  background-color: #BACD01!important;
  padding: 14px 20px 13px 20px;
  color: #FFFFFF;
  font-family: 'Nunito-Black';
  font-size: 14px;
  font-weight: 900;
  letter-spacing: 3.5px;
  line-height: 19px;
  border-radius: 21px;
  text-decoration: none !important;
  box-shadow: 0 10px 25px -10px rgb(0 88 99 / 39%);
}

.image-text {
  height: 360px;
  border: 1px solid #F4F4F4;
  background-color: #FFFFFF;
  box-shadow: 0 10px 50px -15px rgb(0 0 0 / 13%);
}

img.be-img {
  height: 140px;
  width: 100%;
}

p.date {
  color: #3F4444;
  font-family: 'Nunito-Black';
  font-size: 9px;
  font-weight: 900;
  letter-spacing: 0.82px;
  line-height: 24px;
}

p.af-text {
  color: #900052;
  font-family: 'Lexia-Light';
  font-size: 18px;
  font-weight: 300;
  letter-spacing: 0.75px;
  line-height: 22px;
}

.multi-column-container.www {
  background-color: #f8fbfe;
}

p.watch {
  color: #3F4444;
  font-family: 'Nunito-Black';
  font-size: 11px;
  font-weight: 900;
  letter-spacing: 2.75px;
  line-height: 15px;
  position: absolute;
  bottom: 2%;
}

p.watch a {
  color: #3F4444;
  font-family: 'Nunito-Black';
  font-size: 11px;
  font-weight: 900;
  letter-spacing: 2.75px;
  line-height: 15px;
  position: absolute;
  bottom: 2%;
  text-decoration: none !important;
  white-space: nowrap;
}

.all-text {
  padding: 4%;
}

@media screen and (max-width:767px) {
  .desktopeventbutton {
    display: none;
  }

  .mobileeventbutton {
    display: block;
    padding-top: 20px;
  }

  ol.referncelist.referncelistv1 {
    margin-left: 0;
  }
}

@media screen and (min-width:768px) {
  .mainhead {
    height: 400px;
    display: flex;
    align-items: center;
  }

  .desktopeventbutton {
    display: block;
  }

  .mobileeventbutton {
    display: none;
  }
}

/*JUST FOR DEMO PAGE*/
.multi-column-container.www {
  background-color: #f8fbfe;
}

.grad {
  background: linear-gradient(
134.93deg, #900052 0.01%, #252F49 100%);
  height: 400px;
  transform: scaleY(-1);
}

.pancreatic_cancer .div#sec-4 {
  padding-top: 0;
  padding-bottom: 0;
}

p.main {
  font-family: 'Lexia-Light';
  color: #FFFFFF;
  font-size: 32px;
  font-weight: 300;
  letter-spacing: 0.67px;
  line-height: 68px;
  text-align: center;
}

p.l1 {
  background-color: #BACD01;
  border-radius: 25px;
  padding: 10px 15px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-evenly;
}

p.l1 a {
  color: #FFFFFF;
  font-family: Nunito-Black;
  font-size: 11px;
  font-weight: 900;
  letter-spacing: 2.75px;
  line-height: 15px;
  text-decoration: none !important;
}

p.new {
  background-color: #BACD01;
  border-radius: 25px;
  padding: 10px 15px;
  color: #FFFFFF;
  font-family: Nunito-Black;
  font-size: 11px;
  font-weight: 900;
  letter-spacing: 2.75px;
  line-height: 15px;
  text-decoration: none !important;
}

.content {
  display: flex;
  flex-direction: column;
  align-items: center;
  display: flex;
  flex-direction: column;
  align-items: center;
  height: 100%;
  justify-content: space-around;
  transform: scaleY(-1);
}

.new-image.three, .new-image.two, .new-image.one {
  margin-top: 5%;
}

.new-inside {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-evenly;
}

.new-inside {
  height: 740px;
  background: url("/content/dam/open-digital/azmedconnect-sg/en/images/desktop/home_last.jpg");
  background-size: 100% 100% !important;
}

.heart-failure .new-inside {
  height: 740px;
  background: url("/content/dam/open-digital/azmedconnect-sg/en/images/desktop/diseases/heart-failure/webinar.png");
  background-size: 100% 100% !important;
}

p.last-text, p.last-text-1, p.last-text-2, p.last-text-2 a {
  color: #3F4444;
  font-family: Nunito-Regular;
  font-size: 20px;
  letter-spacing: 0.33px;
  line-height: 29px;
  text-decoration: none !important;
}

.last-box {
  margin-top: 3%;
}

/*FOR PANCREATIC CANCER*/

.pancreatic_cancer .section1 {
  padding-top: 4.5%;
  padding-bottom: 5%;
}

.pancreatic_cancer .section2 {
  padding-top: 4.5%;
  padding-bottom: 5%;
}

.pancreatic_cancer .section3 {
  padding-top: 4.5%;
  padding-bottom: 5%;
}

.pancreatic_cancer .section4 {
  padding-top: 0%;
}

.pancreatic_cancer .component-section.full-width.no-style.last {
  padding-top: 3%;
}



/*FOR PANCREATIC CANCER END*/
/*FOR HEART FAILURE */
.heart-failure .section1 {
  padding-top: 4.5%;
}

.heart-failure .section2 {
  padding-top: 4.5%;
}

.heart-failure .section3 {
  padding-top: 3%;
  padding-bottom: 5%;
}

.heart-failure .section4 {
  padding-top: 3%;
  padding-bottom: 5%;
}

.heart-failure .section5 {
  padding-bottom: 5.4%;
  padding-top: 4.5%;
}

.heart-failure .section6 {
  padding-top: 4.5%;
  padding-bottom: 5.4%;
}

/*FOR HEART FAILRE END*/
.footer {
  margin-top: 0;
}

.new-static {
  padding-right: 25px;
}

p.date-new {
  display: none;
}

@media scrren and (min-width:768px) and (max-width:991px) {
  p.main {
    font-family: 'Lexia-Light';
    color: #FFFFFF;
    font-size: 30px;
    font-weight: 300;
    letter-spacing: 0.55px;
    line-height: 40px;
    text-align: center;
  }

  .heart-failure .cas .page-section-inner::before {
    width: 98%;
    height: 114%;
  }

  .heart-failure .new-inside {
    height: 600px;
    background: url(/content/dam/open-digital/azmedconnect-sg/en/images/desktop/diseases/heart-failure/webinar.png);
    background-size: 100% 100% !important;
  }
}

@media scrren and (min-width:992px) and (max-width:1199px) {
  h4.grad-heading {
    color: #FFFFFF;
    font-family: 'Lexia-Light';
    font-size: 44px;
    font-weight: 300;
    letter-spacing: 0.74px;
    line-height: 60px;
  }

  p.text-hed-acs {
    color: #900052;
    font-family: Lexia-Light;
    font-size: 46px;
    font-weight: 300;
    letter-spacing: 1.01px;
    line-height: 56px;
  }

  p.main {
    font-family: 'Lexia-Light';
    color: #FFFFFF;
    font-size: 30px;
    font-weight: 300;
    letter-spacing: 0.67px;
    line-height: 55px;
    text-align: center;
  }
}

.mobile-view {
  display: none;
}

@media screen and (max-width:767px) {
    
  .mobile-view {
    display: block !important;
  }

  .az-logo-last img {
    width: 65% !important;
  }

  .typetwodiabetes1 .cas .page-section-inner::before {
    height: 115%;
    content: "";
    position: absolute;
    background: black;
    width: 100%;
    z-index: -9;
    opacity: 0.8;
    left: -15px;
    top: -15px;
  }

  .desktop-view {
    display: none;
  }

  .heart-failure .tab-container {
    margin: 0;
    padding-top: 0px;
    border-top: 2px solid #ccc;
  }

  .pancreatic_cancer .events-list {
    margin-bottom: 5%;
  }

  .pancreatic_cancer .section1 {
    padding-bottom: 12%;
  }

  .pancreatic_cancer .section2 {
    padding-top: 4.5%;
    padding-bottom: 12%;
  }

  .pancreatic_cancer .section3 {
    padding-top: 5%;
    padding-bottom: 5%;
  }

  .pancreatic_cancer .hh p.watch {
    color: #3F4444;
    font-family: 'Nunito-Black';
    font-size: 11px;
    font-weight: 900;
    letter-spacing: 2.75px;
    line-height: 15px;
    position: absolute;
    bottom: 15%;
  }

  p.new {
    background-color: #BACD01;
    border-radius: 25px;
    padding: 10px 15px;
    color: #FFFFFF;
    font-family: Nunito-Black;
    font-size: 10px;
    font-weight: 900;
    letter-spacing: 2.5px;
    line-height: 14px;
    text-decoration: none !important;
  }

  .last-box {
    margin-top: 7%;
  }

  .multi-column-container.fourwhitecard-box.second {
    margin-top: 5%;
  }

  p.last-text, p.last-text-1, p.last-text-2, p.last-text-2 a {
    color: #3F4444;
    font-family: 'Nunito-Regular';
    font-size: 15px;
    letter-spacing: 0.17px;
    line-height: 23px;
  }

  p.white-heading {
    color: #FFFFFF;
    font-family: 'Lexia-Light';
    font-size: 24px;
    font-weight: 300;
    letter-spacing: 0.4px;
    line-height: 29px;
    text-align: center;
  }

  .new-image.three,.new-image.two,.new-image.one {
    margin-top: 10%;
    margin-left: 5%;
    margin-right: 5%;
  }

  .columnrepo .col-sm-6.col-xs-12.column-2 {
    padding-right: 15px;
  }

  h4.grad-heading {
    color: #FFFFFF;
    font-family: Lexia-Light;
    font-size: 24px;
    font-weight: 300;
    letter-spacing: 0.4px;
    line-height: 29px;
  }

  .breadcrumb-container {
    margin-left: 3%;
  }

  h4.grad-heading {
    margin-left: 3%;
  }

  .columnrepo .col-sm-6.col-xs-12.column-2 {
    padding-left: 0;
    padding-right: 0;
  }

  .multi-column-container.columnrepo {
    padding-left: 15px;
    padding-right: 15px;
  }

  span.breadcrumb-txt, span.link-txt.vcenter {
    color: #FFFFFF;
    font-family: Lexia-Light;
    font-size: 12px;
    font-style: italic;
    font-weight: 300;
    letter-spacing: 0.7px;
    line-height: 17px;
  }

  .breadcrumb-container {
    background-color: transparent;
    padding: 0;
  }

  .breadcrumb-item:not(.active):after {
    left: calc(100% + 3px);
    top: -5px;
    border: solid transparent;
    content: " ";
    position: absolute;
    pointer-events: none;
    border-width: 28px 15px;
    border-left-color: #fff;
    z-index: 2;
    display: none !important;
  }

  .breadcrumb-item:not(:first-child) {
    padding-left: 0px !important;
  }

  .breadcrumb-item {
    position: relative;
    padding: 5px 0px;
    color: #fff;
  }

  li.breadcrumb-item.vcenter a {
    display: flex;
  }

  .breadcrumb-list-parent {
    overflow: hidden;
    padding-right: 0px;
  }

  .columnrepo span.link-txt.vcenter::before {
    content: ">";
    font-size: large !important;
    padding-right: 8px;
    padding-left: 8px;
    vertical-align: middle;
    font-family: "Font Awesome 5 Pro";
    color: #FFFFFF;
    font-weight: 800;
    letter-spacing: 0.28px;
    line-height: 15px;
    position: relative;
    top: -2px;
  }

  a.new-link1 {
    background-color: #51B7C5;
    padding: 14px 20px 13px 20px;
    color: #FFFFFF;
    font-family: 'Nunito-Black';
    font-size: 12px;
    font-weight: 900;
    letter-spacing: 3px;
    line-height: 16px;
    border-radius: 21px;
    text-decoration: none !important;
    box-shadow: 0 10px 25px -10px rgb(0 88 99 / 39%);
  }
  
  /* OPTIONAL ****************************************************/
  
  li.breadcrumb-item.vcenter.active {
    position: relative;
    left: -8px;
    top: -15px;
  }
  /* OPTIONAL ****************************************************/

  .whole {
    position: relative;
    transform: translateY(5%);
  }

  .pancreatic_cancer .whole {
    position: relative;
    transform: translateY(5%);
  }

  .content {
    padding: 5%;
  }

  p.main {
    color: #FFFFFF;
    font-family: 'Lexia-Light';
    font-size: 22px;
    font-weight: 300;
    letter-spacing: 0.46px;
    line-height: 27px;
  }

  p.text-hed-acs {
    color: #900052;
    font-family: 'Lexia-Light';
    font-size: 23px;
    font-weight: 300;
    letter-spacing: 0.55px;
    line-height: 33px;
  }

  .l1 a {
    color: #FFFFFF;
    font-family: Nunito;
    font-size: 10px;
    font-weight: 900;
    letter-spacing: 2.5px;
    line-height: 14px;
    text-align: center;
  }

  a.new-link {
    font-family: 'Nunito-Black';
    font-size: 12px;
    font-weight: 900;
    letter-spacing: 3px;
    line-height: 16px;
    text-align: center;
  }

  .new-inside {
    height: 360px !important;
    background-size: 100% 100% !important;
  }

  p.af-text {
    color: #900052;
    font-family: 'Lexia-Light';
    font-size: 16px;
    font-weight: 300;
    letter-spacing: 0.67px;
    line-height: 19px;
  }

  .heart-failure .new-inside {
    background: url("/content/dam/open-digital/azmedconnect-sg/en/images/mobile/diseases/heart-failure/webinar.jpg");
  }
}

@media screen and (min-width:768px) {
    
  .imgacs img {
    height: 602px;
  }
}

@media screen and (min-width:768px) {
  .cas .row {
    position: relative;
    right: 15px;
  }
}

.uo .col-sm-6.col-xs-12.column-1, .uo .col-sm-6.col-xs-12.column-2 {
  width: 50%;
}

@media screen and (min-width:768px) and (max-width:991px) {
  
  /*Heart Failure*/

  .whole {
    position: relative;
    transform: translateY(40%);
  }

  span.breadcrumb-txt, span.link-txt.vcenter {
    color: #FFFFFF;
    font-family: Lexia-Light;
    font-size: 13px;
    font-style: italic;
    font-weight: 300;
    letter-spacing: 0.6px;
    line-height: 18px;
  }

  .heart-failure span.breadcrumb-txt, .heart-failure span.link-txt.vcenter {
    color: #FFFFFF;
    font-family: Lexia-Light;
    font-size: 13px;
    font-style: italic;
    font-weight: 300;
    letter-spacing: 0.4px;
    line-height: 18px;
  }

  .heart-failure .breadcrumb-container {
    margin-left: 0%;
  }
}

@media screen and (min-width:992px) and (max-width:1023px) {
  
  .heart-failure li.breadcrumb-item.vcenter.active {
    position: absolute;
    top: 55%;
  }
    /*Heart Failure*/

  .whole {
    position: relative;
    transform: translateY(55%);
  }

  span.breadcrumb-txt, span.link-txt.vcenter {
    color: #FFFFFF;
    font-family: Lexia-Light;
    font-size: 13px;
    font-style: italic;
    font-weight: 300;
    letter-spacing: 0.6px;
    line-height: 18px;
  }
}

@media screen and (min-width:1024px) and (max-width:1199px) {
  .whole {
    position: relative;
    transform: translateY(35%);
  }

  h5.textcolor-overview.boxtextcolor2 {
    margin-left: 0% !important;
  }

  .heart-failure h2.textcolor-overview.boxtextcolor {
    margin-left: 0% !important;
  }

  .heart-failure h5.textcolor-overview.boxtextcolor2 {
    margin-left: 0% !important;
  }
}
/* Tab section Strats*/
.clinicaltabsection .nav-pills {
  border-bottom: unset;
  margin-left: -15px;
  margin-top: 15px;
  margin-bottom: 30px;
}

.clinicaltabsection .nav-pills li {
  background-color: #ffffff;
  border: 2px solid #900052;
  border-radius: 26px;
  margin-left: 15px;
}

.clinicaltabsection .nav-pills li.active {
  background-color: #900052;
}

.clinicaltabsection .nav-pills a {
  color: #900052;
  font: 11px Nunito-Black;
  border-bottom: unset;
}

.clinicaltabsection .nav-pills a:hover,.carouseltabsection .nav-pills a:focus,.carouseltabsection .nav-pills a {
  border-bottom: unset;
}

.clinicaltabsection .nav-pills>li.active>a,.carouseltabsection .nav-pills>li.active>a:focus,.carouseltabsection .nav-pills>li.active>a:hover {
  border-bottom: unset;
  color: #ffffff;
  font-weight: 500;
}

.carouselwithshadow.tabcarousel .carousel-inner {
  box-sizing: border-box;
  height: 505px;
  border: 1px solid #F4F4F4;
  background-color: #FFFFFF;
  box-shadow: 0 10px 50px -15px rgba(0,0,0,0.13);
}

.carouselwithshadow.tabcarousel .left.carousel-control {
  left: 43%;
  top: 104%;
}

.carouselwithshadow.tabcarousel .right.carousel-control {
  right: 45%;
  top: 104%;
}

.carouselwithshadow.tabcarousel.carousel .carousel-indicators li .carousel-indicator-caption {
  top: 354%;
  left: 48%;
}

@media screen and (min-width:768px) and (max-width:991px) {
  .carouselwithshadow.tabcarousel .carousel-inner {
    height: 338px;
  }

  .cvrm a.without-child {
    top: 3px;
    position: relative;
  }

  .carouselwithshadow.tabcarousel .right.carousel-control {
    right: 42%;
  }

  .carouselwithshadow.tabcarousel .left.carousel-control {
    left: 41%;
  }

  .carouselwithshadow.tabcarousel.carousel .carousel-indicators li .carousel-indicator-caption {
    top: 265%;
  }
}

@media screen and (min-width:992px) and (max-width:1199px) {
  .carouselwithshadow.tabcarousel .carousel-inner {
    height: 425px;
  }

  .carouselwithshadow.tabcarousel .right.carousel-control {
    right: 44%;
  }

  .carouselwithshadow.tabcarousel .left.carousel-control {
    left: 42%;
  }

  .carouselwithshadow.tabcarousel.carousel .carousel-indicators li .carousel-indicator-caption {
    top: 304%;
    left: 47.5%;
  }
}

@media screen and (max-width:767px) {
    
    
  .image-text {
    height: 170px;
  }

  .all-text {
    padding: 3%;
  }

  img.be-img {
    height: 170px;
    width: 145px;
  }

  .columnrepo .column-1 {
    background: linear-gradient(
134.93deg, #900052 0.01%, #252F49 100%);
    height: 500px;
  }

  .clinicaltabsection .tab-container {
    border-top: unset;
  }

  .clinicalstudytab ul {
    display: inline-flex;
  }

  .clinicaltabsection .nav-pills li {
    border-radius: 18px;
    width: 70px;
  }

  .nav-pills:not(.nav-stacked)>li.active>a, .nav-pills:not(.nav-stacked)>li.active>a:focus, .nav-pills:not(.nav-stacked)>li.active>a:hover {
    border-left: unset;
  }

  .clinicaltabsection .nav-pills a {
    font-size: 10px;
    white-space: nowrap;
    margin-left: -4px;
  }

  .carouselwithshadow.tabcarousel .carousel-inner {
    height: 200px;
  }

  .asthma .carouselwithshadow.tabcarousel .carousel-inner {
    height: 245px;
  }

  .carouselwithshadow.tabcarousel .left.carousel-control {
    left: 32%;
  }

  .carouselwithshadow.tabcarousel .right.carousel-control {
    right: 38%;
  }

  .breast-cancer .carouselwithshadow.tabcarousel .right.carousel-control {
    right: 37%;
  }

  .breast-cancer .carouselwithshadow.tabcarousel .left.carousel-control {
    left: 31%;
  }

  .carouselwithshadow.tabcarousel.carousel .carousel-indicators li .carousel-indicator-caption {
    top: 116%;
    left: 43%;
  }

  .no-gap .page-section-inner.container {
    padding-right: 0;
    padding-left: 0;
  }
}

/* Tab section Ends*/
/*Sec with back color starts*/
.secwithbackcolor {
  background-color: #F3F8FD;
}

.secwithbackcolor p.text-hed-acs.text-hed-acs-sub {
  font-size: 30px;
  padding-top: 0px;
  margin-top: -43px!important;
}

@media screen and (max-width:767px) {
  .secwithbackcolor p.text-hed-acs.text-hed-acs-sub {
    font-size: 20px;
    padding-top: 0px;
    margin-top: -36px!important;
    padding-bottom: 10px;
  }
}
/*Sec with back color ends*/
/*Styling AZcare section strats*/

@media screen and (max-width:768px) {
  .Azcareimg img {
    float: left;
    width: 140px !important;
    height: 140px !important;
  }
}

@media screen and (min-width:768px) {
  .azcarebtcol .column-1 {
    display: flex;
  }

  .asthma .azcarebtcol .column-1 div:nth-child(1)>p.l1 {
    margin-right: 25px;
  }
}
/*Styling AZcare section ends*/
/*Styling of product boxes starts*/
.fourwhitecard-box a {
  text-decoration: none !important;
}

h2.textcolor-overview.boxtextcolor {
  color: #3F4444;
  font: 26px Lexia-Light;
  font-weight: 100;
  margin-left: 5%!important;
}

h5.textcolor-overview.boxtextcolor2 {
  color: #3F4444;
  font: 12px Nunito-ExtraBold;
  font-weight: 800!important;
  width: 200px;
  border-bottom: 1px solid #900052;
  padding-bottom: 19px;
  margin-left: 5% !important;
  margin-top: 5%;
  white-space: nowrap;
}

.box-acswhite {
  padding: 18px;
  box-sizing: border-box;
  height: 156px;
  width: 263px;
  border: 1px solid #F4F4F4;
  background-color: #FFFFFF;
  box-shadow: 0 10px 50px -15px rgba(0,0,0,0.13);
}

.box-acswhite .textcolor-ove {
  margin-left: 5%;
  margin-top: 5px;
  margin-bottom: -4px;
}

.secwithbackcolor.custom-margin-top .box-acswhite .textcolor-ove p {
  margin-bottom: 0px;
}

@media screen and (min-width:992px) and (max-width:1199px) {
  .heart-failure li.breadcrumb-item.vcenter.active {
    position: relative;
    top: 0;
    left: 0;
  }

  .box-acswhite {
    width: 233px;
    height: 178px;
  }
}

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

  .heart-failure li.breadcrumb-item.vcenter.active {
    left: 0;
    position: relative;
    top: 0;
  }

  .fourwhitecard-box {
    padding-left: 56px;
  }

  .heart-failure .fourwhitecard-box {
    padding-left: 0px;
  }

  .fourwhitecard-box .column-3,.fourwhitecard-box .column-4 {
    margin-top: 20px;
  }
}

@media screen and (max-width:767px) {
  .box-acswhite {
    height: 88px;
    width: 100%;
    margin-top: 5%;
  }

  img.be-img {
    height: 158px;
    width: 135px;
  }

  .image-text {
    display: flex;
    margin-bottom: 7%;
  }

  .all-text {
    padding: 3%;
  }

  .image-text {
    height: 160px;
  }

  .fourwhitecard-box .column-1 .box-acswhite {
    margin-top: unset;
  }

  h2.textcolor-overview.boxtextcolor {
    font-size: 17px;
    margin-left: 6px !important;
    margin-top: -1px;
  }

  h5.textcolor-overview.boxtextcolor2 {
    padding-bottom: 3px;
    font-size: 9px;
    margin-left: 8px !important;
    margin-top: 3px;
    width: 100%;
  }

  .box-acswhite {
    display: flex;
    flex-direction: column;
    justify-content: space-evenly;
  }
}

/*Styling of product boxes ends*/


/*Styling of simpleimagetextcol starts*/
.simpleimagetextcol .textcolor-ove p,p.normal,p.normal a {
  font: 18px Nunito-Light;
  color: #2A2E38;
  font-size: 18px;
  font-weight: 300;
  letter-spacing: 0.2px;
  line-height: 29px;
}

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

p.regularnormal {
  font: 20px Nunito-Regular;
  color: #3F4444;
}

@media screen and (max-width:768px) {
  .simpleimagetextcol .textcolor-ove p,p.normal,p.normal a {
    font-size: 15px;
  }

  p.regularnormal {
    font-size: 15px;
  }

  .simpleimagetextcol .text-hed-acs {
    margin-top: 20px;
  }
}
/*Styling of simpleimagetextcol ends*/
/*Styling of section with background-image starts*/
.secwithbackimage {
  background-image: url("/content/dam/open-digital/azmedconnect-sg/en/images/desktop/diseases/I1webinar.png");
  height: 565px;
  background-size: 100% 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-evenly;
}

.chronickidneydisease .secwithbackimage {
  background-image: url("/content/dam/open-digital/azmedconnect-sg/en/images/desktop/diseases/I1webinar.png");
}

.defaultsecwithbackimage.secwithbackimage {
  background-image: url("/content/dam/open-digital/azmedconnect-sg/en/images/desktop/generalsec.jpg");
}

@media screen and (max-width:768px) {
  .secwithbackimage {
    background-image: url("/content/dam/open-digital/azmedconnect-sg/en/images/mobile/diseases/I1webinar.jpg");
    height: 350px;
  }

  .chronickidneydisease .secwithbackimage {
    background-image: url("/content/dam/open-digital/azmedconnect-sg/en/images/mobile/diseases/I1webinar.jpg");
  }

  .defaultsecwithbackimage.secwithbackimage {
    background-image: url("/content/dam/open-digital/azmedconnect-sg/en/images/mobile/generalsec.jpg");
  }
}
/*Styling of section with background-image ends*/
/*lung cancer*/
.lung-sec-2 {
  color: #900052;
  font-family: Lexia-Light;
  font-size: 40px;
  font-weight: 300;
  letter-spacing: 0.84px;
  line-height: 68px;
  margin-bottom: 3%;
}

.lung-cancer .events-list {
  margin-bottom: 3%;
}

.lung-sec-3 {
  height: 42px;
  width: 142px;
  border-radius: 21px;
  background-color: #51B7C5;
  box-shadow: 0 10px 25px -10px rgba(0,88,99,0.39);
  color: #FFFFFF;
  font-family: Nunito-Black;
  font-size: 11px;
  font-weight: 900;
  letter-spacing: 2.75px;
  line-height: 15px;
  display: flex;
  align-items: center;
  padding-left: 4%;
  margin-top: 4%;
  justify-content: space-around;
}

.lung-cl-1 .col-sm-6.col-xs-12.column-1 {
  box-sizing: border-box;
  border: 1px solid #F4F4F4;
  background-color: #FFFFFF;
  box-shadow: 0 5px 50px -15px rgba(0,0,0,0.17);
  padding: 3%;
}

.lung-dwl {
  width: 60%;
}

.lung-sec-4 {
  color: #FFFFFF;
  font-family: 'Nunito-Black';
  font-size: 11px;
  font-weight: 900;
  text-decoration: none !important;
}

.lung-sec-4:hover {
  color: #FFFFFF;
  font-family: 'Nunito-Black';
  font-size: 11px;
  font-weight: 900;
  text-decoration: none !important;
}

.lung-tx-nccn {
  color: #900052;
  font-family: 'Lexia-Light';
  font-size: 48px;
  font-weight: 300;
  letter-spacing: 1.01px;
  line-height: 59px;
  margin-bottom: 3%;
}

.lung-ref {
  color: #2A2E38;
  font-family: 'Nunito-Light';
  font-size: 18px;
  font-weight: 300;
  letter-spacing: 0.2px;
  line-height: 29px;
  margin-top: 4%;
}

.lung-cancer .lg-2 {
  margin-top: 1%;
  margin-bottom: 3.4%;
}

.lung-cancer .lg-3 {
  padding-top: 5%;
  padding-bottom: 2.5%;
}

.breast-cancer .lg-1 {
  margin-top: 2%;
}

.breast-cancer .lg-2 {
  margin-top: 5%;
  padding-bottom: 6%;
}

.breast-inf {
  margin-top: 4%;
}

button.download-btn {
  border: none;
}

@media screen and (max-width:767px) {
 
  .pancreatic_cancer .events-list {
    margin-bottom: 5%;
  }

  .pancreatic_cancer p.watch {
    bottom: 14%;
  }

  .breast-cancer .clinicaltabsection .nav-pills a {
    margin-left: -6px;
  }

  .lung-sec-4 {
    font-size: 10px;
  }

  .lung-cancer .whole {
    transform: translateY(10%);
  }

  .breast-cancer .lg-3 {
    margin-top: 13%;
  }

  .breast-cancer .lg-1 .tab-container {
    padding-top: 0px;
  }

  .breast-cancer .whole {
    transform: translateY(0%);
  }

  .lung-sec-2 {
    font-size: 24px;
    font-weight: 300;
    letter-spacing: 0.51px;
    line-height: 29px;
  }

  .lg-2, .lg-3,.lg-4 , .lg-5 {
    padding-right: 15px;
    padding-left: 15px;
  }

  .lung-cancer .events-list {
    margin-bottom: 13%;
    margin-top: 7%;
  }

  .lung-cancer p.af-text {
    margin-top: -3%;
  }

  .lung-cancer .image-text {
    height: 175px;
  }

  .lung-cancer img.be-img {
    height: 173.8px;
  }

  .lung-cancer p.watch {
    bottom: 7%;
  }

  .lung-cancer .all-text {
    padding-left: 3% !important;
    padding-top: 1% !important;
  }

  .lung-tx-nccn {
    font-size: 26px;
    font-weight: 300;
    letter-spacing: 0.55px;
    line-height: 33px;
    margin-bottom: 5%;
    margin-top: -6%;
  }

  .lung-ref {
    font-size: 15px;
    font-weight: 300;
    letter-spacing: 0.17px;
    line-height: 23px;
  }

  .lung-img-1 {
    padding-bottom: 10%;
  }
}

.breast-cancer .lg-2 {
  margin-bottom: 4%;
}

.breast-cancer .lg-3 {
  padding-top: 5%;
  padding-bottom: 3%;
}

.breast-cancer .lg-4 {
  margin-top: 2%;
}

@media screen and (min-width:768px) and (max-width:991px) {
  p.text-hed-acs {
    font-size: 30px;
    letter-spacing: 1px;
    line-height: 40px;
  }

  h4.grad-heading {
    font-size: 38px;
    letter-spacing: 1px;
    line-height: 50px;
  }
}

@media screen and (min-width:414px) and (max-width:735px) {
    
  .lung-cancer li.breadcrumb-item.vcenter.active , .breast-cancer li.breadcrumb-item.vcenter.active {
    top: 0px !important;
  }
}
/*Just for heart failure*/

@media screen and (max-width:767px) {
  .heart-failure .breadcrumb-item:nth-child(5) {
    padding-left: 0px !important;
    padding-top: 0px !important;
    position: absolute;
    top: 76%;
    left: -3%;
  }

  .heart-failure p.watch {
    color: #3F4444;
    font-family: 'Nunito-Black';
    font-size: 11px;
    font-weight: 900;
    letter-spacing: 2.75px;
    line-height: 15px;
    position: absolute;
    bottom: 15%;
  }
}

p.normal b {
  font-family: 'Nunito-Black';
}

a {
  tect-decoration: none !important;
}

@media screen and (min-width:370px) and (max-width:400px) {
  .heart-failure li.breadcrumb-item.vcenter.active {
    left: -3%;
  }
}

.new-image.ppt-link {
  box-shadow: 0 10px 50px -15px rgb(0 0 0 / 13%);
}

@media screen and (min-width:1200px) {
  .heart-failure ul.breadcrumb-holder {
    display: flex;
  }

  .chronickidneydisease .cas .page-section-inner::before {
    height: 120%;
    content: "";
    position: absolute;
    background: black;
    width: 105%;
    z-index: -9;
    opacity: 0.8;
    left: -15px;
    top: -15px;
  }

  .cvrm .cas .page-section-inner::before {
    height: 120%;
    content: "";
    position: absolute;
    background: black;
    width: 101%;
    z-index: -9;
    opacity: 0.8;
    left: -15px;
    top: -15px;
  }
}

/*For Ovarian Cancer*/
.ovariancancer #sec-2 {
  margin-top: 1.4%;
}

.ovariancancer #sec-3 {
  margin-top: 4.5%;
}

.ovariancancer #sec-4 {
  margin-top: 7.2%;
  padding-bottom: 6%;
}

.ovariancancer #sec-4 .events-list {
  padding-top: 1.9%;
}

.ovariancancer #sec-5 {
  margin-top: 2%;
}

.ovariancancer #sec-6 {
  margin-top: 0.2%;
}

@media screen and (max-width:767px) {
  .ovariancancer a.without-child span.link-txt.vcenter {
    margin-top: 15px;
    margin-left: 4px;
  }
}

@media screen and (min-width:768px) and (max-width:1199px) {
  .ovariancancer .grad {
    height: 524px;
  }
}

@media screen and (min-width:1200px) {
  .ovariancancer .grad {
    height: 596px;
  }

  .chronickidneydisease .home-ac-2 .component-section.full-width.container.no-style.cas {
    margin-top: 6%;
    height: 370px;
    background-position: 100% 30% !important;
  }

  .heart-failure .home-ac-2 .component-section.full-width.container.no-style.cas {
    background-position: 100% 35%;
  }
}

@media screen and (max-width:767px) {
  .ovariancancer p.watch a {
    position: relative;
    top: -32px;
  }

  .ovariancancer a.without-child span.link-txt.vcenter {
    margin-top: 1px;
  }
}
/*For Ovarian Cancer ends*/
/*For Prostate Cancer starts*/
/*.prostatecancer #sec-3 {
  /* margin-top:1%; *
  ;
}*/
.prostatecancer #sec-4 {
  margin-top: 4.9%;
}

.prostatecancer #sec-4b {
  margin-top: 5.7%;
}

.prostatecancer #sec-5 {
  margin-top: 0.2%;
}

.prostatecancer #sec-6 {
  margin-top: 1.7%;
}

.prostatecancer #sec-7 {
  margin-top: 0%;
}

@media screen and (max-width:767px) {
  .prostatecancer a.without-child span.link-txt.vcenter {
    margin-top: 15px;
    margin-left: 4px;
  }
}

.prostatecancer #sec-5 {
  margin-top: 3.2%;
}

@media screen and (max-width:767px) {
  .prostatecancer a.without-child span.link-txt.vcenter {
    margin-top: 1px;
  }

  .carousel .carousel-indicators li a.carousel-indicator {
    display: none!important;
  }

  .prostatecancer p.watch a {
    position: relative;
    top: -32px;
  }
}
/*For Prostate Cancer ends*/
/*For Asthma starts*/
.asthma #sec-2 {
  margin-top: 2.2%;
}

.asthma #sec-2 img {
  height: 322px;
}

.asthma #sec-3 {
  margin-top: 2%;
  padding-bottom: 5%;
}

.asthma #sec-4 {
  margin-top: 2%;
}

.asthma #sec-5 {
  margin-top: 3.2%;
}

.asthma #sec-5 .text-hed-acs {
  margin-top: 1.5%;
}

.asthma #sec-6 {
  padding-top: 7.5%;
}

.asthma #sec-7 {
  padding-top: 5.7%;
}

.asthma #sec-7 {
  padding-bottom: 6.4%;
}

.asthma #sec-7 p.l1 {
  width: 315px;
}

.asthma #sec-7 p.l1 a {
  font-size: 14px;
}

.asthma footer {
  margin-top: -3%;
}

@media screen and (max-width:767px) {
  .asthma a.without-child span.link-txt.vcenter {
    margin-top: 15px;
    margin-left: 4px;
  }

  .needhelpsec p.one {
    padding: 1.3% 4.5%;
  }

  .buttons a {
    font-size: 12px;
    font-weight: 900;
    letter-spacing: 3px;
    line-height: 16px;
    text-align: center;
  }

  .asthma #sec-7 p.l1 {
    width: 145px;
  }

  .asthma #sec-7 p.l1 a {
    font-size: 12px;
  }

  .asthma #sec-7 p.text-hed-acs {
    margin-top: 25px;
  }

  .asthma footer {
    margin-top: -8%;
  }
}

@media screen and (min-width:767px) {
  .asthma #sec-7 img {
    width: 111%!important;
    height: 170px;
  }
}
/*For Asthma ends*/
/*For COPD starts*/
.copd #sec-2 {
  margin-top: 2.2%;
}
/*.copd #sec-2 img {
  /* height: 210px; 
  
}*/
.copd #sec-3 {
  margin-top: 3.5%;
  padding-bottom: 5.2%;
}

.copd #sec-3 .text-hed-acs {
  padding-top: 1.8%;
}

.copd #sec-4 {
  margin-top: 2.5%;
}

.copd #sec-5 {
  margin-top: 3.5%;
}

.copd #sec-5 .text-hed-acs {
  padding-top: 1.5%;
}

.copd #sec-6 {
  padding-top: 1.3%;
  padding-bottom: 5.5%;
}

.copd footer {
  margin-top: -2.2%;
}

@media screen and (max-width:767px) {
  .copd a.without-child span.link-txt.vcenter {
    margin-top: 15px;
    margin-left: 4px;
  }

  .prelogin-cvrm .cvrm .component-section.full-width.no-style.mainhead,.cvrm .component-section.full-width.no-style.mainhead,.typetwodiabetes1 .component-section.full-width.no-style.mainhead,
  .heart-failure .component-section.full-width.no-style.mainhead,.chronickidneydisease .component-section.full-width.no-style.mainhead {
    background: url(/content/dam/open-digital/azmedconnect-ph/ph/en/images/cvrm/new-banner_mobile.jpg) !important;
  }

  .copd footer {
    margin-top: -8.2%;
  }
}

@media screen and (min-width:600px) and (max-width:767px) {
  .asthma a.without-child span.link-txt.vcenter,.copd a.without-child span.link-txt.vcenter {
    margin-top: 0px;
  }

  .typetwodiabetes1 a.without-child,.chronickidneydisease a.without-child,.heart-failure a.without-child {
    position: relative;
    top: 1px;
  }

  .needhelpsec p.one {
    padding: 1.3% 4.5% !important;
  }

  .heart-failure li.breadcrumb-item.vcenter.active {
    position: relative;
    left: 0%;
  }
}
/*For COPD ends*/
/*For CKD starts*/
.chronickidneydisease #sec-8 {
  padding-bottom: 6.4%;
}

.chronickidneydisease #sec-2 {
  margin-top: 1.5%;
}

.chronickidneydisease #sec-3 {
}

.chronickidneydisease #sec-4 {
  margin-top: 0.7%;
}

.chronickidneydisease #sec-5 {
}

.chronickidneydisease #sec-6 {
  margin-top: 3.5%;
}

.chronickidneydisease #sec-6 p.text-hed-acs {
  margin-top: 2%;
}

.chronickidneydisease #sec-7 {
  margin-top: -1.5%;
}

.chronickidneydisease footer {
  margin-top: -3%;
}

@media screen and (max-width:767px) {
  .chronickidneydisease p.watch a {
    top: -32px;
    position: relative;
  }

  .chronickidneydisease footer {
    margin-top: -8%;
  }
}

@media screen and (min-width:992px) and (max-width:1199px) {
  p.list-text {
    color: #FFFFFF;
    font-family: 'Lexia-Light';
    font-size: 29px;
    font-weight: 300;
    letter-spacing: 0.5px;
    line-height: 40px;
  }

  .magentaheading {
    color: #900052;
    font-family: Lexia-Light;
    font-size: 40px;
    font-weight: 300;
    letter-spacing: 0.4px;
    line-height: 50px;
  }

  .main-heading {
    color: #FFFFFF;
    font-family: Lexia-Light;
    font-size: 44px;
    font-weight: 300;
    letter-spacing: 0.70px;
    line-height: 55px;
  }

  .chronickidneydisease .image-text {
    height: 401px;
  }

  .home-ac-2 .panel-body {
    padding: 0px;
    height: 160px;
  }

  .home-ac-2 p.marginnone.textwhitecolo {
    color: #900052;
    font-family: 'Lexia-Light';
    font-size: 19px;
    font-weight: 300;
    letter-spacing: 0.6px;
    line-height: 24px;
  }

  .home-ac-2 img.iconleft {
    width: 170px;
    height: 160px;
  }
}

@media screen and (min-width:768px) and (max-width:991px) {
  .chronickidneydisease .resource-replace .column-3,.chronickidneydisease .resource-replace .column-4 {
    margin-top: 36px;
  }

  .cvrm .cas .page-section-inner::before {
    height: 115%;
    content: "";
    position: absolute;
    background: black;
    width: 102%;
    z-index: -9;
    opacity: 0.8;
    left: -15px;
    top: -15px;
  }
}

@media screen and (max-width: 767px) {
  .chronickidneydisease #sec-2 p.text-hed-acs {
    margin-top: 25px;
  }

  .chronickidneydisease .resource-replace .column-1 .image-text {
    height: 188px;
  }

  .chronickidneydisease .resource-replace .column-2 .image-text {
    height: 211px;
  }
}
/*For CKD ends*/
/*For Type two diabetes strats*/
.typetwodiabetes .resource-replace.secondrow {
  margin-top: 40px;
}

.typetwodiabetes #sec-6 {
  margin-top: 3.6%;
}

.typetwodiabetes #sec-6 .text-hed-acs {
  padding-top: 2%;
}

.typetwodiabetes #section-8 {
  padding-bottom: 6.4%;
}

.typetwodiabetes footer {
  margin-top: -3%;
}

@media screen and (max-width:768px) {
  .typetwodiabetes p.watch a {
    position: relative;
    top: -32px;
  }

  .typetwodiabetes footer {
    margin-top: -8%;
  }
}

@media screen and (min-width:768px) and (max-width:991px) {
  .typetwodiabetes .resource-replace .column-3,.typetwodiabetes .resource-replace .column-4 {
    margin-top: 36px;
  }

  p.list-text {
    color: #FFFFFF;
    font-family: 'Lexia-Light';
    font-size: 27px;
    font-weight: 300;
    letter-spacing: 0.5px;
    line-height: 35px;
  }
}
/*For Type two diabetes ends*/
@media screen and (max-width:767px) {
  .mobilegap {
    padding-left: 15px;
    padding-right: 15px;
  }

  .ovariancancer #sec-1,.prostatecancer #sec-1,.chronickidneydisease #sec-1,.asthma #sec-1,.copd #sec-1,.typetwodiabetes #sec-1 {
    margin-top: 0%;
  }
}

@media screen and (min-width:768px) and (max-width:991px) {
    
  .needhelpsec p.one {
    padding: 2.3% 4%;
  }

  .component-section {
    padding-left: 0;
    padding-right: 0;
  }

  .main-heading {
    color: #FFFFFF;
    font-family: Lexia-Light;
    font-size: 38px;
    font-weight: 300;
    letter-spacing: 0.77px;
    line-height: 55px;
  }

  .mainhead {
    height: 300px;
    display: flex;
    align-items: center;
  }

  .component-section.full-width.container.no-style.cas {
    height: 311px !important;
  }

  .home-ac-2 img.iconleft {
    width: 120px;
    height: 143px;
  }

  .home-ac-2 .panel-body {
    padding: 0px;
    height: 143px;
  }

  .home-ac-2 p.date {
    color: #900052;
    font-family: 'Nunito-Black';
    font-size: 9px;
    font-weight: 900;
    letter-spacing: 0.82px;
    line-height: 18px;
  }

  .home-ac-2 p.marginnone.textwhitecolo {
    color: #900052;
    font-family: 'Lexia-Light';
    font-size: 17px;
    font-weight: 300;
    letter-spacing: 0.4px;
    line-height: 20px;
  }

  .home-ac-2 p.card-subtext {
    color: #2A2E38;
    font-family: 'Nunito-Light';
    font-size: 15px;
    font-weight: 300;
    letter-spacing: 0.2px;
    line-height: 16px;
  }

  .ovariancancer #sec-1,.prostatecancer #sec-1,.chronickidneydisease #sec-1,.asthma #sec-1,.copd #sec-1,.typetwodiabetes #sec-1 {
    margin-top: 0%;
  }

  body.ovariancancer,body.prostatecancer,body.chronickidneydisease,body.asthma,body.copd,body.typetwodiabetes {
    overflow-x: clip;
  }

  .chronickidneydisease .fourwhitecard-box,.typetwodiabetes .fourwhitecard-box,.asthma .fourwhitecard-box,.copd .fourwhitecard-box {
    padding-left: 0px;
  }
}

@media screen and (min-width:768px) and (max-width:1200px) {
  .chronickidneydisease footer,.asthma footer,.copd footer,.typetwodiabetes footer {
    margin-top: -3%;
  }
}

@media screen and (min-width:400px) and (max-width:600px) {
  .ovariancancer li.breadcrumb-item.vcenter.active,.prostatecancer li.breadcrumb-item.vcenter.active {
    top: 28px;
    left: -221px;
  }

  .typetwodiabetes li.breadcrumb-item.vcenter.active,.chronickidneydisease li.breadcrumb-item.vcenter.active {
  }

  .asthma li.breadcrumb-item.vcenter.active,.copd li.breadcrumb-item.vcenter.active {
    top: 9px;
    /*left: -239px;*/
    left:0;
  }
}
/*Few pages custoisation ends*/
@media screen and (min-width:600px) and (max-width:767px) {
  li.breadcrumb-item.vcenter.active {
    top: 0px !important;
  }
}

@media screen and (min-width: 768px) {
  .carousel-inner .sixty-three img {
    width: 63% !important;
  }

  .carousel-inner .known img {
    width: 75% !important;
  }
}
/*Styling reference text strats*/
p.reftext ,  p.reftext a {
  font: 16px Nunito-Light !important;
  color: #2A2E38;
  font-size: 18px;
  font-weight: 300;
  letter-spacing: 0.2px;
  line-height: 29px;
}

.simplecolcontrolsec >div p.reftext:nth-child(1) {
  padding-top: 30px;
}

p.reftext a,p.reftext a:hover {
  color: #900052 !important;
  text-decoration: underline !important;
}

@media screen and (max-width:991px) {
  p.reftext {
    font-size: 14px !important;
  }
}

@media screen and (max-width:767px) {
  .simplecolcontrolsec >div p.reftext:nth-child(1) {
    padding-top: 0px;
  }

  .cvrm a.without-child {
    position: relative;
    top: 2px;
  }

  img.arrow {
    color: #FFFFFF;
    font-family: "Font Awesome 5 Pro";
    font-size: 17px;
    letter-spacing: 0;
    line-height: 17px;
    text-align: center;
    padding: 8px;
    border-radius: 16px;
    background-color: #BACD01 !important;
    height: 32px;
    width: 32px;
  }

  p.list-text {
    color: #FFFFFF;
    font-family: 'Lexia-Light';
    font-size: 17px;
    font-weight: 300;
    letter-spacing: 0.14px;
    line-height: 25px;
  }

  .component-section.full-width.no-style.mobile2 {
    padding-top: 0%;
    padding-bottom: 4%;
  }

  .component-section.full-width.no-style.desktop-1 {
    display: none;
  }
}
/*Styling reference text ends*/
.component-section.full-width.no-style.desktop-1 {
  padding-top: 3.5%;
}

/*Image not css strats*/
p.imagenote {
  font: 16px Nunito-Light !important;
  color: #2A2E38;
  font-size: 18px;
  font-weight: bold !important;
  letter-spacing: 0.2px;
  line-height: 29px;
  font-style: italic !important;
  padding-bottom: 0px;
  margin-bottom: 0px;
}

@media screen and (max-width: 767px) {
  p.imagenote {
    font-size: 14px;
  }

  .mobile .col-sm-6.col-xs-12.column-2, .mobile2 .col-sm-6.col-xs-12.column-2 {
    width: 50%;
    padding-left: 7px;
  }

  .mobile .col-sm-6.col-xs-12.column-1, .mobile2 .col-sm-6.col-xs-12.column-1 {
    width: 50%;
    padding-right: 7px;
  }

  .component-section.full-width.container.no-style.one, .component-section.full-width.container.no-style.two {
    height: 185px;
  }

  .mainhead span.link-txt.vcenter::before {
    content: ">";
    font-size: large !important;
    padding-right: 10px;
    padding-left: 10px;
    vertical-align: middle;
    font-family: "Font Awesome 5 Pro";
    color: #FFFFFF;
    font-weight: 800;
    letter-spacing: 0.28px;
    line-height: 15px;
    position: relative;
    bottom: 1px;
  }

  .component-section.full-width.no-style.mainhead {
    height: 255px;
  }

  .main-heading {
    color: #FFFFFF;
    font-family: Lexia-Light;
    font-size: 24px;
    font-weight: 300;
    letter-spacing: 0.4px;
    line-height: 35px;
  }

  .three {
    padding: 11px 15px 10px 11px;
    color: white !important;
    font-family: Nunito-Black;
    font-size: 10px;
    font-weight: 900;
    letter-spacing: 2.5px;
    line-height: 14px;
    border-radius: 21px;
    box-shadow: 0 10px 25px -10px rgb(0 88 99 / 39%);
    text-decoration: none !important;
  }
}

/*Image not css ends*/

@media screen and (max-width:400px) {
  p.date {
    line-height: 10px;
  }
}

@media screen and (min-width:600px) and (max-width:767px) {
  .heart-failure p.watch {
    bottom: 25% !important;
  }

  .home-ac-2 .panel-body {
    padding: 0px;
    height: 125px;
  }

  .home-ac-2 img.iconleft {
    width: 118px;
    height: 125px;
  }

  .home-ac-2 p.marginnone.textwhitecolo {
    line-height: 18px;
  }
}

@media screen and (min-width:992px) {
  .multi-column-container.resource-replace.rr {
    margin-top: 3%;
  }

  p.sm-bold {
    line-height: 43px !important;
  }

  img.download-icon {
    height: 12px;
    width: auto;
    position: relative;
    top: -2px;
  }
}

/*Header small code starts*/

@media screen and (min-width:992px) {
  /*header li.first-level-item:first-child> hr.hr-headerline-hover-above,header li.first-level-item:first-child> hr.hr-headerline-hover-below {*/
  /*  display: block;*/
  /*  background-color: #51B7C5;*/
  /*  height: 2px;*/
    /*width: 320px;*/
  /*  width:100%;*/
  /*}*/

  /*header li.first-level-item hr.hr-headerline-hover-above {*/
  /*  position: absolute;*/
  /*  top: -60px;*/
  /*}*/

  /*header.safaribrowser li.first-level-item hr.hr-headerline-hover-above {*/
  /*  top: -58px;*/
  /*}*/

  /*header li.first-level-item hr.hr-headerline-hover-below {*/
  /*  position: absolute;*/
  /*  top: 41px;*/
  /*}*/

  /*header.safaribrowser li.first-level-item hr.hr-headerline-hover-below {*/
  /*  top: 36px;*/
  /*}*/
  

}

@media screen and (min-width:991px) and (max-width:1199px) {
  /*header.safaribrowser li.first-level-item hr.hr-headerline-hover-above {*/
  /*  top: -41px;*/
  /*}*/

  /*header.safaribrowser li.first-level-item hr.hr-headerline-hover-below {*/
  /*  top: 36px;*/
  /*}*/
}
/*Header small code ends*/    


/*** parent-disease ***/
.footer {
  margin-top: 0;
}

.component-section.full-width.no-style.desktop11 {
  padding-top: 1%;
  padding-bottom: 3%;
}

.oncology .mainhead .page-section-inner.container::before {
  background-color: #3e3535;
  content: "";
  position: absolute;
  height: 115%;
  width: 35%;
  top: 0%;
  left: 0;
  z-index: -1;
  opacity: 0.7;
}

.respiratory-and-immunology .component-section.full-width.no-style.desktop-1 {
  padding-bottom: 3%;
}

.oncology .component-section.full-width.no-style.desktop-1 {
  padding-bottom: 3%;
}

.component-section.full-width.no-style.desktop-1 {
  padding-top: 4%;
}

.cvrm .component-section.full-width.no-style.desktop-1 {
  padding-bottom: 5%;
}

.component-section.full-width.no-style.mobile2 {
  padding-top: 0%;
  padding-bottom: 4%;
}

.component-section.full-width.no-style.mobile {
  padding-top: 10%;
}

.new-image.shadow {
  box-shadow: 0 10px 50px -15px rgb(0 0 0 / 13%);
}

.mobile,.mobile2 {
  display: none;
}

.xo .col-sm-6.col-xs-12.column-1, .xo .col-sm-6.col-xs-12.column-2 {
  width: 50%;
}

.mobile-new .col-sm-6.col-xs-12.column-1 {
  padding-right: 7px;
}

.mobile-new .col-sm-6.col-xs-12.column-2 {
  padding-left: 7px;
}

.component-section.full-width.no-style.mainhead {
  display: flex;
  align-items: center;
}

.component-section.full-width.no-style.mainhead {
  background-size: cover !important;
  background-position: center;
}

.main-heading {
  color: #FFFFFF;
  font-family: Lexia-Light;
  font-size: 46px;
  font-weight: 300;
  letter-spacing: 0.77px;
  line-height: 63px;
}

.breadcrumb-container.hidden-xs {
  padding-left: 0;
}

span.breadcrumb-txt, span.link-txt.vcenter {
  color: #FFFFFF;
  font-family: Lexia-Light;
  font-size: 14px;
  font-style: italic;
  font-weight: 300;
  letter-spacing: 0.7px;
  line-height: 17px;
}

li.breadcrumb-seperator-xs.vcenter.hidden-xs {
  color: white;
  font-size: 21px;
  padding: 0px 6px;
}

.component-section.full-width.container.no-style.one, .component-section.full-width.container.no-style.two {
  height: 260px;
  background-position: center;
}

.desktop2 .multi-column-container.first {
  width: 65.8%;
  margin: 0 auto;
}

.one .page-section-inner,.two .page-section-inner {
  position: absolute;
  bottom: 10%;
  left: 5%;
}

p.list-text {
  color: #FFFFFF;
  font-family: 'Lexia-Light';
  font-size: 30px;
  font-weight: 300;
  letter-spacing: 0.5px;
  line-height: 22px;
}

.lable a {
  background-color: #F80052 !important;
  padding: 18px 20px 17px 20px;
  border-radius: 35px !important;
  color: #FFFFFF !important;
  font-family: 'Nunito-Black';
  font-size: 11px !important;
  font-weight: 900 !important;
  letter-spacing: 2.75px !important;
  line-height: 15px !important;
  text-decoration: none !important;
}

.desktop-1 .lable a {
  background-color: #F80052 !important;
  padding: 15px 17px 15px 17px;
}

p.lable {
  margin-top: 2em;
}

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

  .mainhead .page-section-inner.container {
    margin-left: 0;
  }

  .component-section.full-width.no-style.mobile2 {
    padding-top: 0%;
    padding-bottom: 10%;
  }

  .magentaheading {
    color: #900052;
    font-family: Lexia-Light;
    font-size: 26px;
    font-weight: 300;
    letter-spacing: 0.55px;
    line-height: 33px;
  }
  
  .magentaheading a.link{
    color: #900052;
    font-family: Lexia-Light;
    font-size: 26px;
    font-weight: 300;
    letter-spacing: 0.55px;
    line-height: 33px;
    text-decoration:none;
}
.magentaheading a.link:hover{
    color: #900052;
}

  .oncology .mainhead .page-section-inner.container::before {
    width: 100%;
  }

  .component-section.full-width.no-style.mainhead {
    height: 255px;
  }

  .main-heading {
    color: #FFFFFF;
    font-family: Lexia-Light;
    font-size: 25px;
    font-weight: 300;
    letter-spacing: 0.4px;
    line-height: 38px;
  }

  li.breadcrumb-item.vcenter {
    padding-left: 0;
    padding-right: 1px;
  }

  .breadcrumb-container {
    background-color: transparent;
    padding: 0;
  }

  .breadcrumb-list-parent {
    padding-right: 0px;
  }

  ul.breadcrumb-holder {
    align-items: baseline;
  }

  .cvrm ul.breadcrumb-holder {
    align-items: baseline;
    display: flex;
  }
  .respiratoryPageContainer .breadcrumb-container .breadcrumb-holder {
    padding: 0;
    display: flex;
    align-items: baseline;
    /*new css*/
    flex-wrap: wrap;
}
  .respiratoryPageContainer li.breadcrumb-item.vcenter{
    padding-top:0;
}
  /* TO PUT SECOND WORK EQUAl*/
  
  span.link-txt.vcenter {
    vertical-align: baseline;
  }

  .mainhead span.link-txt.vcenter::before {
    content: ">";
    font-size: large !important;
    padding-right: 10px;
    padding-left: 10px;
    vertical-align: middle;
    font-family: "Font Awesome 5 Pro";
    color: #FFFFFF;
    font-weight: 800;
    letter-spacing: 0.28px;
    line-height: 15px;
    position: relative;
    bottom: 1px;
  }

  span.breadcrumb-txt, span.link-txt.vcenter {
    color: #FFFFFF;
    font-family: Lexia-Light;
    font-size: 12px;
    font-style: italic;
    font-weight: 300;
    letter-spacing: 0.6px;
    line-height: 15px;
  }

  .mobile,.mobile2 {
    display: block !important;
  }

  .desktop1,.desktop2,.desktop-1,.desktop11 {
    display: none;
  }

  .mobile .col-sm-6.col-xs-12.column-2,.mobile2 .col-sm-6.col-xs-12.column-2 {
    width: 50%;
    padding-left: 7px;
  }

  .mobile .col-sm-6.col-xs-12.column-1,.mobile2 .col-sm-6.col-xs-12.column-1 {
    width: 50%;
    padding-right: 7px;
  }

  .component-section.full-width.container.no-style.one, .component-section.full-width.container.no-style.two {
    height: 185px;
  }

  p.list-text {
    color: #FFFFFF;
    font-family: 'Lexia-Light';
    font-size: 17px;
    font-weight: 300;
    letter-spacing: 0.14px;
    line-height: 25px;
  }

  img.arrow {
    color: #FFFFFF;
    font-family: "Font Awesome 5 Pro";
    font-size: 17px;
    letter-spacing: 0;
    line-height: 17px;
    text-align: center;
    padding: 8px;
    border-radius: 16px;
    background-color: #F80052 !important;
    height: 32px;
    width: 32px;
  }
}

.component-section.full-width.no-style.blue-background {
  padding-top: 4%;
  padding-bottom: 5%;
}

@media screen and (min-width:768px) and (max-width:991px) {
  p.list-text {
    color: #FFFFFF;
    font-family: 'Lexia-Light';
    font-size: 27px;
    font-weight: 300;
    letter-spacing: 0.5px;
    line-height: 35px;
  }

  .magentaheading {
    color: #900052;
    font-family: Lexia-Light;
    font-size: 30px;
    font-weight: 300;
    letter-spacing: 0.4px;
    line-height: 35px;
  }

  .main-heading {
    color: #FFFFFF;
    font-family: Lexia-Light;
    font-size: 40px;
    font-weight: 300;
    letter-spacing: 0.77px;
    line-height: 55px;
  }
  .magentaheading a.link{
    color: #900052;
    font-family: Lexia-Light;
    font-size: 30px;
    font-weight: 300;
    letter-spacing: 0.4px;
    line-height: 35px;
}
.magentaheading a.link:hover{
    color: #900052;
}
}

@media screen and (min-width:992px) and (max-width:1199px) {
  p.list-text {
    color: #FFFFFF;
    font-family: 'Lexia-Light';
    font-size: 29px;
    font-weight: 300;
    letter-spacing: 0.5px;
    line-height: 40px;
  }

  .needhelpsec p.one {
    padding: 2% 3%;
  }

  .main-heading {
    color: #FFFFFF;
    font-family: Lexia-Light;
    font-size: 44px;
    font-weight: 300;
    letter-spacing: 0.70px;
    line-height: 55px;
  }
}

@media screen and (min-width:1500px) {
  .component-section.full-width.no-style.mainhead {
    height: 500px;
  }
}

@media screen and (min-width:1800px) {
  .component-section.full-width.no-style.mainhead {
    height: 530px;
  }
}

.mobile-new .col-sm-6.col-xs-12.column-1, .mobile-new .col-sm-6.col-xs-12.column-2 {
  width: 50%;
}


/*Just for oncology*/


.component-section.full-width.container.no-style.root {
  padding-top: 0;
}

/***********************************************************************************/

@media screen and (min-width: 1500px) {
  .component-section.full-width.no-style.mainhead {
    padding-bottom: 0;
    background-size: 100% 100% !important;
    background-repeat: no-repeat;
    background-position-x: center !important;
    width: 95%;
    margin: 0 auto;
  }
}

@media screen and (min-width: 1685px) {
  .component-section.full-width.no-style.mainhead {
    padding-bottom: 0;
    background-size: auto 100% !important;
    background-repeat: no-repeat;
    background-position-x: center !important;
    width: 95%;
    margin: 0 auto;
  }
}

.blue-background-cvrm {
  background-color: #D8E5E2;
}

/**************************FAKE RESOURCELIST**********************************/

.over-all, .over-all a {
  height: 175px;
  display: flex;
  background-color: #FFFFFF;
  box-shadow: 0 10px 50px -15px rgba(0,0,0,0.13);
}

.remove {
  width: fit-content;
}

img.icon {
  height: 30px;
  position: absolute;
  left: 155px;
  align-self: center;
}

img.wallpaper {
  height: 175px;
  width: 160px;
}

.over-all.sp {
  margin-top: 35px;
  margin-bottom: 20px;
}

.text-section {
  padding-left: 22px;
  padding-right: 10px;
}

p.n-text-heading {
  color: #900052;
  font-family: 'Lexia-Light';
  font-size: 21px;
  font-weight: 300;
  letter-spacing: 0.4px;
  line-height: 24px;
  position: relative;
  bottom: 0;
}

p.n-text-para {
  color: #2A2E38;
  font-family: 'Nunito-Light';
  font-size: 16px;
  font-weight: 300;
  letter-spacing: 0.2px;
  line-height: 18px;
}

p.read-mpre-para {
  display: none;
}

.text-section {
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.fake-resource p.date {
  margin-bottom: 0;
}

.new-static p {
  color: white;
  font-family: 'Nunito-Light';
  font-size: 24px;
  font-weight: 300;
  letter-spacing: 0.2px;
  line-height: 24px;
  padding-bottom: 10px;
}

p.date-new {
  color: white;
  font-family: 'Nunito-Black';
  font-size: 12px;
  font-weight: 900;
  letter-spacing: 0.82px;
  line-height: 15px;
}

@media screen and (min-width:992px) and (max-wisth:1199px) {
  p.n-text-heading {
    font-size: 18px;
    line-height: 20px;
  }

  .text-section {
    padding-left: 15px;
    padding-right: 10px;
  }

  .over-all.sp {
    margin-top: 26px;
    margin-bottom: 20px;
  }
}

@media screen and (min-width:768px) and (max-width:991px) {
  
  .fake-resource .col-sm-6.col-xs-12.column-2 {
    padding-left: 0;
  }

  .over-all.sp {
    margin-top: 20px;
    margin-bottom: 20px;
  }

  .fake-resource .component-section.full-width.container.no-style.cas {
    height: 325px !important;
    background-position: center !important;
  }

  .cvrm .fake-resource .component-section.full-width.container.no-style.cas {
    background-position: left center !important;
  }

  p.n-text-heading {
    color: #900052;
    font-family: 'Lexia-Light';
    font-size: 15px;
    font-weight: 300;
    letter-spacing: 0.4px;
    line-height: 18px;
    position: relative;
    bottom: 0;
  }

  p.n-text-para {
    color: #2A2E38;
    font-family: 'Nunito-Light';
    font-size: 14px;
    font-weight: 300;
    letter-spacing: 0.2px;
    line-height: 18px;
  }

  img.icon {
    height: 25px;
    position: absolute;
    left: 115px;
    align-self: center;
  }

  img.wallpaper {
    height: 155px;
    width: 130px;
  }

  .over-all.sp {
    margin-top: 20px;
    margin-bottom: 15px;
  }

  .over-all, .over-all a {
    height: 155px;
    display: flex;
    background-color: #FFFFFF;
    box-shadow: 0 10px 50px -15px rgb(0 0 0 / 13%);
  }

  .text-section {
    padding-left: 15px;
    padding-right: 5px;
  }

  p.n-text-heading {
    margin-bottom: 5px;
  }

  .cas .page-section-inner {
    position: absolute;
    bottom: 5%;
    left: 7%;
  }

  .new-static p {
    color: white;
    font-family: 'Nunito-Light';
    font-size: 20px;
    font-weight: 300;
    letter-spacing: 0.2px;
    line-height: 24px;
    padding-bottom: 5px;
  }
}

@media screen and (max-width:767px) {
  .new-static p {
    color: white;
    font-family: 'Nunito-Light';
    font-size: 20px;
    font-weight: 300;
    letter-spacing: 0.2px;
    line-height: 24px;
    padding-bottom: 5px;
  }

  p.n-text-para {
    display: none;
  }

  .over-all.sp {
    margin-top: 25px;
    margin-bottom: 20px;
  }

  img.wallpaper {
    height: 110px;
    width: 110px;
  }

  img.icon {
    height: 30px;
    position: absolute;
    left: 110px;
    align-self: center;
  }

  p.n-text-heading {
    color: #900052;
    font-family: 'Lexia-Light';
    font-size: 17px;
    font-weight: 300;
    letter-spacing: 0.4px;
    line-height: 20px;
    position: relative;
    bottom: 0;
  }

  .over-all, .over-all a {
    height: 110px;
    display: flex;
    background-color: #FFFFFF;
    box-shadow: 0 10px 50px -15px rgb(0 0 0 / 13%);
  }

  .fake-resource .home-ac-2 .component-section.full-width.container.no-style.cas {
    margin-top: 6%;
    height: 300px;
    background-position: center !important;
  }

  .cas .page-section-inner {
    position: absolute;
    bottom: 7%;
    left: 7%;
  }

  .mainhead .page-section-inner.container {
    margin-left: 0;
    width: 100%;
  }

  li.breadcrumb-item.vcenter.active {
    position: relative;
    left: 0;
    top: -12px !important;
  }

  .ph-id-6885 li.breadcrumb-item.vcenter.active {
    position: relative;
    left: 0;
    top: 0px !important;
  }

  .breadcrumb-container.hidden-md.hidden-lg.hidden-sm {
    margin-left: 0;
  }
}

@media screen and (min-width:600px) and (max-width:767px) {
  .fake-resource .home-ac-2 .component-section.full-width.container.no-style.cas {
    margin-top: 6%;
    height: 400px;
    background-position: top !important;
  }

  .chronickidneydisease .fake-resource .home-ac-2 .component-section.full-width.container.no-style.cas {
    margin-top: 6%;
    height: 400px;
    background-position: top !important;
    background-size: 100% 100% !important;
  }

  .typetwodiabetes1 .fake-resource .home-ac-2 .component-section.full-width.container.no-style.cas {
    background-size: 100% 115% !important;
  }
}

@media screen and (max-width:500px) {
 
  img.icon {
    height: 30px;
    position: absolute;
    left: 110px;
    align-self: center;
  }

  .yellowbt {
    padding-left: 3% !important;
  }

  .ph-id-6885 li.breadcrumb-item.vcenter.active {
    position: absolute;
    left: 175px;
    top: 35px !important;
  }

  .heart-failure .cas .page-section-inner::before {
    width: 98%;
    height: 114%;
  }

  .ph-id-6885 .breadcrumb-item a,.ckd-practise-essentials .breadcrumb-item a, .hf-practice-essentials .breadcrumb-item a, .practice-essentials .breadcrumb-item a {
    height: 25px;
  }

  .typetwodiabetes1 .without-child span.link-txt.vcenter::before,.chronickidneydisease .without-child span.link-txt.vcenter::before,.heart-failure .without-child span.link-txt.vcenter::before {
    /* background: black; */
    /* display: none; */
    padding-left: 0;
  }

  .ckd-practise-essentials li.breadcrumb-item.vcenter.active,.hf-practice-essentials li.breadcrumb-item.vcenter.active,.practice-essentials li.breadcrumb-item.vcenter.active {
    position: absolute;
    /* background: black; */
    top: 35px !important;
    left: 130px;
  }

  .chronickidneydisease img.icon {
    height: 30px;
    position: absolute;
    left: 110px;
    align-self: center;
  }
}

@media screen and (min-width:400px) and (max-width:550px) {
  .heart-failure .cas .page-section-inner::before {
    width: 106%;
    height: 114%;
  }
}
/*CSS adjustments for sphf adjustments starts*/
.secwithpinkback {
  background-color: #F3F8FD;
}

div.accinpinksect .accordion-group.panel {
  background-color: #F3F8FD;
  border: unset;
}

.accinpinksectv2 {
  position: relative;
  top: -68px;
  margin-bottom: -134px;
}

div.accinpinksect .panel-group {
  border-top: unset;
}

hr.lineabovefirstacc {
  margin-bottom: 0px;
  position: relative;
  top: 0em;
  border-top: 2px solid #a31666;
}

div.accinpinksect .accordion-group.panel .panel-default {
  border-bottom: 2px solid #a31666;
}

div.accinpinksect .fa-chevron-down:before {
  content: "\002B";
  font-size: 26px;
  color: #900052;
  position: relative;
  left: 12px;
  top: 2px;
}

div.accinpinksect .fa-chevron-up:before {
  content: "\002D";
  font-size: 26px;
  color: #900052;
  position: relative;
  left: 12px;
  top: 7px;
}

div.accinpinksect .az-panel-heading a {
  color: #900052;
  font-family: Lexia-Light;
  font-size: 30px;
  font-weight: 300;
  letter-spacing: 1px;
  line-height: 35px;
  font-style: inherit;
}

div.accinpinksect .az-panel-heading a:hover {
  text-decoration: none;
}

.threediffpesspg .text.parbase ol.pracesreferncelistv {
  padding-left: 40px;
}

.ckd-practise-essentials.threediffpesspg .text.parbase ol.pracesreferncelistv {
  padding-left: 45px;
}

.pinkbt {
  height: 53px;
  width: 192px;
  border-radius: 32px;
  background-color: #F80052;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

.buttons.pinkbt a {
  position: relative;
  top: 5px;
}

.threediffpesspg p.text-hed-acs.reftitle {
  font-size: 35px;
}

.threediffpesspg ol.referncelist.referncelistv1.pracesreferncelistv li {
  font-size: 16px;
}

.threediffpesspg p.text-hed-acs-subv2 {
  color: #900052;
  font-family: Lexia-Light;
  font-size: 29px;
  font-weight: 300;
  letter-spacing: 1.01px;
  line-height: 30px;
  margin-top: 25px;
}

.threediffpesspg div.textcolor-ove p {
  font: 18px Nunito-Light;
  color: #2A2E38;
  font-size: 18px;
  font-weight: 300;
  letter-spacing: 0.2px;
  line-height: 29px;
}

.threediffpesspg .whitecardsection {
  box-sizing: border-box;
  border: 1px solid #F4F4F4;
  background-color: #FFFFFF;
  box-shadow: 0 5px 50px -15px rgb(0 0 0 / 0%);
  padding: 3%;
  width: 100%;
}

.yellowbt {
  height: 50px;
  width: 160px;
  border-radius: 36px;
  background-color: #F0AB02;
  box-shadow: 0 10px 25px -10px rgb(0 88 99 / 39%);
  color: #FFFFFF;
  font-family: 'Nunito-Black';
  font-size: 11px;
  font-weight: 900;
  letter-spacing: 2.75px;
  line-height: 15px;
  display: flex;
  align-items: center;
  padding-left: 8%;
  margin-top: 4%;
  justify-content: space-around;
}

.documenticon {
  width: 17px;
  position: relative;
  left: -16px;
}

.yellowbt a.documentlinktext {
  text-decoration: none !important;
  color: white !important;
  font-family: Nunito-Black;
  font-size: 14px;
  letter-spacing: 3.5px;
  line-height: 19px;
  position: relative;
  left: -21px;
}

p.acclabel {
  float: right;
  position: relative;
  top: -4.3em;
  left: -1em;
}

p.acclabel span {
  font-style: italic;
}

div.accinpinksect .az-panel-heading a.collapsed p.acclabel {
  top: -2.3em;
}

div.accinpinksect .az-panel-heading a p.acclabel span.closeind {
  display: block;
}

div.accinpinksect .az-panel-heading a p.acclabel span.openind {
  display: none;
}

div.accinpinksect .az-panel-heading a.collapsed p.acclabel span.openind {
  display: block;
}

div.accinpinksect .az-panel-heading a.collapsed p.acclabel span.closeind {
  display: none;
}

div.accinpinksect div.panel-body {
  padding-bottom: 45px;
}

.accinpinksect a,.accinpinksect a:hover {
  text-deoration: none !important;
}

.accinpinksectv1 .panel-default>.panel-heading+.panel-collapse.in>.panel-body {
  border-bottom: 2px solid #a31666;
  margin-bottom: 45px;
}

@media screen and (min-width:1200px) {
  .threediffpesspg .image_pdf img {
    display: none !important;
  }

  .desktop-1 .lable a {
    background-color: #F80052 !important;
    padding: 16px 26px 16px 26px;
  }

  p.littlelefadj {
    margin-left: -0.3em;
  }
}

@media screen and (max-width:1199px) {
  .threediffpesspg .pdfDocumentViewer {
    display: none;
  }

  p.littlelefadj {
    margin-left: -0.7em;
  }
}

p.sm-bold {
  color: black;
  font-size: 35px !important;
}

.mmmn {
  padding-top: 4%;
  padding-bottom: 4%;
}

@media screen and (min-width:992px) and (max-width:1199px) {
  div.accinpinksect .az-panel-heading a {
    width: 823px;
    margin-left: -0.5em;
  }

  p.littlelefadj {
    margin-left: -0.4em;
  }

  p.littlelefadjv1a {
    margin-left: -0.1em;
  }

  div.accinpinksect .fa-chevron-down:before {
    left: 110px;
    top: 0px;
  }

  div.accinpinksect .fa-chevron-up:before {
    left: 110px;
  }

  p.acclabel {
    top: -4.3em;
    left: 6em;
  }

  div.accinpinksect .az-panel-heading a.collapsed p.acclabel {
    top: -2.3em;
    left: 6em;
  }
}

@media screen and (min-width:768px) and (max-width:991px) {
  div.accinpinksect .az-panel-heading a {
    width: 557px;
    margin-left: -0.5em;
  }

  p.sm-bold {
    color: black;
    font-size: 28px !important;
  }

  .yellowbt {
    padding-left: 10%;
  }

  p.acclabel {
    top: -4.5em;
    left: 7em;
  }

  div.accinpinksect .az-panel-heading a.collapsed p.acclabel {
    top: -4.3em;
    left: 8em;
  }

  div.accinpinksect span.fa {
    position: relative;
    left: 4em;
    top: -1em;
  }

  div.accinpinksect span.fa.fa-chevron-up {
    top: 0em;
  }

  .yellowbt a.documentlinktext {
    left: -15px;
  }

  div.accinpinksect .pinkbt {
    position: relative;
    top: 18px;
  }

  p.littlelefadj {
    margin-left: -0.4em;
  }

  p.littlelefadjv1a {
    margin-left: -0.1em;
  }

  div.accinpinksect .fa-chevron-down:before {
    left: 15px;
    top: 7px;
  }
}

@media screen and (max-width:767px) {
  .threediffpesspg .pdfbluesec {
    padding-bottom: 35px;
  }

  .lable a {
    padding: 14px 14px 14px 14px;
    font-size: 9px !important;
    line-height: 12px !important;
  }

  .component-section.full-width.no-style.blue-background {
    padding-top: 8% !important;
    padding-bottom: 10% !important;
  }

  p.sm-bold {
    color: black;
    font-size: 19px !important;
  }

  .pinkbt {
    height: 53px;
    width: 160px;
  }

  .threediffpesspg .pdfbluesec .pinkbt {
    margin-top: 40px;
  }

  div.accinpinksect .az-panel-heading a {
    font-size: 21px;
    width: 320px;
    margin-left: -0.5em;
  }

  .threediffpesspg p.text-hed-acs-subv2 {
    font-size: 20px;
  }

  .threediffpesspg p.text-hed-acs-subv2a {
    white-space: nowrap;
  }

  .threediffpesspg p.text-hed-acs.reftitle {
    font-size: 22px;
  }

  .threediffpesspg .text.parbase ol.pracesreferncelistv {
    padding-left: 40px;
  }

  .ckd-practise-essentials.threediffpesspg .text.parbase ol.pracesreferncelistv {
    padding-left: 45px;
  }

  .yellowbt a.documentlinktext {
    left: -5px;
  }

  div.accinpinksect .pinkbt {
    position: relative;
    top: 18px;
  }

  p.littlelefadjv1a {
    margin-left: -0.7em;
  }

  p.littlelefadjv1c {
    margin-left: -1.4em;
  }

  div.littlelefadjv1b {
    margin-left: -1em;
  }

  div.accinpinksect .fa-chevron-up:before {
    top: 12px;
  }

  div.accinpinksect .fa-chevron-down:before {
    top: 6px;
  }

  .accinpinksectv2 {
    top: -65px;
    margin-bottom: -132px;
  }

  .accinpinksectv1 .panel-default>.panel-heading+.panel-collapse.in>.panel-body {
    margin-bottom: 10px;
    border-bottom: unset;
  }
}

@media screen and (min-width:600px) and (max-width:767px) and (orientation:landscape) {
  div.accinpinksect .az-panel-heading a {
    width: 593px;
  }

  .yellowbt a.documentlinktext {
    left: -18px;
  }
}
/*CSS adjustments for sphf adjustments ends*/
@media screen and (min-width:991px) {
  .ckd-practise-essentials li.breadcrumb-item.vcenter.active,.hf-practice-essentials li.breadcrumb-item.vcenter.active, .practice-essentials li.breadcrumb-item.vcenter.active, .cvrm li.breadcrumb-item.vcenter.active,.typetwodiabetes1 li.breadcrumb-item.vcenter.active,.chronickidneydisease li.breadcrumb-item.vcenter.active,.heart-failure li.breadcrumb-item.vcenter.active {
    top: 3px;
    position: relative;
  }
}

@media screen and (max-width:767px) {
  ol.referncelist.referncelistv1 {
    margin-left: 0 !important;
  }

  .home-ac-2 .three {
    padding: 10px 10px 10px 10px;
  }

  .threediffpesspg div.textcolor-ove p {
    font-size: 17px;
    line-height: 25px;
  }
}

@media screen and (min-width:500px) {
  ul.breadcrumb-holder {
    display: flex;
    align-items: center;
    /*new css*/
    flex-wrap: wrap;
  }

  .ph-id-6885 ul.breadcrumb-holder {
    display: block;
  }
}

.component-section.container.no-style.whitecardsection.whitecardsectionv2 {
  padding: 3%;
  width: 100%;
  box-sizing: border-box;
  border: 1px solid #F4F4F4;
  background-color: #FFFFFF;
  box-shadow: 0 5px 50px -15px rgb(0 0 0 / 17%);
}

@media screen and (min-width:650px) and (max-width:767px) {
  .over-all.sp.bb .wallpaper {
    width: 117px;
  }

  .component-section.full-width.container.no-style.one, .component-section.full-width.container.no-style.two {
    height: 220px;
    background-position: top;
  }
}

@media screen and (min-width:768px) {
  .component-section.container.no-style.whitecardsection.whitecardsectionv2 {
    padding: 2%;
    width: 60%;
  }
}

@media screen and (max-width:400px) {
  .heart-failure .without-child span.link-txt.vcenter::before {
    /* background: black; */
    /* display: none; */
    padding-left: 10px;
  }
}

/*Header small code starts*/
@media screen and (min-width:992px) and (max-width:1199px) {
    
  header li.first-level-item hr.hr-headerline-hover-above {
    top: -43.4px;
  }

  header li.first-level-item hr.hr-headerline-hover-below {
    top: 34.4px;
  }
}

.blur-too {
  filter: blur(0.25em);
}
/*Header small code ends*/

@media screen and (min-width:1020px) and (max-width:1199px) {
  .heart-failure .cas .page-section-inner::before {
    width: 100% !important;
  }
}

/*CSS to increase Mobile performance*/
@media screen and (max-width:767px)
{
    .glucosecontrolpg .mainhead,.hearfailuerspoilightpg .mainhead,.typetwodiaspoilightpg .mainhead
    {
        background-image:url("/content/dam/open-digital/azmedconnect-ph/ph/en/images/practise-essentials/mobile/new-banner_mobile.jpg")!important;
        
    }
    .glucoseimgpdf1 img
    {
       width:330px !important; 
       height:186px !important;
    }
    .glucoseimgpdf2 img
    {
       width:330px !important; 
       height:170px !important;
    }
    .azlastsecimg img{
         width:225px !important; 
       height:225px !important;
    }
    .typetwodiaspoilightpgpdfimg1 img
    {
        width:345px!important;
        height:195px !important;
    }
    .hearfailuerspoilightpgpdfimg1 img
    {
         width:315px!important;
        height:173px !important;
    }
    .hearfailuerspoilightpgpdfimg2 img
    {
         width:295px!important;
        height:162px !important;
    }
    .hearfailuerspoilightpgpdfimg3 img
    {
         width:295px!important;
        height:162px !important;
    }
    .hearfailuerspoilightpgpdfimg4 img
    {
         width:315px!important;
        height:174px !important;
    }
    .hearfailuerspoilightpgpdfimg5 img
    {
         width:315px!important;
        height:174px !important;
    }
}
@media screen and (min-width:768px)
{
    .glucosecontrolpg .mainhead,.hearfailuerspoilightpg .mainhead,.typetwodiaspoilightpg .mainhead
    {
        background-image:url("/content/dam/open-digital/azmedconnect-ph/ph/en/images/practise-essentials/desktop/new-banner_desktop.jpg")!important;
        
    }
    
}
@media screen and (min-width:600px) and (max-width:767px)
{
    .glucoseimgpdf1 img
    {
       width:610px !important; 
       height:343px !important;
    }
    .glucoseimgpdf2 img
    {
       width:580px !important; 
       height:327px !important;
    }
    .azlastsecimg img{
         width:414px !important; 
       height:414px !important;
    }
    .typetwodiaspoilightpgpdfimg1 img
    {
        width:638px!important;
        height:359px !important;
    }
    .hearfailuerspoilightpgpdfimg1 img
    {
         width:607px!important;
        height:339px !important;
    }
    .hearfailuerspoilightpgpdfimg2 img
    {
         width:569px!important;
        height:313px !important;
    }
    .hearfailuerspoilightpgpdfimg3 img
    {
         width:569px!important;
        height:313px !important;
    }
    .hearfailuerspoilightpgpdfimg4 img
    {
         width:607px!important;
        height:339px !important;
    }
    .hearfailuerspoilightpgpdfimg5 img
    {
         width:607px!important;
        height:339px !important;
    }
    /*End of providing explicit hight and width for 3 different practise essential pages for mobile score*/
    
}
/*CSS to increase Mobile performance*/

/*Respiratory-and-immunology page*/
.respiratory-and-immunology .desktop-1 .component-section.full-width.container.no-style.two,
.respiratory-and-immunology .component-section.full-width.no-style.mobile .one{
    display: none;
}
.respiratory-and-immunology div#ri-vid-sec {
    padding:15px
}
.respiratory-and-immunology p.magentaheading.pd-10 {
    line-height: normal;
    padding: 20px 0;
    font-size: 29px;
}
@media screen and (max-width:767px){
  .respiratory-and-immunology p.magentaheading.pd-10 {
    font-size: 18px;
}
}
/*Respiratory-and-immunology page*/
    .unmask-ahus-with-an-expert ul.breadcrumb-holder li:nth-child(3){
    display:none
}