/* Main css */
@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@400;600;700&family=Barlow:wght@400;500;600;700&family=Montserrat:wght@400;500;600;700;800&display=swap'); 
@font-face {
    font-family: helvetica-Neue-Regular;
    src: url(/content/dam/intelligentcontent/brands/saphnelo-ca/en/fonts/helvetica-neue.ttf);
}
/* font-family: 'Barlow' ;
font-family: 'Barlow Condensed' ;
font-family: 'Montserrat'; 
font-family: helvetica-Neue-Regular;*/

body{
    font-family: 'Montserrat';
    font-size: 18px;
}
.footnote, .small-text{
    font-family: 'Montserrat';
    font-size: 14px;
}
.cmp-container[role="commonContainer"] {
    max-width: 1107px;
    margin: auto;
} 
sup {
    font-size: 65%;position: relative;top: 1px;
}

 .desk-only {
     display: block;
    }
    .mob-only {
    display: none;
    }

/*------------------------ HCP Login - START ------------------------*/ 
.common-container {
    max-width: 1107px;
    margin: 50px auto 20px;
}

img.login-brand-logo {
    max-width: 297px;
    margin: 0 0 0 -30px;
}
.page-title {
    font-family: Barlow Condensed;
    font-weight: bold;
    color: #5B6870;
    font-size: 75px;
    line-height: 79px;
    text-transform: uppercase;
    margin: 40px 0;
}
.page-title .title-blue {
    color: #009FB8;
    display: block;
}
.page-subtitle {
    font-family: Barlow Condensed;
    font-weight: bold;
    font-size: 50px;
    line-height: 50px;
    color: #009FB8;
    margin: 20px 0;
}
.page-medium-text {
    font-family: Montserrat;
    font-size: 24px;
    line-height: 30px;
    color: #5B6870;
    max-width: 500px;
}
.form-title {
    font-family: Montserrat;
    font-size: 18px;
    line-height: 20px;
    color: #454545;
    margin: 25px 0px 5px;
    font-weight: bold;
}
.form-title + p {
    max-width: 590px;
    font-family: Montserrat;
    font-size: 15px;
    line-height: 20px;
    color: #454545;
}
#loginform {
    max-width: 1107px;
    margin: auto;
    position: relative;
}
.cmp-formcontainer #loginform .cmp-form-text {
    padding: 0;
    max-width: 560px;
    margin-bottom: 20px;
}
label {
    color: #454545;
    font-family: Montserrat, sans-serif;
    font-size: 18px;
    line-height: 24px;
    margin-bottom: 5px;
    display: block;
}
.cmp-formcontainer #loginform .cmp-form-text__text {
    background: #EFEFEF;
    min-height: 47px;
    border: 1px solid rgb(0 0 0 / 20%);
    color: black;
    border-radius: 5px;
    font-family: 'Montserrat';
    font-weight: 400;
    font-size: 16px;
}
.cmp-formcontainer #loginform .cmp-form-options {
    margin: 0;
    padding: 0 0 0 0px;
    border: 0px;
    max-width: 180px;    position: relative;
}
.cmp-form-options__field-description{
    color:#000000;   
}
#loginform legend.cmp-form-options__legend {
    display: none;
}
#login-button {
    background: #009FB8;
    min-height: 62px;
    width: 100%;
    max-width: 348px;
    color: #FFFFFF;
    font-family: Barlow Condensed;
    font-weight: bold;
    font-size: 24px;
    line-height: 30px;
    text-transform: uppercase;
    border-radius: 5px;
    margin-bottom: 30px;    
    cursor: pointer;
}
button#login-button:hover {
    background: #009FB8;
    color: #fff;
}
#loginform a.forgot-password {
    position: absolute;
    left: 200px;
    bottom: 24px;
    color: #1B7284;
    font-family: helvetica-Neue-Regular;
    font-size: 16px;
    line-height: 24px;
    text-decoration: underline;
}
#loginform label span.cmp-form-options__field-description {
    font-size: 16px;
}
.login-one-key-wrap {
    display: flex;
    align-items: end;
    margin-bottom: 18px;
} 
.login-one-key-wrap .img-wrpa {
    max-width: 98px;
} 
.login-one-key-wrap .onekey-content {
    font-size: 15px;
    line-height: 20px;
    max-width: 370px;
    margin: 0 0 5px 10px;
}
#login-button:hover, #login-button:active {outline: none !important;}
.common-container a {
    text-decoration: underline;
    color: #454545;
}

/*------------------------ HCP Login -END  ------------------------*/

/*------------------------ HCP Registration - START ------------------------*/ 
#hcp-register {
    /*max-width: 1107px;*/  max-width: 890px;
    margin: auto;
    position: relative;
    border-radius: 20px;
    /*border: 1px solid #00AEC9;*/
    background: #FFF;
    padding: 0px 0px 50px;
    /*padding: 50px 80px;*/
}
.cmp-formcontainer #hcp-register .cmp-form-text {
    display: flex;
    padding: 0px;
    margin-bottom: 20px;    
    flex-wrap: wrap;
    align-items: center;
}
.cmp-formcontainer #hcp-register .cmp-form-text label, .cmp-formcontainer #hcp-register legend.cmp-form-options__legend label {
    width: 240px;
    font-size: 16px;
    color: #3C4242;
    font-weight: bold; margin-bottom: 0px;
}
.cmp-formcontainer #hcp-register .cmp-form-options {
    margin: 0 0 20px 0;
    padding: 0;
    border: 0px;
    display: block;
}
.cmp-formcontainer #hcp-register legend.cmp-form-options__legend{width: 240px;float: left;min-height: 39px;}
.cmp-formcontainer #hcp-register .cmp-form-text__text{
    width: calc(100% - 240px);border: 1px solid #CED4DA;border-radius: 5px; height: 36px;background: #efefef;
} 
#hcp-register select {
    width: calc(100% - 240px);
    display: table-column;
    border: 1px solid #CED4DA;
    border-radius: 5px;
    min-height: 36px;
    padding-left: 5px;
    padding-right: 5px;background: #efefef;
}
#hcp-register .login-one-key-wrap .img-wrpa {
    max-width: 120px;
}
#hcp-register .login-one-key-wrap .onekey-content {
    max-width: calc(100% - 120px);
    margin: 0 0 5px 0px;
    width: 100%;
}
#hcp-register .login-one-key-wrap .onekey-content p.onekey-subtitle {
    max-width: 655px;
}
#hcp-register p.onekey-title {
    font-family: 'Barlow Condensed';
    color: #000;
    font-size: 42px;
    line-height: 46px;
    margin-bottom: 15px;
    font-weight: 600;text-transform: uppercase;
}
#hcp-register .consent-text {
    font-size: 14px;
    line-height: 20px;
}
#hcp-register .consent-text p {
    margin-bottom: 10px;
}
#hcp-register span.cmp-form-options__field-description {
    font-size: 14px;
    line-height: 20px;
}
#hcp-register #login-button[name="Register"] {
    margin: 20px auto 0px;
    display: block;
}
.cmp-formcontainer #hcp-register .aem-GridColumn.aem-GridColumn--default--12:nth-child(21) legend.cmp-form-options__legend, 
.cmp-formcontainer #hcp-register .aem-GridColumn.aem-GridColumn--default--12:nth-child(22) legend.cmp-form-options__legend{display: none;}
.cmp-formcontainer #hcp-register .aem-GridColumn.aem-GridColumn--default--12:nth-child(21) .cmp-form-options, 
.cmp-formcontainer #hcp-register .aem-GridColumn.aem-GridColumn--default--12:nth-child(22) .cmp-form-options{margin: 0 0 5px 0px;}
.cmp-formcontainer #hcp-register .aem-GridColumn.aem-GridColumn--default--12:nth-child(21) .cmp-form-options input, 
.cmp-formcontainer #hcp-register .aem-GridColumn.aem-GridColumn--default--12:nth-child(22) .cmp-form-options input {margin-left: 0;}
.cmp-formcontainer #hcp-register .validation-message { 
    font-size: 14px;
    margin-left: 240px;
}
.mainLoginInput::-webkit-input-placeholder {
  font-family: 'myFont', Arial, Helvetica, sans-serif;
}
.mainLoginInput:-ms-input-placeholder {
  font-family: 'myFont', Arial, Helvetica, sans-serif;
}
.mainLoginInput:-moz-placeholder {
  font-family: 'myFont', Arial, Helvetica, sans-serif;
}
.mainLoginInput::-moz-placeholder {
  font-family: 'myFont', Arial, Helvetica, sans-serif;
}
body#registration .common-container {
    display: none;
}

