
:root {
  --white: #ffffff;
  --black: #000000;
  --blue-1: #2F5CF8;
  --blue-2: #2246C3;
  --light-blue: #CEEEFF;
  --light-blue-2:#B1E4FE;
  --yellow: #FFCD7D;
  --light-yellow: #FFEDCE;
   --blue-gradient: var(--light-blue-2);
  --light-lav-bg-color: #F4F5FB;
  --pro-tip-bg-color: #FFEBCB66;
  --alice-blue-bg:#E5F6FF;
  --green-bg: rgba(151, 236, 163, 0.15);
  --primary-btn-bg: var(--blue-1);
  --primary-btn-bg-hover: var(--blue-2);
  --main-bg-color: var(--white);
  --text-color: var(--black);
  --secondary-btn-bg: var(--yellow);
  --secondary-btn-bg-hover: var(--light-yellow);
  --btn-font-weight : 800; 
  --font-weight-medium: 600; 
  --default-font-family: "Inter", sans-serif;
  --workSans-font-family: "Work Sans", sans-serif;
  --btn-border-radius: 1000px;
  --border-color-grey: 1px solid #C0C0C0;
  --grad-abv-foot-color: var(--light-blue);
  --h1-font-size: 5.4rem;
  --h1-line-height: 6.4rem;
  --h1-mobile-font-size: 4.8rem;
  --h1-mobile-line-height: 5.8rem;
  --h2-font-size: 4rem;
  --h2-line-height: 4.8rem;
  --h2-mobile-font-size: 3.2rem;
  --h2-mobile-line-height: 4.2rem;
  --h3-font-size: 2.8rem;
  --h3-line-height: 3.6rem;
  --h3-mobile-font-size: 2.4rem;
  --h3-mobile-line-height: 3.2rem;
  --h4-font-size: 2rem;
  --h4-line-height: 3.2rem;
  --h4-mobile-font-size: 2rem;
  --h4-mobile-line-height: 3rem;
  --h5-font-size: 1.8rem;
  --h5-line-height: 2.6rem;
  --h6-font-size: 1.6rem;
  --h6-line-height: 2.4rem;
}
html {
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
}
body,.home-page {
  font-family: var( --default-font-family);
  font-weight: 400;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
  font-size: 1.4rem;
  line-height: 1.42857143;
  color: var(--text-color);
  margin: 0;
}
.sem-seo-header {
  background-color: transparent;
}
h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
  font-family: var( --workSans-font-family);
  font-weight: var(--btn-font-weight);
}
.embedded-video iframe{
  width: 100%;
  height: 420px;
}
.h1,
h1 {
  font-size: var(--h1-font-size);
  line-height: var(--h1-line-height);
  margin: 0 0 24px;
}
.h1.small, h1.small {
  font-size: 4.8rem;
  line-height: 5.6rem;
}
.h2,
h2 {
  font-size: var(--h2-font-size);
  line-height: var(--h2-line-height);
  margin: 0 0 40px;
}
.h3,
h3 {
  font-size: var(--h3-font-size);
  line-height: var(--h3-line-height);
}
.h4,
h4 {
  font-size: var(--h4-font-size);
  line-height: var(--h4-line-height);
  margin: 0 0 20px;
  font-weight: var(--font-weight-medium);
}
.h5,
h5 {
  font-size: var(--h5-font-size);
  line-height: var(--h5-line-height);
}
.h6,
h6 {
  font-size: var(--h6-font-size);
  line-height: var(--h6-line-height);
}
body a.btn {
  font-family: var( --workSans-font-family);
}
body.no-scroll {
  position: fixed;
  width: 100%;
  overflow: hidden;
  height: 100%;
}
p,
.para-content,
.site-inner li {
  font-size: 1.8rem;
  line-height: 3rem;
  margin-top: 0;
}
p a {
  color: var(--primary-btn-bg);
  text-decoration: underline;
  font-weight: 700;
}
a {
  color: var(--primary-btn-bg);
}
a:not(.btn) {
  color: var(--primary-btn-bg);
  font-weight: 700;
  text-decoration-line: underline;
}
img {
  max-width: 100%;
  vertical-align: middle;
  height: auto;
}
.no-scroll .sem-seo-header,
.no-scroll .gdpr-banner {
  z-index: 1;
}
iframe {
  max-width: 100%;
}
.btn {
  position: relative;
  display: block;
  z-index: 1;
  line-height: 2.2rem;
  font-size: 1.8rem;
  font-weight: var(--btn-font-weight);
  border-radius: var(--btn-border-radius);
  border: 1px solid var(--primary-btn-bg);
  background: var(--primary-btn-bg);
  padding: 16px 30px;
  color: var(--main-bg-color);
  width: 100%;
  text-align: center;
  text-decoration: none;
  height: 56px;
  overflow: hidden;
  max-width: 300px;
}
.btn.btn-secondary{
  background-color:var(--secondary-btn-bg);
  color: var(--text-color);
  border: 1px solid var(--secondary-btn-bg);
}
.btn.disabled, .btn:disabled {
  background: #DDE2E7;;
  border-color: #DDE2E7;
  color: #787878;
  opacity: 1;
}
.back-to-top {
  font-family:var( --default-font-family);
  border-radius: 8px;
  box-shadow: 0px 0px 12px 0px rgba(0, 0, 0, 0.24);
  border: 2px solid #dde2e7;
  background: var(--light-lav-bg-color);;
  cursor: pointer;
  position: fixed;
  bottom: 75px;
  right: 16px;
  height: 63px;
  width: 28px;
  opacity: 0;
  z-index: 98;
  text-align: center;
  padding: 10px 4px;
}
.back-to-top svg {
  position: relative;
  top: -4px;
}
.text-center {
  text-align: center;
}
.back-text {
  font-size: 1.4rem;
  font-weight: 700;
  line-height: 2rem;
  display: inline-block;
  position: relative;
  top: 0;
  transform: rotate(-90deg);
  left: -5px;
  color: var(--text-color) !important;
}
.back-to-top svg path {
  fill: var(--text-color);
}
.sbar-widget,
.sbar-widget .close-btn,
.sbar-widget .inner-tabs,
.sbar-widget .tab {
  display: none;
}
.breadcrumb,
.breadcrumb a {
  font-size: 1.4rem;
  line-height: 1.6rem;
}
.breadcrumb a {
  text-decoration: underline;
}
h1::before {
  content: "";
  display: table;
  clear: both;
}
/* adding global fonts for 4 pages to check INP */
.page-id-52497 p, .page-id-52497 .para-content, .page-id-52497 .site-inner li {
  font-weight: 400;
}
.page-id-52497 .btn {
  font-weight: 800;
}
.page-id-54325 .para-content, .page-id-54325 .site-inner li {
  font-weight: 400;
}
.page-id-54325 .btn {
  font-weight: 800;
}
.postid-101893 p, .postid-101893 .para-content, .postid-101893 .site-inner li {
  font-weight: 400;
}
.postid-101893 .btn {
  font-weight: 800;
}
.page-id-46439 p, .page-id-46439 .para-content, .page-id-46439 .site-inner li {
  font-weight: 400;
}
.page-id-46439 .btn {
  font-weight: 800;
}
.embeddedServiceHelpButton .helpButton .uiButton {
  background-color: #005290;
  font-family: "Arial", sans-serif;
}
[embeddedservice-chatheader_chatheader-host] {
  background-color: rgb(0 82 144) !important;
}
.embeddedServiceSidebarMinimizedDefaultUI {
  background-color: rgb(0 82 144) !important;
  border: 0 !important;
}
.efficacy-banner {
  display: block;
  position: relative;
}
.efficacy-tooltip,
.asterisk-tooltip{
  background-color: #555;
  color: #fff;
  text-align: center;
  border-radius: 6px;
  padding: 5px 0;
  font-size: 12px;
  line-height: 12px;
  visibility: hidden;
}

