/*submenu*/
/* MAIN MENU */
.nav-links {
    display: flex;
    list-style: none;
    margin: 0;
    padding: 0;
}
#bottom-footer-rd-line{
  display: flex;
  /*flex-wrap: wrap;*/
  gap: 90px;
}
#bottom-footer-rd-line p{
  min-width: 170px;
}
#bottom-footer-rd-line p.f16{
  font-size: 16px;
}
.nav-links li {
    position: relative;
}

.main-menu {
    position: relative;
    display: inline-block;
    padding: 0px 0px 0px;
    color: #17365d;
    text-decoration: none;
    font-size: 18px;
    font-weight: 700;
    text-transform: uppercase;
}

/* underline */


/* SUBMENU */
.submenu {
    position: absolute;
    top: 100%;
    left: 0;
    width: 335px;
    background: #fff;
    padding: 14px 22px;
    margin: 0;
    list-style: none;
    display: none;
    box-sizing: border-box;
}

/* show submenu */
.dropdown:hover .submenu {
    display: block;
}

.submenu li {
    border-bottom: 1px solid #d7d7d7;
}

.submenu li:last-child {
    border-bottom: none;
}

.submenu a {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 20px 14px;
    text-decoration: none;
    color: #17365d;
    font-size: 16px;
    font-weight: 400;
    text-transform: uppercase;
    line-height: 100%;
    font-family: 'Calibri';
}
.submenu-arrow {
    font-size: 22px;
    line-height: 1;
    color: #17365d;
}







/*submenu*/
/*new css*/

/*new css*/
b {
  font-family: 'Calibri-bold';
}

.cmp-carousel-horizontal .cmp-carousel__indicators {
  display: none !important;
}

.selfCertification .cmp-selfcertification__title h1, .selfCertification .cmp-selfcertification__title p {
  font-family: 'Calibri-bold';
  font-size: 20px;
  line-height: 25px;
  font-weight: 700;
  margin: 0;
  text-decoration: none;
  color: #204672;
  text-align: center;
  font-style: normal;
}

#second-sec .blue-btn a {
  color: #fff;
  text-decoration: none;
}

#CookieReportsBannerAZ {
  z-index: 999999999 !important;
}

.cmp-selfcertification.modal.modal--visible.modal--overflow {
  background: rgba(32, 70, 114, 0.97);
}

.selfCertification .cmp-selfcertification .modal-box {
  width: 100%;
  padding: 50px 50px 50px;
  margin: 0 auto;
  background: #FFFFFF;
  border-radius: 40px;
}

.cmp-selfcertification.modal.modal--visible.modal--overflow .cmp-selfcertification__continue {
  border: 1px solid transparent;
  color: #fff;
  width: auto;
  height: 45px;
  border-radius: 30px;
  font-size: 14px;
  line-height: 24px;
  font-weight: 700;
font-family: 'Calibri-bold';
  padding: 15px 38px;
}

.cmp-selfcertification.modal.modal--visible.modal--overflow .cmp-selfcertification__continue.self-certify-yes {
  background-color: #467F9D;
}

.cmp-selfcertification.modal.modal--visible.modal--overflow .cmp-selfcertification__continue.self-certify-no {
  background-color: #E63E4A;
}

.cmp-selfcertification.modal.modal--visible.modal--overflow .cmp-selfcertification__actions {
  flex-direction: row;
  justify-content: space-between;
  max-width: 645px;
  margin: auto;
}

#self-cert-body p {
  color: #204672;
  font-size: 20px;
  line-height: 25px;
  text-align: center;
 font-family: 'Calibri';
}

#platinum-bg-color {
  background: #EBEFEE;
}

#visit-home h3 a p {
  font-size: 36px;
  line-height: 40px;
  color: #464646;
  text-decoration: underline;
  width: max-content;
}

#visit-home h3 a p:hover {
  color: #E63E4A;
}

#coming-soon-text h1 {
  padding-bottom: 10px;
  font-size: 76px;
  line-height: 78px;
  margin: 0px;
  font-family: 'Carlito';
}