#registration .aem-Grid.aem-Grid--default--8 > .aem-GridColumn.aem-GridColumn--default--4{width: 100%;}
#registration .aem-Grid.aem-Grid--default--8 :nth-child(22) .cmp-form-options__legend,
#registration .aem-Grid.aem-Grid--default--8 :nth-child(23) .cmp-form-options__legend{display: none;}
#registration div#cmp-registration-choices-title { padding-bottom: 0px;}
#registration fieldset.cmp-form-options.cmp-form-options--checkbox {margin-bottom: 0px !important;}
#registration  label.cmp-form-options__field-label {padding-left: 25px;    position: relative;}
#registration input#term-condition {position: absolute;left: 0;top: 5px;}

/*------------------------ HCP Registration - ENDS ------------------------*/ 

/*------------------------  Pregate Footer - START   ------------------------*/
#pre-gate-footer {
    background: #f2f2f2;
    padding: 30px 0px;
}
.footer-container {
    max-width: 900px;
    margin: auto;
    text-align: center;
    font-family: helvetica-Neue-Regular;
}
.footer-container ul.footer-links {
    display: flex;
    justify-content: center;
    margin: 10px 0 20px;
    font-size: 14px;
}
.footer-container ul.footer-links li {
    margin: 0 10px;
}
.footer-logo-wrap {
    display: flex;
    max-width: 617px;
    margin: 15px auto 0px;
    justify-content: space-between;
    align-items: baseline;
}
.footer-logo-wrap img.paab-logo {
    max-width: 110px;
}
.footer-logo-wrap img.az-logo {
    max-width: 172px;
}
.footer-logo-wrap img.imc-logo {
    max-width: 140px;
}
.footer-line-2 p {
    font-size: 14px;
    line-height: 21px;
    color: #454545;
}
.footer-line-2 p sup{
    font-family: 'helvetica-Neue-Regular';
    font-size: 60%;
}
.footer-container ul.footer-links a {
    color: #454545;
}
/*------------------------ Pregate Footer -END  ------------------------*/


/*------------------------  Exit ramp - START   ------------------------*/
.exit-ramp-title {
    display: none;
}
.exit-ramp-actions {
    display: flex;
    justify-content: space-around;
    margin-top: 20px;
} 
.exit-ramp-body {
    font-size: 16px;
    line-height: 20px;
}
.exit-ramp-actions .exit-ramp-continue, .exit-ramp-actions .exit-ramp-cancel {
    background: #009FB8;
    width: 100%;
    max-width: 348px;
    height: 57px;
    display: block;
    text-align: center;
    color: #fff;
    font-family: 'Barlow Condensed';
    font-weight: bold;
    font-size: 24px;
    line-height: 24px;
    padding: 15px;
    border-radius: 5px;
    text-decoration: none;
    cursor: pointer;margin: 0px 10px;min-width: 145px;
} 
.exit-ramp-actions .exit-ramp-continue:hover, 
.exit-ramp-actions .exit-ramp-cancel:hover,
#login-button:hover{
    background: #fff;
    color: #009FB8;
    box-shadow: 3px 3px 4px 0px #ccc;
}

.exit-ramp-actions .exit-ramp-continue:active, 
.exit-ramp-actions .exit-ramp-cancel:active,
#login-button:active{
     background: #000;
     color: #fff; 
     box-shadow: none;
}
/*------------------------  Exit ramp - ENDS   ------------------------*/


/*------------------------   Efficacy Profile---START   ------------------------*/

/*#efficacy-profile{
    max-width: 1107px;
    margin: auto;
    position: relative;
}*/

#efficacy-profile .cmp-container__backgroundImage--enabled {
    min-height: 151px !important;
    background-size: cover;
    max-width: 1107px;
    margin: auto;
}
#heading-1{
    margin-bottom: 0px !important;
}
#heading-1 h3{
    font-size: 62px;
    color: #ffffff;
    font-family: 'Barlow condensed';
    font-weight: bold;
    padding: 27px 30px !important;
    margin-block-start: auto;
    margin-block-end: auto;
}
#Section-1 .cmp-text{
 padding:0 0 !important;   
}
#section-2 .cmp-text{
    margin-bottom:0px !important;
    margin-top: 30px;
}
#text-2 p{
    font-family: 'Barlow condensed' !important;
    font-weight: 400;
    font-size: 42px !important;
    line-height: 42px !important;
    padding: 0 !important;
    margin-bottom: 20px !important;
    color: #5b6870;
    max-width: 1024px !important;
}
#text-2 p sup{
   font-family: sans-serif; 
}
#text-2 p span{
    /*font-weight:bold !important;*/
}
#efficacy-graph-1-txt p:not(:last-child){
    font-size: 14px !important;
    font-family: 'Montserrat';
    color: #000000 !important;
    max-width: 740px;
    margin: 7px auto 25px;
    padding-left: 4%;
}
#efficacy-graph-1-txt p:last-child {
    background: #1b7284 !important;
    border-radius: 5px;
    position: relative;
    margin: auto;/*display: flex;*/
    max-width: 219px;
    cursor: pointer;
}
#efficacy-graph-1-txt a{
    font-family: 'Barlow Condensed';
    font-weight: bold;
    font-size: 16px;
    color: #ffffff !important;
    padding: 15px 15px;display: block;
}
#efficacy-graph-1-txt a {
    /*text-align: center;*/
    font-family: 'Barlow Condensed';
    font-weight: bold;
    font-size: 16px;    line-height: 24px;
    color: #ffffff !important;
    padding: 8px 14px;
    text-decoration: none;
}
#efficacy-graph-1-txt a::after{
    content:'';
    background-image:url(/content/dam/intelligentcontent/brands/saphnelo-ca/en/icons/Plus.svg);
    background-size: cover;
    width: 14px;
    height: 14px;
    position: absolute;
    right: 18px;
    top: 14px;
}
#section-3 .image{
    background-color: #f3f3f3 !important;    float: none;justify-content: center;    padding-bottom: 20px;    margin-bottom: -90px;
}
#section-3 .image img{
    padding: 15px 20px 90px;
    width: 100%;
    height: auto;
    max-width: 790px;
    margin: 20px auto;
}
#efficacy-graph-1-txt p:nth-child(1){padding-left: 0px;}
#efficacy-graph-1-txt{
    background-color: #f3f3f3 !important;
    padding: 30px 15px;
    margin-bottom: 12px;margin-top: 10px;
}
#top-graph-para p{
    font-size: 14px !important;
    line-height: 20px !important;
    color: #000000;
    margin-bottom: 0px !important;
    max-width: 1075px;
}
#heading-2{
    margin-bottom:20px !important;
}
#heading-2 p{
    font-family: 'Barlow Condensed';
    /*font-weight: bold;*/
    font-size: 42px !important;
    line-height: 42px !important;
    color: #5B6870 !important;
    text-transform: uppercase;
    max-width: 950px;
}

