/* Heading text */
@font-face {
  font-family: "Founders Grotesk Condensed";
  src: url("https://www.breathehr.com/hubfs/blend01/Pages/Brand%20refresh/founders-grotesk-condensed-semibold.woff2") format("woff2"), url("https://www.breathehr.com/hubfs/blend01/Pages/Brand%20refresh/FoundersGroteskCondensed-Semibold.otf") format("otf");
  font-display: swap;
  font-style: normal;
  font-weight: 600;
}
/* latin */
@font-face {
  font-family: "Rubik";
  font-style: italic;
  font-weight: 300;
  font-display: swap;
  src: url(https://www.breathehr.com/hubfs/Fonts/Rubik-LightItalic.ttf) format("truetype");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* latin */
@font-face {
  font-family: "Rubik";
  font-style: italic;
  font-weight: 500;
  font-display: swap;
  src: url(https://www.breathehr.com/hubfs/Fonts/Rubik-MediumItalic.ttf) format("truetype");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* latin */
@font-face {
  font-family: "Rubik";
  font-style: italic;
  font-weight: 700;
  font-display: swap;
  src: url(https://www.breathehr.com/hubfs/Fonts/Rubik-BoldItalic.ttf) format("truetype");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* latin */
@font-face {
  font-family: "Rubik";
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url(https://www.breathehr.com/hubfs/Fonts/Rubik-Light.ttf) format("truetype");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* latin */
@font-face {
  font-family: "Rubik";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://www.breathehr.com/hubfs/Fonts/Rubik-Regular.ttf) format("truetype");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* latin */
@font-face {
  font-family: "Rubik";
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(https://www.breathehr.com/hubfs/Fonts/Rubik-Medium.ttf) format("truetype");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* latin */
@font-face {
  font-family: "Rubik";
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(https://www.breathehr.com/hubfs/Fonts/Rubik-Bold.ttf) format("truetype");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
.hs-tools-menu li:before {
  content: none !important;
}

html {
  scroll-behavior: smooth;
}

[id] {
  scroll-snap-margin-top: 240px;
  scroll-margin-top: 240px;
}

.max-center {
  position: relative;
  max-width: 2000px;
  margin: 0 auto;
}

.page-center {
  max-width: 1240px;
  margin: 0 auto;
  padding: 0 30px;
  box-sizing: border-box;
}

img {
  height: auto;
  max-width: 100%;
}

.hs-embed-wrapper {
  max-width: none !important;
  max-height: none !important;
}

#CybotCookiebotDialogTabContent .CybotCookiebotDialogBodyLevelButtonSlider:before {
  top: unset;
  border: none;
}

#CybotCookiebotDialogTabContent .CybotCookiebotDialogBodyLevelButtonSlider:after {
  content: none;
}

#CybotCookiebotDialog input[type=checkbox] {
  display: inline-block;
}

/* legacy style custom classes */
.section {
  padding-top: 90px;
}

.indent {
  margin-left: 50px;
}

.flex {
  display: flex;
}

.flex-wrap {
  display: flex;
  flex-wrap: wrap;
}

@media only screen and (max-width: 767px) {
  .section {
    padding: 30px 0 50px 0 !important;
  }
  .indent {
    margin-left: 0px;
  }
}
.bg-dark-blue {
  background-color: #232323;
}

body .txt-dark-blue {
  color: #232323;
}

.bg-mid-blue {
  background-color: #1370ED;
}

body .txt-mid-blue {
  color: #1370ED;
}

.bg-light-grey {
  background-color: #ECECEF;
}

body .txt-light-grey {
  color: #ECECEF;
}

.bg-white {
  background-color: #ffffff;
}

.bg-gray {
  background-color: #F8F8F8;
}

body .txt-white {
  color: #ffffff;
}

.bg-light-blue {
  background-color: #01BFFF;
}

body .txt-light-blue {
  color: #01BFFF;
}

.bg-green {
  background-color: #26D07C;
}

body .txt-green {
  color: #26D07C;
}

.bg-red {
  background-color: #FF585D;
}

body .txt-red {
  color: #FF585D;
}

.bg-yellow {
  background-color: #F4DA40;
}

body .txt-yellow {
  color: #F4DA40;
}

.bg-blue-grey {
  background-color: #E6EDF7;
}

body .txt-blue-grey {
  color: #E6EDF7;
}

.bg-dark-grey {
  background-color: #586576;
}

body .txt-dark-grey {
  color: #586576;
}

.bg-border-dark-blue {
  background-color: #00303F;
}

body .txt-border-dark-blue {
  color: #00303F;
}

.bg-error-red {
  background-color: #EC0000;
}

body .txt-error-red {
  color: #EC0000;
}

.bg-deep-blue {
  background-color: #004CA8;
}

body .txt-deep-blue {
  color: #004CA8;
}

.bg-call-out-blue {
  background-color: #D3E1F9;
}

body .txt-call-out-blue {
  color: #D3E1F9;
}

.bg-sky-blue {
  background-color: #D0E2FB;
}

body .txt-sky-blue {
  color: #D0E2FB;
}

.bg-off-white {
  background-color: #F3EDE7;
}

body .txt-off-white {
  color: #F3EDE7;
}

.bg-dark-teal {
  background-color: #003E51;
}

body .txt-dark-teal {
  color: #003E51;
}

.bg-green-pop {
  background-color: #AAFF76;
}

body .txt-green-pop {
  color: #AAFF76;
}

.bg-calm-violet {
  background-color: #D8C0FF;
}

body .txt-calm-violet {
  color: #D8C0FF;
}

:root {
  --dark-blue: #232323;
  --mid-blue: #1370ED;
  --light-grey: #ECECEF;
  --white: #ffffff;
  --light-blue: #01BFFF;
  --green: #26D07C;
  --red: #FF585D;
  --yellow: #F4DA40;
  --blue-grey: #E6EDF7;
  --dark-grey: #586576;
  --border-dark-blue: #00303F;
  --error-red: #EC0000;
  --deep-blue: #004CA8;
  --call-out-blue: #D3E1F9;
  --sky-blue: #D0E2FB;
  --off-white: #F3EDE7;
  --dark-teal: #003E51;
  --green-pop: #AAFF76;
  --calm-violet: #D8C0FF;
}

* {
  font-variant-ligatures: none;
}

html,
body,
body p {
  color: var(--dark-blue);
  font-family: "Rubik", sans-serif !important;
  font-weight: 400;
  font-size: 18px;
  line-height: 25.2px;
  letter-spacing: -0.01em;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

body p,
body h1,
body h2,
body h3,
body h4,
body h5,
body h6 {
  padding: 0;
  margin: 0;
}

body h1:last-child,
body h1:only-child,
body h2:last-child,
body h2:only-child,
body h3:last-child,
body h3:only-child,
body h4:last-child,
body h4:only-child,
body h5:last-child,
body h5:only-child,
body h6:last-child,
body h6:only-child,
body p:last-child,
body p:only-child {
  margin-bottom: 0;
}

body h1,
.h1-style,
.h1-style h1 {
  color: var(--dark-blue);
  font-family: "Founders Grotesk Condensed";
  font-weight: 600;
  font-size: 68px;
  line-height: 68px;
  letter-spacing: -0.02em;
  margin-bottom: 16px;
}

body h2,
.h2-style,
.h2-style h2 {
  color: var(--dark-blue);
  font-family: "Founders Grotesk Condensed";
  font-weight: 600;
  font-size: 52px;
  line-height: 52px;
  letter-spacing: -0.01em;
  margin-bottom: 12px;
}

body h3,
.h3-style,
.h3-style h3 {
  color: var(--dark-blue);
  font-family: "Founders Grotesk Condensed";
  font-weight: 600;
  font-size: 40px;
  line-height: 40px;
  letter-spacing: -0.01em;
  margin-bottom: 12px;
}

body h4,
.h4-style,
.h4-style h4 {
  color: var(--dark-blue);
  font-family: "Founders Grotesk Condensed";
  font-weight: 600;
  font-size: 36px;
  line-height: 36px;
  letter-spacing: -0.01em;
  margin-bottom: 12px;
}

body h5,
.h5-style,
.h5-style h5 {
  color: var(--dark-blue);
  font-family: "Rubik", sans-serif;
  font-weight: 600;
  font-size: 24px;
  line-height: 33.6px;
  letter-spacing: -0.01em;
  margin-bottom: 8px;
}

body h6,
.h6-style,
.h6-style h6 {
  color: var(--mid-blue);
  font-family: "Rubik", sans-serif;
  font-weight: 500;
  font-size: 20px;
  line-height: 28px;
  letter-spacing: -0.01em;
  margin-bottom: 8px;
}

body p,
.p-style,
.p-style p {
  font-size: 18px;
  font-weight: 400;
  line-height: 25.2px;
  letter-spacing: -0.01em;
  margin-bottom: 12px;
}

body p.small,
.p-small-style,
.p-small-style p {
  font-size: 16px;
  font-weight: 400;
  line-height: normal;
}

body p.large,
.p-large-style,
.p-large-style p {
  font-size: 24px;
  font-weight: 400;
  line-height: normal;
  letter-spacing: -0.72px;
}

body p.medium,
.p-medium-style,
.p-medium-style p {
  font-size: 20px;
  font-weight: 400;
  line-height: 140%;
  letter-spacing: -0.8px;
}

body p + h2,
body p + h3,
body p + h4,
body p + h5,
body p + h6 {
  margin-top: 16px;
}

body strong {
  font-weight: 500;
}

body h3 strong {
  font-weight: 600;
}

body a {
  text-decoration: none;
}

body p a,
body li a,
body ol a {
  color: var(--dark-blue);
  text-decoration: underline;
  font-weight: 500;
}

body p a:hover,
body li a:hover,
body ol a:hover {
  color: var(--dark-blue);
  text-decoration: none;
}

body ::-moz-selection {
  background: var(--dark-blue);
  color: var(--white);
}

body ::selection {
  background: var(--dark-blue);
  color: var(--white);
}

body ::-moz-selection {
  background: var(--dark-blue);
  color: var(--white);
}

@media only screen and (max-width: 575px) {
  body h1,
  .h1-style,
  .h1-style h1 {
    font-size: 48px;
    line-height: 48px;
    letter-spacing: -0.01em;
  }
  body h2,
  .h2-style,
  .h2-style h2 {
    font-size: 36px;
    line-height: 36px;
  }
  body h3,
  .h3-style,
  .h3-style h3 {
    font-size: 32px;
    line-height: 32px;
  }
  body h4,
  .h4-style,
  .h4-style h4 {
    font-size: 24px;
    line-height: 28.8px;
  }
  body h5,
  .h5-style,
  .h5-style h5 {
    font-size: 20px;
    line-height: 28px;
    letter-spacing: -0.03em;
  }
  body h6,
  .h6-style,
  .h6-style h6 {
    letter-spacing: -0.03em;
  }
  body p.large,
  .p-large-style,
  .p-large-style p {
    font-size: 20px;
    letter-spacing: -0.6px;
  }
  body p.medium,
  .p-medium-style,
  .p-medium-style p {
    font-size: 18px;
  }
}
h3.form-title {
  display: none;
}

body form fieldset {
  max-width: none !important;
  padding: 0;
  margin: 0;
  border: none;
}

body form .form-columns-2 {
  display: flex;
  -moz-column-gap: 22px;
       column-gap: 22px;
}

body form .form-columns-2 .hs-form-field {
  width: 100%;
}

body form .hs-form-field {
  margin-bottom: 16px;
}

body form .hs-form-field.hs-fieldtype-checkbox,
body form .hs-form-field.hs-fieldtype-radio {
  margin-bottom: 25px;
}

body form ul {
  padding: 0;
  margin: 0;
}

body form ul > li {
  font-weight: 400;
  font-size: 18px;
  line-height: 19px;
  padding: 0;
}

body form ul > li:before,
body form ul > li:after {
  content: none;
}

body form ul li:not(:last-child):not(:only-child) {
  margin-bottom: 20px;
}

body form .hs-form-field > label {
  display: block;
  color: var(--dark-grey);
  font-family: "Rubik", sans-serif;
  font-weight: 400;
  font-size: 16px;
  line-height: 19px;
  margin-bottom: 6px;
}

body form .hs-fieldtype-checkbox > label,
body form .hs-fieldtype-radio > label {
  margin-bottom: 12px;
}

body form label .hs-form-required {
  display: inline-block;
  color: var(--mid-blue);
}

body form .input {
  margin-right: 0 !important;
}

input[type=text],
input[type=password],
input[type=datetime],
input[type=datetime-local],
input[type=date],
input[type=month],
input[type=time],
input[type=week],
input[type=number],
input[type=email],
input[type=url],
input[type=search],
input[type=tel],
input[type=color],
input[type=file],
textarea,
select {
  -webkit-appearance: none;
  -moz-appearance: none;
  color: var(--dark-blue);
  font-family: "Rubik", sans-serif;
  font-weight: 400;
  font-size: 18px;
  line-height: 19px;
  width: 100% !important;
  padding: 11px 16px !important;
  border: 1px solid var(--dark-grey);
  border-radius: 4px;
  background-color: var(--blue-grey);
}

input[type=text]:focus,
input[type=password]:focus,
input[type=datetime]:focus,
input[type=datetime-local]:focus,
input[type=date]:focus,
input[type=month]:focus,
input[type=time]:focus,
input[type=week]:focus,
input[type=number]:focus,
input[type=email]:focus,
input[type=url]:focus,
input[type=search]:focus,
input[type=tel]:focus,
input[type=color]:focus,
input[type=file]:focus,
textarea:focus,
select:focus {
  border: 2px solid var(--dark-blue);
  outline: none;
}

input[type=text].invalid.error,
input[type=password].invalid.error,
input[type=datetime].invalid.error,
input[type=datetime-local].invalid.error,
input[type=date].invalid.error,
input[type=month].invalid.error,
input[type=time].invalid.error,
input[type=week].invalid.error,
input[type=number].invalid.error,
input[type=email].invalid.error,
input[type=url].invalid.error,
input[type=search].invalid.error,
input[type=tel].invalid.error,
input[type=color].invalid.error,
input[type=file].invalid.error,
textarea.invalid.error,
select.invalid.error {
  border: 2px solid #EC0000;
}

textarea {
  min-height: 150px;
  max-height: 300px;
}

select {
  background-image: url(https://www.breathehr.com/hubfs/blend01/Pages/Typography/dropper-active.svg);
  background-repeat: no-repeat;
  background-position: top 16px right 20px;
}

body form input[type=file] {
  padding: 6px 16px !important;
}

body form input[type=file]::file-selector-button,
body form input[type=file]::-webkit-file-upload-button {
  border: none;
  color: var(--white);
  padding: 5px 20px;
  background-color: var(--mid-blue);
  box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.05);
  border-radius: 4px;
}

body form input[type=file] {
  color: var(--dark-grey) !important;
}

body form select option[value=""][disabled] {
  display: none;
}

body form .input ul.multi-container {
  padding-left: 20px;
}

body form .input .hs-fieldtype-checkbox li,
body form .input .hs-form-radio li {
  margin-bottom: 20px;
}

body form .input label > span.custom-checkbox {
  display: none;
}

body form .input label > input[type=checkbox],
body form .input label > input[type=radio] {
  -webkit-appearance: none;
  display: none;
}

body form .input label > input[type=checkbox] ~ span,
body form .input label > input[type=radio] ~ span {
  position: relative;
  display: block;
  color: var(--dark-blue);
  font-family: "Rubik", sans-serif;
  font-weight: 400;
  font-size: 18px;
  line-height: 19px;
  cursor: pointer;
  padding-left: 30px;
  margin: 0;
}

body form .input label > input[type=checkbox] ~ span:before,
body form .input label > input[type=radio] ~ span:before {
  content: "";
  position: absolute;
  top: 0px;
  left: 0;
  height: 20px;
  width: 20px;
}

body form .input label > input[type=checkbox] ~ span:before,
body form .input label > input[type=radio] ~ span:before {
  border: 1px solid var(--dark-grey);
  background-color: transparent;
}

body form .input label > input[type=checkbox] ~ span:before {
  border-radius: 4px;
}

body form .input label > input[type=radio] ~ span:before {
  border-radius: 50%;
}

body form .input label > input[type=checkbox]:checked ~ span:before,
body form .input label > input[type=radio]:checked ~ span:before,
body form .legal-consent-container .input label > input[type=checkbox]:checked + span:before {
  border-color: var(--mid-blue);
  background-color: var(--mid-blue);
}

body form .input label > input[type=checkbox]:checked ~ span:after {
  content: url(https://www.breathehr.com/hubfs/blend01/Pages/Typography/Vector-616.svg);
  position: absolute;
  top: 4px;
  left: 4px;
  line-height: 1px;
}

body form .input label > input[type=radio]:checked ~ span:after {
  content: "";
  position: absolute;
  top: 5px;
  left: 5px;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background-color: var(--white);
}

body form ::-webkit-input-placeholder {
  color: var(--dark-grey);
}

body form ::-moz-placeholder {
  color: var(--dark-grey);
}

body form :-ms-input-placeholder {
  color: var(--dark-grey);
}

body form :focus::-webkit-input-placeholder {
  color: var(--dark-grey);
}

body form :focus::-moz-placeholder {
  color: var(--dark-grey);
}

body form :focus:-ms-input-placeholder {
  color: var(--dark-grey);
}

body form select.is-placeholder {
  color: var(--dark-grey);
}

body form .legal-consent-container .hs-richtext,
body form .legal-consent-container .hs-richtext p,
body form .legal-consent-container *,
body form .legal-consent-container .input label > input[type=checkbox] + span {
  color: var(--dark-grey);
  font-family: "Rubik", sans-serif;
  font-weight: 300;
  font-size: 16px;
  line-height: 22px;
  margin-bottom: 0;
}

body form .legal-consent-container .input label > input[type=checkbox] + span {
  padding-left: 36px;
}

body form .legal-consent-container .input label > input[type=checkbox] + span:before {
  height: 15px;
  width: 15px;
  background-color: var(--blue-grey);
  left: 10px;
  top: 3px;
}

body form .legal-consent-container .input label > input[type=checkbox]:checked + span:after {
  content: url(https://www.breathehr.com/hubfs/blend01/Pages/Typography/smalltick.svg);
  left: 13px;
  top: 6px;
}

body form .legal-consent-container :not(:last-child) {
  margin-bottom: 10px;
}

body form .legal-consent-container .hs-richtext p a {
  text-decoration: underline;
}

body form .legal-consent-container .hs-richtext p a:hover {
  text-decoration: none;
}

body form input[type=submit] {
  -webkit-appearance: none;
  font-family: "Rubik", sans-serif;
  color: var(--white);
  background: var(--mid-blue);
  font-weight: 400;
  font-size: 18px;
  letter-spacing: -0.18px;
  line-height: normal;
  padding: 12px 30px;
  border-radius: 37px;
  text-align: center;
  border: 1px solid var(--mid-blue);
  display: inline-block;
  text-decoration: none;
  cursor: pointer;
  transition: all 0.25s ease;
  margin-top: 16px;
}

body form input[type=submit].green-solid {
  background: var(--green);
  border: 1px solid var(--green);
}

body form input[type=submit].green-solid:hover {
  color: var(--green);
}

body form input[type=submit]:hover {
  background: var(--deep-blue);
  border: 1px solid var(--white);
}

body form ul.hs-error-msgs {
  margin: 8px 0 0;
  padding-left: 24px;
  position: relative;
}

body form ul.hs-error-msgs:before {
  content: url(https://www.breathehr.com/hubfs/blend01/Pages/Typography/alert-error-message-icon.svg);
  left: 0;
  top: 0px;
  position: absolute;
  line-height: 1px;
}

body form ul.hs-error-msgs li {
  padding: 0;
  margin: 0;
}

body form ul.hs-error-msgs li:not(:last-child):not(:only-child) {
  margin-bottom: 10px;
}

body form ul.hs-error-msgs li:before,
body form ul.hs-error-msgs li:after {
  content: none;
}

body form ul.hs-error-msgs li:not(:last-child) {
  margin-bottom: 10px;
}

body form ul.hs-error-msgs li label {
  color: #EC0000;
  font-family: "Rubik", sans-serif;
  font-weight: 400;
  font-size: 16px;
  line-height: 19px;
}

#hs_form_target_blog_subscribe_ {
  overflow: unset;
}

.submitted-message {
  color: var(--dark-blue);
  font-family: "Rubik", sans-serif;
  font-weight: 300;
  font-size: 18px;
  line-height: 28px;
  letter-spacing: -0.04em;
  overflow: unset;
}

@media only screen and (max-width: 575px) {
  body form .form-columns-2 {
    flex-direction: column;
  }
  body form .form-columns-2 .hs-form-field {
    width: 100% !important;
  }
  body form .form-columns-2 .hs-form-field:first-child {
    margin-right: 0 !important;
  }
  body form .hs-fieldtype-checkbox > label,
  body form .hs-fieldtype-radio > label {
    margin-bottom: 18px;
  }
  body form ul li:not(:last-child):not(:only-child) {
    margin-bottom: 28px;
  }
}
.reset {
  cursor: pointer;
  padding: 0;
  margin: 0;
  border: none;
  background-color: transparent;
}

.btn {
  font-family: "Rubik", sans-serif;
  font-weight: 400;
  font-size: 18px;
  letter-spacing: -0.18px;
  line-height: normal;
  text-align: center;
  padding: 12px 30px;
  border-radius: 37px;
  display: inline-block;
  text-decoration: none;
  transform: perspective(1px) translateZ(0);
  position: relative;
  transition-duration: 0.25s;
  transition-timing-function: ease-out;
  overflow: hidden;
}

.blue-solid {
  color: var(--white);
  background: var(--mid-blue);
  border: 1px solid var(--mid-blue);
}

.blue-solid:hover {
  color: var(--white);
  background: var(--deep-blue);
  border: 1px solid var(--white);
}

.dark-blue-solid,
.white-solid {
  color: var(--dark-blue);
  background: var(--white);
  border: 1px solid var(--dark-blue);
}

.dark-blue-solid:hover,
.white-solid:hover {
  color: var(--dark-blue);
  background: var(--call-out-blue);
}

.btn-medium {
  padding: 8px 26px;
}

.btn-small {
  padding: 8px 20px;
}

.purple-theme .blue-solid {
  border: 1px solid var(--white);
  color: var(--dark-blue);
  background: var(--calm-violet);
}

.purple-theme .blue-solid:hover {
  border: 1px solid var(--white);
  color: var(--white);
  background: #7A6C91;
}

.btn-primary {
  color: var(--white);
  background: var(--mid-blue);
  border: 1px solid var(--mid-blue);
}

.btn-primary:hover {
  background: var(--deep-blue);
  border: 1px solid var(--deep-blue);
  text-decoration: none;
}

/*Ghost BTN LRG*/
.btn-ghost {
  color: var(--dark-blue);
  background: var(--white);
  border: 1px solid var(--dark-blue);
}

.btn-ghost:hover {
  background: var(--call-out-blue);
  text-decoration: none;
}

/*Ghost BTN LRG*/
.btn-white-ghost {
  color: var(--dark-blue);
  background: var(--white);
  border: 1px solid var(--dark-blue);
}

.btn-white-ghost:hover {
  background: var(--call-out-blue);
  text-decoration: none;
}

/*Ghost BTN SML*/
.blue-ghost {
  color: var(--dark-blue);
  background: var(--white);
  border: 1px solid var(--dark-blue);
}

.blue-ghost:hover {
  background: var(--call-out-blue);
  text-decoration: none;
}

/*Ghost BTN SML*/
.blue-ghost-transparent {
  color: var(--dark-blue);
  background: var(--white);
  border: 1px solid var(--dark-blue);
}

.blue-ghost-transparent:hover {
  background: var(--call-out-blue);
  text-decoration: none;
}

/*Ghost White SML*/
.white-ghost-transparent {
  color: var(--dark-blue);
  background: var(--white);
  border: 1px solid var(--dark-blue);
}

.white-ghost-transparent:hover {
  background: var(--call-out-blue);
  text-decoration: none;
}

/*Solid Green BTN SML*/
.green-solid {
  color: var(--white) !important;
  background: var(--green);
  border: 1px solid var(--green);
}

.green-solid:hover {
  color: var(--green) !important;
  background: var(--white);
  text-decoration: none;
}

/*Solid Light Green BTN SML*/
.light-green-solid {
  color: var(--dark-blue); !important;
  background: #AAFF76;
  border: 1px solid #AAFF76;
}

.light-green-solid:hover {
  color: var(--dark-blue) !important;
  background: var(--white);
  text-decoration: none;
}

/*Solid White BTN SML*/
.white-solid {
  color: var(--dark-blue);
  background: var(--white);
  border: 1px solid var(--dark-blue);
}

.white-solid:hover {
  background: var(--call-out-blue);
}

/*Solid White - Green*/
.white-solid-green {
  color: var(--dark-blue);
  background: var(--white);
  border: 1px solid var(--dark-blue);
}

.white-solid-green:hover {
  background: var(--call-out-blue);
  text-decoration: none;
}

/*Solid White BTN SML*/
.white-solid-red {
  color: var(--dark-blue);
  background: var(--white);
  border: 1px solid var(--dark-blue);
}

.white-solid-red:hover {
  background: var(--call-out-blue);
  text-decoration: none;
}

.red-solid {
  color: var(--white) !important;
  background: var(--red);
  border: 1px solid var(--red);
}

.red-solid:hover {
  color: var(--red) !important;
  background: var(--white);
  border: 1px solid var(--red);
  text-decoration: none;
}

/* Green BTN */
.btn-green {
  color: var(--dark-blue);
  background: var(--white);
  border: 1px solid var(--dark-blue);
}

.btn-green:hover {
  background: var(--call-out-blue);
  text-decoration: none;
}

/*Ghost BTN SML*/
.green-ghost-transparent {
  color: var(--dark-blue);
  background: var(--white);
  border: 1px solid var(--dark-blue);
}

.green-ghost-transparent:hover {
  background: var(--call-out-blue);
  text-decoration: none;
}

.btn-large {
  padding: 12px 30px;
  font-size: 18px;
  line-height: normal;
  letter-spacing: -0.18px;
  font-weight: 400;
}

a.btn.tag-btn {
  font-size: 12px;
  font-weight: 500;
  letter-spacing: normal;
  line-height: 14px;
  color: var(--white);
  padding: 6px 10px;
  background-color: var(--mid-blue);
  border: 1px solid transparent;
}

a.btn.tag-btn:hover {
  background-color: var(--mid-blue);
}

a.btn.tag-btn.tag-btn--green {
  background-color: var(--green);
}

a.btn.tag-btn.tag-btn--green:hover {
  background-color: #1EA663;
}

a.btn.tag-btn.tag-btn--yellow {
  color: #524B20;
  background-color: var(--yellow);
}

a.btn.tag-btn.tag-btn--yellow:hover {
  background-color: var(--yellow);
}

a.btn.tag-btn.tag-btn--red {
  background-color: var(--red);
}

a.btn.tag-btn.tag-btn--red:hover {
  background-color: var(--red);
}

@keyframes fadeInUp {
  from {
    opacity: 0;
    transform: translateY(10%);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
@keyframes fadeInLeft {
  from {
    opacity: 0;
    transform: translateX(10%);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
@keyframes fadeInRight {
  from {
    opacity: 0;
    transform: translateX(-10%);
  }
  to {
    opacity: 1;
    transform: translateX(0);
  }
}
@keyframes fadeInDown {
  from {
    opacity: 0;
    transform: translateY(-10%);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
[data-anim] {
  opacity: 0;
}

[data-anim=fadeInUp].animated,
[data-anim=fadeInLeft].animated,
[data-anim=fadeInRight].animated,
[data-anim=fadeInDown].animated {
  animation-duration: 0.75s;
  animation-timing-function: ease-out;
  animation-fill-mode: forwards;
}

[data-anim=fadeInUp].animated {
  animation-name: fadeInUp;
}

[data-anim=fadeInLeft].animated {
  animation-name: fadeInLeft;
}

[data-anim=fadeInRight].animated {
  animation-name: fadeInRight;
}

[data-anim=fadeInDown].animated {
  animation-name: fadeInDown;
}

ul,
body ol {
  padding: 0;
  margin: 0 0 16px 0;
}

body ul + h2,
body ul + h3,
body ul + h4,
body ol + h2,
body ol + h3,
body ol + h4 {
  margin-top: 16px;
}

body ol {
  counter-reset: item sub-item;
}

body ul li,
body ol li {
  font-family: "Rubik", sans-serif;
  position: relative;
  list-style: none;
  font-size: 18px;
  font-weight: 400;
  line-height: 25.2px;
  letter-spacing: -0.01em;
}

body ul li,
body ol li {
  padding-left: 32px;
}

ul li:not(:last-child):not(:only-child),
ol li:not(:last-child):not(:only-child) {
  margin-bottom: 12px;
}

body ul li:before {
  content: "";
  position: absolute;
  background: var(--calm-violet);
  border-radius: 50%;
  height: 8px;
  width: 8px;
  line-height: 1px;
  top: 9px;
}

body ul > li:before {
  left: 12px;
}

body ul li > ul li:before {
  left: 0;
}

body ul li > ul li > ul li:before {
  left: 10px;
}

body ul > li > ul,
body ol > li > ol {
  margin-top: 16px;
}

body ul li > ul li,
body ol li > ol li {
  padding-left: 20px;
}

body ul li > ul li > ul,
body ol li > ol li > ol {
  margin-top: 12px;
}

body ul li > ul li > ul li,
body ol li > ol li > ol li {
  padding-left: 32px;
}

body ol li:before {
  content: counter(item) ".";
  counter-increment: item;
  position: absolute;
  left: 8px;
  top: 0;
  color: var(--calm-violet);
  font-family: "Rubik", sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 25.2px;
  letter-spacing: -0.01em;
  background-color: transparent !important;
}

body ol li > ol li:before {
  content: counter(sub-item) ".";
  counter-increment: sub-item;
  left: 0;
}

body ol li > ol li > ol li:before {
  left: 6px;
}

body :is(.no-bullets ul, ul.no-bullets) {
  padding: 0;
  margin: 0;
}

body :is(.no-bullets ul, ul.no-bullets) li {
  padding-left: 0;
  margin: 0;
}

body :is(.no-bullets ul, ul.no-bullets) {
  padding: 0;
  margin: 0;
}

body :is(.no-bullets ul, ul.no-bullets) li:before {
  content: none;
}

body blockquote {
  position: relative;
  padding: 25px 28px;
  margin: 16px 0 64px;
  background-color: var(--sky-blue);
  border-radius: 8px;
}

body blockquote,
body blockquote p {
  font-family: "Rubik", sans-serif;
  color: var(--dark-blue);
  font-weight: 400;
  font-size: 18px;
  line-height: 25.2px;
  letter-spacing: -0.01em;
}

@media only screen and (max-width: 575px) {
  body blockquote {
    margin: 16px 0 32px;
  }
}
body table:not(.no-style) {
  border-collapse: separate !important;
  border-spacing: 10px;
  border: none !important;
}

body table:not(.no-style) tr:first-child td,
body table:not(.no-style) tr td:first-child {
  font-weight: 400;
  font-size: 18px;
  line-height: 24px;
  letter-spacing: -0.04em;
}

body table:not(.no-style) tr:first-child td {
  color: var(--white);
  background-color: var(--mid-blue);
}

body table:not(.no-style) tr td {
  font-family: "Rubik", sans-serif;
  color: var(--dark-blue);
  font-weight: 300;
  font-size: 18px;
  line-height: 28px;
  padding: 10px !important;
  vertical-align: top;
}

body table:not(.no-style) tr td:first-child {
  color: var(--dark-blue);
}

body table:not(.no-style) tr:not(:first-child) td {
  background-color: var(--blue-grey);
}

body table:not(.no-style) tr td img {
  max-width: initial;
}


body pre {
  overflow-x: auto;
}

body table pre {
  white-space: pre-wrap;
}

body .dark-theme h1,
body .dark-theme h2,
body .dark-theme h3,
body .dark-theme h4,
body .dark-theme h5,
body .dark-theme h6,
body .dark-theme p,
body .dark-theme ul li,
body .dark-theme ol li,
body .dark-theme span {
  color: var(--white);
}

body .dark-theme p a:not(.btn),
body .dark-theme li a:not(.btn),
body .dark-theme ol a:not(.btn) {
  color: var(--white);
}

body .dark-theme p a:not(.btn):hover,
body .dark-theme li a:not(.btn):hover,
body .dark-theme ol a:not(.btn):hover {
  color: var(--white);
}

body .dark-theme ::-moz-selection {
  background: var(--white);
  color: var(--dark-blue);
}

body .dark-theme ::selection {
  background: var(--white);
  color: var(--dark-blue);
}

body .dark-theme ::-moz-selection {
  background: var(--white);
  color: var(--dark-blue);
}

/*
body .dark-theme ul > li:before {
    background: var(--white);
}
body .dark-theme ol li:before,
body .dark-theme ol li > ol li:before {
    color: var(--white);
}*/
body .dark-theme blockquote {
  background-color: var(--white);
}

body .dark-theme blockquote,
body .dark-theme blockquote p {
  color: var(--dark-blue);
}

body .dark-theme table tr:first-child td {
  background-color: var(--dark-blue);
}

/*
.dark-theme .blue-solid {
	color: var(--mid-blue);
	background: var(--white);
    border: 1px solid var(--white);
}
.dark-theme .blue-solid:hover{
	color: var(--white);
}
.dark-theme .dark-blue-solid {
	color: var(--white);
	background: var(--dark-blue);
	border: 1px solid var(--dark-blue);
}
.dark-theme .dark-blue-solid:hover {
	color:var(--white);
    border: 1px solid var(--white);
}*/
body .dark-theme form label .hs-form-required {
  color: var(--white);
}

body .dark-theme form input[type=text],
body .dark-theme form input[type=password],
body .dark-theme form input[type=datetime],
body .dark-theme form input[type=datetime-local],
body .dark-theme form input[type=date],
body .dark-theme form input[type=month],
body .dark-theme form input[type=time],
body .dark-theme form input[type=week],
body .dark-theme form input[type=number],
body .dark-theme form input[type=email],
body .dark-theme form input[type=url],
body .dark-theme form input[type=search],
body .dark-theme form input[type=tel],
body .dark-theme form input[type=color],
body .dark-theme form input[type=file],
body .dark-theme form textarea,
body .dark-theme form select {
  border: 2px solid transparent;
}

body .dark-theme form input[type=text]:focus,
body .dark-theme form input[type=password]:focus,
body .dark-theme form input[type=datetime]:focus,
body .dark-theme form input[type=datetime-local]:focus,
body .dark-theme form input[type=date]:focus,
body .dark-theme form input[type=month]:focus,
body .dark-theme form input[type=time]:focus,
body .dark-theme form input[type=week]:focus,
body .dark-theme form input[type=number]:focus,
body .dark-theme form input[type=email]:focus,
body .dark-theme form input[type=url]:focus,
body .dark-theme form input[type=search]:focus,
body .dark-theme form input[type=tel]:focus,
body .dark-theme form input[type=color]:focus,
body .dark-theme form input[type=file]:focus,
body .dark-theme form textarea:focus,
body .dark-theme form select:focus {
  border: 2px solid var(--dark-blue);
}

body .dark-theme form input[type=text].invalid.error,
body .dark-theme form input[type=password].invalid.error,
body .dark-theme form input[type=datetime].invalid.error,
body .dark-theme form input[type=datetime-local].invalid.error,
body .dark-theme form input[type=date].invalid.error,
body .dark-theme form input[type=month].invalid.error,
body .dark-theme form input[type=time].invalid.error,
body .dark-theme form input[type=week].invalid.error,
body .dark-theme form input[type=number].invalid.error,
body .dark-theme form input[type=email].invalid.error,
body .dark-theme form input[type=url].invalid.error,
body .dark-theme form input[type=search].invalid.error,
body .dark-theme form input[type=tel].invalid.error,
body .dark-theme form input[type=color].invalid.error,
body .dark-theme form input[type=file].invalid.error,
body .dark-theme form textarea.invalid.error,
body .dark-theme form select.invalid.error {
  border-radius: 4px 4px 0 0;
}

body .dark-theme form input[type=file]::file-selector-button,
body .dark-theme form input[type=file]::-webkit-file-upload-button {
  background-color: var(--dark-blue);
}

.dark-theme .submitted-message {
  color: var(--white);
}

body .dark-theme form .hs-form-field > label,
body .dark-theme form .hs-form-field > label > span {
  color: var(--white);
}

body .dark-theme form .legal-consent-container .hs-error-msgs label,
body .dark-theme form ul.hs-error-msgs li label {
  color: var(--white);
}

body .dark-theme form ul.hs-error-msgs:before {
  content: url(https://www.breathehr.com/hubfs/blend01/Pages/Typography/alert-error-message-icon-dark-theme.svg);
  top: 3px;
  left: 8px;
}

body .dark-theme form ul.hs-error-msgs {
  margin: 0;
  padding: 3px 10px 5px 32px;
  background: #EC0000;
  border-radius: 0px 0px 4px 4px;
}

body .dark-theme form .input label > input[type=checkbox] ~ span:last-of-type,
body .dark-theme form .input label > input[type=radio] ~ span:last-of-type {
  color: var(--white);
}

body .dark-theme form .input label > input[type=checkbox] ~ span:last-of-type:before,
body .dark-theme form .input label > input[type=radio] ~ span:last-of-type:before {
  border: 1px solid var(--white);
}

body .dark-theme form .input label > input[type=checkbox]:checked ~ span:last-of-type:before {
  background-color: var(--blue-grey);
}

body .dark-theme form .input label > input[type=radio]:checked ~ span:last-of-type:before {
  background-color: var(--white);
}

body .dark-theme form .input label > input[type=checkbox]:checked ~ span:last-of-type:after {
  content: url(https://www.breathehr.com/hubfs/blend01/Pages/Typography/checkbox-dark-theme.svg);
}

body .dark-theme form .input label > input[type=radio]:checked ~ span:last-of-type:after {
  background-color: var(--mid-blue);
}

body .dark-theme form .legal-consent-container .hs-richtext,
body .dark-theme form .legal-consent-container .hs-richtext p,
body .dark-theme form .legal-consent-container label > input[type=checkbox] + span {
  color: var(--white);
}

body .dark-theme form .legal-consent-container .input label > input[type=checkbox] + span:before {
  border-color: var(--blue-grey);
}

body .dark-theme form .legal-consent-container .input label > input[type=checkbox]:checked + span:after {
  content: url(https://www.breathehr.com/hubfs/blend01/Pages/Typography/smalltick-blue.svg);
}

body .dark-theme form input[type=submit] {
  color: var(--dark-blue);
  background: var(--white);
  border: 1px solid var(--dark-blue);
}

body .dark-theme form input[type=submit]:hover {
  background: var(--call-out-blue);
}