div#cominsoon-section {
  padding-top: 80px;
  padding-bottom: 80px;
}

body .modal__closeLabel {
  display: none;
}

body .modal {
  background-color: rgba(60,66,66,0.95);
  -webkit-backdrop-filter: unset;
  backdrop-filter: unset;
  display: flex;
  padding-top: 0;
  width: 100%;
  justify-content: center;
  z-index: 9999;
}

.modal-box {
  max-height: 100% !important;
  padding: 80px 46px 60px;
  margin: 0 auto;
  max-width: 750px;
  width: calc(100% - 68px);
}

body .modal__close {
  color: #FFFFFF;
  display: block !important;
  width: 20px !important;
  height: 20px !important;
  left: unset;
  background: transparent;
}

body .modal__closeIcon {
  display: inline-block;
  width: 20px;
  height: 20px;
  margin: 0;
  padding: 3px;
}

.modal .exit-ramp-title {
  font-family: 'Carlito';
  font-size: 30px;
  line-height: 40px;
  font-weight: 700;
  color: #204672;
  letter-spacing: normal;
  margin: 0;
  text-decoration: none;
  margin-bottom: 4px;
  text-align: center;
}

.modal .exit-ramp-body {
  font-family: 'Carlito';
  color: #204672;
  font-size: 20px;
  line-height: 25px;
  text-align: center;
  margin-bottom: 14px;
  margin-bottom: 24px;
    /*text-align: left;*/
  ;
}

.modal .exit-ramp-actions {
  display: flex;
  gap: 10px;
  justify-content: center;
  margin-top: 28px;
}

body .modal .exit-ramp-continue {
  background-color: #467F9D;
  border: 1px solid #467F9D;
  color: #ffffff;
  display: inline-block;
  font-family: "Inter-Bold";
  font-weight: normal;
  font-style: normal;
  font-size: 16px;
  line-height: 24px;
  padding: 8px 16px;
  text-decoration: none;
  border-radius: 4px;
  text-align: center;
}

body .modal {
    background: rgba(32, 70, 114, 0.97);
    z-index: 9999999;
}

body .modal-box {
  border-radius: 40px;
}

body .modal .exit-ramp-cancel {
  background-color: #E63E4A;
  border: 1px solid #E63E4A;
  color: #fff;
  display: inline-block;
  font-family: "Inter-Bold";
  font-weight: normal;
  font-style: normal;
  font-size: 16px;
  line-height: 24px;
  padding: 8px 16px;
  text-decoration: none;
  border-radius: 4px;
  text-align: center;
  cursor: pointer;
}

body .modal-box__content {
  padding: 0;
  margin: 0;
}

body {
    /*max-width: 1440px;*/
  margin: auto;
}

#sentinelplus-header .navbar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 10px 0;
  background: #fff;
  /* border-bottom: 1px solid #ddd; */
  position: relative;
}

#sentinelplus-header .logo img {
  height: 50px;
}

.color-white {
  color: #fff;
}

#sentinelplus-header .menu-right {
  display: flex;
  align-items: center;
  gap: 40px;
}

#sentinelplus-header .nav-links {
  display: flex;
  list-style: none;
  gap: 35px;
  font-family: "calibri";
}

#sentinelplus-header .nav-links li {
  font-size: 17px;
  font-family: "calibri";
  font-weight: 500;
    /*font-family: 'Carlito';*/
  ;
}

#sentinelplus-header .nav-links a {
  text-decoration: none;
  color: #193556;
	/*font-weight: 600;*/
	/*letter-spacing: 0.5px;*/
  transition: color 0.3s;
	/*font-family: 'Carlito';*/
  ;
}

#sentinelplus-header .nav-links a:hover {
  font-weight: 600;
}