.efficacy-tooltip {
  position: absolute;
  top: -18px;
  width: 70px;
  left: 50px;
}
.efficacy-tooltip::after,
.asterisk-tooltip::after {
  content: "";
  position: absolute;
  top: 22px;
  left: 26px;
  margin-left: -5px;
  border-width: 5px;
  border-style: solid;
  border-color: #555 transparent transparent transparent;
}
.efficacy-banner:focus .efficacy-tooltip,
.asterisk-note:focus .asterisk-tooltip  {
  visibility: visible;
}
.asterisk-tooltip {
  position: absolute;
  top: -24px;
  width: 70px;
  left: -22px;
}
.brand-label .asterisk-note,.featured-heading .asterisk-note  {
  position: absolute;
  top: 3px;
  left: 70px;
  color: #002d6b;
  text-decoration: none;
  z-index: 9;
  font-size: 1rem;
  line-height: 0.9rem;
}
.hidden-d {
	display: none;
}
@media only screen and (min-width: 768px){
  .embeddedServiceSidebarMinimizedDefaultUI.minimizedContainer:focus {
    background-color: #005290 !important;
  }
  .embeddedServiceHelpButton .helpButton .uiButton:focus {
    outline: 1px solid #005290;
  }
  .asterisk-note:hover .asterisk-tooltip,
  .efficacy-banner:hover .efficacy-tooltip {
    visibility: visible;
  }
  .breadcrumb {
    margin-bottom: 30px;
  }
  .btn-only-for-focus {
    border: 0;
    padding: 0;
    width: 100%;
    background-color: transparent;
    cursor: pointer;
  }
  .back-to-top:hover {
    background: #ffcd7d;
    border: 2px solid #ffcd7d;
  }
  .back-to-top:hover .back-text {
    color: var(--text-color);
  }
  html {
    scroll-behavior: smooth;
  }
}
@media only screen and (min-width: 991px) {
  .btn.disabled:hover,
  .btn.disabled-secondary:focus,
  .btn.disabled-secondary:active{
    background: #DDE2E7;;
    border-color: #DDE2E7;
    color: #787878;
  }
  .btn.btn-secondary:hover,
  .btn.btn-secondary:focus,
  .btn.btn-secondary:active
  {
    background-color:var(--secondary-btn-bg-hover);
    color: var(--text-color);
    border: 1px solid var(--secondary-btn-bg-hover);
  }
  a
  .btn:hover,
  .btn:focus,
  .btn:active {
    background: var( --primary-btn-bg-hover);
  }
  .btn:hover {
    background-color: var( --primary-btn-bg-hover);
  }
  .dark-bg-focus:focus,
  .close-lightBox:focus,
  .btn:active:focus,
  .btn:focus,
  button:focus .light-box-wrapper .btn:focus,
  .light-box-wrapper a:focus,
  .light-bg-focus:focus,
  a:focus,
  button:focus {
    outline: 2px dashed var(--primary-btn-bg);
    outline-offset: 4px;
  }
  p a:hover,
  p a:active,
  p a:focus {
    text-decoration: none;
  }
  .btn:hover,
  .btn:focus {
    text-decoration: none;
  }
  .btn:hover {
    background-color: var( --primary-btn-bg-hover);
  }
  .btn:hover,
  .btn:focus,
  .btn:active {
    background: var( --primary-btn-bg-hover);
  }
  .btn.btn-secondary:hover{
    background-color:var(--secondary-btn-bg-hover);
    border: 1px solid var(--secondary-btn-bg-hover);
    color: var(--text-color)
  }
  .site-inner a:hover {
    text-decoration: none;
  }

}
@media only screen and (max-width: 992px) {
    .brand-label .asterisk-note {
      top: 3px;
      right: 6px;
  }
}
@media only screen and (min-width: 1024px) {
  .hide-d{
    display: none!important;
  }
}
@media only screen and (max-width: 1023px) {
  .hide-m{
		display: none !important;
	}
}
@media only screen and (max-width: 767px) {
	.hidden-m {
		display: none !important;
	}

	.hidden-d {
		display: block;
	}
  .embedded-video iframe{
    height: 220px;
  }
  .brand-label .asterisk-note {
    top: -2px;
    right: -3px;
  }
  a:focus-visible{
    outline: 0;
  }
  .btn{
    padding: 15px 28px;
  }
  .breadcrumb,
  .breadcrumb a {
    line-height: 2.2rem;
  }
  .breadcrumb{
    margin:16px 0 24px;
  }
  .h1,
  h1 {
    font-size: var(--h1-mobile-font-size);
    line-height: var(--h1-mobile-line-height);
    margin:20px 0 24px;
  }
  .h2,
  h2 {
    font-size: var(--h2-mobile-font-size);
    line-height: var(--h2-mobile-line-height);
  }
  .h3,
  h3 {
    font-size: var(--h3-mobile-font-size);
    line-height: var(--h3-mobile-line-height);
  }
  .h4,
  h4 {
    font-size: var(--h4-mobile-font-size);
    line-height: var(--h4-mobile-line-height);
  }
  .embeddedServiceHelpButton .helpButton {
    bottom: 80px !important;
    right: 50px;
  }
  .embeddedServiceSidebarMinimizedDefaultUI.sidebarHeader {
    bottom: 13%;
  }
}
@media only screen and (max-width: 1024px) {
  .embeddedServiceHelpButton .helpButton .uiButton {
    padding: 0 16px;
    border-radius: 26px;
  }
  .embeddedServiceHelpButton .helpButton {
    bottom: 5%;
  }
  
  .sidebarHeader.embeddedServiceSidebarMinimizedDefaultUI {
    bottom: 5%;
    width: 12em;
    height: 46px;
    right: 32px;
    border-radius: 26px;
  }
}