#section-4 .image img{
    padding: 15px 0px 70px;
    max-width: 750px; 
}
#section-4 .image{
    background-color: #f3f3f3 !important;
    justify-content: center;
    padding: 30px 0 0;
    margin-bottom: -50px;
}

#efficacy-graph-2-txt p{
    font-size: 14px !important;
    line-height: 20px !important;
    color: #000000;
    margin-bottom: 0px !important;
    max-width: 1075px;
}
#graph-text-2{
    margin-bottom:0px !important;
    /*position: relative; top: 730px;*/    
    background-color: #f3f3f3 !important;
    padding: 30px 15px;
    margin-top: 10px;
}

#graph-text-2 p {
    font-size: 14px !important;
    font-family: 'Montserrat';
    color: #000000 !important;
    max-width: 750px;
    margin: auto;
    padding-left: 5%;
}
#graph-text-2 p:nth-child(1) {
    padding: 0;
    margin: 20px auto 35px;
}
#section-4-txt{
    margin-bottom: 0 !important;
}
.last-section h3{
    font-family: 'Barlow Condensed';
    font-weight: normal;
    font-size: 42px !important;
    line-height: 42px !important;
    color: #5B6870 !important;
    text-transform: uppercase;
    max-width: 995px;
    margin-block-start: auto;
    margin-block-end: 20px;
}

.last-section h4{
    font-family: 'Montserrat';
    font-weight: 600;
    color: #1B7284 !important;
    font-size: 21px !important;
    line-height: 22px;
    max-width: 1100px;
}
.last-section h5{
    font-family: 'Montserrat';
    font-weight: 600 !important;
    color: #3C4242 !important;
    font-size: 16px !important;
    line-height: 18px;
    max-width: 730px;
    margin: auto;
    text-align: center;
    margin-bottom: 45px;
    text-transform: uppercase;
}
#efficacy-graph-2-txt{
    margin-bottom: 40px !important;
    margin-top: 25px;
}
#graph-text-3-bottom{
    margin-bottom: 30px !important;
    margin-top: 30px;
}
img.mg-banner {
    max-width: 920px;
    margin: auto;
    display: block;
}
.last-section p{
    font-size: 14px !important;
    line-height: 20px !important;
    color: #000000;
    margin-bottom: 0px !important;
    max-width: 1075px;
    margin-top: 45px;
}
#effic-button-2 {
    background-color: #009fb8;
    padding: 15px 40px;
    font-family: 'Barlow Condensed';
    font-weight: bold;
    position: relative;
    font-size: 24px;
    color: #ffffff;
    width: 100%;
    cursor: pointer;
    margin: 35px auto;
    display: block;
    text-decoration: none;
    text-transform: uppercase;
}
#top-graph-para{
    margin-bottom:60px !important;
}
#effic-button-2::after {
    content: ' ';
    background-image: url(/content/dam/intelligentcontent/brands/saphnelo-ca/en/icons/Right-angle.svg);
    background-size: cover;
    width: 14px;
    height: 27px;
    position: absolute;
    right: 20px;
    bottom: auto;
}
#container-c4aac91959{
    display:none;
}
.Efficacy-only-mobile{
    display:none;
}

/*efficacy-popup*/
.modal {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1000;
  display: flex;
  visibility: hidden;
  flex-direction: column;
  align-items: center;
  overflow: hidden;
  background: rgba(0,0,0,0.8) !important;
  opacity: 0;
  cursor: context-menu !important;
}

.modal__close {
  position: fixed;
  top: 1rem;
  right: 1rem;
  z-index: 1000;
  padding: 0;
  width: 2rem;
  height: 2rem;
  border: none;
  background-color: transparent;
  color: #fff;
  cursor: pointer;
}
.modal__closeLabel {color: #000000;position: absolute;right: 43px;font-size: 18px;font-family: 'Barlow Condensed';font-weight: bold;border-bottom: 1px solid;}
.modal-box {
  position: relative;
  flex-shrink: 0;
  margin-top: auto;
  margin-bottom: auto;
  width: 75%;
  border-radius: 14px;
  border: 1px solid #00AEC9;
  background: #fff;
  opacity: 1;
  cursor: auto;
  will-change: transform, opacity;
}
#efficacy-profile .cmp-modal__modalbox.modal-md .modal-box{
    width: 75% !important; max-width: 1010px;
}

.modal-box__content {
  padding: 2rem 4rem !important;
}

.exit-ramp-content {
  padding: 0px !important;
}

.modal--visible {
  visibility: visible;
  opacity: 1;
}

.exit-ramp-modal .modal__closeLabel {
  display: none;
}

.exit-ramp-modal .modal__close {
  width: 58% !important;
  /*max-width: 1046px;*/
  position: relative;
  margin-top: auto;
  top: 25px;
  right: 2%;
  color: #000;
  padding: 25px 21px 0 0;
  display: flex;
  justify-content: flex-end;
}

.exit-ramp-modal .modal-box {
  width: 58% !important;
  margin-top: unset;
  border-radius: 0;
}

.modal__closeIcon {
  position: absolute;
  color: #000000;
  width: 30px;
  border: 0px !important;
  border-radius: 0px !important;
  height: 30px;
  top: 12px;
  right: 5px !important;
  background-image: url(/content/dam/intelligentcontent/brands/saphnelo-ca/en/icons/close.svg) !important;
  background-repeat: no-repeat;
}
span.modal__closeIcon svg {
    display: none;
}
.exit-ramp-modal .modal__closeIcon svg {
  width: 22px !important;
  height: 22px !important;
  position: relative;
}

#efficacy-popup-txt p{
  font-family: 'Montserrat';
  font-weight: 400;
  font-size: 14px !important;
  line-height: 20px !important;
  color: #000000;
  margin-bottom: 0px !important;
  margin-top: 35px;
}
.pop-txt-1{
    font-size: 42px;
    font-family: 'Barlow Condensed';
    font-weight: bold;
    line-height: 42px;
    color: #5B6871 !important;
    max-width: 830px;
    margin-block-start: auto;
    margin-block-end: auto;
    margin-bottom: 30px;
    text-transform: uppercase;
}
.pop-txt-2 li{
    font-family: 'Montserrat';
    font-weight: 400 !important;
    font-size: 16px !important;
    line-height: 20px !important;
    color: #000000;
    margin-bottom: 10px !important;
    max-width: 845px;
    padding-left: 25px;
    position: relative;
}
.pop-txt-2 li::before {
    content: '.' !important;
    position: absolute;
    left: 10px;
    top: -6px;
    font-size: 20px;
}
.pop-txt-3{
    font-family: 'Montserrat';
    font-weight: 400 !important;
    font-size: 16px !important;
    line-height: 20px !important;
    color: #000000;
    margin-bottom: 10px !important;
    max-width: 867px;
    margin-top: 35px;
}
/*efficacy-popup*/

/*------------------------   Efficacy Profile---END   ------------------------*/