#sentinelplus-header .nav-btn a {
  background: #E63E4A;
  color: #fff;
  padding: 13px 27px;
  border-radius: 30px;
  font-weight: 600;
  text-decoration: none;
  transition: background 0.3s;
  white-space: nowrap;
  font-size: 14px;
  /*font-family: calibri;*/
  font-family: 'Carlito';
}

#sentinelplus-header .nav-btn a:hover {
  background: #c52f2f;
}

#sentinelplus-header .menu-toggle {
  display: none;
  font-size: 28px;
  cursor: pointer;
  user-select: none;
}

#sentinelplus-header .cmp-text {
  padding: 0px auto;
}

#sentinelplus-header {
  box-shadow: rgba(149, 157, 165, 0.2) 0px 2px 16px;
}

#sentinelplus-header #top-nav {
  background: #193556;
  text-align: center;
  padding: 8px 0;
}

#sentinelplus-header #top-nav p {
  font-size: 12px;
    /*font-family: calibri;*/
  font-family: 'Calibri';
    /*font-weight: 600;*/
  color: #fff;
  line-height: 1.5;
}

/*footer*/
div#footer-container-main {
  background: #F4F4F1;
  color: #fff;
  padding: 30px 0;
}

div#footer-container-main p {
  color: #4F4E4E;
  font-family: 'Calibri';
  font-size: 20px;
  padding: 0;
}

div#footer-container-main li a {
  color: #4F4E4E;
  font-family: 'Calibri-bold';
  font-size: 20px;
}

div#footer-container-main h4 {
  font-size: 20px;
  color: #4F4E4E;
  font-family: 'Calibri-bold';
}

div#footer-container-main li::before {
  content: '';
  position: absolute;
  left: 0;
  width: 10px;
  height: 20px;
  background: url('/content/dam/intelligentcontent/brands/sentinelplus/gb/en/images/global/caret-right.png') no-repeat center center;
  background-size: contain;
  margin-top: 3px;
}

div#footer-container-main li {
  padding-left: 25px;
  margin-bottom: 20px;
}

div#footer-bottom-cont {
  border-top: 0.5px solid #4F4E4E;
  margin-top: 30px;
  text-align: left;
  padding-top: 20px;
}

div#footer-container-main .azcl-columns__base.azcl-columns--3 {
  display: flex;
}

div#footer-container-main .azcl-columns__base.azcl-columns--3 .azcl-column-par1 {
  width: 45%;
  padding-right: 11%;
}

div#footer-container-main .azcl-columns__base.azcl-columns--3 .azcl-column-par2 {
  width: 30%;
}

div#footer-container-main .azcl-columns__base.azcl-columns--3 .azcl-column-par3 {
  width: 25%;
}

#sentinelplus-header .navbar {
  max-width: 1240px;
  margin: auto;
  position: relative;
  z-index: 9999999;
}
/*footer*/

@media (max-width: 1250px) {
  #sentinelplus-header .navbar {
    padding: 10px 16px;
  }
}

@media only screen and (max-width: 1180px) {
  #coming-soon-text h1 {
    font-size: 40px;
    line-height: 41px;
  }

  .cmp-selfcertification.modal.modal--visible.modal--overflow {
    padding: 20px;
  }
}

