/* Theme base styles */
/********************************
Boilerplate files Added By Pat 6.28 
**********************************/


/* Tools
Any animations, or functions used throughout the project.
Note: _macros.css needs to be imported into each stylesheet where macros are used and not included here
*/

/* Generic
This is where reset, normalize & box-sizing styles go.
*/


  
  /* Objects
  Non-cosmetic design patterns including grid and layout classes)
  */
  

  
  /* Elements
  Base HMTL elements are styled in this section (<body>, <h1>, <a>, <p>, <button> etc.)
  */
  

  
  /* Components
  Specific pieces of UI that are stylized. Typically used for global partial styling
  */
  

  
  /* Utilities
  Helper classes with ability to override anything that comes before it
  */
 


/*  Adelle Sans from Adobe Fonts - From Pat's CC Account  */
@import url("https://use.typekit.net/pgq4qea.css");
/*  Plus Jakarta Sans from Google Fonts */
@import url('https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:ital,wght@0,200..800;1,200..800&display=swap');

.font-jakarta {
    font-family: "Plus Jakarta Sans", sans-serif;
}

.font-adelle {
  font-family: "Adelle Sans", sans-serif;
}

.private-step-indicator__section--active {
  color: green !important;
}


:root {
  --ring-color: var(--t-cp);
  --ring:0 0 0 2px var(--ring-color);
  --t-ce: #FF0201;
}
a.fwn:hover{/*--fw-s:700*/}
.footer a:hover{--c}
#headerNav .header__menu a.active,
#headerNav .header__menu a:hover {
  --c:#3E4B5B;
  /*--fw-s:700;*/
}
.blog-post__card-summary + div.flex {
  margin-top: auto;
}
.btn,a {
  -ms-user-select: none;
  -moz-user-select: none;
  -khtml-user-select: none;
  -webkit-user-select: none;
  user-select: none;
}
#headerNav a.active+.header__dropdownmenu,
#headerNav .link-menu-item:hover>.header__dropdownmenu {
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
}
#headerNav .header__dropdownmenu {
  position: fixed;
  border-radius: 1rem;
  padding: 1rem 2rem;
  background: #FFF;
  top: 0;
  --frg: 0;
  z-index: 99999999999999999999;
  flex-shrink: 0;
  width: fit-content;
  top: 129px;
  border-top-left-radius: 0;
  filter: drop-shadow(2px 2px 2px var(--t-cp));
}
#headerNav .header__dropdownmenu a {
  --p: 0;
  --cs: #000 !important;
  cursor: pointer;
}
#headerNav .header__dropdownmenu a:hover {
  --cs: var(--t-cp) !important;
}

.mobileHeader_cont > nav > ul {
  gap: 20px;
}

.mobile__dropdown {
  position: relative;
  --fw-s: 700;
  font-size: 24px;
  display: flex;
  width: 100%;
  justify-content: flex-end;
  align-items: center;
}

.mobile__dropdown > div {
  margin-right: 15px;
}