/*-------------MOA---START-------------*/
#moa-section-1 {
    background-color: #009FB8;
    padding: 9px 35px 0px;
    /*height: 164px;*/
    margin-top:10px;
}
.moa-banner-img{
    position: relative;
    height: 164px;
    float: right;
    margin-top: -132px;
    margin-right: -36px;
}
.moa-txt-1{
    font-size: 16px;
    line-height: 20px;
    font-family: 'Barlow Condensed';
    font-weight: 400;
    color: #454545;
    background: #C1D82F;
    padding: 1px 35px 8px;
    margin-left: -35px;
    max-width: 605px;margin-bottom: 20px;
}
.moa-txt-1 span{
    font-weight:bold;
}
.moa-txt-2{
    font-size: 42px;
    line-height: 62px;
    font-family: 'Barlow condensed';
    font-weight: bold;
    text-transform: uppercase;
    color:#ffffff;    margin: 0;
}
#moa-section-2{
    margin-top: 30px;
    margin-bottom: 20px;
}
.moa-txt-3{
    font-size: 42px;
    line-height: 42px;
    color: #5B6871;
    font-family: 'Barlow Condensed'; 
    /*font-weight: bold;*/
    text-transform: uppercase;
}
.moa-txt-4{
    font-size: 24px;
    line-height: 26px;
    font-family: 'Montserrat';
    font-weight: 500;
    color: #5B6871;
    border-top: 4px solid #C1D82F;
    border-bottom: 4px solid #C1D82F;
    padding: 30px 0px;
    margin-top: 45px;
    margin-bottom: 35px;text-align: center;
}
.moa-txt-5{
    font-size: 14px;
    line-height: 14px;
    font-family: 'Montserrat';
    font-weight: 400;
    color: #000000;
    margin-bottom: 5px;
}
.moa-txt-6{
    font-size: 14px;
    line-height: 14px;
    font-family: 'Montserrat';
    font-weight: 400;
    color: #000000;
    margin-bottom: 35px;
}
.moa-txt-7{
    font-size: 14px;
    line-height: 14px;
    font-family: 'Montserrat';
    font-weight: 400;
    color: #000000;
}
div#moa-bottom-txt {
    padding-top: 0px;
}
#moa-btn{
  background-color: #009fb8;
  padding: 7px 20px;
  font-family: 'Barlow Condensed';
  font-weight: bold;
  text-transform: uppercase;
  font-size: 24px;
  color: #ffffff;
  text-align: left;
  position: relative;
  cursor: pointer;
  margin: auto;
  display: flex;
  text-decoration: none;
  margin-bottom: 35px;
}
#moa-btn::after {
    content: ' ';
    background-image: url(/content/dam/intelligentcontent/brands/saphnelo-ca/en/icons/Right-angle.svg);
    background-size: cover;
    width: 14px;
    height: 27px;
    position: absolute;
    right: 35px;
    bottom: auto;
}
.cmp-video__content {
    display: none;
}
/*-------------MOA---END-------------*/

/*-------------Safety-profile---START-------------*/

#safety-section-1 {
    background-color: #009FB8;
    padding: 31px 35px;
    height: 164px;    margin-top: 10px;
}
.safety-banner{
    font-size: 42px;
    line-height: 62px;
    font-family: 'Barlow condensed';
    font-weight: bold;
    text-transform: uppercase;
    color: #ffffff;margin: 10px 0 0;
}
.safety-banner-img{
    position: relative;
    height: 164px;
    float: right;
    margin-top: -112px;
    margin-right: -35px;
}
.safety-txt-1{
    font-size: 42px;
    line-height: 42px;
    color: #5B6870;
    font-family: 'Barlow Condensed';
    font-weight: bold;
    text-transform: uppercase;
    margin-block-start: 30px;
    margin-block-end: 30px;
}
.safety-txt-2{
    font-size: 21px;
    color: #1B7284;
    font-family: 'Montserrat';
    font-weight: 600;
}
.safety-txt-3{
    margin-bottom: 20px;
}
.safety-txt-4{   
    margin-bottom: 20px;
}
.safety-txt-8{
    margin-bottom: 20px;
}
.s-txt{
    font-size: 16px;
    line-height: 20px;
    font-family: 'Montserrat';
    font-weight: 400;
    color: #454545;
    max-width: 1055px;
}
p.safety-txt-5.s-txt,p.safety-txt-6.s-txt,
p.safety-txt-7.s-txt,p.safety-txt-8.s-txt{
    font-size:14px;margin-bottom: 7px;
} 
p.safety-txt-5.s-txt {
    margin-top: 30px;
} 
p.safety-txt-8.s-txt {
    margin-bottom: 40px;
}
#safety-btn{
  background-color: #009fb8;
  padding: 7px 20px;
  font-family: 'Barlow Condensed';
  font-weight: bold;
  text-transform: uppercase;
  font-size: 24px;
  color: #ffffff;
  text-align: left;
  position: relative;
  cursor: pointer;
  width:100%;
  text-decoration: none;
  margin-bottom:30px;
}
#safety-btn::after {
    content: ' ';
    background-image: url(/content/dam/intelligentcontent/brands/saphnelo-ca/en/icons/Right-angle.svg);
    background-size: cover;
    width: 14px;
    height: 27px;
    position: absolute;
    right: 35px;
    bottom: auto;
}
#safety-profile p.safety-txt-5.s-txt, #safety-profile p.safety-txt-6.s-txt, #safety-profile p.safety-txt-7.s-txt {margin-bottom: 0px;}
/*-------------Safety-profile---END-------------*/


 /*-------------  Efficacy Profile---START-------------  */
    
.contact-container {
  display: flex;
}

.contact-column {
  flex: 1;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

.contact-column-40 {
  flex-basis: 30%;
  background-color: #009fb8;padding: 20px 25px;
}

.contact-column-60 {
    flex-basis: 70%;
    background-color: #F3F3F3;
    padding: 25px 30px;
}

  .contact-column-logo {
  flex-basis: 30%;
  background-color: #009fb8;
}

.pspbanner-img{
position: relative;
height: 164px;
float: right;
margin-top: -143px;
margin-right: -200px;}

.connect-text {
    color: white !important;
    font-family: "Montserrat", sans-serif !important;
    font-size: 21px;
    line-height: 26px;
    font-weight: 600;
}

.section-connect {
    width: 80%;
    position: relative;
    display: flex;
    /* margin: auto; */
    padding: 15px;
    justify-content: center;
    margin-left: 120px;
    margin-bottom: 50px;
}

.font-hours {
    font-family: "Barlow Condensed", sans-serif;
    font-weight: 400;
    font-size: 21px;
    line-height: 20px;
    text-align: center;
    color: #454545;
    margin: 14px auto 15px;
}

.resources-contact-font {
  font-family: 'Montserrat', sans-serif;
  font-weight: 700;
  font-size: 16px;
  line-height: 20px;    
  max-width: 220px;
    color: #454545;
}

.resources-contact-font-2
{
  font-family: 'Barlow Condensed', sans-serif;
  font-weight: 400;
  font-size: 18px;
  line-height: 20px;
}
#contact-sec {
    background: #f3f3f3;
    padding: 10px 40px 15px;
    margin-bottom: 30px;
}
div#contact-sec table td:nth-child(1) {
    width: 45px;
}
div#contact-sec table td:nth-child(2) {
    width: calc(100% - 47px);
    padding-left: 10px;
} 
div#contact-sec table td.resources-contact-font-2 a{ 
    color: #454545;
} 
div#contact-sec table td.resources-contact-font-2 a:hover{ text-decoration: none}
div#contact-sec table td.resources-contact-font-2 a.link{
    text-decoration: underline;
} 
div#contact-sec table tr + tr {
    padding-top: 10px;
} 
div#contact-sec table tr {
    display: block;
    color: #454545;
}
div#contact-banner {
    background: #f3f3f3;
    padding: 20px 40px 0px;
} 
div#contact-banner .sec-title {
    margin: 0px;
}
    
.resources-boxtext {
  font-family: 'Montserrat', sans-serif;
  font-weight: 400;
  font-size: 16px; display:block;
  line-height: 20px;text-decoration: none;color: #454545;cursor: pointer;
}