@media only screen and (max-width: 991px) {
    /*submenu*/
      /* MAIN MENU LINKS */
    .nav-links > li > a,
    .main-menu {
        display: block;
        width: 100%;
        padding: 18px 0;
        border-bottom: 1px solid #d9d9d9;
        text-decoration: none;
        color: #17365d;
        font-size: 16px;
        line-height: 1.4;
        text-transform: uppercase;
    }
    #bottom-footer-rd-line{
        flex-wrap: wrap;
        gap: 10px;
    }

    /* REMOVE BORDER FOR CONTACT */
    .nav-links > li:last-child > a {
        border-bottom: none !important;
    }

    /* SUBMENU */
    .submenu {
        position: static;
        width: 100%;
        padding: 0 24px 0 40px;
        background: transparent;
        display: block;
        box-shadow: none;
        margin-top: 0;
    }

    .submenu li {
        border-bottom: 1px solid #d9d9d9;
    }

    /* KEEP BORDER FOR LAST SUBMENU ITEM */
    .submenu li:last-child {
        border-bottom: 1px solid #d9d9d9;
    }

    .submenu a {
        display: flex;
        align-items: center;
        gap: 10px;
        padding: 16px 3px ;
        font-size: 15px;
        line-height: 1.5;
        white-space: normal;
        text-decoration: none;
        color: #17365d;
        text-transform: uppercase;
    }

    .submenu-arrow {
        flex-shrink: 0;
        font-size: 20px;
        line-height: 1;
    }

    /* REMOVE DESKTOP UNDERLINE */
    .main-menu.active::after {
        display: none;
    }

    /* DISABLE DESKTOP HOVER */
    .dropdown:hover .submenu {
        display: block;
    }
    /*submenu*/
    
  body {
    padding-top: 0px !important;
  }

  #coming-soon-text h1, #cmgsn-desc p {
    display: flex;
    justify-content: center;
  }
}

@media (max-width: 991px) {
  #sentinelplus-header .menu-toggle {
    display: block;
  }

  div#footer-container-main .azcl-columns__base.azcl-columns--3 {
    flex-wrap: wrap;
  }

  div#footer-container-main .azcl-columns__base.azcl-columns--3 .azcl-column-par1,
div#footer-container-main .azcl-columns__base.azcl-columns--3 .azcl-column-par2,
div#footer-container-main .azcl-columns__base.azcl-columns--3 .azcl-column-par3 {
    width: 100%;
  }

  #sentinelplus-header .menu-right {
    display: none;
    flex-direction: column;
    align-items: flex-start;
    position: absolute;
    top: 65px;
    right: 0;
    background: #fff;
    width: 100%;
    /*padding: 20px 16px;*/
    padding: 0px 16px;
    border-top: 1px solid #ddd;
    box-shadow: 0 4px 8px rgba(0,0,0,0.05);
  }

  #sentinelplus-header .menu-right.active {
    display: flex;
  }

  #sentinelplus-header .nav-links {
    flex-direction: column;
    gap: 0px;
    width: 100%;
  }

  #sentinelplus-header .nav-links a {
    font-size: 16px;
  }

  #sentinelplus-header .nav-btn {
    margin-top: 10px;
    width: 100%;
    text-align: center;
  }

  #sentinelplus-header .nav-btn a {
    display: inline-block;
    width: auto;
  }
}