/**
.mobile__dropdown {
  position: relative;
  --fw-s: 400;
  display: block;
  width: 100%;
}
**/
.mobile__dropdown:hover {
  /*--fw-s: 700;*/
}
.mobile__dropdown::after {
  content: "";
  /*position: absolute;*/
  top: 0.25em;
  right: 0;
  height: 0.8em;
  width: 0.8em;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='13' height='14' viewBox='0 0 13 14' fill='none'%3E%3Cpath d='M12.2734 5.49609V8.4375H0.578125V5.49609H12.2734ZM8.03125 0.867188V13.2891H4.83203V0.867188H8.03125Z' fill='%23121212'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-size: cover;
  transition: all 0.3s ease;
}
.mobile__dropdown.active {
  --cs: var(--t-cp);
}
.mobile__dropdown.active::after,
.mobile__dropdown:hover::after {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='13' height='13' viewBox='0 0 13 13' fill='none'%3E%3Cpath d='M12.2734 4.62891V7.57031H0.578125V4.62891H12.2734ZM8.03125 0V12.4219H4.83203V0H8.03125Z' fill='%23E7872B'/%3E%3C/svg%3E");
}
.mobile__dropdown.active::after,
.mobile__dropdown.active:hover::after {
  transform: rotate(45deg);
}
.mobile__dropdown + ul {
  padding-left: 1.0rem;
  text-align: right;
}
.mobile__dropdown + ul > li > a:hover {
  --fw-s: 500;
  --cs: var(--t-cp);
}
.mobile__dropdown + ul > li > a {
  --fw-s: 400;
  --p: .25rem 0;
  display: block;
  width: 100%;
  padding: 10px 20px 10px 10px;
  border-bottom: 1px solid #E0E0E0;
  background: rgba(255,255,255,0.5);
}
.mobile__dropdown + ul > li > a:hover {
  border-bottom: 1px solid var(--t-cp);
  --cs: var(--t-cp);
}
7685 {
  --fw-s: 700;
  border-bottom: 2px solid var(--t-cp);
  --p: 0 0 .25rem 0;
}
.mobile__dropdown.active + ul {
  display: block;
}
.header__menu a.active::after,
.header__menu a:hover::after {
  content: "";
  position: absolute;
  bottom: -1px;
  width: 100%;
  left: 0;
  height: 4px;
  background: var(--t-cp);
}
.hs_cos_wrapper_type_richtext ul{--p:0 0 0 1.7rem}
.hs_cos_wrapper_type_richtext ul li:before {
  content: '';
  display: block;
  position: absolute;
  left: -1.7rem;
  top: 4px;
  width: 0.3125rem;
  height: 0.6875rem;
  border-width: 0 0.1875rem 0.1875rem 0;
  border-style: solid;
  border-color: rgb(230, 145, 56);
  transform-origin: bottom left;
  transform: rotate(45deg);
}
details>summary,dl{
  list-style:none
}
summary::marker,
summary::-webkit-details-marker{
  display:none
}
hr{box-sizing:content-box;height:0;border:0;border-bottom:1px solid var(--t-cs)}
table{border-collapse:collapse;border-spacing:0}
pre{overflow:auto;tab-size:4}
pre,code,output,samp,kbd{--fs:1em;--ffs:SfMono-Regular,Consolas,"Roboto Mono","Ubuntu Monospace","Noto Mono","Oxygen Mono",Menlo,Monaco,"Liberation Mono","Lucida Console",monospace,monospace}
.form--card {
  padding: 2.8125rem;
  border-radius: 1rem;
}
.hs-form-field,form .hs-richtext{--m:0 0 var(--mt-s,1.4rem) 0}
/*form .hs-richtext{--m:-.5ex 0 var(--mt-s,1.4rem) 0}*/
label{--m:0 0 .35rem 0}
.hs-input {
  background-color: #FFF;
  border:3px solid var(--t-cs);
  --br:6px;
  --fs:.875rem;
  --pv:8;
}
[type^=se]{-webkit-appearance:textfield;outline-offset:-2px}
::-webkit-search-decoration{-webkit-appearance:none}
::-webkit-file-upload-button{-webkit-appearance:button}
textarea{min-height:6.25rem;overflow-y:auto}
select{background:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='4'%3E%3Cpath d='M4 0h6L7 4'/%3E%3C/svg%3E") no-repeat right center / 2em}
select[multiple]::after{content:none}
/* Checkboxes and radios */
[type^=ch],[type$=io]{
  width:1.5em;
  height:1.5em;
  --miw:0;
  --p:0;
  -moz-appearance: auto;
  -webkit-appearance: auto;
  appearance: auto;
  accent-color: var(--t-cp);
}
.br50,[type$=io],[type$=io]::before {
  border-radius: 50%;
}

[type^=su]{width:100%}
.legal-consent-container{--fs:.85rem;--mt-s:.8rem}
.legal-consent-container .hs-form-booleancheckbox-display>span{margin:0 !important}
.hs-error-msg{--cs:var(--t-ce);--m:.35rem 0 0 0}
a,button,.btn,[type^=su],[aria-controls]{cursor:pointer}
button:hover,.btn:hover,[type^=su]:hover{opacity:.8}
.btn--secondary:hover{
  --bi:var(--bi-p);
  --bc:var(--t-cp);--boc:var(--bc);--c:#FFF;
}

::-moz-selection{text-shadow:none;background:var(--t-cp);color:#FFF}
::selection{text-shadow:none;background:var(--t-cp);color:#FFF}
::-moz-focus-inner{border:0 !important}
:-moz-focusring{outline:1px dotted ButtonText !important}
:-moz-ui-invalid{box-shadow:none}
.error{--ring-color:red}
.error,:focus{box-shadow:var(--ring)}
:focus:not(:focus-visible){box-shadow:none}
:focus-visible{box-shadow:var(--ring)}
[tabindex="-1"]:focus{outline:0}
[aria-busy^=t]{cursor:progress}
[aria-current^=p]{}
[aria-disabled^=t],[disabled]{cursor:not-allowed;opacity:.5}
.btn:not(a) {
  cursor: default;
}
label.form-label {
  font-weight: bold;
}
.btn:not(a):hover,.btn:not(button):hover {
  opacity: 1;
}
a,.cta_button,button,.ctas > .btn {
  cursor: pointer;
}
.ctas > .btn:hover
/*.ctas > .btn--play:hover * */
{
  opacity:  0.8;
  border: 1px solid #ffffff;
}
.card-slider__item>div {
  box-shadow: 4px 4px 11px rgb(98 67 41 / 20%);
  --p: 4rem 2.5rem;
  border-radius: 1rem;
  align-self: stretch;
  background: #FFF;
}
.card-slider__content{
  --p:0 1.5625rem 0 0;
}

.swiper-button-prev,
.swiper-button-next {
  width: 60px;
  height: 60px;
  color: #FFF;
  filter: drop-shadow(0 0 4px #000);
  top: 6px !important;
  right: 120px;
  left: initial;
  position: absolute;
  background-color: var(--t-cp);
  background-image: var(--bi-p);
  border-radius: 50%;
  --miw: 0;
  z-index: 9 !important;
}
.swiper-button-prev:disabled,
.swiper-button-next:disabled,
.swiper-button-prev[disabled],
.swiper-button-next[disabled] {
  opacity: 1;
  background-color: lightgray;
}
.swiper-button-next {
  right: 40px;
}
.swiper-button-prev svg {
  transform: translate(-4px,-50%) scaleX(-1) !important;
}
.swiper-button-next::after,
.swiper-button-prev::after {
  --fs: 1.4rem;
  --fw: 900;
  margin-left: -6px;
  text-shadow: 1px 0 1px #000;
}
.swiper-button-next::after {
  margin-left: 6px;
}

.blog-post__card {
  background: #FFF;
  /*align-self: stretch;*/
  border-radius:1rem;
  box-shadow:2px 2px 6px rgba(0,0,0,0.4);
  /*min-width:19.0625rem;*/
  overflow:hidden;
}
.blog-post__card-summary{--m:1rem 0}
.blog-post__card-link {
  align-self:flex-start;
  --c:var(--t-cp);
  display: inline-block;
  --m:auto 0 0 0;
  min-width: auto;
  transition: all ease-in-out .4s;
}
.blog-post__card-link::after {
  content: "";
  position: absolute;
  right: -3ch;
  bottom: 0;
  transition: all ease-in-out .4s;
  width: 1em;
  height: 1em;
  background: url(https://7319095.fs1.hubspotusercontent-na1.net/hubfs/7319095/Mercury%202021%20Assets/right-orange%20arrow.svg) no-repeat;
  filter: hue-rotate(381deg) brightness(1.5);
  top: 0.5em;
}
.blog-post__card-link:hover::after{right:-3.5ch}
.blog-post__content{
  --p:2.0rem;
  margin-top: calc(-1rem * (var(--frg) / 16));
}
.full-bleed {
  width: 100vw;
  left: 50%;
  right: 50%;
  margin-left: -50vw;
  margin-right: -50vw;
}
.current-stats {
  background:var(--t-cp);
  background-image:var(--bi-p);
  --cs:#FFF;
  --p:1.25rem;
}
.clinic-stat {
  position: relative;
  background: #FFF;
  border-radius: 6px;
  filter: drop-shadow(1px 1px 6px rgba(0, 0, 0, 0.6));
  padding: 15px 20px;
}
.clinic-stat:hover {
  opacity: 0.8;
}
.clinic-stat>:first-child {
  --frg:5;
}
table td {
  background: #FFF;
}
.stat {
  color: #FFF;
  height: 100%;
  text-shadow: 1px 1px 4px #000;
  min-width: 2.5ch;
  z-index: 2;
}
.stat::before {
  z-index: -1;
  content: "";
  width: 6ch;
  height: 100%;
  background-color: var(--bc,var(--t-cp));
  --bi: var(--bi-p);
  background-image: var(--bi);
  position: absolute;
  top: 0;
  right: 0;
  clip-path: ellipse(67% 94% at 77% 72%);
  border-radius: 6px;
}
.stat--r::before {
  --bc: var(--cr);
  --bi: var(--bi-r);
}
.stat--y::before {
  --bc: var(--cy);
  --bi: var(--bi-y);
}
.stat--g::before {
  --bc: var(--cg);
  --bi: var(--bi-g);
}

#mobileHeaderTrigger:hover span{--bc:#000}
#mobileHeaderTrigger.active span{--bc:var(--t-cp)}
#mobileHeaderTrigger.active:hover span{opacity:.8}
.header__hat a:hover{--c-s:var(--t-cp);text-decoration:underline}
.magnifying-glass {
  display: flex;
  align-items:center;
  position: absolute;
  bottom: 20px;
  right: 20px;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  font-size: 1rem;
  line-height: 0;
  background: #FFF;
  border: 1px solid var(--t-cp);
  filter: drop-shadow(2px 4px 4px black);
  cursor: zoom-in;
  z-index: 1;
}

.fancybox__backdrop {
  background: rgba(0, 0, 0, 0.8) !important;
}
.has-image .fancybox__content {
  background: #FFF !important;
  border-radius: 1rem !important;
}

.fancybox__image[style*="width"] {
  border-radius: 1rem !important;
  box-shadow: 0px 1px 9px 0px #868f9a !important;
  width: 37.5rem;
}

.modal {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 999;
}
.modal::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0,0,0,0.8);
  z-index:-1;
}

#primarynavbar > #mobileHeader {
  background-image: url('https://22458517.fs1.hubspotusercontent-na1.net/hubfs/22458517/Mobile%20Menu_background.jpg');
  height: 100vh;

}

#mobileHeader {
  top: 120px;
    left: 0;
    right: 0;
    width: 100%;
    max-height: 100%;
    overflow-y: auto;
    background: #FFF;
    z-index: 999999;
    border-top: 1px solid rgba(0, 0, 0, 0.1);
    transition: transform 0.3s ease; /* Added transition property */

}

.mobileHeader_cont {
   display: flex;
    flex-direction: column;
    gap: 15px;
    width: 93%;
    float: right;
    padding: 40px 15px;
    background: rgba(255, 255, 255, 0.85);
    box-shadow: -4px 0px 4px rgba(189, 189, 189, 0.12);
    transition: transform 0.3s ease; /* Added transition property */

}

.mobileHeader_cont > picture {
  float: right;
}

.mobile_cta {
font-family: 'Roboto';
  font-style: normal;
  font-weight: bold;
  font-size: 15px;
  line-height: 18px;
  leading-trim: both; 
  text-edge: cap; 
  display: flex; 
  align-items: center; 
  letter-spacing: 0.03em; 
  text-decoration-line: underline; 
  text-transform: capitalize; 
  color: #e7872b;

}
#mobileHeader #mobileHeaderCTASBottom>div{width:50%}
@media(max-width:25.0em){
  #mobileHeader #mobileHeaderCTASBottom{flex-direction:column;gap:1.5rem}
  #mobileHeader #mobileHeaderCTASBottom>div{width:100%}
}


.footer a:hover {
  text-decoration: underline;
  --cs: var(--t-cp);
}






.faq>summary{
  cursor: pointer;
  --p:0 0 0.9375rem 0;
  border-bottom:2px solid rgb(0 0 0 / 8%)
}
.faq>summary::after{
  content: "";
  width: 1em;
  --h: 1em;
  height: var(--h);
  position: absolute;
  right: 0;
  top: calc(50% - 0.9375rem) !important;
  background: var(--bc,#000);
  transform: translateY(-25%);
}
.faq[open]>summary {
  --cs: var(--t-cp);
}
.faq[open]>summary + div {
  --rg: calc(var(--frg) / 16 * 1rem);
  margin-top: var(--rg);
  display: flex;
  flex-direction: column;
  row-gap: calc(var(--rg) / 2);
}
.faq[open]>summary::after{
  content: "";
  width: 1em;
  --h: 1em;
  height: var(--h);
  position: absolute;
  right: 0;
  top: initial !important;
  background: var(--t-cp);
  transform: initial;
  bottom: calc(0.9375rem + 0.1875rem + .75em);
}
.faq:not([open])>summary::after{
  --b:3px;
  aspect-ratio:1/1;
  --c: #000;
  --bc:conic-gradient(from 90deg at var(--b) var(--b),#fff 90deg,var(--c) 0) calc(100% + var(--b)/2) calc(100% + var(--b)/2)/calc(50%  + var(--b))   calc(50%  + var(--b))
}
.faq>summary:not([open]):hover::after {
  --c: var(--t-cp);
}
.faq>summary:not([open]):hover {
  --cs: var(--t-cp);
}
.faq[open]>summary::after{--h:0.1875rem;--c: var(--t-cp)}
/*
.heatmap-grade__wrapper{background-image:linear-gradient(to right,red,orange,yellow,lightgreen,green);height:50px;border-radius:2rem}
.heatmap-grade__legend{--p:0 2.5rem}
.heatmap-grade__legend>span{--c:#FFF;text-shadow:1px 1px 3px #000;--fs:1.125rem;letter-spacing:.02em}
*/
.numbered-list {
  list-style:initial !important;
  counter-reset:numberedlist;
  text-align: left !important;
}
.numbered-list li {
  counter-increment:numberedlist;
  position:relative;
  padding-left: 7ch;
  --frg: 10;
  --fcg: 10;
}
.numbered-list li > div:first-child,
.numbered-list li > div:first-child * {
  font-weight: bold;
}
.numbered-list li,
.numbered-list li * {
  text-align: left !important;
}
.numbered-list li::before {
  content: counter(numberedlist);
    font-size: 4.5rem;
    color: var(--t-cp);
    font-weight: bold;
    position: absolute;
    top: 0;
    left: 0;
    transform: translateY(-20%);
}
#headerNav > ul > li {
  position: relative;
}
#headerNav .header__dropdownmenu {
  position: absolute;
  top: calc(1.5625rem * 2 + 1em + 2px);
  left: 0;
  white-space: nowrap;
}
.quote{
  padding: 4rem;
  box-shadow: rgb(0 0 0 / 15%) 0px 4px 10px 0px;
  border: 4px solid var(--t-cp);
  border-radius: 1rem;
}
body table {
  width: 100%;
  border-collapse: initial !important;
  border: 0 !important;
  height: auto !important;
}
thead > tr {
  background: var(--t-cp);background-image: var(--bi-p);
  color: #FFF;
}
thead th {
  color: #FFF !important;
  font-weight: bold !important;
  padding: 15px 20px !important;
  text-align: left !important;
  --fsd: 1.25;
  --fsm: 1;
}
thead > tr > th:first-child {
  border-top-left-radius: 1rem !important;
}
thead > tr > th:last-child {
  border-top-right-radius: 1rem !important;
}
tbody > tr:last-child > td:first-child {
  border-bottom-left-radius: 1rem !important;
}

tbody {
  border-left: 0.5px solid #cecccc !important;
  border-right: 0.5px solid #cecccc !important;
  border-bottom: 0.5px solid #cecccc !important;

}

tbody > tr:last-child > td:last-child {
  border-bottom-right-radius: 1rem !important;
}
thead tr * {
  color: #FFF !important;
  font-weight: bold !important;
}
thead tr th {
  /*border-top: 1px solid #000 !important;*/
}
tbody > tr > td {
  border-bottom: 1px solid #000 !important;
}
tr > th,
tr > td {
  border-right: 1px solid #000 !important;
}
tr > th:first-child,
tr > td:first-child {
  border-left: 1px solid #000 !important;
}
tbody > tr:last-child > td {
  border-bottom: 1px solid #000 !important;
}
tr > th:last-child,
tr > td:last-child {
  border-right: 1px solid #000 !important;
}
td {
  text-align: left !important;
  padding: 20px !important;
  vertical-align: top !important;
}
th {
  padding: 40px 20px;
}
td >*+*,th>*+* {
  margin-top: .66rem;
}
hr {
  width: 100%;
}
ol:not([class]) {
  list-style: auto;
  list-style-position: inside;
}
@keyframes pulse {
  0% {
    transform: translateY(-50%) translateZ(0) scale(1);
    opacity: 1;
  }
  100% {
    transform: translateY(-50%) translateZ(0) scale(1.5);
    opacity: 0;
  }
}
@media (prefers-reduced-motion: no-preference) {
  .btn--play::before {
    animation:pulse 1.5s ease-out infinite;
  }
  [data-anim],
  [data-anim]::before,
  [data-anim]::after{
    animation-play-state:var(--aps,running)
  }
  [data-anim]:not(.visible),
  [data-anim]:not(.visible)::before,
  [data-anim]:not(.visible)::after{
    --aps:paused
  }
}