.connectlogo {
  width: 195px;
}

.connecticons {
  max-width: 20%;
  margin-top: 15px;
  margin-right: 15px;
}

.connectaligncenter {
  display: flex;
  align-items: center;
  
}
.support-options {
    display: flex;
    justify-content: space-between;
    width: 100%;
}
.support-options span {
    display: flex;
    max-width: max-content;
    align-items: center;
}
.icon-content {
    font-family: "Barlow Condensed", sans-serif !important;
    font-weight: 400;
    font-size: 20px;
    line-height: 21px;
    color: #454545 !important;
    padding-left: 10px;
}
.connecticon {
    width: 42px;
}
    
/* resource */
.image { 
    display: flex;
    align-items: end;
    min-height: 200px;
}

#resources-section-one, #resources-section-two { 
    align-items: flex-start;
    margin-bottom: 30px;    gap: 30px;
}
#resources-section-one .cmp-text, #resources-section-two .cmp-text{
    padding:  5px 0;
}

/*#resources-section-two {*/

/*align-items: end;*/
/* margin-bottom: 50px;*/

/*}*/

#resources-section-one img {
    max-width: 134px;
    height: 200px;
}
#resources-section-one .azcl-column-par2 img {
    max-width: 233px;
    padding-bottom: 5px;    height: auto;
} 
#resources-section-one .azcl-column-par3 img {
    max-width: 150px;
}
#resources-section-one .azcl-column-par4 img {
    max-width: 155px;
}
#resources-section-two .azcl-column-par1 img {
    max-width: 148px;
}
#resources-section-two .azcl-column-par2 img {
    max-width: 130px;
}
#resources-section-two .azcl-column-par3 img {
    max-width: 134px;
}
#resources-section-one .azcl-column-par2 .resources-boxtext{
    max-width: 235px;
}
/*#resources-section-one .azcl-column-par1 .resources-boxtext,*/
#resources-section-one .azcl-column-par3 .resources-boxtext {
    max-width: 190px;
}
#resources-section-one .azcl-column-par2 p.blk-2-img-wrap {
    height: 201px;
    display: flex;
    align-items: end;
}
.top-spacer {
  margin-top: 50px;
}
.moa-txt-3, p.moa-txt-5, p.moa-txt-6, p.moa-txt-7, .s-txt, .safety-txt-1, .safety-txt-2 {
    padding-left: 6px;
}


/*******   Home   ******/
#page-43dd53d8c9 .cmp-form-options__field-label {
  display:flex;
  align-items: start;
}

body#hcp-home #moa-botton-txt a {
    padding: 51px 125px;
    margin-bottom: 0;
    font-size: 30px;
    line-height: 34px;
}

body#hcp-home #moa-botton-txt .moa-svg-icon {
  position: absolute;
  z-index: 1;
  left: 30px;
  top: 35px;
  width: 69px;
}
body#hcp-home a.nav-text span {  
    top: 47px;    right: 40px;
}
body#hcp-home a.nav-text span img{  
    width: 12px;
}
body#hcp-home div#moa-botton-txt {
    padding-top: 0;
}
div#moa-botton-txt {
    padding-top: 0;
} 
body#hcp-home #moa-botton-txt p.Hlink-2 .moa-svg-icon {
    width: 67px;top: 30px;
}  
body#hcp-home #moa-botton-txt p.Hlink-3 .moa-svg-icon {
    width: 55px;    left: 40px;
} 
body#hcp-home #moa-botton-txt p.Hlink-4 .moa-svg-icon {
    width: 65px; left: 34px;
}
body#hcp-home #moa-botton-txt p.Hlink-5 .moa-svg-icon {
    width: 62px; left: 34px;
}
body#hcp-home #moa-botton-txt p.Hlink-6 .moa-svg-icon{
    width: 66px; top: 47px;
}
body#hcp-home #moa-botton-txt p.Hlink-3 a.nav-text {
    padding: 34px 125px 34px;
}
body#hcp-home #moa-botton-txt p.Hlink-3 span.block-text {
    position: static;max-width: 640px;display: block;
}

.legal-font
{
  font-family: 'Montserrat', sans-serif;
  font-weight: 400;
  font-size: 18px;
  line-height: 22px;
}

.legal-font ul,
.legal-font li,
.legal-font p {
  font-family: inherit; 
  font-weight: inherit; 
  font-size: inherit; 
  line-height: inherit; 

}

#home-hero-container {
    background-color: #FFF;
    background: url(/content/dam/intelligentcontent/brands/saphnelo-ca/en/header-banner/HCP-home-old.png);
    /*background: url(/content/dam/intelligentcontent/brands/saphnelo-ca/en/header-banner/HCP-home.png);*/
    /*background: url(/content/dam/intelligentcontent/brands/saphnelo-ca/en/header-banner/HCP-home-updated.jpg);*/
    /*background-size: contain;*/ background-size: 580px;
    background-repeat: no-repeat;
    background-position: top right;
    margin-top: 10px;
} 
#home-hero-container #home-hero-title {
    padding: 70px 0;
}  
#home-hero-container img {
    max-height: 392px;
    padding: 0 0 0 47px;
}
body#hcp-home .moa-txt-4 {
    margin-top: 0px;
}
.home-content-wrap {
    font-size: 18px;
    line-height: 22px;
    padding-left: 7px;
    margin: 10px 0 10px;
} 
ul.home-info-ul li {
    padding-left: 20px;
    position: relative;
} 
ul.home-info-ul li:before {
    content: '';
    position: absolute;
    height: 3px;
    width: 3px;
    background: #454545;
    border-radius: 100%;
    left: 9px;
    top: 9px;
} 
.home-content-wrap ul.home-info-ul {
    margin-bottom: 15px;
} 
ul.home-info-ul + p {
    font-size: 14px;
} 
.home-content-wrap a.moa-safety-hyperlink {
    text-decoration: underline;
    color: #1B7284;
}
#home-hero-container #home-hero-title p {
    color: #454545;
    font-size: 18px;
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 700;
    line-height: 22px;max-width: 435px;
}

#home-hero-container #home-hero-title h1{
    margin: 24px 0px;
    font-family: 'Barlow Condensed';
    font-size: 64px;
    font-style: normal;
    font-weight: 400;
    line-height: 60px;
    text-transform: uppercase;
    color: #5B6870;
}


#home-hero-container #home-hero-title .moa-title-blue { 
    color: #009FB8 !important;display:block;
}

.safety-content-wrap .moa-safety-hyperlink {
    color: #1B7284;
}

body#hcp-home .moa-txt-4 .moa-container-green-lines {
    display: block;
    max-width: 800px;
    margin: 0 auto;
}
body#hcp-home .moa-txt-4 .moa-container-green-lines b {
    font-weight: 900;
}
body#efficacy-profile .safety-banner {
    margin: 15px 0 0;
} 
body#efficacy-profile .safety-banner-img {
    margin-top: -117px;
} 
.mobile-visible {display: none;} 
.cmp-formcontainer #loginform .validation-message, 
.cmp-formcontainer #loginform .err-msg.showErrMsgContainer {margin-left: 0px;color: #d72a2a;font-size: 16px;  }    


/*------------------------  Responsive   ------------------------*/
@media (min-width: 768px){
    .cmp-formcontainer #hcp-register .validation-message, .cmp-formcontainer #hcp-register .err-msg.showErrMsgContainer {
        font-size: 14px;margin-left: 240px;width: calc(100% - 240px);
    }
    #registration .aem-Grid.aem-Grid--default--8 :nth-child(22) .validation-message.required.invalid {
        margin-left: 24px;
    }
    .cmp-container[role="fr-main-container"] .cmp-formcontainer #hcp-register .validation-message,
    .cmp-container[role="fr-main-container"] .cmp-formcontainer #hcp-register .err-msg.showErrMsgContainer{
        margin-left: 275px;width: calc(100% - 280px);
    }
}
@media (min-width: 1024px){  
    p.safety-txt-3.s-txt {
        line-height: 16px;
    }
}