@media only screen and (max-width: 767px) {
    
    
    div#body-text p,
#plus-section-body-text p,
#plus-section-body-text li,
div#white-title p,
div#slider-blue-text p,
div#learn-more-tab-first-tab p,
div#matters-section b,
span.p-description-b,
div#four-col-text p,
p.sec-tab-p,
div#p-desc p,
span.p-description-n,
div#learn-more-story-hero-desc p,
div#learn-more-story-popup-desc p,
#improve-slider-list p,
#toolkit-main .cmp-teaser__description p,
#toolkit-main #hero-wrapper .text p,
#toolkit-main #introducing .azcl-columns__base #description p,
#toolkit-main #introducing #sub-title p,
#targeted-asthma-section-body-text p,
#hcp-video-section li,
div#logo-section-body-text p,
.card-carousel-content p,
#video-page-inner-text-design p,
div#blue-text-new p,
#patient-support .cmp-teaser__description p,
#patient-support #importance .azcl-columns__base p, 
#patient-support #discussion .azcl-columns__base p, 
#patient-support #additional .azcl-columns__base p,
#additional #first-wid-para p,
#real-time-data .cmp-teaser__description p,
div#speaker-section-body-text p,
#contact-sentinel #contact-columns p{
    font-size: 16px !important;
    line-height: 1.5 !important;
}
    div#blue-text-learn-more-story h1,
    div#learn-more-story-popup-title h1{
        font-size: 40px !important;
        line-height: normal !important;
    }
  #visit-home h3 a p {
    font-size: 20px;
    line-height: 25px;
    text-align: center;
    margin: auto;
  }

  .cmp-selfcertification.modal.modal--visible.modal--overflow {
    padding: 20px;
  }

  .cmp-selfcertification.modal.modal--visible.modal--overflow .cmp-selfcertification__continue {
    width: 100%;
    max-width: 415px;
    margin-right: auto;
    margin-left: auto;
  }

  .modal.exit-ramp-modal.modal--visible {
    height: 100% !important;
    padding-top: 0px;
  }

  body .modal-box {
    padding: 60px 16px 30px;
    max-width: 720px;
    width: calc(100% - 68px);
    max-height: 90% !important;
    height: auto;
    top: auto;
    position: relative;
    background-color: #fff;
    overflow: auto;
    margin: auto;
  }

  body .modal .exit-ramp-title {
    font-family: "Lexia";
    font-size: 26px;
    line-height: 34px;
    font-weight: 400;
    letter-spacing: normal;
    margin: 0;
    text-align: center;
    text-decoration: none;
    margin-bottom: 14px;
  }

  body .modal .exit-ramp-body {
    font-family: "Inter-Regular";
    font-size: 16px;
    line-height: 24px;
    margin-bottom: 14px;
    text-align: center;
  }

  body .modal__close {
    color: #3c4242;
    display: block !important;
    right: 14px;
    top: 18px;
    width: 20px !important;
    height: 20px !important;
    left: unset;
    background: transparent;
  }

  body .modal__closeIcon {
    display: inline-block;
    width: 20px;
    height: 20px;
    margin: 0;
    padding: 3px;
  }
}


/*NEW SELFCERT*/

.cmp-selfcertification.modal.modal--visible.modal--overflow .cmp-selfcertification__continue {
  line-height: normal;
  text-align: center;
  font-size:clamp(12px,2.2vw, 30px);
}

.selfCertification .cmp-selfcertification__title h1 {
  font-size: clamp(32px,4.8vw,58px);
  font-style: normal;
  font-weight: 700;
  line-height: clamp(30px,3.86vw,56px);
  margin: 0;
  font-family: 'Calibri-bold';
  color: #193556;
}

#self-cert-body p {
  font-size: clamp(20px,3.4vw,34px);
  line-height: normal;
  font-family: 'Calibri';
}

@media(min-width:768px) {
    .cmp-selfcertification.modal.modal--visible.modal--overflow .cmp-selfcertification__continue{
        width:100%;
        padding:28px 0 25px ;
        min-height:90px;
        border-radius:100px;
    }
    .cmp-selfcertification.modal.modal--visible.modal--overflow .cmp-selfcertification__actions > div{
        width:100%;
        
    }
    .cmp-selfcertification.modal.modal--visible.modal--overflow .cmp-selfcertification__actions{
        justify-content:center;
        gap:32px
    }
}

@media(min-width:1024px) {
  .cmp-selfcertification  .modal-box {
    display: grid;
    grid-template-columns: 1fr 1fr;
    max-width: 1300px;
    column-gap: 52px;
  }

  .cmp-selfcertification  .modal-box .cmp-selfcertification__title {
    grid-column: 1;
    
  }
  
  .selfCertification .cmp-selfcertification__title h1, #self-cert-body p{
      text-align:left;
  }

  .cmp-selfcertification  .modal-box .cmp-selfcertification__content, .cmp-selfcertification  .modal-box .cmp-selfcertification__content .cmp-text {
    padding: 0;
  }

  .cmp-selfcertification  .modal-box .cmp-selfcertification__content, .cmp-selfcertification  .modal-box .cmp-selfcertification__actions {
    grid-column: 2;
  }
}

@media(min-width:1440px) {
  .cmp-selfcertification  .modal-box {
    grid-template-columns: 500px 597px;
  }
  .cmp-selfcertification.modal.modal--visible.modal--overflow .cmp-selfcertification__actions{
      margin-top:62px;
  }
} .