@media (max-width: 1199px){
    .common-container {
        padding: 0px 15px;
    }
    img.login-brand-logo {
        margin: 0px;
    }
    #loginform, #hcp-register {
        padding: 0px 15px;
    }
    #pre-gate-footer {
        /*padding: 30px 15px;*/    padding: 30px 15px 5px;
    }

}

/*------------------------  ipad   ------------------------*/
@media (min-width: 768px) and (max-width: 1024px){ 
    
    /*-------------  Efficacy Profile---START-------------  */
    #efficacy-profile .cmp-container__backgroundImage--enabled {
        min-height: 151px !important;
        background-size: cover;
    }
    #efficacy-profile .safety-banner-img {
        margin-top: -117px !important;
        margin-right: 0;
        position: absolute;
        right: 0;
    }
    #efficacy-profile .safety-banner{
        font-size:36px;
    }
    #effic-button-2::after{
        bottom:auto !important;
    }
    #top-graph-para p{
        width:100% !important;
        /*width:768px !important;*/
    }
    #graph-text-2{
        top:0px;
        /*top:680px;*/
    }
    #efficacy-graph-2-txt p{
        width:100% !important;
        /*width:768px !important;*/
    }
    #efficacy-profile .cmp-container[role="commonContainer"]{
        padding:0 15px;
    }
    #efficacy-profile #safety-section-1{
        padding: 31px 0px 0 36px;
    }
    #section-4-txt p:not(:last-child){
        width:1024px;
    }
    #graph-text-3-bottom p{
        width:100%;
        /*width:768px;*/
    }
    #efficacy-profile img.mg-banner{
        max-width:100%;
    }
    .modal-box{
        width:98% !important;
    }
    .modal__close{
        right: 1.5rem;
        top: 0rem;
    }
/*-------------  Efficacy Profile---END-------------  */
/*-------------Safety-profile---START-------------*/

.s-txt{
    width: 980px;
}

#safety-profile .s-txt{
    width: 100%;
}

/*-------------Safety-profile---END-------------*/

}

/*------------------------  mobile   ------------------------*/
@media (max-width: 767px){
    .desk-only {
     display: none;
    }
    .mob-only {
    display: block;
    }
    h1.page-title {
        font-size: 48px; 
        line-height: 52px;    margin-bottom: 25px;
    } 
    h2.page-subtitle {
        font-size: 36px; line-height: 36px; max-width: 300px;margin: 25px 0;
    }
    .login-one-key-wrap {
        flex-direction: column;
        align-items: baseline;
    }
    .form-title { margin: 35px 0px 5px; font-size: 16px;}
    label {font-size: 16px;}
    .login-one-key-wrap .onekey-content {
        max-width: 100%;
        margin: 15px 0 0px 0px;font-size: 14px;
    }   
    
    #loginform label span.cmp-form-options__field-description,
    .form-title + p, #loginform .forgot-password span {font-size: 14px;}
    #loginform a.forgot-password {
        /*position: relative; left: 0; bottom: 10px;*/
    }
    #login-button { min-height: 48px; font-size: 20px;}
    .cmp-formcontainer #hcp-register .cmp-form-text label, 
    .cmp-formcontainer #hcp-register legend.cmp-form-options__legend,
    .cmp-formcontainer #hcp-register legend.cmp-form-options__legend label{
        /*width: 120px; */ width: 100%;    margin-bottom: 3px;
    }
    .cmp-formcontainer #hcp-register .cmp-form-text__text,
    .cmp-formcontainer #hcp-register select {
        /*width: calc(100% - 120px); */ width: 100%;
    } 
    #hcp-register p.onekey-title{color: #5B6870;font-size: 32px;line-height: 32px;margin-bottom: 10px;font-weight: 700;}
    .mobile-hidden {display: none;}
    .mobile-visible {display: block;}
    .login-one-key-wrap p.onekey-subtitle.mobile-visible {
        font-size: 15px;line-height: 20px;margin-top: 15px;    padding-right: 10px;
    }
    #registration .aem-Grid.aem-Grid--phone--12 > .aem-GridColumn.aem-GridColumn--offset--phone--1 {margin-left: 0px;width: 100%;}
    #hcp-register .login-one-key-wrap .onekey-content { 
        margin: 0 0 20px 0px; max-width:  100% ;
    }
    #hcp-register .login-one-key-wrap .onekey-content .onekey-subtitle br {
        display: none;
    }
    .cmp-formcontainer #hcp-register .cmp-form-text { 
        flex-direction: column;align-items: flex-start;
    }
    .cmp-formcontainer #hcp-register .validation-message {  
        /*margin-left: 120px;*/ margin-left: 0px;
    }
    .footer-logo-wrap  {
        /*flex-direction: column;*/flex-wrap: wrap;
    } 
    .footer-container ul.footer-links {flex-direction: column; } 
    .footer-line-2 p { display: inline;}
    .footer-line-2 p:nth-child(3) {display: block;}
    .footer-logo-wrap img {
        margin: 10px auto;
    } 
    .footer-container ul.footer-links li {
        margin: 10px 0;
    }
    #home-hero-container img {max-height: fit-content;padding: 0px;width: 100%;}
    
    /*-------------  Efficacy Profile---START-------------  */
    
    .safety-banner{
        font-size: 32px;
        line-height: 32px;
    }
    
    #efficacy-profile .cmp-container__backgroundImage--enabled {
        min-height: 82px !important;
    }
    #heading-1 h3{
            font-size: 25px;
    }
    #text-2 p {
        font-size: 32px !important;
        line-height: 32px !important;
        padding: 0 15px !important;
        max-width: 100% !important;
    }
    #efficacy-graph-1-txt p:not(:last-child){
        padding: 0px 0px 0px 0px !important;
        font-size: 10px !important;
        margin-left: 0px;
    }
    #top-graph-para p{
        font-size: 14px !important;
        /*max-width: 390px;*/
        padding: 0px 15px;
    }
    #heading-2 p{
        font-size: 32px !important;
        line-height: 32px !important;
        max-width: 390px;
        padding: 0 15px;
    }
    #efficacy-graph-2-txt p{
        font-size: 14px !important;
        /*max-width: 390px;*/
        padding: 0px 15px;
    }
    .last-section {
        padding: 0px 15px;
    }
    #efficacy-graph-2-txt {
        margin-bottom: 0px !important; 
    }
    #top-graph-para {
        margin-bottom: 0px !important;
    }
    #heading-2 {
        margin-bottom: 0px !important;margin-top: 20px !important;
    }
    #efficacy-profile  #heading-2{    margin-bottom: 5px !important;}
    #section-4-txt h2{
        font-size: 17px !important;
        line-height: 17px !important;
        max-width: 350px;
    }
    #section-4-txt p:not(:last-child){
        font-size: 16px !important;
        line-height: 18px;
        max-width: 350px;
    }
    #section-4-txt p:last-child{
        font-size: 12px !important;
        line-height: 12px;
        max-width: 350px;
    }
    #graph-text-2{
        /*top: 240px;*/
    }
    #section-4 .image { 
        padding: 30px 20px 0; 
    }
    #graph-text-2 p{
        padding: 0px 0px 0px  !important;
        font-size: 9px !important;
    }
    #graph-text-3-bottom p{
        font-size: 12px !important;
        line-height: 16px;
        max-width: 350px;
    }
    #effic-button-2{
        font-size: 20px;
        line-height:20px;
        padding: 16px 30px 16px 20px;
        width: calc(100% - 30px);
    }
    #effic-button-2::after{
        bottom: auto;
        top: calc(50% - 12px);
    }
    #efficacy-graph-1-txt a::after{
        bottom: 9px;
    }
    .last-section h3{
        /*max-width: 390px;*/
        font-size: 32px !important;
        line-height: 34px !important;
        margin-top: 30px;
    }
    .last-section h4{
        /*max-width: 390px;*/
        font-size: 18px !important;    margin: 35px 0px;
    }
    .last-section h5{
        /*max-width: 390px;*/
        text-align: center;
    }
    .last-section p{
        /*max-width: 390px; padding: 0px 15px;*/
        
    }
    .last-section img{
        /*padding: 0 15px;max-width: 100%;*/
        padding: 15px 0px;width: 100%;max-width: 360px;margin: auto;
    }
    .modal__close{
        top: 0rem;
        right: 0rem;
    }
    .pop-txt-1{
        font-size: 16px;
        line-height: 17px;
        max-width: 320px;
    }
    .pop-txt-2 li{
        font-size: 12px !important;
        line-height: 16px !important;
        margin-bottom: 10px !important;
        max-width: 320px;
    }
    #efficacy-popup-txt p{
        font-size:12px;
    }
    #efficacy-profile .cmp-modal__modalbox.modal-md .modal-box{
        width:100% !important;
    }
    .modal-box__content {
        padding: 1rem 1rem !important;
    }
    #efficacy-profile .modal__closeIcon {top: 14px;}
    #efficacy-profile .modal__closeLabel {right: 45px;}
    /*.last-section img{*/
    /*    padding: 15px 15px;*/
    /*    max-width: 100%;*/
    /*}*/
    .Efficacy-only-mobile{
        display:block;
    }
    .mg-banner{
        display:none !important;
    }
    
    #efficacy-profile .modal {
    padding: 60px 5px !important;
    }
    #efficacy-profile  .modal-box__content {
        padding: 2.5rem 15px !important;
    }
    #efficacy-profile  .pop-txt-1 {
        font-size: 32px;
        line-height: 32px;
        max-width: 320px;
    }
    #efficacy-profile  .pop-txt-2 li {
        font-size: 16px !important;
        line-height: 20px !important;
        margin-bottom: 10px !important;
        max-width: 320px;
        padding-left: 15px;
    }
    #efficacy-profile .pop-txt-3 {
        max-width: 326px;
        font-size: 14px !important;
        line-height: 20px !important;
        padding:0px -10px !important;
    }
    
    /*FR*/
    
    #efficacy-pro-fr #efficacy-graph-1-txt a{
        font-size:15px;
    }
    #efficacy-pro-fr .safety-banner{
        font-size: 28px;
    }
    
    #safety-pro-fr .safety-banner {
        font-size: 28px;
    }
    
    #dosing-and-administration-fr .popup-link1 a, .popup-link2 a{
        font-size: 12px;
    }
    .cmp-container[role="fr-main-container"] .moa-txt-4 {
        padding: 15px 0px !important;
    }
    .cmp-container[role="fr-main-container"] .topnav li.close-icon a.close-btn{
        width:75px;
    }
    
    /*FR*/
    
    /*Footer*/
    
    .footer-logo-wrap img.imc-logo {
        max-width: 136px;
    }
    .footer-logo-wrap img.paab-logo {
        max-width: 100px;
        position: relative;
        top: 3px;
    }
        
    /*Footer*/
    
    /*-------------  Efficacy Profile---START-------------  */
    
    /*-------------MOA---START-------------*/
    div#moa-section-1, div#moa-section-1 .cmp-text {
        /*padding: 10px 15px 15px;text-align: center;*/
        padding: 0px; margin-top: 0px;
    }
    .moa-txt-1{
        /*padding: 10px; margin:  0 auto 20px;;*/
            padding: 10px 15px;margin: 0px;
    }
    .moa-txt-2 {
        font-size: 30px;
        line-height: 46px;
    }
    .moa-txt-3 {
        /*font-size: 30px;line-height: 34px;text-align: center;*/
        font-size: 32px;line-height: 32px;padding: 10px 15px 0px;
    }
    .moa-banner-img{
        display:none;
    }
    p.moa-txt-5, p.moa-txt-6, p.moa-txt-7 {
        /*text-align: center;*/    padding: 0px 15px;
    }
    .moa-txt-4 {
        /*text-align: center;margin: 40px 15px 30px;*/
        text-align: center;margin: 40px 15px 30px;padding: 15px 0px;font-size: 18px;line-height: 20px;
    }
    .cmp-video__player, .cmp-video__content { padding: 0.5em 15px !important;}
    #moa-section-2 {
        margin-top: 10px;
        margin-bottom: 10px;
    }
    #moa-btn::after{
        bottom:3px;
    }


    /*-------------MOA---END-------------*/
    
    /*-------------Safety-profile---START-------------*/

    .s-txt{
        /*padding: 5px 15px;*/padding: 0px 15px;
    }
    p.safety-txt-5.s-txt, p.safety-txt-6.s-txt, p.safety-txt-7.s-txt, p.safety-txt-8.s-txt{margin-bottom: 0px;}
    #efficacy-profile div#safety-section-1{
        /*background: url(/content/dam/intelligentcontent/brands/saphnelo-ca/en/header-banner/Efficacy-profile-banner-mob.png);*/
        /*background-repeat: no-repeat;padding: 0 20px;max-height: 140px;background-size: 100% 100%;*/
        background: #009FB8 url(/content/dam/intelligentcontent/brands/saphnelo-ca/en/header-banner/Efficacy-profile-banner-mob.png);
        background-repeat: no-repeat;background-position: right;background-size: contain;padding: 0 15px;min-height: 140px;
        height: auto;display: flex;align-items: center;margin-top: 0;
    }
    
    #safety-profile div#safety-section-1{
        background: #009FB8 url(/content/dam/intelligentcontent/brands/saphnelo-ca/en/header-banner/Safety-profile-banner-mob.png);
        background-repeat: no-repeat;background-position: right;background-size: contain;padding: 0 15px;min-height: 140px;
        height: auto;display: flex;align-items: center;margin-top: 0;
    }
    body#efficacy-profile .safety-banner {
        margin: 0 0;        padding-right: 10%;
    }
    #safety-profile .safety-banner{
        margin: 0px 0 0;
    }
    .safety-banner-img{
        display:none;
    }
    .safety-txt-1{
        font-size: 32px;
        line-height: 32px;
    }
    .safety-txt-2{
        font-size: 18px;
        line-height: 18px;    margin: 0px 0px 25px;
    }
    #safety-profile .moa-txt-3, p.moa-txt-5, p.moa-txt-6, p.moa-txt-7, .s-txt, .safety-txt-1, .safety-txt-2{
        padding-left: 15px;
        padding-right: 15px;
    }
    .safety-txt-3 {margin-bottom: 10px;}
    p.safety-txt-5.s-txt {margin-top: 30px;}
    p.safety-txt-8.s-txt {margin-bottom: 45px;}
    /*-------------Safety-profile---END-------------*/
    
    .cmp-modal--defaultStyle .modal__closeLabel{
        font-size: 16px !important;
        top: 30px;
    }
    .modal__closeLabel{
        right: 55px;
    }
    .common-container {
        padding: 0px 21px;
    }
    .exit-ramp-modal .modal-box{
        width:100% !important;
    }
    .modal__close{
        background-color: transparent !important;
    }
    .exit-ramp-modal .modal__close{
        width:100% !important; top: 42px;
    }
    .modal__closeIcon{
        width:30px !important;
        top: 27px;
    }
    #resources .exit-ramp-modal .modal__closeIcon{ top: 0px; }
    /*#login .exit-ramp-modal .modal__closeIcon{ top: 30px; }*/
    .modal-box__content {
        padding: 2.5rem 1rem !important;
    }
    .exit-ramp-actions .exit-ramp-cancel {
        width: 155px !important;
    }
    .modal{
        padding:60px 15px !important;
    }
    #page-43dd53d8c9 .modal__closeIcon{
        top:40px;
    }
    
    #page-43dd53d8c9 .exit-ramp-actions .exit-ramp-continue, .exit-ramp-actions .exit-ramp-cancel{
        width: 150px;
        max-width: 150px;
    }
    
    
    /* resource */
    #resources-section-one, #resources-section-two {
        padding: 0px 15px;
        text-align: center;
    }  
    .image {
        min-height: auto;
        margin-top: 15px;    justify-content: center;
    }
    #resources-section-one .azcl-column-par2 img,
    #resources-section-one .azcl-column-par3 .resources-boxtext,
    #resources-section-two .azcl-column-par1 img,
    #resources-section-two .azcl-column-par2 img,
    #resources-section-two .azcl-column-par3 img,
    #resources-section-one .azcl-column-par2 .resources-boxtext, #resources-section-one img,
    #resources-section-one .azcl-column-par3 img,
    #resources-section-one .azcl-column-par4 img{ 
        /*max-width: 100%;  */
        margin: 0 auto 10px;
        height: auto;display: block;width: 100%;
    } 
    #resources-section-one, #resources-section-two {
        gap: 0;
    }
    #resources-section-one .azcl-column-par2 .resources-boxtext,
    #resources-section-one .azcl-column-par3 .resources-boxtext{
         max-width: 100%;    margin-bottom: 0px;
    }
    div#resources-section-one .azcl-column-par3, div#resources-section-two .azcl-column-par2 {
        margin: 15px auto;
    }
    #resources-section-one .azcl-column-par2 img {
    /*max-width: calc(100% - 20px); */
        max-width: 233px;margin: 0 auto 6px;   
    }
    #resources-section-one .azcl-column-par2 p.blk-2-img-wrap{height: auto;margin-top: 15px;}
    #contact-sec { 
        padding: 10px 20px 15px;gap: 10px;    margin-bottom: 40px;
    }
    div#contact-sec table td:nth-child(2) { 
        word-break: break-all;
    }
    #hcp-register #login-button[name="Register"] {
        margin: 20px auto 50px;
    }
    .moa-txt-3, p.moa-txt-5, p.moa-txt-6, p.moa-txt-7, .safety-txt-1, .safety-txt-2 {/*padding-left: 0px;*/}
    body#psp .moa-txt-7 { margin: 20px 5px 45px 0px;}
    .cmp-modal__content {
        max-height: calc(70vh - 30px);
        overflow-y: auto;
    }
    div#contact-banner .sec-title {  padding: 15px 15px 5px;}
    
    #home .common-container, #login .common-container{padding: 0px 15px;}
    #home .saphanelo-btn{font-size: 20px;line-height: 26px;}
    #login .page-medium-text {font-size: 20px;line-height: 24px;}
    
    /*******   Home   ******/
    #home-hero-container #home-hero-title {
        padding: 0px 0px 20px;
        text-align: center;
    } 
    #hcp-home .moa-txt-4 { padding: 15px 0px;}
    #home-hero-container #home-hero-title h1 {
        font-size: 44px;line-height: 44px;padding: 0px 15px;text-align: left;
    }
    #home-hero-container #home-hero-title h1 + p {padding: 0px 15px;text-align: left;}
    #home-hero-container {
        background: none;
        margin-top: 0px;
    }
    body#hcp-home .moa-txt-4 {font-size: 18px;line-height: 20px;}
    body#hcp-home .moa-txt-4 .moa-container-green-lines {
        /*max-width: calc(100% - 30px);*/ max-width: calc(100% - 10px);
    }
    body#hcp-home #moa-botton-txt .moa-svg-icon {
            max-width: 48px;left: 10px;top: 16px;
    }
    body#hcp-home #moa-botton-txt a {
        /*padding: 30px 60px 30px 25px;font-size: 26px;line-height: 30px;*/ min-height: 80px;
        padding: 10px 30px 10px 70px;font-size: 20px;line-height: 20px;font-weight: 600;display: flex;align-items: center;
    }
    body#hcp-home a.nav-text span img {width: 10px;}
    body#hcp-home div#moa-botton-txt {padding-bottom: 14px;}
    body#hcp-home a.nav-text span {top: calc(50% - 12px);/*right: 25px;*/right: 10px;}
    body#hcp-home #moa-botton-txt p.Hlink-3 a.nav-text {/*padding: 30px 60px 30px 25px;*/padding: 7px 30px 7px 70px;}
    body#hcp-home #moa-botton-txt p.Hlink-2 a {padding: 25px 36px 25px 70px;}
    body#hcp-home #moa-botton-txt p.Hlink-5 a {padding: 30px 30px 30px 70px;}
    body#hcp-home #moa-botton-txt p.Hlink-6 a {padding: 20px 30px 20px 70px;}
    body#hcp-home #moa-botton-txt p.Hlink-2 .moa-svg-icon {top: 20px;}
    body#hcp-home #moa-botton-txt p.Hlink-3 .moa-svg-icon {width: 41px;left: 16px;top: 20px;}
    body#hcp-home #moa-botton-txt p.Hlink-4 .moa-svg-icon {width: 46px;left: 13px;}
    body#hcp-home #moa-botton-txt p.Hlink-5 .moa-svg-icon {width: 40px;left: 12px;} 
    body#hcp-home #moa-botton-txt p.Hlink-6 .moa-svg-icon {width: 48px;top: 20px;}
    #pre-gate-footer[role="post-gate-footer"] {padding: 10px 15px 0px;}
    .home-content-wrap {padding: 0px  15px;}
    body#psp p.font-hours {max-width: 250px;}
    /*#home-hero-container #home-hero-title .moa-title-blue{display: inline-block;}*/
    div#moa-section-1 h1.moa-txt-2 {min-height: 140px;display: flex;align-items: center;padding: 15px 25% 15px 15px;
    font-size: 32px;line-height: 32px;background: url(/content/dam/intelligentcontent/brands/saphnelo-ca/en/header-banner/moa-mob.png);
    background-size: contain;background-position: right;background-repeat: no-repeat;}
    #resources-section-two {margin-bottom: 35px;}
    html[lang="fr"] #loginform a.forgot-password {width: 170px;left: calc(100% - 150px);}
    html[lang="fr"] ul#top-menu {max-width: 320px;margin: auto;}
    .cmp-formcontainer #hcp-register .err-msg.showErrMsgContainer{font-size: 14px;}
    img.login-brand-logo {max-width: 230px;}
}


.long-term-exten { padding-top: 69px;  }
.long-term-exten ul { padding-left: 10px !important; margin-bottom: 20px !important;}
.long-term-exten ul li {list-style-type: disc;padding-bottom: 5px; line-height: 22px;}
.long-term-exten ul li::marker { margin-right: -5px; }
.long-term-exten  .ultitle {
    font-family: 'Montserrat';
    font-weight: 600;
    color: #1B7284 !important;
    font-size: 18px !important;
    line-height: 22px;
    margin-top: 0px;
    margin-bottom: 20px !important;
}

@media (max-width: 767px) { 
    .long-term-exten { padding-top: 30px !important;  }
}