/* Global variables, site-wide settings*/
/* Old hubspot css */
/* Site-wide mixins and functions*/
/*Page resets and basic elements styles*/
/*! normalize.css v7.0.0 | MIT License | github.com/necolas/normalize.css */
/* Document
   ========================================================================== */
/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in
 *    IE on Windows Phone and in iOS.
 */
html {
  line-height: 1.15; /* 1 */
  -ms-text-size-adjust: 100%; /* 2 */
  -webkit-text-size-adjust: 100%; /* 2 */
}

article,
aside,
footer,
header,
nav,
section {
  display: block;
}

figcaption,
figure,
main {
  /* 1 */
  display: block;
}

figure {
  margin: 1em 40px;
}

hr {
  -webkit-box-sizing: content-box;
          box-sizing: content-box; /* 1 */
  height: 0; /* 1 */
  overflow: visible; /* 2 */
}

pre {
  font-family: monospace, monospace; /* 1 */
  font-size: 1em; /* 2 */
}

a, .link {
  background-color: transparent; /* 1 */
  -webkit-text-decoration-skip: objects; /* 2 */
}

abbr[title] {
  border-bottom: none; /* 1 */
  text-decoration: underline; /* 2 */
  -webkit-text-decoration: underline dotted;
          text-decoration: underline dotted; /* 2 */
}

b,
strong {
  font-weight: inherit;
}

b,
strong {
  font-weight: bolder;
}

code,
kbd,
samp {
  font-family: monospace, monospace; /* 1 */
  font-size: 1em; /* 2 */
}

dfn {
  font-style: italic;
}

mark {
  background-color: #ff0;
  color: #000;
}

small {
  font-size: 80%;
}

sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

audio,
video {
  display: inline-block;
}

audio:not([controls]) {
  display: none;
  height: 0;
}

img {
  border-style: none;
}

svg:not(:root) {
  overflow: hidden;
}

button, .btn, .hs-button,
input,
.hs-input,
optgroup,
select,
textarea {
  font-family: sans-serif; /* 1 */
  font-size: 100%; /* 1 */
  line-height: 1.15; /* 1 */
  margin: 0; /* 2 */
}

button, .btn, .hs-button,
input,
.hs-input {
  /* 1 */
  overflow: visible;
}

button, .btn, .hs-button,
select {
  /* 1 */
  text-transform: none;
}

button, .btn, .hs-button,
html [type=button],
[type=reset],
[type=submit] {
  -webkit-appearance: button; /* 2 */
}

button::-moz-focus-inner, .btn::-moz-focus-inner, .hs-button::-moz-focus-inner,
[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner {
  border-style: none;
  padding: 0;
}

button:-moz-focusring, .btn:-moz-focusring, .hs-button:-moz-focusring,
[type=button]:-moz-focusring,
[type=reset]:-moz-focusring,
[type=submit]:-moz-focusring {
  outline: 1px dotted ButtonText;
}

fieldset {
  padding: 0.35em 0.75em 0.625em;
}

legend {
  -webkit-box-sizing: border-box;
          box-sizing: border-box; /* 1 */
  color: inherit; /* 2 */
  display: table; /* 1 */
  max-width: 100%; /* 1 */
  padding: 0; /* 3 */
  white-space: normal; /* 1 */
}

progress {
  display: inline-block; /* 1 */
  vertical-align: baseline; /* 2 */
}

textarea {
  overflow: auto;
}

[type=checkbox],
[type=radio] {
  -webkit-box-sizing: border-box;
          box-sizing: border-box; /* 1 */
  padding: 0; /* 2 */
}

[type=number]::-webkit-inner-spin-button,
[type=number]::-webkit-outer-spin-button {
  height: auto;
}

[type=search] {
  -webkit-appearance: textfield; /* 1 */
  outline-offset: -2px; /* 2 */
}

[type=search]::-webkit-search-cancel-button,
[type=search]::-webkit-search-decoration {
  -webkit-appearance: none;
}

::-webkit-file-upload-button {
  -webkit-appearance: button; /* 1 */
  font: inherit; /* 2 */
}

details,
menu {
  display: block;
}

summary {
  display: list-item;
}

canvas {
  display: inline-block;
}

template {
  display: none;
}

[hidden] {
  display: none;
}

body {
  color: #434f57;
  font-size: 16px;
  font-family: "Lato", sans-serif;
  margin: 0;
  -webkit-font-smoothing: antialiased;
}
body.popup-is-open {
  overflow: hidden;
}
body.popup-is-open #hubspot-messages-iframe-container {
  display: none !important;
}
body * {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

button, .btn, .hs-button,
input,
.hs-input,
optgroup,
select,
textarea,
p,
.paragraph,
h1,
h2,
h3,
h4,
h5,
h6,
a,
.link,
div,
span {
  font-family: "Lato", sans-serif;
}

h1 {
  margin: 0;
  line-height: 1.33;
  color: #434f57;
}

.h1 {
  font-size: 62px;
  font-weight: 700;
}

h2 {
  line-height: 1.33;
}

h3 {
  font-size: 18px;
  font-weight: 600;
  margin: 0;
}

h4 {
  font-size: 14px;
  font-weight: 600;
  line-height: 14px;
  margin: 0;
}

h5 {
  font-size: 16px;
  line-height: 26px;
  margin: 0;
}

h1, h2, h3, h4, h5, h6 {
  color: #444444;
}

p, .paragraph {
  padding: 0 0 17px 0;
  font-weight: 400;
  line-height: 1.9;
  margin: 0;
  letter-spacing: 0.01em;
  font-size: 15px !important;
}

b {
  color: #4d4d4d;
  display: inline-block;
  font-size: 16px;
  font-weight: 600;
  line-height: 16px;
  margin-bottom: 7px;
  margin-right: 15px;
  letter-spacing: 0.01em;
}

img {
  max-width: 100%;
  height: auto;
  border: 0;
  vertical-align: bottom;
}

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

/*ul, ol {
    margin: 0 0px 30px 15px;
    padding: 0;
}

ul {
    font-size: 16px;
    font-weight: 400;
    line-height: 30.8px;
    padding-bottom: 27px;
}*/
ol {
  line-height: 1.5;
}

hr {
  background-color: #ccc;
  border: 0 none;
  color: #ccc;
  height: 1px;
  margin: 35px 0;
}

.paragraph.paragraph--large {
  font-size: 29px !important;
}
.paragraph.paragraph--spacing-larger {
  margin-bottom: 20px;
}
.paragraph.paragraph--light-gray {
  color: #5A6973;
}

.text-center {
  text-align: center !important;
}

.accent-text {
  color: #41b3c2;
}

.section-headlineh2 {
  margin: 0 0 7px 0;
}
@media screen and (min-width: 1075px) {
  .section-headline {
    font-size: 32px;
    line-height: 44px;
  }
}
@media screen and (max-width: 1075px) {
  .section-headline {
    font-size: 26px;
    line-height: 36px;
  }
}

p a:link, p .link:link, .paragraph a:link, .paragraph .link:link, p a:visited, p .link:visited, .paragraph a:visited, .paragraph .link:visited {
  color: #41b3c2;
}
p a:hover, p .link:hover, .paragraph a:hover, .paragraph .link:hover, p a:active, p .link:active, .paragraph a:active, .paragraph .link:active {
  text-decoration: underline;
}

a.text-link, .text-link.link, a.text-link:link, a.text-link:visited {
  color: #41b3c2 !important;
  text-decoration: none !important;
}
a.text-link:hover, .text-link.link:hover, a.text-link:active, .text-link.link:active {
  text-decoration: underline !important;
}

body .hs-field-desc {
  font-size: 14px;
}

body .hs-form-field > label {
  font-size: 16px;
}

.custom-header-group .hs_cos_wrapper_type_header h1 {
  font-size: 25px;
}

span.registered-trademark {
  display: inline !important;
  line-height: initial;
  vertical-align: top;
  color: inherit !important;
}

h1 .registered-trademark {
  font-size: 22px;
}

h2 .registered-trademark {
  font-size: 18px;
}

h3 .registered-trademark {
  font-size: 18px;
}

p .registered-trademark, .paragraph .registered-trademark {
  font-size: 14px;
}

.blue-text {
  color: #42B5C4;
  font-weight: 600;
  margin-bottom: 20px;
  font-size: 17px;
}

.bold {
  font-weight: 600;
}

.list-style-blue {
  position: relative;
  list-style: none;
}
.list-style-blue li {
  position: relative;
  margin-left: 1em;
  line-height: 25px;
  padding-bottom: 15px;
}
.list-style-blue li:before {
  content: "";
  position: absolute;
  display: inline-block;
  top: 11px;
  margin-left: -1.5em;
  width: 9px;
  height: 9px;
  border-radius: 50%;
  background-color: #54C3CA;
}

/*Shell layouts - app wrapper, flyouts, grid*/
.header-container {
  height: 7.875rem;
}
@media (max-width: 1074px) {
  .header-container {
    height: 7rem;
  }
  .header-container .nav-menu {
    top: 7rem;
  }
}
.header-container.banner-closed {
  height: 7.875rem;
}
@media (max-width: 1074px) {
  .header-container.banner-closed {
    height: 7rem;
  }
  .header-container.banner-closed .nav-menu {
    top: 7rem;
  }
}

@font-face {
  font-family: "hrcore-medium";
  src: url("https://www.hrcloud.com/hubfs/assets/fonts/hricons/hrcore-medium.eot?ft868t");
  src: url("https://www.hrcloud.com/hubfs/assets/fonts/hricons/hrcore-medium.eot?ft868t#iefix") format("embedded-opentype"), url("https://www.hrcloud.com/hubfs/assets/fonts/hricons/hrcore-medium.woff2?ft868t") format("woff2"), url("https://www.hrcloud.com/hubfs/assets/fonts/hricons/hrcore-medium.ttf?ft868t") format("truetype"), url("https://www.hrcloud.com/hubfs/assets/fonts/hricons/hrcore-medium.woff?ft868t") format("woff"), url("https://www.hrcloud.com/hubfs/assets/fonts/hricons/hrcore-medium.svg?ft868t#hrcore-medium") format("svg");
  font-weight: normal;
  font-style: normal;
}
[class^=icon-], [class*=" icon-"], .icon {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "hrcore-medium" !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-logo:before {
  content: "\e600";
}

.icon-angle-up:before {
  content: "\e601";
}

.icon-angle-right:before {
  content: "\e602";
}

.icon-angle-down:before {
  content: "\e603";
}

.icon-angle-left:before {
  content: "\e604";
}

.icon-arrow-up:before {
  content: "\e605";
}

.icon-arrow-right:before {
  content: "\e606";
}

.icon-arrow-down:before {
  content: "\e607";
}

.icon-arrow-left:before {
  content: "\e608";
}

.icon-angle-circle-o-top:before {
  content: "\e609";
}

.icon-angle-circle-o-right:before {
  content: "\e60a";
}

.icon-angle-circle-o-down:before {
  content: "\e60b";
}

.icon-angle-circle-o-left:before {
  content: "\e60c";
}

.icon-arrow-circle-o-up:before {
  content: "\e60d";
}

.icon-arrow-circle-o-right:before {
  content: "\e60e";
}

.icon-arrow-circle-o-down:before {
  content: "\e60f";
}

.icon-arrow-circle-o-left:before {
  content: "\e610";
}

.icon-minus-circle-o:before {
  content: "\e611";
}

.icon-plus-circle-o:before {
  content: "\e612";
}

.icon-check-circle-o:before {
  content: "\e613";
}

.icon-close-circle-o:before {
  content: "\e614";
}

.icon-info-circle-o:before {
  content: "\e615";
}

.icon-attention-circle-o:before {
  content: "\e616";
}

.icon-clock-circle-o:before {
  content: "\e617";
}

.icon-minus:before {
  content: "\e618";
}

.icon-plus:before {
  content: "\e619";
}

.icon-check:before {
  content: "\e61a";
}

.icon-close:before {
  content: "\e61b";
}

.icon-user:before {
  content: "\e61c";
}

.icon-user-admin:before {
  content: "\e61d";
}

.icon-star:before {
  content: "\e61e";
}

.icon-lock:before {
  content: "\e61f";
}

.icon-thumbs-up:before {
  content: "\e620";
}

.icon-calendar:before {
  content: "\e621";
}

.icon-share:before {
  content: "\e622";
}

.icon-download:before {
  content: "\e623";
}

.icon-bullhorn:before {
  content: "\e624";
}

.icon-warning:before {
  content: "\e625";
}

.icon-search:before {
  content: "\e626";
}

.icon-send:before {
  content: "\e627";
}

.icon-paperclip:before {
  content: "\e628";
}

.icon-picture:before {
  content: "\e629";
}

.icon-printer:before {
  content: "\e62a";
}

.icon-bell:before {
  content: "\e62b";
}

.icon-phone:before {
  content: "\e62c";
}

.icon-map-marker:before {
  content: "\e62d";
}

.icon-mobile:before {
  content: "\e62e";
}

.icon-building:before {
  content: "\e62f";
}

.icon-envelope:before {
  content: "\e630";
}

.icon-fire:before {
  content: "\e631";
}

.icon-caret-up:before {
  content: "\e632";
}

.icon-caret-right:before {
  content: "\e633";
}

.icon-caret-down:before {
  content: "\e634";
}

.icon-caret-left:before {
  content: "\e635";
}

.icon-drag-handle:before {
  content: "\e636";
}

.icon-exit:before {
  content: "\e637";
}

.icon-social-twitter:before {
  content: "\e638";
}

.icon-social-facebook:before {
  content: "\e639";
}

.icon-social-linkedin:before {
  content: "\e63a";
}

.icon-social-google-plus:before {
  content: "\e63b";
}

.icon-social-youtube:before {
  content: "\e63c";
}

.icon-company-building:before {
  content: "\e63d";
}

.icon-social-share:before {
  content: "\e63e";
}

.icon-upload:before {
  content: "\e63f";
}

/* Components - form groups, panels, tooltips...*/
.banner {
  padding: 3rem 2rem;
  background-color: #41b3c2;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  color: white;
  min-height: 320px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.banner.banner--pricing {
  background-image: url(https://549864.fs1.hubspotusercontent-na1.net/hubfs/549864/pricing-assets/HRC-PricingPage_Hero@2x.png?t=1504141867200);
  background-color: #55c4cb;
}
.banner.banner--text-only {
  padding: 2rem 2rem;
  min-height: 180px;
  color: #434f57;
}
.banner.banner--text-only h1 {
  color: #434f57;
}
.banner.banner--small {
  padding: 2rem 2rem;
  min-height: 180px;
}

.banner-title {
  font-size: 4.3rem;
  font-weight: 400;
  padding: 0;
  color: white;
}

.banner-subtitle {
  font-size: 21px;
  font-weight: 300;
  text-align: center;
  margin: 0;
  color: white;
}

.integration-banner-image {
  padding-top: 16px;
  padding-bottom: 24px;
}

@media screen and (max-width: 1075px) {
  .page-subtitle br {
    display: none;
  }
}
.help-center--header {
  background: #52c4ca;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#54C3CA), to(#42B5C4));
  background-image: linear-gradient(#54C3CA, #42B5C4);
  padding: 55px 10px 50px 10px;
}
.help-center--header h1 {
  color: #ffffff;
  font-size: 32px;
  font-weight: 500;
  margin-bottom: 10px;
}

.help-center-search--input {
  position: relative;
}
.help-center-search--input input, .help-center-search--input .hs-input {
  border: none;
  border-radius: 4px;
  padding-left: 40px !important;
}
.help-center-search--input input::-webkit-input-placeholder, .help-center-search--input .hs-input::-webkit-input-placeholder {
  color: #b2c3d5;
}
.help-center-search--input input::-moz-placeholder, .help-center-search--input .hs-input::-moz-placeholder {
  color: #b2c3d5;
}
.help-center-search--input input::-ms-input-placeholder, .help-center-search--input .hs-input::-ms-input-placeholder {
  color: #b2c3d5;
}
.help-center-search--input input::placeholder, .help-center-search--input .hs-input::placeholder {
  color: #b2c3d5;
}
.help-center-search--input i {
  position: absolute;
  top: 12px;
  left: 15px;
  color: #b2c3d5;
}

@media (min-width: 1075px) {
  .minlg\:w-204 {
    max-width: 100%;
  }
}
.blog-new-detail p a, .blog-new-detail p .link, .blog-new-detail .paragraph a, .blog-new-detail .paragraph .link {
  color: #54C3CA;
  text-decoration: underline;
  font-weight: bold;
}
.blog-new-detail p a:hover, .blog-new-detail p .link:hover, .blog-new-detail .paragraph a:hover, .blog-new-detail .paragraph .link:hover {
  color: #227e85;
}
.blog-new-detail .blog-new-detail__content {
  position: relative;
}
.blog-new-detail .blog-new-detail__content textarea {
  width: 100%;
}
@media screen and (max-width: 1507px) {
  .blog-new-detail .blog-new-detail__content::after {
    width: 100%;
    height: 470px;
    display: block;
  }
}
.blog-new-detail .blog-new-detail__content .blog-faq {
  gap: 2rem;
}
.blog-new-detail .blog-new-detail__content .blog-faq .border-b {
  border-bottom: 1px solid #D5d9dc;
}
.blog-new-detail .blog-new-detail__content .blog-faq .bg-plus {
  background-image: url(https://549864.fs1.hubspotusercontent-na1.net/hubfs/549864/assets/pricing-page/plus-icon.svg);
}
.blog-new-detail .blog-new-detail__content .blog-faq .bg-minus {
  background-image: url(https://549864.fs1.hubspotusercontent-na1.net/hubfs/549864/assets/pricing-page/minus-icon.svg);
}
.blog-new-detail .blog-new-detail__content .blog-faq .show-hide-faq {
  height: 18px;
  width: 18px;
  top: 1rem;
}
@media screen and (min-width: 1075px) {
  .blog-new-detail .blog-new-detail__content .blog-faq {
    margin-bottom: 10rem;
  }
  .blog-new-detail .blog-new-detail__content .blog-faq .w-30 {
    width: 30%;
  }
  .blog-new-detail .blog-new-detail__content .blog-faq .w-70 {
    width: 90%;
  }
}
@media screen and (max-width: 1075px) {
  .blog-new-detail .blog-new-detail__content .blog-faq {
    padding: 0 1.5rem;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .blog-new-detail .blog-new-detail__content .blog-faq .text-28 {
    font-size: 28px;
  }
}
.blog-new-detail .blog-new-detail__content .module-demo {
  background-color: #EAF7F8;
  position: relative;
  padding: 32px 60px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 37px;
}
@media screen and (max-width: 1075px) {
  .blog-new-detail .blog-new-detail__content .module-demo {
    text-align: center;
    max-width: 32rem;
    margin-right: auto;
    margin-left: auto;
  }
}
.blog-new-detail .blog-new-detail__content .module-demo--free-trial .module-demo__content {
  max-width: 375px;
  padding-right: 27px;
}
.blog-new-detail .blog-new-detail__content .module-demo--free-trial .module-demo__content h3 {
  font-size: 33px !important;
  line-height: 43px !important;
  margin-bottom: 10px;
  letter-spacing: 0.2px;
}
.blog-new-detail .blog-new-detail__content .module-demo--free-trial .module-demo__content img {
  margin-bottom: 0px;
}
.blog-new-detail .blog-new-detail__content .module-demo--free-trial .module-demo__content img:nth-child(2) {
  margin: 0 0 0 40%;
  display: block;
}
.blog-new-detail .blog-new-detail__content .module-demo--free-trial span {
  color: #42B5C4;
}
@media screen and (max-width: 1075px) {
  .blog-new-detail .blog-new-detail__content .module-demo--free-trial {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    padding: 30px;
  }
  .blog-new-detail .blog-new-detail__content .module-demo--free-trial .module-demo__content img {
    margin-bottom: 20px;
  }
  .blog-new-detail .blog-new-detail__content .module-demo--free-trial .module-demo__content img:nth-child(2) {
    display: none;
  }
}
.blog-new-detail .blog-new-detail__content .module-demo--get-coffee {
  background-color: #54c3ca;
  color: #fff;
  height: 350px;
  padding: 40px 60px;
  border-radius: 3px;
  -webkit-box-shadow: 0px 2px 12px 5px rgba(67, 79, 87, 0.24);
          box-shadow: 0px 2px 12px 5px rgba(67, 79, 87, 0.24);
}
.blog-new-detail .blog-new-detail__content .module-demo--get-coffee .module-demo__content {
  z-index: 2;
}
.blog-new-detail .blog-new-detail__content .module-demo--get-coffee .module-demo__content h3 {
  font-size: 30px !important;
  line-height: 40px !important;
  color: #fff;
  letter-spacing: 0.5px;
  margin-bottom: 15px;
}
.blog-new-detail .blog-new-detail__content .module-demo--get-coffee .module-demo__content p, .blog-new-detail .blog-new-detail__content .module-demo--get-coffee .module-demo__content .paragraph {
  font-size: 15px !important;
  padding-bottom: 25px;
  line-height: 24px !important;
  color: #fff;
}
.blog-new-detail .blog-new-detail__content .module-demo--get-coffee .module-demo__content .btn, .blog-new-detail .blog-new-detail__content .module-demo--get-coffee .module-demo__content .hs-button {
  color: #54c3ca;
  padding: 15px 25px;
  background-color: #fff;
}
.blog-new-detail .blog-new-detail__content .module-demo--get-coffee .module-demo__content .btn:hover, .blog-new-detail .blog-new-detail__content .module-demo--get-coffee .module-demo__content .hs-button:hover {
  background-color: rgba(255, 255, 255, 0.8784313725);
}
@media screen and (min-width: 1075px) {
  .blog-new-detail .blog-new-detail__content .module-demo--get-coffee .module-demo__content {
    width: 280px;
  }
  .blog-new-detail .blog-new-detail__content .module-demo--get-coffee .module-demo__image {
    bottom: 10px;
    right: 6px;
  }
  .blog-new-detail .blog-new-detail__content .module-demo--get-coffee img {
    max-width: 425px;
  }
}
@media screen and (max-width: 1075px) {
  .blog-new-detail .blog-new-detail__content .module-demo--get-coffee {
    padding: 20px 20px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    height: 480px;
  }
  .blog-new-detail .blog-new-detail__content .module-demo--get-coffee .module-demo__content h3 {
    font-size: 26px !important;
    line-height: 36px !important;
  }
  .blog-new-detail .blog-new-detail__content .module-demo--get-coffee .module-demo__image {
    display: block;
    bottom: -45px;
  }
}
.blog-new-detail .blog-new-detail__content .module-demo--workmates .module-demo__image {
  width: 220px;
  right: 60px;
}
.blog-new-detail .blog-new-detail__content .module-demo--home .module-demo__image {
  width: 300px;
  right: 0;
}
.blog-new-detail .blog-new-detail__content .module-demo--onboard .module-demo__image {
  width: 260px;
  right: 40px;
}
.blog-new-detail .blog-new-detail__content .module-demo--onboard-img-left {
  padding: 26px 20px 0 0;
}
.blog-new-detail .blog-new-detail__content .module-demo--onboard-img-left .module-demo__image {
  -ms-flex-item-align: end;
      align-self: flex-end;
  position: relative;
  width: 620px;
}
.blog-new-detail .blog-new-detail__content .module-demo--onboard-img-left h3 {
  letter-spacing: 0.2px;
  font-size: 26px;
  line-height: 36px;
  margin-bottom: 20px;
  margin-top: 10px;
}
@media screen and (max-width: 1075px) {
  .blog-new-detail .blog-new-detail__content .module-demo--onboard-img-left {
    padding: 20px;
  }
}
.blog-new-detail .blog-new-detail__content .module-demo--intranet {
  background-color: #54C3CA;
  color: #fff;
  height: 350px;
  padding-left: 40px;
  border-radius: 4px;
}
.blog-new-detail .blog-new-detail__content .module-demo--intranet h3 {
  margin-top: 25px;
  color: #fff !important;
  letter-spacing: 0.2px;
  font-size: 26px;
  line-height: 38px;
  max-width: 454px !important;
  margin-bottom: 10px;
}
.blog-new-detail .blog-new-detail__content .module-demo--intranet .module-demo__content div {
  font-size: 18px;
  max-width: 440px;
  line-height: 26px;
  padding-bottom: 25px;
}
.blog-new-detail .blog-new-detail__content .module-demo--intranet .module-demo__content a, .blog-new-detail .blog-new-detail__content .module-demo--intranet .module-demo__content .link {
  width: 150px;
  background-color: #fff;
  color: #54C3CA;
  border: 1px solid #fff;
  border-radius: 4px;
}
.blog-new-detail .blog-new-detail__content .module-demo--intranet .module-demo__content a:hover, .blog-new-detail .blog-new-detail__content .module-demo--intranet .module-demo__content .link:hover {
  background-color: whitesmoke;
  color: #54C3CA;
  border: 1px solid whitesmoke;
}
.blog-new-detail .blog-new-detail__content .module-demo--intranet .module-demo__content a:focus, .blog-new-detail .blog-new-detail__content .module-demo--intranet .module-demo__content .link:focus {
  background-color: whitesmoke !important;
  outline-color: transparent;
}
@media screen and (max-width: 1075px) {
  .blog-new-detail .blog-new-detail__content .module-demo--intranet h3 {
    margin-top: 0;
  }
}
.blog-new-detail .blog-new-detail__content .module-demo--giftcard {
  height: 350px;
  border-radius: 4px;
  padding-left: 40px;
  -webkit-box-shadow: 0px 2px 15px 5px rgba(67, 79, 87, 0.2);
          box-shadow: 0px 2px 15px 5px rgba(67, 79, 87, 0.2);
}
@media screen and (min-width: 1075px) {
  .blog-new-detail .blog-new-detail__content .module-demo--giftcard {
    background: linear-gradient(110deg, #EAF7F8 67%, #54C3CA 33%);
  }
}
@media screen and (max-width: 1075px) {
  .blog-new-detail .blog-new-detail__content .module-demo--giftcard {
    height: 470px;
  }
}
.blog-new-detail .blog-new-detail__content .module-demo--giftcard h3 {
  margin-top: 20px;
  font-size: 50px;
  line-height: 60px;
  max-width: 400px !important;
  margin-bottom: 10px;
}
.blog-new-detail .blog-new-detail__content .module-demo--giftcard .module-demo__content div {
  font-weight: 600;
  font-size: 14px;
  padding-bottom: 18px;
}
.blog-new-detail .blog-new-detail__content .module-demo--giftcard .module-demo__content a, .blog-new-detail .blog-new-detail__content .module-demo--giftcard .module-demo__content .link {
  width: 200px;
}
.blog-new-detail .blog-new-detail__content .module-demo--giftcard .module-demo__image {
  width: 365px;
  bottom: 35px;
}
.blog-new-detail .blog-new-detail__content .module-demo--new .module-demo__image {
  width: 350px;
}
.blog-new-detail .blog-new-detail__content .module-demo--new .module-demo__content h3 {
  max-width: 430px;
}
.blog-new-detail .blog-new-detail__content .module-demo--new .module-demo__content img {
  margin-bottom: 20px;
}
.blog-new-detail .blog-new-detail__content .module-demo--new.perform .module-demo__image {
  width: 430px;
}
.blog-new-detail .blog-new-detail__content .module-demo--new.people .module-demo__content h3 {
  margin-bottom: 20px;
}
.blog-new-detail .blog-new-detail__content .module-demo--new.people .module-demo__image {
  width: 330px;
}
.blog-new-detail .blog-new-detail__content .module-demo--new.offboard .module-demo__image, .blog-new-detail .blog-new-detail__content .module-demo--new.recruit .module-demo__image, .blog-new-detail .blog-new-detail__content .module-demo--new.timeoff .module-demo__image {
  width: 400px;
}
.blog-new-detail .blog-new-detail__content .module-demo--new.calculator {
  height: 330px;
}
.blog-new-detail .blog-new-detail__content .module-demo--new.calculator .module-demo__content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: distribute;
      justify-content: space-around;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
@media screen and (max-width: 1075px) {
  .blog-new-detail .blog-new-detail__content .module-demo--new.calculator .module-demo__content {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
}
.blog-new-detail .blog-new-detail__content .module-demo--new.calculator a, .blog-new-detail .blog-new-detail__content .module-demo--new.calculator .link {
  margin-top: 0;
  max-width: 150px;
}
.blog-new-detail .blog-new-detail__content .module-demo--new.calculator h3 {
  max-width: 340px !important;
  margin-bottom: 0;
}
.blog-new-detail .blog-new-detail__content .module-demo--new.calculator h3 span {
  color: #54C3CA;
}
.blog-new-detail .blog-new-detail__content .module-demo--new.calculator .turnover {
  width: 377px;
}
.blog-new-detail .blog-new-detail__content .module-demo--new.calculator.text-white {
  background-image: url(https://549864.fs1.hubspotusercontent-na1.net/hubfs/549864/assets/blog-modules/background-1.png);
  border-radius: 5px;
}
.blog-new-detail .blog-new-detail__content .module-demo--new.calculator.text-white .module-demo__image {
  bottom: 14px;
  right: -1px;
}
.blog-new-detail .blog-new-detail__content .module-demo--new.calculator.text-white .text {
  line-height: 1.5;
}
.blog-new-detail .blog-new-detail__content .module-demo--new.calculator.text-white a, .blog-new-detail .blog-new-detail__content .module-demo--new.calculator.text-white .link {
  max-width: 250px;
}
.blog-new-detail .blog-new-detail__content .module-demo--new.calculator.text-white a:hover, .blog-new-detail .blog-new-detail__content .module-demo--new.calculator.text-white .link:hover {
  background-color: #fb5900;
}
.blog-new-detail .blog-new-detail__content .module-demo--new.tour {
  background-color: #1ab79c;
  color: #fff;
  height: 320px;
}
@media screen and (max-width: 1075px) {
  .blog-new-detail .blog-new-detail__content .module-demo--new.tour {
    max-width: 32rem;
  }
}
.blog-new-detail .blog-new-detail__content .module-demo--new.tour h3 {
  color: #fff !important;
  margin-bottom: 0;
}
.blog-new-detail .blog-new-detail__content .module-demo--new.tour a, .blog-new-detail .blog-new-detail__content .module-demo--new.tour .link {
  font-size: 15px;
  letter-spacing: 0.5px;
  background-color: #fff;
  color: #1ab79c;
  border: 1px solid #fff;
  border-radius: 4px;
  margin-top: 10px;
  max-width: 150px;
  width: 100%;
}
.blog-new-detail .blog-new-detail__content .module-demo--new.tour a:hover, .blog-new-detail .blog-new-detail__content .module-demo--new.tour .link:hover {
  background-color: whitesmoke;
  color: #1ab79c;
  border: 1px solid whitesmoke;
}
.blog-new-detail .blog-new-detail__content .module-demo--new.tour a:focus, .blog-new-detail .blog-new-detail__content .module-demo--new.tour .link:focus {
  background-color: whitesmoke !important;
  outline-color: transparent;
}
.blog-new-detail .blog-new-detail__content .module-demo--new.tour .module-demo__content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: distribute;
      justify-content: space-around;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
@media screen and (max-width: 1075px) {
  .blog-new-detail .blog-new-detail__content .module-demo--new.tour .module-demo__content {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
}
.blog-new-detail .blog-new-detail__content .module-demo--new.tour .module-demo__content div {
  line-height: 23px;
  max-width: 320px;
}
.blog-new-detail .blog-new-detail__content .module-demo--new.tour .module-demo__image {
  width: 465px;
  bottom: -30px;
  right: -65px;
}
.blog-new-detail .blog-new-detail__content .module-demo--new.tour--second {
  border-radius: 4px;
  height: 340px;
  padding-left: 40px;
}
.blog-new-detail .blog-new-detail__content .module-demo--new.tour--second .module-demo__image {
  width: 455px;
  bottom: -10px;
  right: -15px;
}
.blog-new-detail .blog-new-detail__content .module-demo--new.tour--second h3 {
  letter-spacing: 0.2px;
  font-size: 26px;
  max-width: 358px !important;
}
.blog-new-detail .blog-new-detail__content .module-demo--new.bg-green {
  background-color: #1ab79c;
  color: #fff;
  height: 320px;
  border-radius: 5px;
}
.blog-new-detail .blog-new-detail__content .module-demo--new.bg-green h3 {
  color: #fff !important;
  margin-bottom: 0;
}
.blog-new-detail .blog-new-detail__content .module-demo--new.bg-green a, .blog-new-detail .blog-new-detail__content .module-demo--new.bg-green .link {
  font-size: 15px;
  letter-spacing: 0.5px;
  background-color: #fff;
  color: #1ab79c;
  border: 1px solid #fff;
  border-radius: 4px;
  margin-top: 10px;
  max-width: 150px;
  width: 100%;
}
.blog-new-detail .blog-new-detail__content .module-demo--new.bg-green a:hover, .blog-new-detail .blog-new-detail__content .module-demo--new.bg-green .link:hover {
  background-color: whitesmoke;
  color: #1ab79c;
  border: 1px solid whitesmoke;
}
.blog-new-detail .blog-new-detail__content .module-demo--new.bg-green a:focus, .blog-new-detail .blog-new-detail__content .module-demo--new.bg-green .link:focus {
  background-color: whitesmoke !important;
  outline-color: transparent;
}
.blog-new-detail .blog-new-detail__content .module-demo--new.bg-green .text {
  line-height: 1.3;
}
.blog-new-detail .blog-new-detail__content .module-demo--new.bg-green .module-demo__content {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
@media screen and (max-width: 1075px) {
  .blog-new-detail .blog-new-detail__content .module-demo--new.bg-green .module-demo__content {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
}
.blog-new-detail .blog-new-detail__content .module-demo--new.text-white {
  color: #fff;
}
.blog-new-detail .blog-new-detail__content .module-demo--new.text-white h3 {
  color: #fff !important;
}
@media screen and (max-width: 1075px) {
  .blog-new-detail .blog-new-detail__content .module-demo--new {
    margin-left: auto;
    margin-right: auto;
    max-width: 32rem;
  }
}
.blog-new-detail .blog-new-detail__content .workplace-alternative-module {
  background-color: #f8f7fd;
  padding: 32px 45px;
  border-radius: 4px;
  position: relative;
}
@media screen and (max-width: 1075px) {
  .blog-new-detail .blog-new-detail__content .workplace-alternative-module {
    padding-bottom: 323px;
    max-width: 29rem;
    margin-left: auto;
    margin-right: auto;
  }
}
.blog-new-detail .blog-new-detail__content .workplace-alternative-module h3 {
  font-size: 33px;
  line-height: 42px;
  margin-bottom: 10px;
}
.blog-new-detail .blog-new-detail__content .workplace-alternative-module ul {
  list-style: none;
  margin-left: 30px;
}
.blog-new-detail .blog-new-detail__content .workplace-alternative-module li {
  margin-bottom: 10px;
  position: relative;
}
.blog-new-detail .blog-new-detail__content .workplace-alternative-module li:before {
  position: absolute;
  content: "";
  left: -28px;
  top: 6px;
  width: 17px;
  height: 17px;
  background-size: cover;
  background-image: url(https://549864.fs1.hubspotusercontent-na1.net/hubfs/549864/assets/workplace-alternative-page/check.svg);
}
.blog-new-detail .blog-new-detail__content .workplace-alternative-module img {
  position: absolute;
}
@media screen and (min-width: 1075px) {
  .blog-new-detail .blog-new-detail__content .workplace-alternative-module img {
    width: 51%;
    top: 22px;
    right: 0;
  }
}
@media screen and (max-width: 1075px) {
  .blog-new-detail .blog-new-detail__content .workplace-alternative-module img {
    width: 100%;
    bottom: -31px;
    left: 0;
  }
}
.blog-new-detail .blog-new-detail__content .workplace-alternative-module .flex {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
@media screen and (min-width: 1075px) {
  .blog-new-detail .blog-new-detail__content .workplace-alternative-module .flex {
    width: 55%;
  }
}
.blog-new-detail .blog-new-detail__content .workplace-alternative-module .btn, .blog-new-detail .blog-new-detail__content .workplace-alternative-module .hs-button {
  width: 175px;
  padding: 15px;
}
.blog-new-detail .container-blog {
  position: relative;
}
.blog-new-detail .container-blog ul {
  margin-left: 1rem;
}
.blog-new-detail .letter-spacing-normal {
  letter-spacing: -0.2px;
}

.side-popup {
  visibility: hidden;
  position: -webkit-sticky;
  position: sticky;
}
.side-popup.visible {
  visibility: visible;
}
@media screen and (min-width: 1508px) {
  .side-popup {
    display: none;
    width: 280px;
    top: 192px;
  }
}
@media screen and (max-width: 1507px) {
  .side-popup {
    display: none !important;
  }
}

.side-form .hs-input {
  margin-bottom: 8px;
  background-color: transparent;
}
.side-form .hs-button {
  background-color: #ff6d00;
}

.blog-bottom-banner {
  display: none;
  width: 100%;
  position: fixed;
  bottom: 0;
  z-index: 10000;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background-color: #F7F9F9;
}
.blog-bottom-banner.visible {
  display: block;
}
.blog-bottom-banner .banner-container h3 {
  font-size: 22px !important;
}
.blog-bottom-banner .banner-text-container {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
@media only screen and (min-width: 1075px ) {
  .blog-bottom-banner {
    display: none;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .blog-bottom-banner.visible {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  .blog-bottom-banner .banner-container {
    margin: 0 40px;
  }
  .blog-bottom-banner .banner-container img {
    margin-top: -35px;
  }
  .blog-bottom-banner .banner-container h3 {
    margin: 0;
  }
}
@media screen and (max-width: 1075px) {
  .blog-bottom-banner {
    background-color: white;
    -webkit-box-shadow: 0px 2px 15px 5px rgba(67, 79, 87, 0.2);
            box-shadow: 0px 2px 15px 5px rgba(67, 79, 87, 0.2);
    border-radius: 5px;
    padding: 15px;
    margin: 20px 10px;
    width: auto;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
  }
  .blog-bottom-banner .banner-container img {
    width: 66px;
    margin-left: -8px;
  }
  .blog-bottom-banner .close {
    position: absolute;
    right: 1rem;
    top: 0.5rem;
    width: 1.5rem;
  }
  .blog-bottom-banner .banner-text-container {
    line-height: 1.5;
    font-size: 13px;
    margin-bottom: 7px;
  }
}

.module-quotes--color {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 480px;
}
.module-quotes--color .module-quotes__content {
  width: 70%;
  color: #fff;
  padding: 38px 35px 40px 38px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  border-bottom-left-radius: 4px;
  border-top-left-radius: 4px;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.module-quotes--color .module-quotes__content .quote {
  color: #fff !important;
  font-size: 22px !important;
}
.module-quotes--color .module-quotes__content span {
  line-height: 20px;
}
.module-quotes--color .module-quotes__content a, .module-quotes--color .module-quotes__content .link {
  padding: 14px 25px;
  border-color: #fff;
  background-color: #fff;
}
.module-quotes--color .module-quotes__content a:hover, .module-quotes--color .module-quotes__content .link:hover {
  background-color: rgba(255, 255, 255, 0.9333333333);
  border-color: rgba(255, 255, 255, 0.9333333333);
}
.module-quotes--color img {
  height: 100%;
  border-bottom-right-radius: 4px;
  border-top-right-radius: 4px;
}
.module-quotes--color.purple .module-quotes__content {
  background-color: #c278a4;
}
.module-quotes--color.purple .module-quotes__content .quote {
  font-size: 25px !important;
}
.module-quotes--color.purple a, .module-quotes--color.purple .link {
  color: #c278a4;
}
.module-quotes--color.azure .module-quotes__content {
  background-color: #54c3ca;
}
.module-quotes--color.azure a, .module-quotes--color.azure .link {
  color: #54c3ca;
}
.module-quotes--color.azure.interim {
  height: 520px;
}
.module-quotes--color.green {
  height: 500px;
}
.module-quotes--color.green .module-quotes__content {
  background-color: #1ab79c;
}
.module-quotes--color.green a, .module-quotes--color.green .link {
  color: #1ab79c;
}
.module-quotes--color.blue {
  height: 520px;
}
.module-quotes--color.blue .module-quotes__content {
  background-color: #028ace;
}
.module-quotes--color.blue a, .module-quotes--color.blue .link {
  color: #028ace;
}
.module-quotes--color.blue .quote {
  font-size: 24px !important;
}
@media screen and (max-width: 1075px) {
  .module-quotes--color .module-quotes--color__image {
    display: none;
  }
  .module-quotes--color .module-quotes__content {
    width: 100%;
    padding: 20px;
  }
  .module-quotes--color .module-quotes__content .quote {
    font-size: 18px !important;
  }
  .module-quotes--color.purple .module-quotes__content .quote {
    font-size: 20px !important;
  }
}

.quotes__name-role {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-size: 14px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

.module-quotes {
  padding: 32px;
  background: #FFF9EB;
  margin-bottom: 37px;
}

.module-quotes__header {
  padding-bottom: 22px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.module-quotes__image {
  width: 55px;
  height: 55px;
  border-radius: 50px;
  margin-right: 15px;
  overflow: hidden;
  background-size: cover !important;
  background-repeat: no-repeat !important;
  background-position: center !important;
}
.module-quotes__image img {
  width: 100%;
}

.module-quotes__user {
  font-family: "Lato", sans-serif;
  line-height: 24px;
  font-size: 15px;
  color: #434F57;
  font-weight: 600;
  -webkit-box-flex: 1;
      -ms-flex: 1 0 0px;
          flex: 1 0 0;
}
.module-quotes__user span {
  font-weight: 400;
}

.module-quotes__content p, .module-quotes__content .paragraph {
  margin: 0;
  padding: 0;
  font-style: italic;
  font-weight: 500 !important;
}

.module-ebook {
  padding: 32px;
  background: #FFF9EB;
  margin-bottom: 37px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.module-ebook--longer {
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: 38px 32px;
}
.module-ebook--longer .text {
  line-height: 27px;
  padding-bottom: 25px;
  max-width: 425px;
}
.module-ebook--longer h3 {
  font-size: 26px !important;
  line-height: 32px !important;
  margin-bottom: 15px;
}
.module-ebook--longer .btn, .module-ebook--longer .hs-button {
  width: 150px;
  margin-bottom: 0;
}
@media screen and (min-width: 1075px) {
  .module-ebook--longer .module-ebook__image {
    margin-right: -30px;
    -webkit-box-flex: 315px;
        -ms-flex: 315px 0 0px;
            flex: 315px 0 0;
  }
}
@media screen and (max-width: 1075px) {
  .module-ebook--longer .module-ebook__image {
    margin-top: 20px;
  }
}
@media screen and (max-width: 1075px) {
  .module-ebook {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    text-align: center;
    max-width: 32rem;
    margin-right: auto;
    margin-left: auto;
  }
}

.module-ebook__image {
  -webkit-box-flex: 270px;
      -ms-flex: 270px 0 0px;
          flex: 270px 0 0;
  margin-right: 40px;
}
@media screen and (max-width: 1075px) {
  .module-ebook__image {
    margin: 0 auto 20px;
    max-width: 250px;
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
  }
}

.module-ebook__content p, .module-ebook__content .paragraph {
  font-family: "Lato", sans-serif;
  line-height: 30px !important;
  font-size: 20px !important;
  color: #434F57;
  font-weight: 500 !important;
  padding-bottom: 0;
  margin-bottom: 26px;
}
.module-ebook__content .btn, .module-ebook__content .hs-button {
  background-color: #ff6d00;
  color: white;
  border: 0;
  padding: 15px;
  margin-top: auto;
  max-width: 200px;
  margin-bottom: 10px;
}
.module-ebook__content .btn.btn--longer, .module-ebook__content .btn--longer.hs-button {
  max-width: -webkit-max-content;
  max-width: -moz-max-content;
  max-width: max-content;
}

.module-demo__form {
  width: 375px;
}
.module-demo__form .hs-input {
  background-color: #fff;
}
.module-demo__form .hs-button.primary {
  background-color: #ee752f;
  font-size: 16px;
}
.module-demo__form .hs-button.primary:focus {
  background-color: #EF5911 !important;
}
.module-demo__form .hs-form-field label {
  display: none;
}
.module-demo__form input.hs-input, .module-demo__form .hs-input {
  border: none;
  height: 45px !important;
  margin-bottom: 8px;
}
.module-demo__form input.hs-input::-webkit-input-placeholder, .module-demo__form .hs-input::-webkit-input-placeholder {
  color: #bbb;
  font-size: 16px;
}
.module-demo__form input.hs-input::-moz-placeholder, .module-demo__form .hs-input::-moz-placeholder {
  color: #bbb;
  font-size: 16px;
}
.module-demo__form input.hs-input::-ms-input-placeholder, .module-demo__form .hs-input::-ms-input-placeholder {
  color: #bbb;
  font-size: 16px;
}
.module-demo__form input.hs-input::placeholder, .module-demo__form .hs-input::placeholder {
  color: #bbb;
  font-size: 16px;
}
.module-demo__form .hs-phone input.hs-input, .module-demo__form .hs-phone .hs-input {
  margin-bottom: 18px;
}
@media screen and (max-width: 1075px) {
  .module-demo__form {
    margin-top: 20px;
    width: auto;
  }
}

.module-demo__image {
  position: absolute;
  bottom: 0;
  right: 0;
}
@media screen and (max-width: 1075px) {
  .module-demo__image {
    display: none;
  }
}

.module-demo__content img {
  width: 120px;
  margin-bottom: 32px;
}
.module-demo__content h3 {
  font-size: 26px;
  line-height: 40px;
  margin-bottom: 32px;
}
@media screen and (max-width: 1075px) {
  .module-demo__content h3 br {
    display: none;
  }
}
.module-demo__content .btn, .module-demo__content .hs-button {
  background-color: #ff6d00;
  color: white;
  border: 0;
  padding: 15px;
  margin-top: auto;
  max-width: 260px;
  margin-bottom: 0;
}
.module-demo__content .btn.btn-with-r, .module-demo__content .btn-with-r.hs-button {
  padding-top: 9px;
}
@media screen and (max-width: 1075px) {
  .module-demo__content {
    margin: 0 auto;
  }
}

.blog-module-links {
  border: 1px solid #ddd;
}
.blog-module-links.is-hidden {
  display: none;
}
.blog-module-links ul {
  padding-left: 2rem;
  padding-right: 1.5rem;
  margin-top: 0.625rem;
  max-height: calc(100vh - 18rem);
  overflow-y: auto;
}
.blog-module-links ul li {
  list-style: none;
  border-top: 1px solid #ddd;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
}
.blog-module-links ul li::marker {
  line-height: 18px;
}
.blog-module-links ul li:hover, .blog-module-links ul li:active {
  color: #227e85;
  list-style: disc;
}
.blog-module-links ul li.active {
  color: #227e85;
  list-style: disc;
}
.blog-module-links ul li a, .blog-module-links ul li .link {
  display: block;
  font-size: 14px;
  line-height: 20px;
}

.blog-module-links-title {
  font-family: "lato", sans-serif;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-weight: 600;
  padding: 1rem 1.5rem 0rem 2rem;
}
@media (max-width: 1429px) {
  .blog-module-links-title {
    padding-top: 0.625rem;
  }
}
.blog-module-links-title img {
  width: 20px;
}

.blog-modules__content {
  margin-bottom: 120px;
  padding-top: 120px;
}

.module-ebook-new {
  padding-bottom: 0;
  padding-top: 15px;
}
.module-ebook-new .module-ebook__content p, .module-ebook-new .module-ebook__content .paragraph {
  font-weight: 600 !important;
  font-size: 19px !important;
}
.module-ebook-new.awards-2022 {
  background-image: url(https://549864.fs1.hubspotusercontent-na1.net/hubfs/549864/assets/awards/bg-blog-module@2x.png);
  background-size: cover;
  color: #fff;
}
@media screen and (min-width: 1075px) {
  .module-ebook-new.awards-2022 {
    height: 360px;
  }
  .module-ebook-new.awards-2022 .module-ebook__image {
    margin-right: 35px;
    margin-left: -10px;
  }
  .module-ebook-new.awards-2022 .module-ebook__image img {
    border-right: 1px solid #fff;
  }
}
.module-ebook-new.awards-2022 h3 {
  color: #fff !important;
}
.module-ebook-new.awards-2022 li {
  font-size: 14px;
}
.module-ebook-new.awards-2022 .btn, .module-ebook-new.awards-2022 .hs-button {
  background-color: white;
  color: #9c6d91;
  border: 1px solid white;
  border-radius: 4px;
  padding: 13px 40px;
}
.module-ebook-new.awards-2022 .btn:hover, .module-ebook-new.awards-2022 .hs-button:hover {
  background-color: whitesmoke;
  color: #9c6d91;
  border: 1px solid whitesmoke;
}
.module-ebook-new.awards-2022 .btn:focus, .module-ebook-new.awards-2022 .hs-button:focus {
  background-color: whitesmoke !important;
  outline-color: transparent;
}
@media screen and (max-width: 1075px) {
  .module-ebook-new.awards-2022 .module-ebook__image {
    margin-bottom: 0;
  }
  .module-ebook-new.awards-2022 .module-ebook__content {
    padding-bottom: 20px;
  }
  .module-ebook-new.awards-2022 h3 {
    font-size: 23px !important;
    line-height: 33px;
    margin-bottom: 15px;
  }
  .module-ebook-new.awards-2022 ol {
    text-align: start;
  }
  .module-ebook-new.awards-2022 strong {
    display: inline-block;
    text-align: left;
    line-height: 24px;
    margin-bottom: 5px;
  }
}

.module-start-quiz {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-shadow: 0 0 10px 5px #eee;
          box-shadow: 0 0 10px 5px #eee;
  border-radius: 5px;
}
@media screen and (max-width: 1075px) {
  .module-start-quiz {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}
.module-start-quiz .image-container {
  -ms-flex-preferred-size: 40%;
      flex-basis: 40%;
  overflow: hidden;
  -o-object-fit: cover;
     object-fit: cover;
  max-height: 320px;
}
.module-start-quiz .image-container img {
  min-width: 100%;
  min-height: 100%;
}
.module-start-quiz .text-container {
  -ms-flex-preferred-size: 60%;
      flex-basis: 60%;
  padding: 7% 9%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.module-start-quiz .text-container #text-container__paragraph {
  font-size: 16px !important;
  padding: 0;
}
.module-start-quiz .text-container .zodiac-signs {
  -webkit-transform: translateY(-10px);
          transform: translateY(-10px);
}
.module-start-quiz .text-container h3 {
  margin-top: 0;
  font-size: 20px !important;
  line-height: 1.4 !important;
  margin-bottom: 12px;
}
.module-start-quiz .text-container__btn {
  margin-top: auto;
}
.module-start-quiz .text-container .cta-button {
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
.module-start-quiz .text-container .cta-button a, .module-start-quiz .text-container .cta-button .link {
  padding: 15px 30px;
}

.bg-module {
  height: 420px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
@media screen and (max-width: 1075px) {
  .bg-module {
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: start;
    max-width: 380px;
  }
  .bg-module h3 {
    line-height: 1.3 !important;
  }
  .bg-module .module-demo__content {
    margin-top: 40px;
  }
}

.quiz-module {
  background-image: url(https://549864.fs1.hubspotusercontent-na1.net/hubfs/549864/assets/blog-modules/quiz@2x.png);
}
@media screen and (max-width: 1075px) {
  .quiz-module {
    background-image: url(https://549864.fs1.hubspotusercontent-na1.net/hubfs/549864/assets/blog-modules/quiz-mobile@2x.png);
    background-color: #54C3CA;
    background-size: contain;
    height: 36rem;
    background-position: bottom;
    text-align: center;
  }
  .quiz-module h3 {
    font-size: 22px !important;
  }
  .quiz-module a, .quiz-module .link {
    margin-left: auto;
    margin-right: auto;
  }
}

.interactive-demo-module {
  background-image: url(https://549864.fs1.hubspotusercontent-na1.net/hubfs/549864/assets/blog-modules/interactive-demo-module@2x.png);
}
@media screen and (max-width: 1075px) {
  .interactive-demo-module {
    height: 538px;
    background-image: url(https://549864.fs1.hubspotusercontent-na1.net/hubfs/549864/assets/blog-modules/interactive-demo-mobile@2x.png);
  }
  .interactive-demo-module a, .interactive-demo-module .link {
    margin-left: auto;
    margin-right: auto;
  }
}

.blog-audio {
  top: 7.25rem;
  width: 46rem;
  margin-bottom: 1rem;
}
.blog-audio::-webkit-media-controls-enclosure {
  border-radius: 5px;
}
@media screen and (max-width: 1075px) {
  .blog-audio {
    width: 100%;
    top: 9.25rem;
  }
}

.team-communication__brands {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-bottom: 90px;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.team-communication__brands.brands-2022 .team-communication__brands-item {
  height: 100%;
  -ms-flex-item-align: center;
      align-self: center;
}
.team-communication__brands.brands-2022 .team-communication__brands-item img {
  height: 100%;
}
@media screen and (max-width: 1075px) {
  .team-communication__brands {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    margin-bottom: 0;
  }
  .team-communication__brands.brands-2022 .team-communication__brands {
    margin-bottom: 50px;
  }
  .team-communication__brands.brands-2022 .team-communication__brands .team-communication__brands-item {
    width: 33%;
    padding-bottom: 30px;
  }
  .team-communication__brands .team-communication__brands-item {
    width: 50%;
    text-align: center;
    margin-bottom: 0;
    padding-bottom: 50px;
  }
}
@media screen and (min-width: 1075px) {
  .team-communication__brands--color .team-communication__brands-item {
    -ms-flex-item-align: start;
        align-self: flex-start;
  }
}
@media screen and (max-width: 1075px) {
  .team-communication__brands--color {
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: start;
    margin-top: 50px;
  }
}
.team-communication__brands--login {
  margin-bottom: 0;
}

button, .btn, .hs-button {
  border: 0;
  padding: 0;
  text-shadow: none;
  -webkit-box-shadow: none;
          box-shadow: none;
  cursor: pointer;
  display: inline-block;
  line-height: 1;
  font-weight: 600;
  text-align: center;
  -webkit-appearance: unset;
     -moz-appearance: unset;
          appearance: unset;
}

.btn, .hs-button {
  color: #fff;
  font-size: 16px;
  padding: 10px 15px;
  border-radius: 4px;
  -webkit-transition: all 0.2s linear;
  transition: all 0.2s linear;
}
.btn.btn--outline, .btn--outline.hs-button {
  background-color: transparent;
  color: #434f57;
  border: 1px solid #434f57;
  border-radius: 4px;
}
.btn.btn--outline:hover, .btn--outline.hs-button:hover {
  background-color: rgba(0, 0, 0, 0);
  color: #434f57;
  border: 1px solid #3a454b;
}
.btn.btn--outline:focus, .btn--outline.hs-button:focus {
  background-color: rgba(0, 0, 0, 0) !important;
  outline-color: transparent;
}
.btn.btn--negative, .btn--negative.hs-button {
  background-color: transparent;
  color: white;
  border: 1px solid white;
  border-radius: 4px;
}
.btn.btn--negative:hover, .btn--negative.hs-button:hover {
  background-color: rgba(0, 0, 0, 0);
  color: white;
  border: 1px solid whitesmoke;
}
.btn.btn--negative:focus, .btn--negative.hs-button:focus {
  background-color: rgba(0, 0, 0, 0) !important;
  outline-color: transparent;
}
.btn.btn--homepage-negative, .btn--homepage-negative.hs-button {
  background-color: white;
  color: #55C5CB;
  border: 1px solid white;
  border-radius: 4px;
  font-size: 18px;
  padding: 20px 25px;
  border-radius: 4px;
}
.btn.btn--homepage-negative:hover, .btn--homepage-negative.hs-button:hover {
  background-color: transparent;
  color: white;
  border: 1px solid white;
}
.btn.btn--homepage-negative:focus, .btn--homepage-negative.hs-button:focus {
  background-color: transparent !important;
  outline-color: transparent;
}
.btn .btn--success, .btn .form.form--cta-green .hs-button, .form.form--cta-green .btn .hs-button, .hs-button .btn--success, .hs-button .form.form--cta-green .hs-button, .form.form--cta-green .hs-button .hs-button {
  background: #ffffff;
  border: 1px solid #ffffff;
  color: #55C5CB;
}
.btn .btn--success.btn-darker-blue, .btn .form.form--cta-green .btn-darker-blue.hs-button, .form.form--cta-green .btn .btn-darker-blue.hs-button, .hs-button .btn--success.btn-darker-blue, .hs-button .form.form--cta-green .btn-darker-blue.hs-button, .form.form--cta-green .hs-button .btn-darker-blue.hs-button {
  color: #006FFF;
}
.btn.btn--primary, .btn--primary.hs-button, .module-demo__content.main-color .btn, .module-demo__content.main-color .hs-button {
  background-color: #41b3c2;
  color: white;
  border: 1px solid #41b3c2;
  border-radius: 4px;
}
.btn.btn--primary:hover, .btn--primary.hs-button:hover, .module-demo__content.main-color .btn:hover, .module-demo__content.main-color .hs-button:hover {
  background-color: #3aa6b5;
  color: white;
  border: 1px solid #3aa6b5;
}
.btn.btn--primary:focus, .btn--primary.hs-button:focus, .module-demo__content.main-color .btn:focus, .module-demo__content.main-color .hs-button:focus {
  background-color: #3aa6b5 !important;
  outline-color: transparent;
}
.btn.btn--purple, .btn--purple.hs-button, .form.form--cta-purple .hs-button {
  background-color: #ba7aa5;
  color: white;
  border: 1px solid #ba7aa5;
  border-radius: 4px;
}
.btn.btn--purple:hover, .btn--purple.hs-button:hover, .form.form--cta-purple .hs-button:hover {
  background-color: #b36d9c;
  color: white;
  border: 1px solid #b36d9c;
}
.btn.btn--purple:focus, .btn--purple.hs-button:focus, .form.form--cta-purple .hs-button:focus {
  background-color: #b36d9c !important;
  outline-color: transparent;
}
.btn.btn--blue-retail, .btn--blue-retail.hs-button, .form.form--cta-blue-retail .hs-button {
  background-color: #5A6973;
  color: white;
  border: 1px solid #5A6973;
  border-radius: 4px;
}
.btn.btn--blue-retail:hover, .btn--blue-retail.hs-button:hover, .form.form--cta-blue-retail .hs-button:hover {
  background-color: #515f68;
  color: white;
  border: 1px solid #515f68;
}
.btn.btn--blue-retail:focus, .btn--blue-retail.hs-button:focus, .form.form--cta-blue-retail .hs-button:focus {
  background-color: #515f68 !important;
  outline-color: transparent;
}
.btn.btn--blue, .btn--blue.hs-button, .form.form--cta-blue .hs-button {
  background-color: #6BBBCC;
  color: white;
  border: 1px solid #6BBBCC;
  border-radius: 4px;
}
.btn.btn--blue:hover, .btn--blue.hs-button:hover, .form.form--cta-blue .hs-button:hover {
  background-color: #5cb4c7;
  color: white;
  border: 1px solid #5cb4c7;
}
.btn.btn--blue:focus, .btn--blue.hs-button:focus, .form.form--cta-blue .hs-button:focus {
  background-color: #5cb4c7 !important;
  outline-color: transparent;
}
.btn.btn--yellow, .btn--yellow.hs-button {
  background-color: #EFB71F;
  color: white;
  border: 1px solid #EFB71F;
  border-radius: 4px;
}
.btn.btn--yellow:hover, .btn--yellow.hs-button:hover {
  background-color: #e9af11;
  color: white;
  border: 1px solid #e9af11;
}
.btn.btn--yellow:focus, .btn--yellow.hs-button:focus {
  background-color: #e9af11 !important;
  outline-color: transparent;
}
.btn.btn--blue-dark, .btn--blue-dark.hs-button {
  background-color: #4A90E2;
  color: white;
  border: 1px solid #4A90E2;
  border-radius: 4px;
}
.btn.btn--blue-dark:hover, .btn--blue-dark.hs-button:hover {
  background-color: #3885df;
  color: white;
  border: 1px solid #3885df;
}
.btn.btn--blue-dark:focus, .btn--blue-dark.hs-button:focus {
  background-color: #3885df !important;
  outline-color: transparent;
}
.btn.btn--orange, .btn--orange.hs-button, .form.form--cta-orange .hs-button {
  background-color: #fb5900;
  color: white;
  border: 1px solid #fb5900;
  border-radius: 4px;
}
.btn.btn--orange:hover, .btn--orange.hs-button:hover, .form.form--cta-orange .hs-button:hover {
  background-color: #e75200;
  color: white;
  border: 1px solid #e75200;
}
.btn.btn--orange:focus, .btn--orange.hs-button:focus, .form.form--cta-orange .hs-button:focus {
  background-color: #e75200 !important;
  outline-color: transparent;
}
.btn.btn--orange-action, .btn--orange-action.hs-button {
  background-color: #ff6d00;
  color: white;
  border: 1px solid #ff6d00;
  border-radius: 4px;
}
.btn.btn--orange-action:hover, .btn--orange-action.hs-button:hover {
  background-color: #eb6400;
  color: white;
  border: 1px solid #eb6400;
}
.btn.btn--orange-action:focus, .btn--orange-action.hs-button:focus {
  background-color: #eb6400 !important;
  outline-color: transparent;
}
.btn.btn--burgundy, .btn--burgundy.hs-button, .form.form--cta-burgundy .hs-button {
  background-color: #8d161f;
  color: white;
  border: 1px solid #8d161f;
  border-radius: 4px;
  background-image: none;
  -webkit-box-shadow: none;
          box-shadow: none;
}
.btn.btn--burgundy:hover, .btn--burgundy.hs-button:hover, .form.form--cta-burgundy .hs-button:hover {
  background-color: #7b131b;
  color: white;
  border: 1px solid #7b131b;
}
.btn.btn--burgundy:focus, .btn--burgundy.hs-button:focus, .form.form--cta-burgundy .hs-button:focus {
  background-color: #7b131b !important;
  outline-color: transparent;
}
.btn.btn--wm-green, .btn--wm-green.hs-button, .module-demo__content.wm-color .btn, .module-demo__content.wm-color .hs-button {
  background-color: #1ab79c;
  color: white;
  border: 1px solid #1ab79c;
  border-radius: 4px;
}
.btn.btn--wm-green:hover, .btn--wm-green.hs-button:hover, .module-demo__content.wm-color .btn:hover, .module-demo__content.wm-color .hs-button:hover {
  background-color: #17a58d;
  color: white;
  border: 1px solid #17a58d;
}
.btn.btn--wm-green:focus, .btn--wm-green.hs-button:focus, .module-demo__content.wm-color .btn:focus, .module-demo__content.wm-color .hs-button:focus {
  background-color: #17a58d !important;
  outline-color: transparent;
}
.btn.btn--large, .btn--large.hs-button {
  padding: 12px 20px;
}
.btn.btn--small, .btn--small.hs-button {
  padding: 5px 8px;
  font-size: 14px;
}
.btn.btn--longer, .btn--longer.hs-button {
  padding-left: 25px;
  padding-right: 25px;
}
.btn.btn--light-weight, .btn--light-weight.hs-button {
  font-weight: 300;
}
.btn.btn--block, .btn--block.hs-button {
  display: block;
  width: 100%;
}
.btn.btn--no-border-radius, .btn--no-border-radius.hs-button {
  border-radius: 0;
}

.btn-dark-teal {
  background-color: #227e85;
  border-radius: 0.25rem;
  color: #fff;
  cursor: pointer;
  font-weight: 700;
  padding: 0.75rem 1.25rem;
  -webkit-transition-duration: 0.3s;
          transition-duration: 0.3s;
  display: inline-block;
  text-align: center;
  transition-duration: 0.3s;
}
.btn-dark-teal:hover {
  background-color: #195c61;
}

.hs-button {
  padding: 12px 15px 10px;
  line-height: 22px;
  border: none !important;
}

.cta-button {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-item-align: center;
      align-self: center;
  -webkit-box-flex: 3;
      -ms-flex: 3;
          flex: 3;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.cta-button a, .cta-button .link {
  margin-top: 0;
  background-color: #ff6d00;
  border-color: #fb5900;
  color: white;
  padding-top: 12px;
  padding-bottom: 12px;
}
.cta-button a:hover, .cta-button .link:hover, .cta-button a:active, .cta-button .link:active, .cta-button a:focus, .cta-button .link:focus {
  background-color: #fb5900;
  border-color: #fb5900;
}
.cta-button--main-content {
  display: block;
}

#toggle-popup {
  font-weight: 600;
  color: #ff6600;
  position: relative;
}
#toggle-popup:before {
  content: "";
  position: absolute;
  background-position: left bottom;
  background-repeat: no-repeat;
  background-size: 22px;
}

.hero-cta .btn, .hero-cta .hs-button {
  background: #ff6d00;
  border: none !important;
  color: white;
  padding: 15px 20px;
  margin-bottom: 20px;
  margin-top: 25px;
  margin-right: 10px;
}
.hero-cta .btn:hover, .hero-cta .hs-button:hover, .hero-cta .btn:active, .hero-cta .hs-button:active, .hero-cta .btn:focus, .hero-cta .hs-button:focus {
  background: #f26200 !important;
}
.hero-cta .btn.btn--longer-40, .hero-cta .btn--longer-40.hs-button {
  padding-left: 40px;
  padding-right: 40px;
}

.new-tag {
  border-radius: 4px;
  color: #fff;
  background-color: #00C4C9;
  padding: 3px 10px;
  margin-left: 5px;
}

.white-link--animated {
  font-size: 16px !important;
  line-height: 32px !important;
  font-weight: 600;
  color: white !important;
  padding-bottom: 3px;
  display: inline-block;
}
@media screen and (min-width: 1075px) {
  .white-link--animated:after {
    content: "";
    display: block;
    width: 0;
    height: 2px;
    background: white;
    -webkit-transition: width 0.3s;
    transition: width 0.3s;
  }
}
.white-link--animated:hover, .white-link--animated:active, .white-link--animated:focus {
  color: white !important;
  outline: none;
}
.white-link--animated:hover:after, .white-link--animated:active:after, .white-link--animated:focus:after {
  width: 100%;
}

.btn.btn-primary, .btn-primary.hs-button {
  display: inline-block;
  border: 1px solid #ff6d00;
  border-radius: 4px;
  padding: 5px 20px;
  font-weight: 500;
  font-size: 14px;
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  background-color: #ff6d00;
  color: white;
}

.btn.btn-primary:hover, .btn-primary.hs-button:hover {
  border-color: #fb5900;
  background-color: #fb5900;
}

.slider-arrows {
  margin-top: 35px;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}
.slider-arrows .slider-arrow-button {
  width: 85px;
  height: 85px;
  background-position: center;
  opacity: 0.5;
}
.slider-arrows .slider-arrow-button.arrow-active {
  opacity: 1;
  cursor: pointer;
}
.slider-arrows .slider-arrow-button.next {
  background-image: url(https://549864.fs1.hubspotusercontent-na1.net/hubfs/549864/assets/about-us/arrow_right.svg);
}
.slider-arrows .slider-arrow-button.prev {
  background-image: url(https://549864.fs1.hubspotusercontent-na1.net/hubfs/549864/assets/about-us/arrow_left.svg);
}

.container {
  width: 100%;
  max-width: 1075px;
  margin: 0 auto;
}
.container.container--smaller {
  max-width: 650px;
}
.container.container--small {
  max-width: 400px;
}
.container.container--not-centered {
  margin-left: 0;
  margin-right: 0;
}

.electronic-signatures-documentation ul {
  list-style-type: decimal;
}

.content-block {
  padding: 35px 0;
  position: relative;
  z-index: 4;
  overflow: hidden;
}
.content-block:after {
  content: "";
  display: table;
  clear: both;
}
@media only screen and (max-width: 767px ) {
  .content-block .section-title, .content-block .paragraph {
    text-align: center !important;
    padding: 0 40px;
  }
}

.content-block__row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
@media only screen and (max-width: 767px ) {
  .content-block__row {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
}
@media only screen and (max-width: 767px ) {
  .content-block__row.mobile-order-reverse .content-block__col {
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
  }
}
@media only screen and (max-width: 767px ) {
  .content-block__row.mobile-order-reverse .content-block__col + .content-block__col {
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
  }
}
@media only screen and (max-width: 1074px ) {
  .content-block__row.tablet-order-reverse .content-block__col {
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
  }
}
@media only screen and (max-width: 1074px ) {
  .content-block__row.tablet-order-reverse .content-block__col + .content-block__col {
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
  }
}

.content-block__col {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  min-height: 1px;
  width: 50%;
  float: left;
  position: relative;
  z-index: 2;
  padding: 0 20px;
}
@media only screen and (max-width: 1074px ) {
  .content-block__col {
    width: 100%;
  }
}
@media only screen and (min-width: 1075px ) {
  .content-block__col.padded-left {
    padding-left: 72px;
  }
}
@media only screen and (min-width: 1075px ) {
  .content-block__col.padded-right {
    padding-right: 72px;
  }
}
.content-block__col .paragraph {
  margin-bottom: 0;
  padding-bottom: 0;
}

.content-block__text-center {
  -ms-flex-item-align: center;
      align-self: center;
}

.content-block__background-light-blue {
  background: #F8FCFF;
}
@media only screen and (max-width: 1074px ) {
  .content-block__background-light-blue {
    padding: 40px 0;
  }
}

.content-block__background-blue {
  background: #BAEBF0;
}

.content-block__background-light-gray {
  background: #F9F9F9;
}

.content-block__dropout-image {
  position: relative;
  z-index: 100;
}
@media only screen and (max-width: 1074px ) {
  .content-block__dropout-image {
    height: 250px !important;
    margin: 0 0 40px 0 !important;
  }
}
.content-block__dropout-image > img {
  display: none;
}
.content-block__dropout-image.dropout-image-example {
  height: 420px;
  margin-left: 45px;
}
.content-block__dropout-image.dropout-image-example:after {
  content: "";
  position: absolute;
  background: url("https://www.hrcloud.com/hubfs/assets/wotc-page/wotc-bottom-line-growth.png") no-repeat center;
  background-size: 100% auto;
  width: 860px;
  height: 620px;
  top: -200px;
  left: 0;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min--moz-device-pixel-ratio: 1.5), only screen and (-o-min-device-pixel-ratio: 3/2), only screen and (min-device-pixel-ratio: 1.5) {
  .content-block__dropout-image.dropout-image-example:after {
    background-image: url("https://www.hrcloud.com/hubfs/assets/wotc-page/wotc-bottom-line-growth@2x.png");
  }
}

.content-block__image--overflow-top {
  position: absolute;
  top: -115px;
  left: 0;
  padding: 0;
  z-index: 100;
}
@media screen and (max-width: 950px) {
  .content-block__image--overflow-top {
    position: relative;
    top: 0;
    margin-top: -280px;
  }
}

.content-block__feature-image {
  height: 290px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.content-block__feature-image > img {
  height: 100%;
  width: auto;
}
@media only screen and (max-width: 1074px ) {
  .content-block__feature-image {
    height: 220px;
    margin-bottom: 40px;
  }
}

.content-toggler-wrap {
  margin-bottom: 100px;
}
.content-toggler-wrap .text-content div, .content-toggler-wrap .text-content p, .content-toggler-wrap .text-content .paragraph, .content-toggler-wrap .text-content .section-title {
  text-align: center !important;
}
@media screen and (max-width: 1075px) {
  .content-toggler-wrap {
    margin-bottom: 30px;
  }
  .content-toggler-wrap .section-headline {
    padding: 0 20px;
  }
}

.content-toggler {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
@media screen and (max-width: 1075px) {
  .content-toggler {
    display: block;
    max-width: 450px;
    padding: 0 32px;
    margin: 0 auto;
    position: relative;
  }
}

.content-toggler__arrows {
  position: absolute;
  top: 120px;
  width: 100%;
  max-width: 100%;
  height: 50px;
  z-index: 10000;
}
.content-toggler__arrows .slick-arrow {
  margin-top: 0;
}
.content-toggler__arrows .slick-prev {
  left: -27px;
}
.content-toggler__arrows .slick-next {
  right: -27px;
}

.content-toggler__tabs {
  -webkit-box-flex: 820px;
      -ms-flex: 820px 0 0px;
          flex: 820px 0 0;
  overflow: hidden;
}
@media screen and (max-width: 1075px) {
  .content-toggler__tabs {
    -webkit-box-flex: 0;
        -ms-flex: none;
            flex: none;
    position: relative;
    overflow: visible;
  }
}
.content-toggler__tabs .slick-dots {
  position: relative;
  bottom: auto;
  top: auto;
}
.content-toggler__tabs .slick-dots li {
  width: 10px;
}
@media screen and (max-width: 350px) {
  .content-toggler__tabs .slick-dots li {
    margin: 0;
  }
}

.content-toggler__tabs-item {
  display: none;
}
.content-toggler__tabs-item:focus {
  outline: none;
}
.content-toggler__tabs-item.active {
  display: block;
}

.content-toggler__tabs-item-inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
@media screen and (max-width: 1075px) {
  .content-toggler__tabs-item-inner {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
            flex-direction: column-reverse;
  }
}

.content-toggler__tab-text {
  max-width: 260px;
  margin-right: 30px;
}
.content-toggler__tab-text p a, .content-toggler__tab-text p .link, .content-toggler__tab-text .paragraph a, .content-toggler__tab-text .paragraph .link {
  color: #f26200 !important;
  -webkit-transition: ease 0.3s;
  transition: ease 0.3s;
}
.content-toggler__tab-text p a:hover, .content-toggler__tab-text p .link:hover, .content-toggler__tab-text .paragraph a:hover, .content-toggler__tab-text .paragraph .link:hover, .content-toggler__tab-text p a:focus, .content-toggler__tab-text p .link:focus, .content-toggler__tab-text .paragraph a:focus, .content-toggler__tab-text .paragraph .link:focus, .content-toggler__tab-text p a:active, .content-toggler__tab-text p .link:active, .content-toggler__tab-text .paragraph a:active, .content-toggler__tab-text .paragraph .link:active {
  color: #ff6600 !important;
}
@media screen and (max-width: 1075px) {
  .content-toggler__tab-text {
    max-width: 350px;
    margin: 30px auto 0;
  }
}
.content-toggler__tab-text .section-title {
  font-size: 22px !important;
  line-height: 26px !important;
  margin-bottom: 20px;
  -webkit-user-select: text;
  -moz-user-select: text;
  -ms-user-select: text;
  user-select: text;
}
@media screen and (max-width: 1075px) {
  .content-toggler__tab-text .section-title {
    font-size: 20px !important;
    line-height: 24px !important;
    text-align: center !important;
  }
}
.content-toggler__tab-text .paragraph {
  font-size: 14px !important;
  line-height: 24px !important;
  padding-bottom: 0 !important;
  margin-bottom: 20px;
  -webkit-user-select: text;
  -moz-user-select: text;
  -ms-user-select: text;
  user-select: text;
}
@media screen and (max-width: 1075px) {
  .content-toggler__tab-text .paragraph {
    text-align: center !important;
    font-size: 16px !important;
  }
}
@media screen and (max-width: 1075px) {
  .content-toggler__tab-text .cta-button {
    display: none;
  }
}

.content-toggler__tab-image {
  max-width: 550px;
  min-width: 500px;
}
.content-toggler__tab-image img {
  width: 100%;
}
@media screen and (max-width: 1075px) {
  .content-toggler__tab-image {
    min-width: unset;
    margin: 0 auto;
    width: 100%;
  }
}

.content-toggler__links {
  display: block;
}
@media screen and (max-width: 1075px) {
  .content-toggler__links {
    display: none;
  }
}

.content-toggler__links-menu {
  margin-left: 35px;
  list-style-type: none;
}
.content-toggler__links-menu img {
  margin-right: 10px;
}
.content-toggler__links-menu li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 15px;
  line-height: 18px;
  padding: 9px 14px;
  margin-bottom: 10px;
  font-weight: 600;
  cursor: pointer;
  border-radius: 4px;
}
.content-toggler__links-menu li h4 {
  margin: 0;
  color: inherit;
  font-size: inherit;
  letter-spacing: inherit;
}
.content-toggler__links-menu li.active {
  color: #00C4C9;
  -webkit-box-shadow: 0 2px 4px 0 rgba(67, 79, 87, 0.24);
          box-shadow: 0 2px 4px 0 rgba(67, 79, 87, 0.24);
}
.content-toggler__links-menu li:hover {
  background: #F7F9F9;
}
.content-toggler__links-menu.orange-links {
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
}
.content-toggler__links-menu.orange-links li .active-img {
  display: none;
}
.content-toggler__links-menu.orange-links li.active {
  color: #fff;
  background-color: #ff6d00;
  -webkit-box-shadow: 0 2px 4px 0 rgba(67, 79, 87, 0.24);
  box-shadow: 0 2px 4px 0 rgba(67, 79, 87, 0.24);
}
.content-toggler__links-menu.orange-links li.active .active-img {
  display: block;
  height: 15px;
  width: 16px;
}
.content-toggler__links-menu.orange-links li.active img:not(.active-img) {
  display: none;
}

.section-toggler {
  margin-bottom: 0;
}
@media screen and (min-width: 1075px) {
  .section-toggler .set-min-width {
    min-width: 550px;
  }
}
.section-toggler .slick-dots {
  bottom: -20px;
}
.section-toggler .toggler-cotent {
  display: block;
}
.section-toggler .content-toggler__tabs {
  -webkit-box-flex: unset;
      -ms-flex: unset;
          flex: unset;
}
.section-toggler .content-toggler__links {
  max-width: 450px;
}
.section-toggler .content-toggler__links-menu {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin-left: -40px;
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
}
.section-toggler .content-toggler__links-menu div {
  cursor: pointer;
  text-align: center;
}
.section-toggler .content-toggler__links-menu div p, .section-toggler .content-toggler__links-menu div .paragraph {
  margin-top: 10px;
  font-weight: 600;
}
.section-toggler .content-toggler__links-menu div .active-img {
  display: none;
}
.section-toggler .content-toggler__links-menu div.active, .section-toggler .content-toggler__links-menu div:hover {
  text-align: center;
  color: #ff6d00;
}
.section-toggler .content-toggler__links-menu div.active .active-img, .section-toggler .content-toggler__links-menu div:hover .active-img {
  display: inline-block;
}
.section-toggler .content-toggler__links-menu div.active img:not(.active-img), .section-toggler .content-toggler__links-menu div:hover img:not(.active-img) {
  display: none;
}
.section-toggler .link-item {
  width: 50%;
  min-width: 120px;
}
@media screen and (min-width: 1075px) {
  .section-toggler {
    margin-top: 60px;
  }
  .section-toggler .content-toggler {
    padding: 60px 0 40px;
  }
  .section-toggler .slick-dots {
    width: 550px;
  }
  .section-toggler .section-col ~ .section-col {
    margin-left: 80px;
  }
}
@media screen and (max-width: 1075px) {
  .section-toggler .content-toggler {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .section-toggler .content-toggler__tabs {
    padding: 20px 0 60px;
  }
  .section-toggler .content-toggler__links-menu {
    margin: 0 auto;
    width: auto;
  }
}

/* Tabbing container */
.tabbing-container {
  width: 100%;
  padding-bottom: 60px;
}

.tabbing-container button, .tabbing-container .btn, .tabbing-container .hs-button {
  font-size: 16px;
}

.tabbing-container .tabbing-group-navbar, .tabbing-group-navbar-global {
  display: block;
  width: 100%;
  text-align: center;
}

.tabbing-container .tabbing-group-navbar ul, .tabbing-group-navbar-global ul {
  border-bottom: 2px solid #e7e5e4;
  list-style-type: none;
  padding: 0;
  margin: 0 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  width: 50%;
}

.tabbing-container .tabbing-group-navbar li, .tabbing-group-navbar-global li {
  list-style-type: none;
  padding: 0;
  margin: 0;
  display: inline-block;
}

.tabbing-container .tabbing-group-navbar button, .tabbing-container .tabbing-group-navbar .btn, .tabbing-container .tabbing-group-navbar .hs-button,
.tabbing-container .tabbing-group-navbar button:link,
.tabbing-container .tabbing-group-navbar button:visited,
.tabbing-group-navbar-global button,
.tabbing-group-navbar-global .btn,
.tabbing-group-navbar-global .hs-button,
.tabbing-group-navbar-global button:link,
.tabbing-group-navbar-global button:hover {
  background: transparent;
  -webkit-box-shadow: none;
          box-shadow: none;
  border: 0;
  cursor: pointer;
  position: relative;
  bottom: -2px;
  border-bottom: 2px solid transparent;
  color: #95928e;
  line-height: 140%;
  display: inline-block;
  padding: 6px 4px;
}

.tabbing-container .tabbing-group-navbar button:hover, .tabbing-container .tabbing-group-navbar .btn:hover, .tabbing-container .tabbing-group-navbar .hs-button:hover,
.tabbing-container .tabbing-group-navbar button:active,
.tabbing-container .tabbing-group-navbar .btn:active,
.tabbing-container .tabbing-group-navbar .hs-button:active,
.tabbing-container .tabbing-group-navbar .active button,
.tabbing-container .tabbing-group-navbar .active .btn,
.tabbing-container .tabbing-group-navbar .active .hs-button,
.tabbing-group-navbar-global button:hover,
.tabbing-group-navbar-global .btn:hover,
.tabbing-group-navbar-global .hs-button:hover,
.tabbing-group-navbar-global button:active,
.tabbing-group-navbar-global .btn:active,
.tabbing-group-navbar-global .hs-button:active,
.tabbing-group-navbar-global .active button,
.tabbing-group-navbar-global .active .btn,
.tabbing-group-navbar-global .active .hs-button {
  color: black;
  border-bottom: 2px solid #54c3ca;
}

.tabbing-container .tabbing-group-navbar button:focus, .tabbing-container .tabbing-group-navbar .btn:focus, .tabbing-container .tabbing-group-navbar .hs-button:focus, .tabbing-group-navbar-global button:focus, .tabbing-group-navbar-global .btn:focus, .tabbing-group-navbar-global .hs-button:focus {
  outline: 0;
}

.tabbing-container .tabbing-group-content, .tabbing-group-content-global {
  width: 100%;
  padding: 0 10px;
}

.tabbing-container .tab-content, .tab-content-global {
  display: none;
  padding-top: 40px;
}

.tabbing-container .tab-content.active, .tab-content-global.active {
  display: block;
}

.tabbing-container .tab-image-container {
  width: 50%;
  text-align: right;
}

.tabbing-container .tab-text {
  width: 50%;
  max-width: 315px;
  text-align: left;
}

.tabbing-container .tab-cta-container {
  width: 50%;
  max-width: 315px;
}

.tabbing-container .tab-text h2 {
  font-size: 26px;
  line-height: 130%;
  font-weight: 500;
}

.tabbing-container .tab-text p, .tabbing-container .tab-text .paragraph {
  line-height: 1.6;
  font-size: 14px !important;
}

.tabbing-container .button-container {
  clear: none;
}

.tabbing-container .button-container a, .tabbing-container .button-container .link {
  margin-bottom: 12px;
}

.tabbing-container .text-button-container a, .tabbing-container .text-button-container .link {
  color: #b1d037;
  font-size: 12px;
  text-transform: uppercase;
  letter-spacing: 1px;
  font-weight: 500;
  padding: 0;
}

.pull-right {
  float: right;
}

.pull-left {
  float: left;
}

@media screen and (max-width: 768px) {
  .tabbing-container {
    margin-top: 20px;
  }
  .tabbing-container .tabbing-group-navbar ul {
    width: 80%;
  }
}
@media screen and (max-width: 550px) {
  .tabbing-container .tabbing-group-navbar ul {
    width: 100%;
  }
  .tabbing-container .tab-image-container {
    width: 100%;
    max-width: 350px;
    margin: 0 auto;
    float: none;
    margin-bottom: 20px;
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
  }
  .tabbing-container .tab-text,
.tabbing-container .tab-cta-container {
    float: none;
    width: 100%;
    max-width: 350px;
    margin: 0 auto;
    text-align: center;
  }
  .tabbing-container .tab-text h2,
.tabbing-container .tab-text p,
.tabbing-container .tab-text .paragraph {
    text-align: center;
  }
  .tabbing-container .tab-text p, .tabbing-container .tab-text .paragraph {
    padding-bottom: 10px;
  }
  .tabbing-container .tab-cta-container {
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
    margin-top: 10px;
  }
  .tabbing-container button, .tabbing-container .btn, .tabbing-container .hs-button {
    font-size: 16px;
  }
  .tabbing-container .button-container a, .tabbing-container .button-container .link {
    display: block;
    text-align: center;
  }
  .tabbing-container .text-button-container {
    text-align: center;
  }
  .tab-content.active {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}
div#hs-eu-cookie-confirmation {
  top: auto !important;
  bottom: 0;
}

.company-logos {
  padding-top: 40px;
}
.company-logos .team-communication__brands-item {
  padding-bottom: 50px;
}
.company-logos .team-communication__brands-item .extra-padding {
  padding: 10px;
}
.company-logos .team-communication__brands-item img {
  max-width: 152px;
  -o-object-fit: contain;
     object-fit: contain;
  height: 60px;
}
@media screen and (min-width: 1075px) {
  .company-logos .team-communication__brands-item {
    max-width: 20%;
    width: 20%;
  }
}
@media screen and (max-width: 1075px) {
  .company-logos .section-headline {
    font-size: 32px;
    line-height: 40px;
  }
}

.section__data-security {
  padding: 120px 0 160px;
}
@media screen and (max-width: 1075px) {
  .section__data-security {
    padding: 48px 0;
  }
}
@media screen and (max-width: 1075px) {
  .section__data-security .container {
    max-width: 100% !important;
  }
}
.section__data-security .section-new__header p, .section__data-security .section-new__header .paragraph {
  width: 170px;
}
@media screen and (max-width: 1075px) {
  .section__data-security .section-new__header p, .section__data-security .section-new__header .paragraph {
    width: 150px;
  }
}
.section__data-security .section-title {
  text-align: center !important;
  font-size: 48px;
  font-weight: 900;
  line-height: 57px;
  color: #BDC3C7;
  margin-bottom: 80px;
}
@media screen and (max-width: 1075px) {
  .section__data-security .section-title {
    font-size: 19px;
    margin-bottom: 15px;
  }
}
.section__data-security .data-security__wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: start;
}
@media screen and (max-width: 1075px) {
  .section__data-security .data-security__wrap {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
        -ms-flex-direction: row-reverse;
            flex-direction: row-reverse;
  }
  .section__data-security .data-security__wrap div {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    width: auto;
    margin-right: 20px;
  }
  .section__data-security .data-security__wrap div:first-child {
    margin-right: 0;
  }
  .section__data-security .data-security__wrap div.data-security__shield-item, .section__data-security .data-security__wrap div.data-security__ssl-item {
    -webkit-box-flex: 3;
        -ms-flex: 3;
            flex: 3;
  }
}
@media screen and (max-width: 1075px) and (max-width: 450px) {
  .section__data-security .data-security__wrap div {
    margin-right: 10px;
  }
}
@media screen and (max-width: 1075px) {
  .section__data-security .data-security__wrap img {
    margin: 0;
  }
}
.section__data-security .data-security__item {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.section__data-security .data-security__aicpa {
  width: 62px;
  margin-top: -3px;
}
.section__data-security .data-security__shield {
  width: 250px;
}
.section__data-security .data-security__ssl {
  width: 225px;
}
.section__data-security .data-security__gdpr {
  width: 84px;
}

.enterprise-grade-security {
  background: #f7f7f7;
}
.enterprise-grade-security .section__data-security {
  padding: 70px 0 80px;
}
.enterprise-grade-security .section__data-security .section-title {
  color: #444444;
  font-size: 32px;
  margin-bottom: 30px;
  margin-top: 0;
  line-height: 44px;
  letter-spacing: 0.2px;
}
.enterprise-grade-security .section__data-security p, .enterprise-grade-security .section__data-security .paragraph {
  max-width: 716px;
  margin: 0 auto;
  padding-bottom: 27px;
}
.enterprise-grade-security .section__data-security .data-security__ssl {
  width: 200px;
}
.enterprise-grade-security .section__data-security-cta {
  margin-top: 0;
  margin-bottom: 60px;
}
@media screen and (min-width: 1075px) {
  .enterprise-grade-security {
    height: 470px;
  }
  .enterprise-grade-security .section__data-security-cta a:first-child, .enterprise-grade-security .section__data-security-cta .link:first-child {
    margin-right: 40px;
  }
}
@media screen and (max-width: 1075px) {
  .enterprise-grade-security .section__data-security {
    padding-top: 50px;
  }
  .enterprise-grade-security .section__data-security .section-title {
    text-align: start !important;
  }
  .enterprise-grade-security .section__data-security .section-title h3 {
    font-size: 26px;
    line-height: 36px;
  }
  .enterprise-grade-security .section__data-security .section-title p, .enterprise-grade-security .section__data-security .section-title .paragraph {
    font-size: 18px !important;
    padding-bottom: 17px;
    margin: 0;
  }
  .enterprise-grade-security .section__data-security-cta {
    text-align: start;
  }
  .enterprise-grade-security .section__data-security-cta a, .enterprise-grade-security .section__data-security-cta .link {
    display: block;
  }
  .enterprise-grade-security .section__data-security-cta a:first-child, .enterprise-grade-security .section__data-security-cta .link:first-child {
    padding-bottom: 14px;
  }
}

.featured-blog__header {
  text-align: center;
  padding: 100px 0 55px;
}
@media screen and (max-width: 1075px) {
  .featured-blog__header {
    text-align: left;
    padding-left: 32px;
    padding-right: 32px;
    padding-bottom: 20px;
  }
}
.featured-blog__header h3 {
  font-size: 38px;
  line-height: 46px;
  font-weight: 700;
  margin-bottom: 18px;
}
.featured-blog__header h4 {
  font-size: 22px;
  line-height: 32px;
  font-weight: 500;
  color: #36454E;
  margin-bottom: 21px;
}

featured-blog__header-title {
  font-size: 28px;
}

featured-blog__header-title {
  font-size: 28px;
}

.featured-blog-list .orange-link__arrow {
  border: none;
}

.homepage-new-wrapper .featured-blog__header {
  padding: 0 0 55px;
}
.homepage-new-wrapper .resource-area-content {
  margin-top: 80px !important;
  background: transparent;
}

.featured-blogs__wrapper--wm {
  position: relative;
}
@media screen and (max-width: 1075px) {
  .featured-blogs__wrapper--wm {
    width: 90%;
    margin: 0 auto;
  }
}

.featured-blogs {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 60px;
}
.featured-blogs .slick-dots {
  bottom: 0;
}
@media screen and (max-width: 1075px) {
  .featured-blogs {
    max-width: 400px;
    margin: 0 auto;
  }
}

.featured-blogs__item {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  margin-right: 40px;
}
.featured-blogs__item:last-child {
  margin-right: 0;
}
@media screen and (max-width: 1075px) {
  .featured-blogs__item {
    margin-bottom: 40px;
    margin-right: 0;
    padding: 20px;
  }
}

.featured-blogs__item-wrapper {
  padding-top: 1px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 100%;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
      flex-direction: column;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
      justify-content: space-between;
  -webkit-transition: ease 0.3s;
  transition: ease 0.3s;
  cursor: pointer;
}
.featured-blogs__item-wrapper:after {
  content: "";
  display: block;
  width: 0;
  height: 2px;
  background: #f26200;
  -webkit-transition: width 0.3s;
  transition: width 0.3s;
}

.featured-blogs__image {
  height: 165px;
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  position: relative;
}

.featured-blogs__item-content {
  padding: 10px 22px 22px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
      flex-direction: column;
  height: 307px;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
      justify-content: space-between;
}
.featured-blogs__item-content h3 {
  font-size: 21px;
  line-height: 32px;
  margin-bottom: 17px;
}

.featured-blogs--wm .featured-blogs__item {
  -webkit-box-shadow: 2px 4px 10px 0 rgba(0, 0, 0, 0.16);
          box-shadow: 2px 4px 10px 0 rgba(0, 0, 0, 0.16);
  border-radius: 3px;
  -webkit-transition: ease 0.3s;
  transition: ease 0.3s;
}
.featured-blogs--wm .featured-blogs__item:hover {
  margin-top: -5px;
  margin-bottom: 5px;
  -webkit-box-shadow: 2px 4px 10px 0 rgba(0, 0, 0, 0.28);
          box-shadow: 2px 4px 10px 0 rgba(0, 0, 0, 0.28);
}
.featured-blogs--wm .featured-blogs__item:hover .orange-link__arrow:after {
  width: 100%;
}
@media screen and (max-width: 1075px) {
  .featured-blogs--wm .featured-blogs__item {
    padding: 10px !important;
    -webkit-box-shadow: none;
            box-shadow: none;
  }
}
.featured-blogs--wm .featured-blogs__item-wrapper {
  -webkit-box-shadow: 2px 4px 10px 0 rgba(0, 0, 0, 0.16);
          box-shadow: 2px 4px 10px 0 rgba(0, 0, 0, 0.16);
  border-radius: 5px;
}
.featured-blogs--wm .featured-blogs__item-content {
  height: 226px;
  padding: 10px 16px 10px;
}
.featured-blogs--wm .featured-blogs__item-content h3 {
  margin-bottom: 5px;
}
.featured-blogs--wm .featured-blogs__item-content p, .featured-blogs--wm .featured-blogs__item-content .paragraph {
  padding-bottom: 0;
  line-height: 1.5;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
}
@media screen and (max-width: 1075px) {
  .featured-blogs--wm .featured-blogs__item-content {
    padding: 10px 24px;
  }
}
.featured-blogs--wm .featured-blogs__item-link {
  margin-top: auto;
}

@media screen and (max-width: 1075px) {
  .wm-content__blog-articles .featured-blog__header {
    max-width: 450px;
    margin: 0 auto;
  }
}
@media screen and (max-width: 1075px) {
  .wm-content__blog-articles .featured-blogs__image {
    margin: 0;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 0px;
    border-bottom-left-radius: 0px;
  }
}
@media screen and (max-width: 1075px) {
  .wm-content__blog-articles .featured-blogs__item {
    padding: 0;
  }
}
@media screen and (max-width: 1075px) {
  .wm-content__blog-articles .featured-blogs__image {
    height: 225px;
  }
}

.wm-blog__arrows {
  position: absolute;
  top: 240px;
  width: 100%;
  max-width: 100%;
  height: 50px;
  z-index: 10000;
}
.wm-blog__arrows .slick-arrow {
  margin-top: 0;
}
.wm-blog__arrows .slick-prev {
  left: -5px;
}
.wm-blog__arrows .slick-next {
  right: -5px;
}

body.no-footer .footer-container-wrapper {
  display: none;
}

.sales-page__footer {
  position: relative;
  padding: 84px 32px;
  text-align: center;
  background: #00c4c9;
  color: white;
}
@media screen and (max-width: 400px) {
  .sales-page__footer {
    padding: 50px 15px;
  }
}
.sales-page__footer h3, .sales-page__footer h2 {
  font-size: 32px;
  line-height: 44px;
  margin-bottom: 11px;
  color: white;
  margin-top: 0;
}
@media screen and (max-width: 1075px) {
  .sales-page__footer h3, .sales-page__footer h2 {
    margin-bottom: 18px;
    font-size: 26px;
    line-height: 36px;
  }
}
.sales-page__footer p, .sales-page__footer .paragraph {
  font-size: 18px !important;
  line-height: 44px !important;
  margin-bottom: 27px;
  color: white;
  padding-bottom: 0;
}
@media screen and (max-width: 1075px) {
  .sales-page__footer p, .sales-page__footer .paragraph {
    line-height: 26px !important;
    font-size: 16px !important;
    margin-bottom: 30px;
  }
}
.sales-page__footer.one-line h3 {
  margin-bottom: 40px;
}
.sales-page__footer .sales-page__footer-cta a, .sales-page__footer .sales-page__footer-cta .link,
.sales-page__footer .sales-page__footer-cta span {
  font-size: 16px !important;
  line-height: 19px !important;
  font-weight: 600;
  color: #00c4c9;
  display: inline-block;
  background: white;
  padding: 14px 25px;
  border-radius: 4px;
  -webkit-transition: ease 0.3s;
  transition: ease 0.3s;
  border: none;
}
.sales-page__footer .sales-page__footer-cta a:hover, .sales-page__footer .sales-page__footer-cta .link:hover, .sales-page__footer .sales-page__footer-cta a:active, .sales-page__footer .sales-page__footer-cta .link:active, .sales-page__footer .sales-page__footer-cta a:focus, .sales-page__footer .sales-page__footer-cta .link:focus,
.sales-page__footer .sales-page__footer-cta span:hover,
.sales-page__footer .sales-page__footer-cta span:active,
.sales-page__footer .sales-page__footer-cta span:focus {
  opacity: 0.95;
}
.sales-page__footer .sales-page__footer-cta.footer-cta-with-free-trial .free-trial {
  background: white;
  color: #00c4c9;
  line-height: 17px !important;
  margin-left: 8px;
  cursor: pointer;
}
.sales-page__footer .sales-page__footer-cta.footer-cta-with-free-trial .request-a-demo {
  background: transparent;
  color: white;
  margin-left: 8px;
  line-height: 32px !important;
}
@media screen and (max-width: 440px) {
  .sales-page__footer .sales-page__footer-cta.footer-cta-with-free-trial .request-a-demo {
    margin-top: 16px !important;
  }
}
@media screen and (max-width: 440px) {
  .sales-page__footer .sales-page__footer-cta.footer-cta-with-free-trial a, .sales-page__footer .sales-page__footer-cta.footer-cta-with-free-trial .link,
.sales-page__footer .sales-page__footer-cta.footer-cta-with-free-trial span {
    display: block;
    width: 200px;
    margin: 0 auto !important;
  }
}
.sales-page__footer.footer-green {
  background-color: #1ab79c;
}
.sales-page__footer.footer-green .sales-page__footer-cta a, .sales-page__footer.footer-green .sales-page__footer-cta .link {
  color: #1ab79c;
}

.form {
  width: 350px;
}
.form.form--full-width {
  width: 100%;
}
.form input, .form .hs-input {
  margin-bottom: 10px !important;
}
.form.form--cta-orange input:focus, .form.form--cta-orange .hs-input:focus, .form.form--cta-orange input.hs-input:focus {
  border-color: #fb5900 !important;
}
.form.form--cta-burgundy .hs-button:hover, .form.form--cta-burgundy .hs-button:focus {
  -webkit-box-shadow: none !important;
          box-shadow: none !important;
}

@media screen and (max-width: 767px) {
  .hs-form {
    margin: 0 0 0;
  }
}

.form-guide {
  font-size: 14px !important;
}

.hs_recaptcha {
  display: none !important;
}

.form-box.form--no-labels .hs-form-field,
.hero-form.form--no-labels .hs-form-field {
  position: relative;
}
.form-box.form--no-labels label,
.hero-form.form--no-labels label {
  display: inline;
}
.form-box.form--no-labels label span:first-child,
.hero-form.form--no-labels label span:first-child {
  display: none;
}
.form-box.form--no-labels label span:nth-child(2),
.hero-form.form--no-labels label span:nth-child(2) {
  position: absolute;
  top: 12px;
  right: 10px;
}

@media screen and (max-width: 1075px) {
  .form-box.dl-whitepaper,
.form-box.form--cta-green {
    margin: 0 auto;
  }
}

.form-box {
  padding: 32px;
  width: 415px;
  -webkit-box-shadow: 0px 4px 10px 0px rgba(68, 68, 68, 0.52);
          box-shadow: 0px 4px 10px 0px rgba(68, 68, 68, 0.52);
  position: relative;
  background-color: white;
}
.form-box.form-box--with-label label {
  display: block !important;
}
.form-box.form--cta-green:before {
  background-color: #b1d037;
}
.form-box.form--cta-green .hs-button.primary {
  background-color: #b1d037;
}
.form-box.form--cta-green .legal-consent-container div.input label.hs-form-booleancheckbox-display .hs-input:hover {
  border-color: #b1d037 !important;
}
.form-box.form--cta-green .legal-consent-container div.input label.hs-form-booleancheckbox-display .hs-input:checked {
  background-color: #b1d037 !important;
}
.form-box--integrations {
  padding: 40px 65px;
}
.form-box--integrations--no-border {
  -webkit-box-shadow: none;
          box-shadow: none;
}
.form-box--integrations--no-border:before {
  display: none;
}
.form-box form {
  margin-bottom: 0;
}
.form-box input.hs-input.error, .form-box .hs-input.error {
  border-color: #EE7F7A;
}
.form-box input.hs-input.error:focus, .form-box .hs-input.error:focus {
  border-color: #EE7F7A;
}
.form-box input[type=text]:focus, .form-box [type=text].hs-input:focus,
.form-box input[type=email]:focus,
.form-box [type=email].hs-input:focus {
  background-color: white;
}
.form-box ul {
  list-style: none;
  margin-left: 5px;
  margin-top: 15px;
  margin-bottom: 0;
}
.form-box li label {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.form-box li label span {
  display: block;
  line-height: 17px;
  margin-bottom: 15px;
}
.form-box .actions {
  margin-bottom: 0;
  padding: 0 !important;
  margin: 15px 0 15px !important;
}
.form-box .hs-form-field > label {
  font-weight: 600;
  letter-spacing: 0.3px;
  color: #393c44;
}
.form-box .hs-form-field input.hs-input, .form-box .hs-form-field .hs-input {
  margin-bottom: 5px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  height: 35px;
  width: 100%;
  -webkit-box-shadow: none;
          box-shadow: none;
}
.form-box .hs-form-field input[type=checkbox], .form-box .hs-form-field [type=checkbox].hs-input {
  width: auto;
  height: auto !important;
  display: block;
  margin-right: 10px;
  margin-top: 4px;
}
.form-box .hs-form-required {
  color: #e86724;
}
.form-box .hs-button.primary.large {
  border-radius: 4px;
  -webkit-box-shadow: none;
          box-shadow: none;
  border: 0;
  background: #ff6d00;
  border-color: #ff6d00;
  font-size: 18px;
  font-weight: 600;
  letter-spacing: 0.3px;
  text-shadow: none;
  margin: 0;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: 100%;
}
.form-box .hs-button.primary.large:hover, .form-box .hs-button.primary.large:focus, .form-box .hs-button.primary.large:active:not(.inactive):not(.link) {
  background: #fb5900;
  -webkit-box-shadow: none;
          box-shadow: none;
  border: 0;
  text-shadow: none;
}
.form-box .hs-error-msg label {
  font-size: 14px;
  color: #ed512a;
}
.form-box .hs-input {
  margin-bottom: 10px !important;
}
.form-box .form-guide {
  padding-bottom: 0;
}
.form-box .legal-consent-container .hs-richtext > p, .form-box .legal-consent-container .hs-richtext > .paragraph {
  font-size: 10px !important;
  line-height: 1.4;
  margin: 0 0 5px 0;
  padding: 0;
}
.form-box .legal-consent-container .inputs-list {
  padding-left: 0 !important;
}
.form-box .legal-consent-container .hs-dependent-field .hs-form-booleancheckbox span {
  font-size: 12px !important;
  line-height: 1.5;
}
.form-box .legal-consent-container div.input ul.inputs-list {
  padding-bottom: 0;
}
.form-box .legal-consent-container div.input label.hs-form-booleancheckbox-display {
  border-top: 1px solid #ccc;
  padding-top: 15px;
  margin-top: 15px;
}
.form-box .legal-consent-container div.input label.hs-form-booleancheckbox-display:after {
  content: "";
  display: table;
  clear: both;
}
.form-box .legal-consent-container div.input label.hs-form-booleancheckbox-display .hs-input {
  display: block;
  float: left;
  margin: 0 !important;
  padding: 0 !important;
  width: 20px !important;
  height: 20px !important;
  -webkit-appearance: unset;
  text-align: center;
  line-height: 19px !important;
  font-family: "hrcore-medium" !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  border-color: #ddd !important;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.form-box .legal-consent-container div.input label.hs-form-booleancheckbox-display .hs-input:hover {
  border-color: #41b3c2 !important;
}
.form-box .legal-consent-container div.input label.hs-form-booleancheckbox-display .hs-input:checked {
  border-color: transparent !important;
  background-color: #41b3c2 !important;
  color: white;
}
.form-box .legal-consent-container div.input label.hs-form-booleancheckbox-display .hs-input:checked:after {
  content: "\e61a";
}
.form-box .legal-consent-container div.input label.hs-form-booleancheckbox-display span {
  display: block;
  padding-left: 15px;
}
.form-box .legal-consent-container div.input label.hs-form-booleancheckbox-display span p, .form-box .legal-consent-container div.input label.hs-form-booleancheckbox-display span .paragraph {
  font-size: 11px !important;
  line-height: 1.5;
  margin: 0;
  padding: 0;
}
.form-box .form-box__cta-form-description {
  padding-left: 60px;
}
@media only screen and (max-width: 1074px ) {
  .form-box .form-box__cta-form-description {
    padding: 0;
  }
}
.form-box .form-box__cta-form-description h3 {
  margin-top: 60px;
  color: #42B1B5;
  font-size: 50px;
  line-height: 58px;
  font-weight: 600;
  margin-bottom: 25px;
}
.form-box .form-box__cta-form-description p, .form-box .form-box__cta-form-description .paragraph {
  font-size: 22px !important;
  line-height: 26px;
  color: #576974;
}
@media screen and (max-width: 990px) {
  .form-box {
    margin-bottom: 50px;
  }
}
@media screen and (max-width: 510px) {
  .form-box .form-box {
    width: 100%;
    padding: 45px 45px 35px;
  }
}

.blog-workplace-resolution-form .hs-form {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
@media (max-width: 1074px) {
  .blog-workplace-resolution-form .hs-form {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
}
.blog-workplace-resolution-form .hs_email {
  width: 15rem;
}
.blog-workplace-resolution-form .hs_error_rollup .hs-error-msgs.inputs-list {
  display: none !important;
}
.blog-workplace-resolution-form .hs-input {
  border: 1px solid #227e85;
  -webkit-animation-duration: 200ms;
          animation-duration: 200ms;
  border-top-left-radius: 5px;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 5px;
  width: 100%;
  height: 3rem;
  background-color: transparent;
}
.blog-workplace-resolution-form .hs-input::-webkit-input-placeholder {
  font-size: 16px;
}
.blog-workplace-resolution-form .hs-input::-moz-placeholder {
  font-size: 16px;
}
.blog-workplace-resolution-form .hs-input::-ms-input-placeholder {
  font-size: 16px;
}
.blog-workplace-resolution-form .hs-input::placeholder {
  font-size: 16px;
}
.blog-workplace-resolution-form .hs-input:focus {
  border: 1px solid #41b3c2 !important;
  outline: none !important;
}
.blog-workplace-resolution-form .hs-input::-webkit-input-placeholder {
  color: #777 !important;
}
.blog-workplace-resolution-form .hs-input::-moz-placeholder {
  color: #777 !important;
}
.blog-workplace-resolution-form .hs-input::-ms-input-placeholder {
  color: #777 !important;
}
.blog-workplace-resolution-form .hs-input::placeholder {
  color: #777 !important;
}
.blog-workplace-resolution-form .hs-input.invalid {
  background-color: #ee7f7a !important;
  border-color: #ee7f7a !important;
  color: #fff !important;
}
.blog-workplace-resolution-form .hs-input.invalid::-webkit-input-placeholder {
  color: #ccc !important;
}
.blog-workplace-resolution-form .hs-input.invalid::-moz-placeholder {
  color: #ccc !important;
}
.blog-workplace-resolution-form .hs-input.invalid::-ms-input-placeholder {
  color: #ccc !important;
}
.blog-workplace-resolution-form .hs-input.invalid::placeholder {
  color: #ccc !important;
}
.blog-workplace-resolution-form .hs-button {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0.25rem;
  border-top-left-radius: 0;
  border-top-right-radius: 0.25rem;
  color: #fff;
  cursor: pointer;
  background-color: #227e85;
  -webkit-transition-duration: 0.3s;
          transition-duration: 0.3s;
  height: 3rem;
}
.blog-workplace-resolution-form .hs-button:hover {
  background-color: #195c61;
}
.blog-workplace-resolution-form .hs_recaptcha {
  display: none !important;
}
.blog-workplace-resolution-form .hs-error-msg {
  display: block !important;
  font-size: 0.875rem !important;
  margin-top: 5px;
}

.flex-row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
}

.flex-justify-center {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.flex-align-center {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.flex-align-end {
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
}

@media screen and (max-width: 1075px) {
  .flex-row--md-column {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}
@media screen and (max-width: 650px) {
  .flex-row--sm-column {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}
.hero {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 600px;
  background-color: #55C5CB;
  color: white;
  position: relative;
}
.hero .hero-image-section {
  position: absolute;
  right: -79px;
  top: -190px;
  width: 874px;
}
.hero .hero-image-section img {
  width: 930px;
}
@media screen and (max-width: 1075px) {
  .hero .hero-image-section {
    position: relative;
    width: 380px;
    margin-left: -90px;
    right: auto;
    top: auto;
  }
}
@media screen and (min-width: 580px) and (max-width: 1075px) {
  .hero .hero-image-section {
    width: 480px;
    margin-left: -110px;
  }
}

.hero-cta.hero-cta-with-free-trial .btn, .hero-cta.hero-cta-with-free-trial .hs-button {
  padding: 15px 20px;
}
.hero-cta.hero-cta-with-free-trial .btn.btn-clean, .hero-cta.hero-cta-with-free-trial .btn-clean.hs-button {
  background: transparent;
  border-color: transparent;
  color: #FF6D00 !important;
  margin: 0 !important;
}
.hero-cta.hero-cta-with-free-trial .btn.btn-clean:hover, .hero-cta.hero-cta-with-free-trial .btn-clean.hs-button:hover, .hero-cta.hero-cta-with-free-trial .btn.btn-clean:active, .hero-cta.hero-cta-with-free-trial .btn-clean.hs-button:active, .hero-cta.hero-cta-with-free-trial .btn.btn-clean:focus, .hero-cta.hero-cta-with-free-trial .btn-clean.hs-button:focus {
  background: transparent !important;
  color: #f26200;
}
@media screen and (min-width: 1075px) {
  .hero-cta.hero-cta-with-free-trial .btn span, .hero-cta.hero-cta-with-free-trial .hs-button span {
    display: none;
  }
}
@media screen and (max-width: 1075px) {
  .hero-cta.hero-cta-with-free-trial {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    margin-bottom: 25px;
  }
  .hero-cta.hero-cta-with-free-trial .btn, .hero-cta.hero-cta-with-free-trial .hs-button {
    margin-bottom: 0;
  }
}

.hero--new {
  height: 525px;
  background: #F7F9F9;
  overflow: hidden;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: relative;
  color: #ffffff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.hero--new .hero-product,
.hero--new .hero-title {
  -webkit-user-select: all;
     -moz-user-select: all;
      -ms-user-select: all;
          user-select: all;
}
@media screen and (max-width: 1075px) {
  .hero--new {
    height: auto;
    padding: 52px 32px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}
@media screen and (max-width: 1075px) {
  .hero--new .hero-product-name {
    margin: 0 auto;
    text-align: center;
  }
}
.hero--new .hero-product-name h1 {
  color: #434F57;
  word-wrap: normal;
  font-size: 38px;
  font-weight: 600;
  line-height: 1.3;
  width: 410px;
  margin-bottom: 0;
  letter-spacing: 0.5px;
}
@media screen and (max-width: 1075px) {
  .hero--new .hero-product-name h1 {
    font-size: 30px;
    line-height: 38px;
    font-weight: 700;
    width: 100%;
  }
}
.hero--new .hero-content {
  padding-top: 0;
  position: relative;
}
@media screen and (max-width: 1075px) {
  .hero--new .hero-content {
    height: 100%;
  }
}
.hero--new .hero-title {
  width: 345px;
  font-weight: 400;
  margin-bottom: 13px;
  color: #434F57;
  font-size: 18px;
  line-height: 1.3;
  letter-spacing: 0.2px;
  z-index: 9000 !important;
  word-wrap: normal;
}
@media screen and (max-width: 1075px) {
  .hero--new .hero-title {
    width: auto;
    max-width: 300px;
    font-size: 18px;
    font-weight: normal;
    margin-bottom: 19px;
    text-align: center;
  }
}
.hero--new .hero-image-section {
  position: absolute;
}
@media screen and (max-width: 1075px) {
  .hero--new .hero-image-section {
    position: relative;
  }
}
.hero--new .hero-cta .btn, .hero--new .hero-cta .hs-button {
  margin-bottom: 0;
  margin-top: 25px;
}
.hero--new .hero-cta .btn.btn--outline, .hero--new .hero-cta .btn--outline.hs-button {
  background-color: transparent;
  color: #FF6D00 !important;
  border: 1px solid #FF6D00 !important;
}
.hero--new .hero-cta .btn.btn--outline:hover, .hero--new .hero-cta .btn--outline.hs-button:hover, .hero--new .hero-cta .btn.btn--outline:focus, .hero--new .hero-cta .btn--outline.hs-button:focus, .hero--new .hero-cta .btn.btn--outline:active, .hero--new .hero-cta .btn--outline.hs-button:active {
  color: #f26200 !important;
  -webkit-box-shadow: inset 0 0 0 1px #f26200;
          box-shadow: inset 0 0 0 1px #f26200;
  border-color: #f26200;
  background-color: transparent !important;
}
.hero--new .hero-cta .btn:hover, .hero--new .hero-cta .hs-button:hover, .hero--new .hero-cta .btn:active, .hero--new .hero-cta .hs-button:active, .hero--new .hero-cta .btn:focus, .hero--new .hero-cta .hs-button:focus {
  background: #f26200 !important;
}
@media screen and (max-width: 1075px) {
  .hero--new .hero-cta .btn, .hero--new .hero-cta .hs-button {
    margin-top: 25px;
    margin-bottom: 50px;
  }
}

.hero-content {
  width: 1075px;
}
@media screen and (max-width: 1075px) {
  .hero-content {
    width: 100%;
  }
}

.hero-title {
  color: inherit;
  font-size: 36px;
  font-weight: 400;
  margin-bottom: 10px;
}

.hero-product {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: left;
      -ms-flex-align: left;
          align-items: left;
  margin-bottom: 20px;
  position: relative;
  z-index: 10;
}

.hero-product-name {
  font-size: 48px;
  line-height: 130%;
  -ms-flex-item-align: center;
      align-self: center;
}

.hero-product-name-suffix {
  font-size: 24px;
}

@media screen and (max-width: 1075px) {
  .hero {
    padding: 50px 32px;
  }
  .hero.hero--homepage {
    background-size: 450px, cover;
  }
  .hero.hero--onboard {
    height: auto;
  }
  .hero.hero--onboard + .section {
    margin-top: 0;
  }
  .hero.hero--workmates {
    height: auto;
  }
  .hero.hero--workmates + .section {
    margin-top: 0;
  }
  .hero.hero--people {
    height: auto;
  }
  .hero.hero--people + .section {
    margin-top: 0;
  }
  .hero-product {
    max-width: 550px;
    width: 100%;
  }
  .hero-title {
    font-size: 28px;
    text-align: left;
    max-width: 550px;
    width: 100%;
    text-align: left;
  }
  .hero-product-name {
    font-size: 36px;
  }
  .hero-content {
    height: auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
}
@media screen and (max-width: 800px) {
  .hero.hero--homepage {
    background-size: 75%, cover;
  }
  .hero .hero-title {
    font-size: 18px;
  }
}
@media screen and (max-width: 500px) {
  .hero-product-image {
    width: 40px;
  }
  .hero-product-name {
    font-size: 30px;
  }
  .hero-product-name-suffix {
    font-size: 20px;
  }
}
@media screen and (max-width: 400px) {
  .hero-product {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}
input, .hs-input {
  padding: 12px 15px 10px;
  font-size: 14px;
  background-color: #fff;
  border: 1px solid #cccccc;
  border-radius: 4px;
  -webkit-transition: all 0.2s linear;
  transition: all 0.2s linear;
  color: #555;
  display: inline-block;
  width: 100%;
  line-height: 22px;
  margin: 0 0 20px;
}
input:focus, .hs-input:focus {
  background-color: white;
  outline: none;
  border-color: #41b3c2;
}
input::-webkit-input-placeholder, .hs-input::-webkit-input-placeholder {
  color: #74736F;
}
input:-moz-placeholder, .hs-input:-moz-placeholder {
  color: #74736F;
}
input::-moz-placeholder, .hs-input::-moz-placeholder {
  color: #74736F;
}
input:-ms-input-placeholder, .hs-input:-ms-input-placeholder {
  color: #74736F;
}

.hs-input {
  -webkit-box-shadow: none !important;
          box-shadow: none !important;
}
.hs-input:focus {
  outline: none !important;
}
.hs-input.invalid {
  border-color: #ee7f7a !important;
  background-color: #ee7f7a !important;
  color: white !important;
}
.hs-input.invalid::-webkit-input-placeholder {
  color: #d2d2d0 !important;
}
.hs-input.invalid:-moz-placeholder {
  color: #d2d2d0 !important;
}
.hs-input.invalid::-moz-placeholder {
  color: #d2d2d0 !important;
}
.hs-input.invalid:-ms-input-placeholder {
  color: #d2d2d0 !important;
}
.hs-input[type=file] {
  padding: 7px 10px !important;
}

select.hs-input {
  padding: 7px 10px 8px !important;
  font-size: 14px;
  line-height: 14px !important;
}

.section-col__integrations__content {
  z-index: 1000;
  background: white;
  height: 450px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding-left: 40px;
  margin-left: 0 !important;
}
.section-col__integrations__content .section-title {
  line-height: 42px !important;
  color: #36454E !important;
  font-weight: 600 !important;
}
@media screen and (max-width: 1075px) {
  .section-col__integrations__content .section-title {
    font-size: 28px !important;
  }
}
.section-col__integrations__content p, .section-col__integrations__content .paragraph {
  padding-bottom: 0;
}
@media screen and (min-width: 1075px) {
  .section-col__integrations__content p, .section-col__integrations__content .paragraph {
    width: 410px;
  }
}
@media screen and (max-width: 1075px) {
  .section-col__integrations__content {
    height: auto;
    padding-left: 0;
  }
}
.section-col__integrations__content .link {
  font-weight: 600;
  font-size: 16px;
}

@-webkit-keyframes scrollbg {
  0% {
    -webkit-transform: translate3d(40%, 0, 0);
            transform: translate3d(40%, 0, 0);
  }
  100% {
    -webkit-transform: translate3d(-100%, 0, 0);
            transform: translate3d(-100%, 0, 0);
  }
}

@keyframes scrollbg {
  0% {
    -webkit-transform: translate3d(40%, 0, 0);
            transform: translate3d(40%, 0, 0);
  }
  100% {
    -webkit-transform: translate3d(-100%, 0, 0);
            transform: translate3d(-100%, 0, 0);
  }
}
@-webkit-keyframes scrollbgRtl {
  0% {
    -webkit-transform: translate3d(-40%, 0, 0);
            transform: translate3d(-40%, 0, 0);
  }
  100% {
    -webkit-transform: translate3d(100%, 0, 0);
            transform: translate3d(100%, 0, 0);
  }
}
@keyframes scrollbgRtl {
  0% {
    -webkit-transform: translate3d(-40%, 0, 0);
            transform: translate3d(-40%, 0, 0);
  }
  100% {
    -webkit-transform: translate3d(100%, 0, 0);
            transform: translate3d(100%, 0, 0);
  }
}
.integrations-scroll__wrap--rtl {
  overflow: hidden;
  width: 900px;
  margin-left: -350px;
  height: 450px;
  position: relative;
}
@media screen and (max-width: 1075px) {
  .integrations-scroll__wrap--rtl {
    position: relative;
    margin-left: 0;
    width: 100%;
    height: 350px;
  }
}

.integrations-scroll__wrap {
  margin-left: 0;
  margin-right: -350px;
}
@media screen and (max-width: 1075px) {
  .integrations-scroll__wrap {
    margin-right: 0;
  }
}

.integrations-scroll__overlay {
  position: absolute;
  right: 0;
  top: 0;
  height: 100%;
  width: 80px;
  z-index: 10000;
  background: -webkit-gradient(linear, left top, right top, from(rgba(255, 255, 255, 0)), to(rgb(255, 255, 255)));
  background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgb(255, 255, 255) 100%);
}

.integrations-scroll__overlay--left {
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 80px;
  z-index: 10000;
  background: -webkit-gradient(linear, right top, left top, from(rgba(255, 255, 255, 0)), to(rgb(255, 255, 255)));
  background: linear-gradient(to left, rgba(255, 255, 255, 0) 0%, rgb(255, 255, 255) 100%);
}

.integrations-scroll {
  position: absolute;
  top: 0;
  left: 0;
  width: 1900px;
  z-index: 9000;
  height: 450px;
  -webkit-animation: scrollbg 70s linear infinite;
          animation: scrollbg 70s linear infinite;
}
@media screen and (max-width: 1075px) {
  .integrations-scroll {
    left: 0;
    height: 350px;
    width: 1200px;
    -webkit-animation: scrollbg 50s linear infinite;
            animation: scrollbg 50s linear infinite;
  }
}
.integrations-scroll--homepage-new {
  background-color: #F2FAFB;
}
.integrations-scroll--homepage-new .integrations-scroll__overlay {
  background: -webkit-gradient(linear, left top, right top, from(rgba(242, 250, 251, 0)), to(rgb(242, 250, 251)));
  background: linear-gradient(to right, rgba(242, 250, 251, 0) 0%, rgb(242, 250, 251) 100%);
}
.integrations-scroll--homepage-new .integrations-scroll__overlay--left {
  background: -webkit-gradient(linear, right top, left top, from(rgba(242, 250, 251, 0)), to(rgb(242, 250, 251)));
  background: linear-gradient(to left, rgba(242, 250, 251, 0) 0%, rgb(242, 250, 251) 100%);
}
.integrations-scroll--homepage-new .section-col__integrations__content {
  background-color: #F2FAFB;
}

.integrations-scroll--rtl {
  right: 0;
  left: auto;
  -webkit-animation: scrollbgRtl 70s linear infinite;
          animation: scrollbgRtl 70s linear infinite;
}
@media screen and (max-width: 1075px) {
  .integrations-scroll--rtl {
    -webkit-animation: scrollbgRtl 50s linear infinite;
            animation: scrollbgRtl 50s linear infinite;
  }
}

.integrations-scroll__tooltip {
  visibility: hidden;
  opacity: 0;
  background: #ffffff;
  -webkit-box-shadow: 0px 2px 7px 0 #eee;
          box-shadow: 0px 2px 7px 0 #eee;
  position: absolute;
  left: 50%;
  -webkit-transform: translate(-50%, 0);
          transform: translate(-50%, 0);
  bottom: -15px;
  text-align: center;
  width: auto;
  padding: 2px 15px;
  font-size: 14px;
  line-height: 19px;
  font-weight: 600;
  border-radius: 6px;
  white-space: nowrap;
  -webkit-transition: opacity ease 0.3s, bottom ease 0.6s;
  transition: opacity ease 0.3s, bottom ease 0.6s;
}

.integrations-scroll__item:hover .integrations-scroll__tooltip {
  bottom: -28px;
  visibility: visible;
  opacity: 1;
}

.integrations-scroll__item-wrap {
  position: absolute;
  width: 110px;
  height: 130px;
}
@media screen and (max-width: 1075px) {
  .integrations-scroll__item-wrap {
    width: 90px;
    height: 100px;
  }
}
.integrations-scroll__item-wrap--compas {
  top: 220px;
  left: -50px;
}
.integrations-scroll__item-wrap--compas img {
  width: 80px !important;
}
.integrations-scroll__item-wrap--ultipro {
  top: 20px;
  left: -100px;
}
.integrations-scroll__item-wrap--ultipro img {
  width: 80px !important;
}
.integrations-scroll__item-wrap--slack {
  top: 280px;
  left: 130px;
}
.integrations-scroll__item-wrap--slack img {
  width: 60px !important;
}
@media screen and (max-width: 1075px) {
  .integrations-scroll__item-wrap--slack {
    top: 250px;
    left: 100px;
  }
  .integrations-scroll__item-wrap--slack img {
    width: 40px !important;
  }
}
.integrations-scroll__item-wrap--checkr {
  top: 0;
  left: 320px;
}
.integrations-scroll__item-wrap--checkr img {
  width: 90px !important;
}
@media screen and (max-width: 1075px) {
  .integrations-scroll__item-wrap--checkr {
    top: 30px;
    left: 100px;
  }
}
.integrations-scroll__item-wrap--okta {
  top: 100px;
  left: 140px;
}
.integrations-scroll__item-wrap--okta img {
  width: 80px !important;
}
@media screen and (max-width: 1075px) {
  .integrations-scroll__item-wrap--okta {
    top: 120px;
    left: 40px;
  }
}
.integrations-scroll__item-wrap--onelogin {
  top: 190px;
  left: 350px;
}
.integrations-scroll__item-wrap--onelogin img {
  width: 85px !important;
}
@media screen and (max-width: 1075px) {
  .integrations-scroll__item-wrap--onelogin {
    top: 140px;
    left: 230px;
  }
}
.integrations-scroll__item-wrap--t-logo {
  top: 250px;
  left: 600px;
}
.integrations-scroll__item-wrap--t-logo img {
  width: 80px !important;
}
@media screen and (max-width: 1075px) {
  .integrations-scroll__item-wrap--t-logo {
    top: 220px;
    left: 340px;
  }
}
.integrations-scroll__item-wrap--esr {
  top: 100px;
  left: 520px;
}
.integrations-scroll__item-wrap--esr img {
  width: 80px !important;
}
@media screen and (max-width: 1075px) {
  .integrations-scroll__item-wrap--esr {
    top: 60px;
    left: 360px;
  }
}
.integrations-scroll__item-wrap--greenhouse {
  top: 0;
  left: 700px;
}
.integrations-scroll__item-wrap--greenhouse img {
  width: 30px !important;
}
@media screen and (max-width: 1075px) {
  .integrations-scroll__item-wrap--greenhouse img {
    width: 20px !important;
  }
}
@media screen and (max-width: 1075px) {
  .integrations-scroll__item-wrap--greenhouse {
    top: 0;
    left: 490px;
  }
}
.integrations-scroll__item-wrap--indeed {
  top: 2980px;
  left: 820px;
}
.integrations-scroll__item-wrap--indeed img {
  width: 40px !important;
}
@media screen and (max-width: 1075px) {
  .integrations-scroll__item-wrap--indeed {
    top: 220px;
    left: 550px;
  }
  .integrations-scroll__item-wrap--indeed img {
    width: 30px !important;
  }
}
.integrations-scroll__item-wrap--zip {
  top: 140px;
  left: 820px;
}
.integrations-scroll__item-wrap--zip img {
  width: 40px !important;
}
@media screen and (max-width: 1075px) {
  .integrations-scroll__item-wrap--zip {
    top: 100px;
    left: 570px;
  }
  .integrations-scroll__item-wrap--zip img {
    width: 25px !important;
  }
}
.integrations-scroll__item-wrap--adp {
  top: 200px;
  left: 1020px;
}
.integrations-scroll__item-wrap--adp img {
  width: 80px !important;
}
@media screen and (max-width: 1075px) {
  .integrations-scroll__item-wrap--adp {
    top: 180px;
    left: 700px;
  }
}
.integrations-scroll__item-wrap--engagedly {
  top: 0;
  left: 1050px;
}
.integrations-scroll__item-wrap--engagedly img {
  width: 80px !important;
}
@media screen and (max-width: 1075px) {
  .integrations-scroll__item-wrap--engagedly {
    top: 0;
    left: 680px;
  }
}
.integrations-scroll__item-wrap--yammer {
  top: 240px;
  left: 1220px;
}
.integrations-scroll__item-wrap--yammer img {
  width: 60px !important;
}
@media screen and (max-width: 1075px) {
  .integrations-scroll__item-wrap--yammer {
    top: 210px;
    left: 830px;
  }
  .integrations-scroll__item-wrap--yammer img {
    width: 40px !important;
  }
}
.integrations-scroll__item-wrap--quickbooks {
  top: 50px;
  left: 1300px;
}
.integrations-scroll__item-wrap--quickbooks img {
  width: 60px !important;
}
@media screen and (max-width: 1075px) {
  .integrations-scroll__item-wrap--quickbooks {
    top: 30px;
    left: 840px;
  }
}
.integrations-scroll__item-wrap--google-apps {
  top: 280px;
  left: 1400px;
}
.integrations-scroll__item-wrap--google-apps img {
  width: 50px !important;
}
@media screen and (max-width: 1075px) {
  .integrations-scroll__item-wrap--google-apps {
    top: 220px;
    left: 990px;
  }
}
.integrations-scroll__item-wrap--google-apps img {
  width: 40px !important;
}
.integrations-scroll__item-wrap--linkedin, .integrations-scroll__item-wrap--linkdin {
  top: 160px;
  left: 1490px;
}
.integrations-scroll__item-wrap--linkedin img, .integrations-scroll__item-wrap--linkdin img {
  width: 50px !important;
}
@media screen and (max-width: 1075px) {
  .integrations-scroll__item-wrap--linkedin, .integrations-scroll__item-wrap--linkdin {
    top: 120px;
    left: 960px;
  }
  .integrations-scroll__item-wrap--linkedin img, .integrations-scroll__item-wrap--linkdin img {
    width: 40px !important;
  }
}
.integrations-scroll__item-wrap--jazzhr {
  top: 10px;
  left: 1580px;
}
.integrations-scroll__item-wrap--jazzhr img {
  width: 80px !important;
}
@media screen and (max-width: 1075px) {
  .integrations-scroll__item-wrap--jazzhr {
    top: 10px;
    left: 1030px;
  }
}
.integrations-scroll__item-wrap--google-calendar {
  top: 160px;
  left: 1670px;
}
.integrations-scroll__item-wrap--google-calendar img {
  width: 60px !important;
}
@media screen and (max-width: 1075px) {
  .integrations-scroll__item-wrap--google-calendar {
    top: 40px;
    left: 1190px;
  }
}
.integrations-scroll__item-wrap--office {
  top: 270px;
  left: 1780px;
}
.integrations-scroll__item-wrap--office img {
  width: 60px !important;
}
@media screen and (max-width: 1075px) {
  .integrations-scroll__item-wrap--office {
    top: 200px;
    left: 1220px;
  }
}
.integrations-scroll__item-wrap .integrations-scroll__item {
  position: absolute;
  background: white;
  border-radius: 50%;
  -webkit-box-shadow: 0px 2px 7px 0 #eee;
          box-shadow: 0px 2px 7px 0 #eee;
  width: 123px;
  height: 123px;
}
.integrations-scroll__item-wrap .integrations-scroll__item img {
  width: 59px;
}
.integrations-scroll__item-wrap .integrations-scroll__item a, .integrations-scroll__item-wrap .integrations-scroll__item .link {
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
@media screen and (max-width: 1075px) {
  .integrations-scroll__item-wrap .integrations-scroll__item {
    width: 72px;
    height: 72px;
  }
  .integrations-scroll__item-wrap .integrations-scroll__item img {
    max-width: 45px;
  }
}

.integrations-scroll__blue .link {
  color: #42B5C4 !important;
}
.integrations-scroll__blue .link:after {
  background: #42B5C4;
}
.integrations-scroll__blue .link:hover, .integrations-scroll__blue .link:active, .integrations-scroll__blue .link:focus {
  color: #38a1af !important;
  outline: none;
}
.integrations-scroll__blue .link span {
  display: none;
}

.integrations-scroll__orange .link {
  color: #FF6D00 !important;
}

.integrations-block .section-title {
  text-align: center;
}
.integrations-block h2 {
  margin-bottom: 30px;
}
.integrations-block p, .integrations-block .paragraph {
  max-width: 804px;
  margin: 0 auto;
}
.integrations-block .cta-button a, .integrations-block .cta-button .link {
  padding: 15px 20px;
  font-weight: 500;
}
.integrations-block .integration-apps {
  margin: 20px 0 40px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.integrations-block .integration-apps .integration-image-wrapper {
  margin-bottom: 14px;
  background: #f7f9f9;
  vertical-align: middle;
  margin: 7px;
}
@media screen and (max-width: 1075px) {
  .integrations-block .integration-apps {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    margin-bottom: 26px;
  }
  .integrations-block .integration-apps .integration-image-wrapper {
    width: calc(50% - 7px);
    margin: 0;
  }
  .integrations-block .integration-apps .integration-image-wrapper:nth-child(odd) {
    margin: 0 7px 14px 0;
  }
  .integrations-block .integration-apps .integration-image-wrapper:nth-child(even) {
    margin: 0 0 14px 7px;
  }
}

.link.link--green {
  color: #b1d037;
  font-weight: 600;
}
.link.link--red {
  color: #F07378;
}
.link.link--large {
  font-size: 22px;
}
.link.link--orange {
  color: #ff6d00;
  font-weight: 600;
}
.link.link--orange:hover, .link.link--orange:focus {
  color: #d45500;
}

.orange-link__arrow {
  font-size: 16px !important;
  line-height: 32px !important;
  font-weight: 600;
  color: #ff6600 !important;
  padding-bottom: 3px;
  display: inline-block;
}
.orange-link__arrow span {
  display: inline-block;
  width: 18px;
  height: 15px;
  margin-left: 10px;
  margin-bottom: -2px;
  background-image: url(https://549864.fs1.hubspotusercontent-na1.net/hubfs/549864/assets/homepage-2019/v2/link-orange-arrows-sprite.png);
  background-repeat: no-repeat;
  background-position: top left;
  background-size: 17px;
}
@media screen and (min-width: 1075px) {
  .orange-link__arrow:after {
    content: "";
    display: block;
    width: 0;
    height: 2px;
    background: #f26200;
    -webkit-transition: width 0.3s;
    transition: width 0.3s;
  }
}
.orange-link__arrow:hover, .orange-link__arrow:active, .orange-link__arrow:focus {
  color: #f26200 !important;
  outline: none;
}
.orange-link__arrow:hover:after, .orange-link__arrow:active:after, .orange-link__arrow:focus:after {
  width: 100%;
}
.orange-link__arrow:hover span, .orange-link__arrow:active span, .orange-link__arrow:focus span {
  background-position: bottom left;
}

.list li {
  margin-bottom: 10px;
}

.logo {
  width: 50px;
}
.logo.logo--large {
  width: 100px;
}

.logo-img {
  display: block;
  width: 100%;
}

.homepage-popup {
  border-radius: 4px;
  -webkit-box-shadow: 0 0 6px 1px rgba(0, 0, 0, 0.13);
          box-shadow: 0 0 6px 1px rgba(0, 0, 0, 0.13);
  position: fixed;
  right: 50%;
  top: 40%;
  -webkit-transform: translate(50%, -40%);
          transform: translate(50%, -40%);
  z-index: 13002;
  display: none;
}
.homepage-popup .popup-img {
  border-radius: 5px;
}
@media only screen and (min-width: 768px ) {
  .homepage-popup .popup-img {
    max-width: 40%;
  }
}
.homepage-popup .popup-logo {
  width: 150px;
}
.homepage-popup .text {
  font-size: 24px;
  line-height: 35px;
  font-weight: 600;
  text-align: start;
  margin-bottom: 0px;
}
@media only screen and (max-width: 1074px ) {
  .homepage-popup .text {
    font-size: 18px;
    line-height: 30px;
    margin: 0;
  }
}
.homepage-popup .cta-caption {
  text-align: start;
  color: #434f57;
  line-height: 25px;
  font-size: 14px;
  padding-top: 5px;
  margin-bottom: 0;
}
@media only screen and (max-width: 1074px ) {
  .homepage-popup .cta-caption {
    font-size: 13px;
    margin-bottom: 20px;
  }
}
.homepage-popup .content {
  border-radius: 5px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.homepage-popup .content .flex {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -ms-flex-pack: distribute;
      justify-content: space-around;
  padding: 50px 30px 40px;
}
@media only screen and (max-width: 1074px ) {
  .homepage-popup .content {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .homepage-popup .content .flex {
    padding: 20px;
  }
  .homepage-popup .content .popup-logo {
    margin: 0 auto;
  }
}
.homepage-popup .btn--orange-action:nth-child(2) {
  margin: 29px 20px 0px 20px;
}
.homepage-popup.blog-popup {
  background-color: #ffffff;
}
@media only screen and (min-width: 1075px ) {
  .homepage-popup.blog-popup {
    width: 710px;
    height: 300px;
  }
}
@media only screen and (max-width: 1074px ) {
  .homepage-popup.blog-popup {
    width: 90%;
    height: auto;
  }
}
.homepage-popup.blog-popup .content {
  height: 100%;
}
.homepage-popup.blog-popup .flex {
  padding-right: 45px;
}
.homepage-popup.blog-popup .img-container img {
  max-width: 315px;
  padding: 20px;
}
@media only screen and (max-width: 1074px ) {
  .homepage-popup {
    top: 50%;
    left: 50%;
    bottom: auto;
    position: fixed;
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
  }
}
@media screen and (max-width: 240px) {
  .homepage-popup {
    width: 100%;
  }
}

.popup-overlay, .workplace-alternative-popup--container .homepage-mobile-overlay, .homepage-popup-container .homepage-mobile-overlay {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.2509803922);
  z-index: 13001;
}

.close-popup-btn, .homepage-popup .close-homepage-popup {
  cursor: pointer;
  position: absolute;
  top: -29px;
  max-width: 22px;
  right: 0px;
}

.blog-popup-content-library {
  background-repeat: no-repeat;
  background-position: right;
  background-size: contain;
}
.blog-popup-content-library .btn, .blog-popup-content-library .hs-button {
  max-width: 200px;
  padding: 14px;
  width: 100%;
}
@media only screen and (min-width: 1075px ) {
  .blog-popup-content-library {
    width: 800px;
    height: 343px;
    background-image: url(https://549864.fs1.hubspotusercontent-na1.net/hubfs/549864/assets/blog-2023/content-library-popup@2x.png);
  }
}
@media only screen and (max-width: 1074px ) {
  .blog-popup-content-library {
    width: 90%;
    height: 60%;
    max-width: 500px;
    min-height: 595px;
  }
  .blog-popup-content-library .text-26 {
    font-size: 23px;
  }
}
@media screen and (max-width: 485px) {
  .blog-popup-content-library {
    min-height: 495px;
  }
}

.workplace-alternative-popup {
  border-radius: 4px;
  width: 260px;
  position: fixed;
  bottom: 40px;
  left: 40px;
  text-align: center;
  -webkit-box-shadow: 0px 2px 15px 5px rgba(67, 79, 87, 0.2);
          box-shadow: 0px 2px 15px 5px rgba(67, 79, 87, 0.2);
  background-color: #fff;
  z-index: 13001;
  display: none;
}
.workplace-alternative-popup h4 {
  font-size: 16px;
  line-height: 25px;
}
.workplace-alternative-popup .text-green {
  color: #25c7ac;
  font-weight: 600;
}
.workplace-alternative-popup .close-button {
  cursor: pointer;
  position: absolute;
  top: 10px;
  max-width: 22px;
  right: 10px;
  border: 1px solid #ddd;
  border-radius: 50%;
  padding: 3px;
}
.workplace-alternative-popup .text-container {
  margin-bottom: 20px;
}
.workplace-alternative-popup .image-container {
  background-color: #f8f7fd;
  padding: 20px 20px 0px 20px;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
}
.workplace-alternative-popup .content-container {
  padding: 15px 15px 20px 15px;
  background-color: #fff;
  border-radius: 4px;
}
.workplace-alternative-popup .btn, .workplace-alternative-popup .hs-button {
  padding: 11px 30px;
}
.workplace-alternative-popup.wm .btn, .workplace-alternative-popup.wm .hs-button {
  padding: 9px 28px;
  font-weight: 400;
  font-size: 14px;
}
.workplace-alternative-popup.wm .text-container {
  line-height: 20px;
  font-size: 14px;
}
.workplace-alternative-popup.blog {
  bottom: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, 50%);
          transform: translate(-50%, 50%);
  width: 325px;
}
@media screen and (min-width: 1075px) {
  .workplace-alternative-popup.blog {
    width: 385px;
  }
}
.workplace-alternative-popup.blog h4 {
  font-size: 22px;
  line-height: 30px;
}
.workplace-alternative-popup.blog .text-container {
  line-height: 25px;
  font-size: 16px;
}
.workplace-alternative-popup.blog .content-container {
  padding: 20px 20px 30px 20px;
}
.workplace-alternative-popup.blog .close-button {
  top: -40px;
  background-color: #fff;
  border: none;
  right: 0;
  max-width: 32px;
  width: 26px;
}
@media screen and (max-width: 1075px) {
  .workplace-alternative-popup {
    bottom: 46%;
    left: 50%;
    -webkit-transform: translate(-50%, 50%);
            transform: translate(-50%, 50%);
  }
}

@media screen and (min-width: 1075px) {
  .go1595992025 {
    bottom: 50px !important;
    left: 50px !important;
  }
}
@media screen and (max-width: 1074px) {
  .go1595992025 {
    bottom: 50% !important;
    left: 50% !important;
  }
  .go1595992025.go3281949485 {
    -webkit-transform: translate(-50%, -50%) !important;
            transform: translate(-50%, -50%) !important;
  }
}

.section {
  padding: 40px 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background-color: transparent;
}
@media screen and (max-width: 1075px) {
  .section {
    padding-left: 32px !important;
    padding-right: 32px !important;
  }
}
.section.section--shaded {
  background-color: #F8FCFF;
}
.section.section--padding-larger {
  padding: 100px 20px;
}
@media screen and (max-width: 1075px) {
  .section.section--padding-larger {
    padding-top: 30px;
  }
}
.section.section--testimonials {
  background: #55C5CB url("https://www.hrcloud.com/hubfs/assets/testimonials/background-testimonials.png") no-repeat center center;
  background-size: cover;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
  .section.section--testimonials {
    background: #55C5CB url("https://www.hrcloud.com/hubfs/assets/testimonials/background-testimonials-2x.png") no-repeat center center;
    background-size: cover;
  }
}
@media screen and (max-width: 650px) {
  .section.section--testimonials {
    padding: 25px 32px;
  }
}
@media screen and (max-width: 550px) {
  .section.section--testimonials {
    padding: 25px 24px;
  }
}
@media screen and (max-width: 510px) {
  .section.section--testimonials {
    padding-bottom: 72px;
  }
  .section.section--testimonials .section-content {
    max-width: 100%;
  }
}
.section.section--testimonials .section-title {
  color: #ffffff;
}
.section.section--testimonials--purple {
  background-color: #924276;
}
.section.section--form, .section.section--chat-with-consultant {
  background: #F8FCFF url("https://www.hrcloud.com/hubfs/assets/background-dividers/pricing-page-bg.png") no-repeat bottom center;
  background-size: cover;
  padding-top: 100px;
  padding-bottom: 100px;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
  .section.section--form, .section.section--chat-with-consultant {
    background: #F8FCFF url("https://www.hrcloud.com/hubfs/assets/background-dividers/pricing-page-bg-2x.png") no-repeat bottom center;
    background-size: cover;
  }
}
@media screen and (max-width: 550px) {
  .section.section--form, .section.section--chat-with-consultant {
    padding: 16px 24px;
  }
  .section.section--form .section-content, .section.section--chat-with-consultant .section-content {
    padding: 0;
    max-width: 100%;
  }
}
.section.section--chat-with-consultant {
  padding-top: 60px;
  padding-bottom: 60px;
}
.section.section--chat-with-consultant .section-col--content {
  padding-right: 30px;
  margin-left: 100px;
}
@media screen and (max-width: 1075px) {
  .section.section--chat-with-consultant .section-col--content {
    margin-top: 0;
    padding-right: 0;
    margin-left: 0;
  }
}
.section.section--chat-with-consultant .section-title {
  color: #5A6973;
  font-size: 40px;
  line-height: 48px;
  font-weight: normal;
}
.section.section--chat-with-consultant .section-title span {
  font-weight: 700;
}
@media screen and (max-width: 1075px) {
  .section.section--chat-with-consultant .section-col--image {
    margin-bottom: 20px;
  }
}
.section.section--chat-with-consultant .section-col--image img {
  margin-left: -200px;
  max-width: 600px;
}
@media only screen and (max-width: 1599px ) {
  .section.section--chat-with-consultant .section-col--image img {
    margin-left: -100px;
    max-width: 500px;
  }
}
@media screen and (max-width: 1075px) {
  .section.section--chat-with-consultant .section-col--image img {
    margin-left: 0;
    margin-bottom: 0;
  }
}
.section.section--chat-with-consultant .paragraph {
  font-size: 24px !important;
  line-height: 36px;
  font-weight: normal;
}
.section.section--chat-with-consultant .form {
  width: auto;
}
.section.section--chat-with-consultant .btn, .section.section--chat-with-consultant .hs-button {
  padding: 20px 40px;
}
.section.section--chat-with-consultant-new .section-title {
  font-size: 28px;
  font-weight: 600;
  margin-bottom: 30px;
}
.section.section--chat-with-consultant-new .form {
  margin-top: 30px;
  max-width: 100%;
}
.section.section--chat-with-consultant-new .section-col--image {
  margin-top: -20px !important;
}
@media screen and (max-width: 1075px) {
  .section.section--chat-with-consultant-new .section-img {
    margin-left: 0;
  }
}
.section.section--bg-light-blue {
  background: #EDF9F9;
}
.section.section--bg-blue {
  background: #55C5CB;
}

.section-content {
  max-width: 930px;
  margin: 0 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.section-content.section-main-form {
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
@media screen and (max-width: 990px) {
  .section-content.section-main-form {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
}

.section-title {
  font-size: 28px;
  color: #444444;
  line-height: 1.33;
  font-weight: 600;
  margin-bottom: 20px;
  text-align: left;
  padding: 0;
}
.section-title.section-title--white {
  color: white;
}

.section-item-raised {
  position: relative;
  z-index: 10;
}

.section-img {
  display: block;
  max-width: 500px;
}
@media screen and (max-width: 1075px) {
  .section-img {
    max-width: 100%;
  }
}
.section-img.section-img--ful-width {
  width: 100%;
  height: auto;
}

.section-row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.section-row.section-row--align-center {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.section-row.section-row--align-baseline {
  -webkit-box-align: baseline;
      -ms-flex-align: baseline;
          align-items: baseline;
}
.section-row.section-row--align-end {
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
}

.section-col {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.section-col ~ .section-col {
  margin-left: 40px;
}
.section-col.section-col--align-end {
  -ms-flex-item-align: end;
      align-self: flex-end;
}
.section-col.section-col--align-center {
  -ms-flex-item-align: center;
      align-self: center;
}

@media screen and (max-width: 1075px) {
  .section-img {
    width: 350px;
    margin-left: auto;
    margin-right: auto;
  }
  .section-row {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .section-row.section-row--align-baseline {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .section-col {
    width: 100%;
    max-width: 450px;
  }
  .section-col ~ .section-col {
    margin-left: 0;
  }
}
@media screen and (max-width: 1075px) {
  .section.section--product-brief .container {
    padding-bottom: 40px;
  }
}
.customer-stories {
  width: 100%;
  margin-bottom: 60px;
}
.customer-stories .section-title {
  letter-spacing: 0.2px;
}
.customer-stories .section--remote-onboarding {
  padding-left: 0 !important;
  padding-right: 0 !important;
}
.customer-stories .section--remote-onboarding .section-content {
  max-width: unset;
  width: 75%;
}
.customer-stories .section--remote-onboarding .section-content > div {
  width: 100%;
}
.customer-stories .section--remote-onboarding .section-content .all-customers {
  text-align: center;
}
.customer-stories .section--remote-onboarding .section-content .slick-arrow {
  top: calc(50% - 15px);
}
.customer-stories .section--remote-onboarding .section-content .remote-onboarding-testimonial {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  background-color: #fff;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  border-radius: 4px;
  margin: 7px;
  -webkit-box-shadow: 0px 0px 6px 0 rgba(0, 0, 0, 0.2);
          box-shadow: 0px 0px 6px 0 rgba(0, 0, 0, 0.2);
  margin-top: 20px;
}
.customer-stories .section--remote-onboarding .section-content .remote-onboarding-testimonial .remote-onboarding-testimonial-image {
  max-height: 350px;
}
.customer-stories .section--remote-onboarding .section-content .remote-onboarding-testimonial .remote-onboarding-testimonial-image img {
  height: 100%;
}
.customer-stories .section--remote-onboarding .section-content .remote-onboarding-testimonial .remote-onboarding-testimonial-content {
  -ms-flex-preferred-size: 65%;
      flex-basis: 65%;
  padding: 15px 30px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.customer-stories .section--remote-onboarding .section-content .remote-onboarding-testimonial .remote-onboarding-testimonial-content .remote-onboarding-testimonial-text-container {
  margin-top: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  justify-self: flex-start;
}
.customer-stories .section--remote-onboarding .section-content .remote-onboarding-testimonial .remote-onboarding-testimonial-content .remote-onboarding-testimonial-text-container .remote-onboarding-testimonial-company-image {
  margin-bottom: 15px;
}
.customer-stories .section--remote-onboarding .section-content .remote-onboarding-testimonial .remote-onboarding-testimonial-content .remote-onboarding-testimonial-text-container .remote-onboarding-testimonial-company-image img {
  max-height: 32px;
}
.customer-stories .section--remote-onboarding .section-content .remote-onboarding-testimonial .remote-onboarding-testimonial-content .remote-onboarding-testimonial-text-container .remote-onboarding-testimonial-text {
  font-size: 13px;
  line-height: 20px;
  font-weight: 500;
}
.customer-stories .section--remote-onboarding .section-content .remote-onboarding-testimonial .remote-onboarding-testimonial-content .remote-onboarding-testimonial-text-container .remote-onboarding-testimonial-contact .remote-onboarding-testimonial-name {
  color: #00c4c9;
  font-size: 15px;
  padding: 20px 0 5px 0;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  text-align: left;
}
.customer-stories .section--remote-onboarding .section-content .remote-onboarding-testimonial .remote-onboarding-testimonial-content .remote-onboarding-testimonial-text-container .remote-onboarding-testimonial-contact .remote-onboarding-testimonial-company {
  font-size: 12px;
  color: #838E95;
  line-height: 18px;
  font-weight: 400;
  text-align: left;
}
.customer-stories .section--remote-onboarding .section-content .remote-onboarding-testimonial .remote-onboarding-testimonial-content .remote-onboarding-testimonial-details-link {
  justify-self: flex-end;
  -ms-flex-item-align: end;
      align-self: flex-end;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
}
@media screen and (min-width: 1075px) {
  .customer-stories .section-title {
    font-size: 32px;
    line-height: 44px;
    width: 112%;
    margin-left: 50%;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
  }
}
@media screen and (max-width: 1075px) {
  .customer-stories .section-title {
    font-size: 26px;
    line-height: 36px;
  }
  .customer-stories .section--remote-onboarding .container {
    max-width: unset;
  }
}
@media screen and (max-width: 926px) {
  .customer-stories .section--remote-onboarding .section-content {
    width: 90%;
  }
}
@media screen and (max-width: 780px) {
  .customer-stories .section--remote-onboarding .section-content .section-title {
    text-align: left !important;
  }
  .customer-stories .section--remote-onboarding .section-content .all-customers {
    text-align: left;
  }
  .customer-stories .section--remote-onboarding .section-content .all-customers .orange-link__arrow {
    font-size: 16px !important;
  }
  .customer-stories .section--remote-onboarding .section-content .all-customers .orange-link__arrow span {
    height: 11px;
    background-size: 12px;
  }
  .customer-stories .section--remote-onboarding .section-content .remote-onboarding-testimonial-details-link a, .customer-stories .section--remote-onboarding .section-content .remote-onboarding-testimonial-details-link .link {
    font-size: 14px !important;
  }
  .customer-stories .section--remote-onboarding .section-content .remote-onboarding-testimonial-details-link span {
    height: 11px;
    background-size: 12px;
  }
}
@media screen and (max-width: 675px) {
  .customer-stories .section--remote-onboarding .section-content .remote-onboarding-testimonial {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  .customer-stories .section--remote-onboarding .section-content .remote-onboarding-testimonial .remote-onboarding-testimonial-content {
    -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
  }
  .customer-stories .section--remote-onboarding .section-content .remote-onboarding-testimonial .remote-onboarding-testimonial-image {
    -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
    height: 300px;
    position: relative;
    overflow: hidden;
  }
  .customer-stories .section--remote-onboarding .section-content .remote-onboarding-testimonial .remote-onboarding-testimonial-image img {
    display: block;
    position: absolute;
    height: unset;
    width: 100%;
  }
}

.feature-section {
  margin-bottom: 60px;
}
@media screen and (max-width: 1075px) {
  .feature-section {
    margin-top: 78px;
  }
}
.feature-section .feature-row {
  padding-top: 50px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
@media screen and (max-width: 1075px) {
  .feature-section .feature-row {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    padding: 45px 20px 0;
  }
}
.feature-section .feature-column {
  padding: 0 20px;
}
@media screen and (min-width: 1075px) {
  .feature-section .feature-column {
    width: 33.3333333333%;
  }
}
@media screen and (max-width: 1075px) {
  .feature-section .feature-column {
    padding-top: 15px;
  }
}
.feature-section .feature-column h3 {
  margin-top: 25px;
  margin-bottom: 20px;
  font-size: 19px;
}

.helpful-resources .featured-blog__header h2 {
  font-size: 32px;
  margin-bottom: 0;
  letter-spacing: 0.2px;
  line-height: 44px;
}
.helpful-resources .featured-blog__header h3 {
  font-size: inherit;
  color: inherit;
  letter-spacing: inherit;
}
.helpful-resources .resource-area-content {
  background: none;
}
.helpful-resources .resource-area-content__list-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.helpful-resources .resource-area-content__item-wrapper {
  min-height: 410px;
}
.helpful-resources .blog-content__item-content {
  min-height: 245px;
}
.helpful-resources .blog-content__item-content h3 {
  letter-spacing: -0.15px;
}
.helpful-resources .blog-content__item-content .resource-area-content__item-text {
  margin-bottom: 30px;
  color: #888;
}
.helpful-resources .resource-area__link-container ul {
  width: 500px;
  margin-top: 50px;
}
.helpful-resources .resource-area__link-container li {
  color: #ccc;
  font-weight: normal;
  font-size: 17px !important;
  padding: 0;
  white-space: nowrap;
  width: 33%;
}
.helpful-resources .resource-area__link-container li:after {
  margin-top: 20px;
  content: "";
  display: block;
  width: 100%;
  height: 3px;
  background: #ddd;
}
.helpful-resources .resource-area__link-container li:hover, .helpful-resources .resource-area__link-container li.active {
  color: #ff6d00;
  font-weight: 600;
}
.helpful-resources .resource-area__link-container li:hover:after, .helpful-resources .resource-area__link-container li.active:after {
  background: #ff6d00;
}
.helpful-resources .cta-button {
  margin-top: 40px;
}
.helpful-resources .cta-button a, .helpful-resources .cta-button .link {
  padding: 15px 20px;
  font-weight: 500;
}
@media screen and (max-width: 1075px) {
  .helpful-resources .section {
    padding-bottom: 0;
  }
  .helpful-resources .featured-blog__header {
    padding-left: 0;
    padding-right: 0;
  }
  .helpful-resources .featured-blog__header h3 {
    text-align: center;
    line-height: 36px;
  }
  .helpful-resources .resource-area__link-container li:after {
    margin-top: 5px;
  }
  .helpful-resources .tabbing-group-navbar {
    width: 100%;
  }
  .helpful-resources .tabbing-group-navbar ul {
    width: unset;
    margin-top: 33px;
  }
  .helpful-resources .tabbing-group-navbar li {
    text-align: center;
  }
  .helpful-resources .tab-content-global {
    padding-top: 0;
  }
  .helpful-resources .tab-content-global:not(.active) {
    display: block;
    height: 0;
    overflow: hidden;
  }
  .helpful-resources .tab-content-global.active {
    height: auto;
  }
  .helpful-resources .cta-button {
    margin-top: 70px;
  }
}

progress[value] {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none; /* Needed for Safari */
  border: none; /* Needed for Firefox */
  color: #ff8a00;
  width: 100%;
  height: 2px;
}

progress[value]::-webkit-progress-bar {
  background-color: #ddd;
  border-radius: 2px;
}

/* WebKit styles */
progress[value]::-webkit-progress-value {
  background-color: #ff8a00;
  -webkit-transition: width 0.2s linear;
  transition: width 0.2s linear;
}

/* Firefox styles */
progress[value]::-moz-progress-bar {
  background-color: #ff8a00;
  -moz-transition: width 0.2s linear;
}

.with-hr-cloud {
  margin-top: 100px;
  padding-bottom: 80px;
}
.with-hr-cloud span {
  font-weight: 600;
}
.with-hr-cloud span img {
  margin-left: 15px;
  max-width: 40px;
}
.with-hr-cloud h3 {
  margin-top: 15px;
  font-size: 28px;
  line-height: 35px;
  letter-spacing: 0.2px;
}
.with-hr-cloud ul {
  padding: 0;
  margin: 0;
  list-style-type: none;
}
.with-hr-cloud li {
  padding-left: 15px;
  padding-bottom: 5px;
}
.with-hr-cloud .background {
  position: absolute;
  height: 100%;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-shadow: inset 0px -10px 20px 0px #eee;
          box-shadow: inset 0px -10px 20px 0px #eee;
}
.with-hr-cloud .background div {
  width: 50%;
  height: 100%;
  z-index: -1;
}
.with-hr-cloud .background div:last-child {
  background-color: #fffcf5;
}
.with-hr-cloud .section-row {
  padding-top: 80px;
  margin-left: 42px;
}
.with-hr-cloud .section-col {
  z-index: 2;
}
.with-hr-cloud .old-way span {
  color: #e87774;
}
.with-hr-cloud .old-way ul {
  list-style-image: url(https://549864.fs1.hubspotusercontent-na1.net/hubfs/549864/assets/onboard-2020/v2/x.svg);
}
.with-hr-cloud .with-cloud span {
  color: #ffb300;
}
.with-hr-cloud .with-cloud ul {
  list-style-image: url(https://549864.fs1.hubspotusercontent-na1.net/hubfs/549864/assets/onboard-2020/v2/check.svg);
}

.with-hr-cloud--header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 30px;
  margin-left: -32px;
}

.with-cloud--image {
  margin-right: 20px;
  width: 115px;
}

@media screen and (min-width: 1075px) {
  .with-hr-cloud .old-way {
    margin-left: 32px;
    margin-right: 80px;
  }
}
@media screen and (max-width: 1075px) {
  .with-hr-cloud {
    padding-bottom: 0;
  }
  .with-hr-cloud .container {
    -webkit-box-shadow: inset 0px -10px 20px 0px #eee;
            box-shadow: inset 0px -10px 20px 0px #eee;
  }
  .with-hr-cloud .section-row {
    padding-top: 60px;
  }
  .with-hr-cloud .background {
    display: none;
  }
  .with-hr-cloud .old-way {
    padding-bottom: 30px;
  }
  .with-hr-cloud .old-way .background-col {
    background: #F7F9F9;
  }
  .with-hr-cloud .with-cloud {
    padding-bottom: 42px;
  }
  .with-hr-cloud .with-cloud span {
    padding-top: 30px;
  }
  .with-hr-cloud .with-cloud .background-col {
    background: #fffcf5;
  }
  .with-hr-cloud .section-col {
    position: relative;
    padding-right: 12px;
  }
  .with-hr-cloud .background-col {
    margin-left: -44px;
    position: absolute;
    height: 100%;
    width: calc(100% + 44px);
    z-index: -1;
  }
  .with-hr-cloud--header {
    margin-left: -28px;
    padding-top: 30px;
  }
  .with-cloud--image {
    width: 100px;
    height: 100px;
    -ms-flex-item-align: end;
        align-self: flex-end;
  }
}
.fade-up {
  -webkit-transform: translatey(20px);
          transform: translatey(20px);
  -webkit-transition: all 750ms cubic-bezier(0.22, 0, 0.34, 0.98);
  transition: all 750ms cubic-bezier(0.22, 0, 0.34, 0.98);
  opacity: 0;
}
.fade-up.visible {
  -webkit-transform: translatey(0px);
          transform: translatey(0px);
  opacity: 1;
}
.fade-up.visible.delay {
  -webkit-transition-delay: 300ms;
          transition-delay: 300ms;
}

.trusted-by-leaders-v2 li {
  list-style-type: none;
}
.trusted-by-leaders-v2 li img {
  opacity: 0.3;
}
.trusted-by-leaders-v2 li.active img {
  opacity: 1;
}
.trusted-by-leaders-v2 .section-title {
  margin-bottom: 15px;
}
.trusted-by-leaders-v2 .container p, .trusted-by-leaders-v2 .container .paragraph {
  padding-bottom: 22px;
}
.trusted-by-leaders-v2 .tabbing-group-navbar-third {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: distribute;
      justify-content: space-around;
}
.trusted-by-leaders-v2 .tab-content-global {
  padding-top: 10px;
}
.trusted-by-leaders-v2 .tab-content-global p, .trusted-by-leaders-v2 .tab-content-global .paragraph {
  font-style: italic;
}
.trusted-by-leaders-v2 .tab-content-global.active {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.trusted-by-leaders-v2 .bg-blue {
  padding: 70px 60px;
}
.trusted-by-leaders-v2 .bg-blue div {
  position: relative;
  margin-bottom: 50px;
  padding-bottom: 15px;
  font-size: 14px;
  line-height: 20px;
}
.trusted-by-leaders-v2 .bg-blue div:before {
  content: "";
  position: absolute;
  width: 40px;
  height: 2px;
  border-radius: 4px;
  background-color: #666;
  bottom: 0;
}
.trusted-by-leaders-v2 .name {
  font-weight: 600;
}
.trusted-by-leaders-v2 .dl-tab-second img,
.trusted-by-leaders-v2 .dl-tab-third img {
  padding-top: 12px;
}
@media screen and (min-width: 1075px) {
  .trusted-by-leaders-v2 .tab-content-global img {
    width: 40%;
    -o-object-fit: cover;
       object-fit: cover;
  }
  .trusted-by-leaders-v2 .tab-content-global p, .trusted-by-leaders-v2 .tab-content-global .paragraph {
    font-size: 24px !important;
    max-width: 680px;
    line-height: 34px;
  }
  .trusted-by-leaders-v2 .tab-content-global .bg-blue {
    width: 60%;
  }
}
@media screen and (max-width: 1075px) {
  .trusted-by-leaders-v2 p, .trusted-by-leaders-v2 .paragraph {
    font-size: 18px !important;
  }
  .trusted-by-leaders-v2 li:nth-last-child(2) {
    margin-right: 10px;
  }
  .trusted-by-leaders-v2 li:last-child {
    margin-right: 14px;
  }
  .trusted-by-leaders-v2 .bg-blue div {
    margin-bottom: 30px;
  }
  .trusted-by-leaders-v2 .tab-content-global {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .trusted-by-leaders-v2 .bg-blue {
    padding: 32px;
  }
}

.rating-badges-section {
  margin-top: 30px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: space-evenly;
      -ms-flex-pack: space-evenly;
          justify-content: space-evenly;
  height: 80px;
  margin-bottom: 40px;
}
.rating-badges-section img {
  max-width: 100%;
}
@media screen and (max-width: 1075px) {
  .rating-badges-section {
    padding: 0 32px;
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    height: auto;
    margin-bottom: 0;
  }
  .rating-badges-section img {
    width: 200px;
    margin-bottom: 10px;
  }
  .rating-badges-section img:nth-last-child(2) {
    height: 80px;
    margin-bottom: 20px;
    margin-top: 15px;
  }
  .rating-badges-section img:last-child {
    height: 80px;
  }
}

.why-hrcloud {
  margin-top: 130px;
}
.why-hrcloud .section-headline {
  margin-bottom: 40px;
}
.why-hrcloud .section-row {
  position: relative;
}
.why-hrcloud .section-col.content {
  max-width: 700px;
}
.why-hrcloud .flex-container {
  margin-left: -16px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  padding-right: 16px;
}
.why-hrcloud .sub-section {
  padding: 0 16px;
}
.why-hrcloud .sub-section .section-title {
  font-size: 18px;
}
@media screen and (min-width: 1075px) {
  .why-hrcloud .section-col.image {
    position: absolute;
    left: 55%;
    top: -2px;
    -webkit-transform: translateX(30px);
            transform: translateX(30px);
  }
  .why-hrcloud .section-col.image img {
    min-width: 530px;
  }
  .why-hrcloud .sub-section {
    width: 50%;
  }
}
@media screen and (max-width: 1075px) {
  .why-hrcloud {
    margin-top: 102px;
  }
  .why-hrcloud .section-headline {
    padding-left: 20px;
    max-width: 500px;
    margin-left: auto;
    margin-right: auto;
  }
  .why-hrcloud .section-col.image img {
    margin-left: 0;
  }
  .why-hrcloud .sub-section .section-title {
    font-size: 17px;
  }
  .why-hrcloud .flex-container {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    max-width: 500px;
    margin: 0 auto;
  }
}

.subscribe-newsletter-popup-container .newsletter-mobile-overlay {
  display: none;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.2509803922);
  z-index: 13001;
}
@media only screen and (max-width: 1074px ) {
  .subscribe-newsletter-popup-container .newsletter-mobile-overlay.active {
    display: block;
    position: fixed;
  }
}

.subscribe-newsletter-popup {
  width: 285px;
  border-radius: 4px;
  -webkit-box-shadow: 0 0 6px 1px rgba(0, 0, 0, 0.13);
          box-shadow: 0 0 6px 1px rgba(0, 0, 0, 0.13);
  position: absolute;
  right: -96px;
  top: 62px;
  background-color: #ffffff;
  z-index: 13002;
  display: none;
}
.subscribe-newsletter-popup h3 {
  margin-bottom: 17px;
}
.subscribe-newsletter-popup .newsletter-bg {
  position: relative;
  width: 100%;
  height: 120px;
  background-image: url("https://549864.fs1.hubspotusercontent-na1.net/hubfs/549864/subscribe-newsletter/popup-image@2x.png");
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
.subscribe-newsletter-popup .newsletter-bg .close-newsletter-popup {
  cursor: pointer;
  position: absolute;
  top: 11px;
  right: 11px;
}
.subscribe-newsletter-popup .content {
  padding: 20px 20px 30px 20px;
}
.subscribe-newsletter-popup .content .hs-input {
  margin-bottom: 10px;
  background-color: #f7f9f9;
  border: 0;
}
.subscribe-newsletter-popup .content .hs-input::-webkit-input-placeholder {
  color: #bdc3c7;
}
.subscribe-newsletter-popup .content .hs-input::-moz-placeholder {
  color: #bdc3c7;
}
.subscribe-newsletter-popup .content .hs-input::-ms-input-placeholder {
  color: #bdc3c7;
}
.subscribe-newsletter-popup .content .hs-input::placeholder {
  color: #bdc3c7;
}
.subscribe-newsletter-popup .content .hs-button {
  background-color: #ff6d00;
  font-size: 13px;
}
@media only screen and (max-width: 1074px ) {
  .subscribe-newsletter-popup {
    top: 50%;
    left: 50%;
    bottom: auto;
    position: fixed;
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
  }
}
@media screen and (max-width: 240px) {
  .subscribe-newsletter-popup {
    width: 100%;
  }
}

.subscribe-to-newsletter-confirmed {
  padding: 80px 10px;
  background-color: #f2fbfb;
}
.subscribe-to-newsletter-confirmed img {
  width: 50px;
  height: 50px;
  padding: 12px;
  margin-bottom: 30px;
  background-color: #b1d323;
  border-radius: 50%;
}
.subscribe-to-newsletter-confirmed h1 {
  font-size: 26px;
  margin-bottom: 20px;
}

@media only screen and (max-width: 1074px ) {
  .subscribe-to-newsletter-header-btn {
    display: none !important;
  }
}
.tabbing-group-navbar,
.tabbing-group-navbar-second,
.tabbing-group-navbar-third {
  text-align: inherit;
}
.tabbing-group-navbar li,
.tabbing-group-navbar-second li,
.tabbing-group-navbar-third li {
  cursor: pointer;
}
.tabbing-group-navbar button, .tabbing-group-navbar .btn, .tabbing-group-navbar .hs-button,
.tabbing-group-navbar-second button,
.tabbing-group-navbar-second .btn,
.tabbing-group-navbar-second .hs-button,
.tabbing-group-navbar-third button,
.tabbing-group-navbar-third .btn,
.tabbing-group-navbar-third .hs-button {
  font-size: 14px;
}

.testimonial {
  padding: 30px 65px;
  background: white;
  color: #434f57;
  min-height: 360px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  margin: 50px 5px 5px;
  position: relative;
}

@media screen and (max-width: 1075px) {
  .section--testimonials .carousel .slick-next {
    bottom: 47%;
    right: -10px;
    height: 30px;
  }
  .section--testimonials .carousel .slick-prev {
    bottom: 47%;
    left: -10px;
    height: 30px;
  }
}
@media screen and (max-width: 870px) {
  .carousel {
    width: calc(100vw - 100px);
  }
  .testimonial {
    height: 460px;
  }
}
@media screen and (max-width: 650px) {
  .section,
.section.section-testimonials {
    padding: 25px 20px;
  }
  .testimonial {
    height: 440px;
    padding: 30px 45px;
    text-align: left;
  }
  .testimonial-name {
    font-size: 24px;
  }
  .testimonial-company,
.testimonial-text {
    line-height: 1.5;
    font-size: 14px;
  }
}
@media screen and (max-width: 550px) {
  .pricing-page .slick-dotted.slick-slider {
    margin-bottom: 55px;
  }
}
@media screen and (max-width: 510px) {
  .carousel {
    width: calc(100vw - 64px);
  }
  .carousel .slick-prev,
.carousel .slick-next {
    top: auto;
    bottom: -38px;
    z-index: 1;
    height: 26px;
  }
  .carousel .slick-prev {
    left: 20px;
  }
  .carousel .slick-next {
    right: 20px;
  }
}
@media screen and (max-width: 390px) {
  .carousel {
    width: calc(100vw - 24px);
  }
  .carousel .slick-track {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .testimonial {
    height: 450px;
    padding: 30px 30px;
  }
  .testimonial-test-start:before {
    left: -25px;
  }
}
.slick-slider__controls .slick-dots {
  margin-bottom: 17px;
}
.slick-slider__controls .slick-dots li {
  width: 8px;
  height: 8px;
}
.slick-slider__controls .slick-dots .slick-active button, .slick-slider__controls .slick-dots .slick-active .btn, .slick-slider__controls .slick-dots .slick-active .hs-button {
  background: #54C3CA !important;
  border-color: #54C3CA !important;
}
.slick-slider__controls .slick-dots button, .slick-slider__controls .slick-dots .btn, .slick-slider__controls .slick-dots .hs-button {
  border: 1px solid #BDC3C7;
  background: white !important;
  width: 8px;
  height: 8px;
  padding: 0;
}

.testimonial-single--color {
  color: #fff;
  margin-top: 140px;
}
.testimonial-single--color.blue .container {
  background-color: #66c6d2;
}
.testimonial-single--color.green .container {
  background-color: #1ab79c;
}
.testimonial-single--color .container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  background-image: url(https://549864.fs1.hubspotusercontent-na1.net/hubfs/549864/assets/rewards-and-recognition-2021/testimonial@2x.png);
  background-size: contain;
  background-repeat: no-repeat;
  background-position-x: right;
  height: 360px;
  border-radius: 4px;
  padding: 40px 60px;
  -webkit-box-shadow: 0px 2px 12px 5px rgba(67, 79, 87, 0.24);
          box-shadow: 0px 2px 12px 5px rgba(67, 79, 87, 0.24);
}
.testimonial-single--color div {
  -ms-flex-item-align: center;
      align-self: center;
}
.testimonial-single--color h3 {
  color: #fff;
  text-align: center;
  margin: 0 auto;
  font-size: 36px;
  -ms-flex-item-align: center;
      align-self: center;
}
@media screen and (max-width: 1075px) {
  .testimonial-single--color {
    margin-top: 50px;
    padding: 0 20px;
  }
  .testimonial-single--color .container {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    padding: 50px 20px;
    height: auto;
    background-position-x: center;
    background-size: cover;
  }
  .testimonial-single--color h3 {
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
    padding-bottom: 30px;
  }
  .testimonial-single--color div {
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
  }
}

.testimonial-single--color__content {
  font-style: italic;
  width: 420px;
  font-size: 18px;
  padding-bottom: 30px;
  line-height: 28px;
}
@media screen and (max-width: 1075px) {
  .testimonial-single--color__content {
    width: auto;
    text-align: center;
  }
}

.single-testimonial {
  position: relative;
  margin-bottom: 40px;
  margin-top: 200px;
}
.single-testimonial p, .single-testimonial .paragraph {
  font-weight: bold;
  font-style: italic;
  line-height: 32px;
  font-size: 21px !important;
  padding-bottom: 30px;
}
.single-testimonial span {
  display: block;
  font-size: 14px;
}
.single-testimonial .cover-img {
  position: absolute;
  max-width: 420px;
  -webkit-transform: translateY(-80px);
          transform: translateY(-80px);
}
.single-testimonial .company-logo {
  margin-bottom: 10px;
  max-height: 45px;
}
@media screen and (min-width: 1075px) {
  .single-testimonial .testimonial-content {
    height: 360px;
  }
  .single-testimonial--toyota .testimonial-content {
    margin-left: 130px;
    margin-right: 40px;
    padding: 50px 40px 30px 300px;
  }
  .single-testimonial--morselife .testimonial-content {
    margin-right: 130px;
    margin-left: 15px;
    padding: 50px 300px 30px 60px;
  }
  .single-testimonial--morselife .cover-img {
    right: 0;
  }
  .single-testimonial--morselife .company-logo {
    max-height: 37px;
  }
}
@media screen and (max-width: 1075px) {
  .single-testimonial {
    margin-top: 20px;
  }
  .single-testimonial .cover-img {
    margin-left: 50%;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
  }
  .single-testimonial--toyota .testimonial-content, .single-testimonial--morselife .testimonial-content {
    padding: 450px 20px 20px 20px;
  }
}

.testimonial-slick--arrows, .slider-arrows {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: right;
      -ms-flex-pack: right;
          justify-content: right;
}
.testimonial-slick--arrows .slick-arrow, .slider-arrows .slick-arrow {
  margin-right: 40px;
  cursor: pointer;
}

.testimonials-slider {
  padding: 40px 0 30px;
}
.testimonials-slider .text-content h2 {
  margin-bottom: 20px;
  font-size: 35px;
}
.testimonials-slider .text-content p, .testimonials-slider .text-content .paragraph {
  margin-bottom: 10px;
}
.testimonials-slider .text-content .green-text {
  color: #2CD6B9;
}
@media screen and (max-width: 1075px) {
  .testimonials-slider .text-content {
    text-align: start;
    padding: 0 20px;
  }
  .testimonials-slider .text-content h2, .testimonials-slider .text-content p, .testimonials-slider .text-content .paragraph {
    text-align: start !important;
  }
}
.testimonials-slider .slick-track {
  padding: 20px 0;
}
.testimonials-slider .slick-initialized .slick-slide {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.testimonials-slider .slider-arrows {
  margin-top: 20px;
}
.testimonials-slider .slider-arrows img {
  margin-right: 40px;
  cursor: pointer;
}
.testimonials-slider .slider .slide {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  padding: 30px;
  background-color: #ffffff;
  -webkit-box-shadow: 0 0 10px 1px #ccc;
          box-shadow: 0 0 10px 1px #ccc;
  border-radius: 3px;
}
@media screen and (min-width: 1075px) {
  .testimonials-slider .slider .slide {
    height: 270px;
    margin-right: 25px;
  }
}
@media screen and (max-width: 1075px) {
  .testimonials-slider .slider .slide {
    margin: 0 10px 35px;
  }
}
.testimonials-slider .slider .slide h3 {
  margin-bottom: 13px;
}
.testimonials-slider .slider .slide .rating {
  margin-bottom: 25px;
}
.testimonials-slider .slider .slide .quote {
  margin: 0 0 10px 0;
  padding: 0;
  font-size: 14px !important;
  line-height: 21px;
}
.testimonials-slider .slider .slide .author {
  margin-top: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.testimonials-slider .slider .slide .author p, .testimonials-slider .slider .slide .author .paragraph {
  margin: 0;
  padding: 0;
  font-weight: 700;
}
.testimonials-slider .slider .slide .author .image-container {
  width: 30px;
  height: 30px;
  border-radius: 50%;
  margin-right: 10px;
}
.testimonials-slider .slider .slide .author .image-container img {
  width: 100%;
  max-width: unset;
}
.testimonials-slider .advantages {
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
@media screen and (min-width: 1075px) {
  .testimonials-slider .advantages {
    margin-top: 45px;
    margin-bottom: 50px;
  }
}
.testimonials-slider .advantages span {
  font-size: 70px;
  line-height: 1;
  font-weight: 700;
  color: #54C3CA;
  padding-right: 20px;
}
.testimonials-slider .advantages p, .testimonials-slider .advantages .paragraph {
  font-size: 20px !important;
  line-height: 33px;
  position: relative;
}
@media screen and (min-width: 1075px) {
  .testimonials-slider .advantages p, .testimonials-slider .advantages .paragraph {
    padding-left: 20px;
  }
  .testimonials-slider .advantages p::before, .testimonials-slider .advantages .paragraph::before {
    height: 70%;
    width: 1px;
    background-color: #ddd;
    position: absolute;
    content: "";
    left: 0px;
    top: 7px;
  }
}
.testimonials-slider .advantages p b, .testimonials-slider .advantages .paragraph b {
  font-size: inherit;
  color: #000;
}
@media only screen and (max-width: 1074px ) {
  .testimonials-slider .advantages {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    padding: 20px;
  }
  .testimonials-slider .advantages .flex {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .testimonials-slider .advantages span {
    padding-bottom: 10px;
  }
  .testimonials-slider .advantages > div:not(:last-child) {
    margin-bottom: 15px;
  }
}
.testimonials-slider .ratings {
  margin-bottom: 50px;
  max-width: 1075px;
}
@media only screen and (max-width: 1074px ) {
  .testimonials-slider .ratings {
    padding: 20px;
  }
}

.testimonials-2022 {
  margin-bottom: 160px;
}
.testimonials-2022 .testimonial-slick--arrows span {
  font-size: 18px;
}
.testimonials-2022 .testimonial-slick--arrows .slick-arrow:hover {
  opacity: 0.5;
}
.testimonials-2022 .testimonial-slick--arrows .slick-arrow:first-child {
  margin-right: 20px;
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}
.testimonials-2022 .testimonial-slick--arrows .slick-arrow:last-child {
  margin-left: 20px;
}
@media only screen and (max-width: 1074px ) {
  .testimonials-2022 .testimonial-slick--arrows {
    display: none !important;
  }
}
.testimonials-2022 .head-content {
  padding: 0 20px;
}
.testimonials-2022 .head-content h2 {
  font-size: 38px;
  line-height: 1.1;
  margin-top: 0;
}
@media only screen and (max-width: 1074px ) {
  .testimonials-2022 .head-content h2 {
    font-size: 26px;
    line-height: 1.4;
  }
}
.testimonials-2022 .head-content p, .testimonials-2022 .head-content .paragraph {
  font-size: 18px !important;
  line-height: 1.5;
}
@media only screen and (max-width: 1074px ) {
  .testimonials-2022 .head-content p, .testimonials-2022 .head-content .paragraph {
    font-size: 16px !important;
  }
}
@media only screen and (max-width: 1074px ) {
  .testimonials-2022 .head-content {
    text-align: left !important;
  }
}
@media only screen and (min-width: 1075px ) {
  .testimonials-2022 .head-content {
    -webkit-transform: translateY(120px);
            transform: translateY(120px);
  }
}
@media only screen and (max-width: 1074px ) {
  .testimonials-2022 {
    margin-bottom: 105px;
  }
}

.tooltip {
  position: relative;
  width: 20px;
  height: 20px;
  margin-bottom: -4px;
  margin-left: 7px;
  display: inline-block;
}
.tooltip::before {
  content: " ";
  display: block;
  width: 100%;
  height: 100%;
  background: url(https://549864.fs1.hubspotusercontent-na1.net/hubfs/549864/assets/info.png) center center no-repeat;
  font-weight: 400;
  cursor: help;
  opacity: 0.2;
  background-size: contain;
}
.tooltip:hover .popup__wrapper {
  visibility: visible;
  opacity: 1;
}

.popup__wrapper {
  position: absolute;
  bottom: 100%;
  z-index: 2;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: opacity 250ms cubic-bezier(0.165, 0.84, 0.44, 1), visibility 250ms cubic-bezier(0.165, 0.84, 0.44, 1);
  transition: opacity 250ms cubic-bezier(0.165, 0.84, 0.44, 1), visibility 250ms cubic-bezier(0.165, 0.84, 0.44, 1);
  width: 350px;
  height: 450px;
  left: -27px;
  bottom: 20px;
}

.popup-features {
  position: absolute;
  background-color: rgba(60, 79, 92, 0.9);
  border-radius: 5px;
  color: #fff;
  width: -webkit-max-content !important;
  width: -moz-max-content !important;
  width: max-content !important;
  min-width: 300px;
  padding: 30px 30px;
  bottom: 15px;
}
.popup-features h4 {
  color: #fff;
  font-size: 19px;
  margin-bottom: 20px;
  letter-spacing: 0.2px;
}
.popup-features ul {
  padding: 0;
  margin: 0;
  list-style-type: none;
}
.popup-features a, .popup-features .link {
  color: #fff;
  cursor: pointer;
  text-decoration: none;
}
.popup-features a::after, .popup-features .link::after {
  content: "";
  background-image: url(https://549864.fs1.hubspotusercontent-na1.net/hubfs/549864/assets/arrow_forward-white.svg);
  width: 20px;
  height: 15px;
  background-repeat: no-repeat;
  background-position: bottom;
  display: inline-block;
  margin-left: 10px;
}
.popup-features a:hover::after, .popup-features .link:hover::after {
  margin-left: 20px;
}

.popup__arrow {
  position: absolute;
  bottom: 3px;
  left: 26px;
  border-top: 12px solid rgba(60, 79, 92, 0.9);
  border-left: 11px solid transparent;
  border-right: 11px solid transparent;
}

@media screen and (max-width: 1075px) {
  .tooltip {
    float: right;
  }
  .popup__wrapper, .popup__arrow {
    left: auto;
    right: 0;
  }
  .popup-features {
    max-width: 300px;
    padding-right: 25px;
    right: -33px;
    bottom: 14px;
  }
  .popup-features li {
    text-align: start;
  }
}
#video-popup {
  display: none;
  top: 50%;
  left: 50%;
  width: 640px;
  height: 360px;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  z-index: 20000;
  position: fixed;
}
@media screen and (max-width: 1075px) {
  #video-popup {
    max-width: 100%;
    padding: 0 10px;
  }
}
@media screen and (min-width: 1075px) {
  #video-popup.new-video {
    width: 1000px;
    height: 600px;
  }
}

.play-button {
  height: 60px;
  width: 80px;
  border-radius: 4px;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  background-color: #fff;
  background-repeat: no-repeat;
  background-position: center;
  background-image: url(https://549864.fs1.hubspotusercontent-na1.net/hubfs/549864/homepage-2020/play-btn.svg);
}

.bg-gradient-purple {
  background-image: -webkit-gradient(linear, left top, right top, from(#8e5e82), color-stop(#a36289), color-stop(#c46a94), to(#ec849e));
  background-image: linear-gradient(to right, #8e5e82, #a36289, #c46a94, #ec849e);
}
@media screen and (max-width: 1075px) {
  .bg-gradient-purple {
    background-image: -webkit-gradient(linear, left bottom, left top, from(#8e5e82), color-stop(#a36289), color-stop(#c46a94), to(#ec849e));
    background-image: linear-gradient(to top, #8e5e82, #a36289, #c46a94, #ec849e);
  }
}

.mt-9 {
  margin-top: 2.25rem;
}

.text-77 {
  font-size: 77px;
}

.max-w-98 {
  max-width: 24.5rem;
}

.max-w-74 {
  max-width: 18.5rem;
}

.w-30 {
  width: 7.5rem;
}

.w-48 {
  width: 12rem;
}

.h-56 {
  height: 14rem;
}

.p-10 {
  padding: 2.5rem;
}

.bg-\[url\(https\:\/\/www\.hrcloud\.com\/hubfs\/assets\/blog-modules\/wm2x\.png\)\] {
  background-image: url(https://www.hrcloud.com/hubfs/assets/blog-modules/wm2x.png);
}

.bg-\[url\(https\:\/\/549864\.fs1\.hubspotusercontent-na1\.net\/hubfs\/549864\/assets\/blog-modules\/HRC2x\.png\)\] {
  background-image: url(https://549864.fs1.hubspotusercontent-na1.net/hubfs/549864/assets/blog-modules/HRC2x.png);
}

.bg-\[url\(https\:\/\/549864\.fs1\.hubspotusercontent-na1\.net\/hubfs\/549864\/assets\/blog-modules\/HRC2x\.png\)\] {
  background-image: url(https://549864.fs1.hubspotusercontent-na1.net/hubfs/549864/assets/blog-modules/HRC2x.png);
}

.bg-\[url\(https\:\/\/549864\.fs1\.hubspotusercontent-na1\.net\/hubfs\/549864\/assets\/blog-modules\/background-1\.png\)\] {
  background-image: url(https://549864.fs1.hubspotusercontent-na1.net/hubfs/549864/assets/blog-modules/background-1.png);
}

.bg-\[url\(https\:\/\/549864\.fs1\.hubspotusercontent-na1\.net\/hubfs\/549864\/assets\/blog\/Oval\@2x\.png\)\] {
  background-image: url(https://549864.fs1.hubspotusercontent-na1.net/hubfs/549864/assets/blog/Oval@2x.png);
}

.bg-\[\#c2ecea\] {
  --tw-bg-opacity: 1;
  background-color: #c2ecea;
}

.bg-\[\#f0f1f2\] {
  --tw-bg-opacity: 1;
  background-color: #f0f1f2;
}

.bg-\[\#fbf6f9\] {
  --tw-bg-opacity: 1;
  background-color: rgb(251 246 249/var(--tw-bg-opacity));
}

.bg-\[\#c278a4\] {
  --tw-bg-opacity: 1;
  background-color: rgb(194 120 164/var(--tw-bg-opacity));
}

.bg-\[\#e3f4f6\] {
  --tw-bg-opacity: 1;
  background-color: #e3f4f6;
}

.bg-\[\#028ace\] {
  --tw-bg-opacity: 1;
  background-color: #028ace;
}

.bg-yellow-light {
  background-color: rgba(249, 202, 90, 0.1);
}

.text-\[\#00c3c8\] {
  --tw-text-opacity: 1;
  color: #00c3c8;
}

.rounded-sm {
  border-radius: 0.125rem;
}

.text-\[\#028ace\] {
  --tw-text-opacity: 1;
  color: #028ace;
}

.top-32 {
  top: 8rem;
}

.\!ml-0 {
  margin-left: 0 !important;
}

.\!text-13 {
  font-size: 13px !important;
}

.pointer-events-none {
  pointer-events: none;
}

.inset-0 {
  bottom: 0;
  left: 0;
  right: 0;
  top: 0;
}

.h-124 {
  height: 31rem;
}

.h-124 {
  height: 31.25rem;
}

.h-128 {
  height: 32rem;
}

.max-w-85 {
  max-width: 21.25rem;
}

@media (min-width: 550px) {
  .minsm\:max-w-lg {
    max-width: 32rem;
  }
  .minsm\:mx-auto {
    margin-left: auto;
    margin-right: auto;
  }
}
@media (min-width: 1075px) {
  .minlg\:w-84 {
    width: 21rem;
  }
  .minlg\:mt-0\.5 {
    margin-top: 0.125rem;
  }
  .minlg\:ml-24 {
    margin-left: 6rem;
  }
  .minlg\:bg-yellow-light {
    background-color: rgba(249, 202, 90, 0.1);
  }
  .minlg\:pl-16 {
    padding-left: 4rem;
  }
  .minlg\:gap-16 {
    gap: 4rem;
  }
  .minlg\:max-w-full {
    max-width: 100%;
  }
  .minlg\:-mt-9 {
    margin-top: -2.25rem;
  }
  .minlg\:\!max-w-80 {
    max-width: 20rem !important;
  }
  .minlg\:w-232 {
    width: 58rem;
  }
}
@media (max-width: 1074px) {
  .maxlg\:bg-\[url\(https\:\/\/549864\.fs1\.hubspotusercontent-na1\.net\/hubfs\/549864\/assets\/adp-2021\/onboard-bg-mobile\.svg\)\] {
    background-image: url(https://549864.fs1.hubspotusercontent-na1.net/hubfs/549864/assets/adp-2021/onboard-bg-mobile.svg);
  }
  .maxlg\:bg-\[url\(\'https\:\/\/549864\.fs1\.hubspotusercontent-na1\.net\/hubfs\/549864\/assets\/awards\/hero-background-awards-2022-mobile\@2x\.png\'\)\] {
    background-image: url(https://549864.fs1.hubspotusercontent-na1.net/hubfs/549864/assets/awards/hero-background-awards-2022-mobile@2x.png);
  }
  .maxlg\:bg-\[url\(https\:\/\/549864\.fs1\.hubspotusercontent-na1\.net\/hubfs\/549864\/assets\/onboard-2022\/bg-mobile\@2x\.png\)\] {
    background-image: url(https://549864.fs1.hubspotusercontent-na1.net/hubfs/549864/assets/onboard-2022/bg-mobile@2x.png);
  }
  .maxlg\:bg-\[url\(https\:\/\/549864\.fs1\.hubspotusercontent-na1\.net\/hubfs\/549864\/assets\/employee-experience-quiz\/bg-2-mobile\.png\)\] {
    background-image: url(https://549864.fs1.hubspotusercontent-na1.net/hubfs/549864/assets/employee-experience-quiz/bg-2-mobile.png);
  }
  .maxlg\:bg-\[url\(https\:\/\/549864\.fs1\.hubspotusercontent-na1\.net\/hubfs\/549864\/assets\/employee-experience-quiz\/bg-3-mobile\.png\)\] {
    background-image: url(https://549864.fs1.hubspotusercontent-na1.net/hubfs/549864/assets/employee-experience-quiz/bg-3-mobile.png);
  }
  .maxlg\:bg-\[url\(https\:\/\/549864\.fs1\.hubspotusercontent-na1\.net\/hubfs\/549864\/assets\/employee-experience-quiz\/bg-4-mobile\.png\)\] {
    background-image: url(https://549864.fs1.hubspotusercontent-na1.net/hubfs/549864/assets/employee-experience-quiz/bg-4-mobile.png);
  }
  .maxlg\:bg-\[url\(https\:\/\/549864\.fs1\.hubspotusercontent-na1\.net\/hubfs\/549864\/assets\/employee-experience-quiz\/bg-1-mobile\.png\)\] {
    background-image: url(https://549864.fs1.hubspotusercontent-na1.net/hubfs/549864/assets/employee-experience-quiz/bg-1-mobile.png);
  }
  .maxlg\:bg-\[url\(https\:\/\/549864\.fs1\.hubspotusercontent-na1\.net\/hubfs\/549864\/assets\/beyond-onboarding\/hero-background\%20image_1x\.png\)\] {
    background-image: url(https://549864.fs1.hubspotusercontent-na1.net/hubfs/549864/assets/beyond-onboarding/hero-background%20image_1x.png);
  }
  .maxlg\:bg-\[url\(https\:\/\/549864\.fs1\.hubspotusercontent-na1\.net\/hubfs\/549864\/assets\/onboard-2023\/bg-mobile\@2x\.png\)\] {
    background-image: url(https://549864.fs1.hubspotusercontent-na1.net/hubfs/549864/assets/onboard-2023/bg-mobile@2x.png);
  }
  .maxlg\:bg-\[url\(https\:\/\/549864\.fs1\.hubspotusercontent-na1\.net\/hubfs\/549864\/assets\/interactive-demo\/interactive-demo-bg-mobile\@2x\.png\)\] {
    background-image: url(https://549864.fs1.hubspotusercontent-na1.net/hubfs/549864/assets/interactive-demo/interactive-demo-bg-mobile@2x.png);
  }
  .maxlg\:bg-\[url\(https\:\/\/549864\.fs1\.hubspotusercontent-na1\.net\/hubfs\/549864\/assets\/sales-banner\/background\@2x\.png\)\] {
    background-image: url(https://549864.fs1.hubspotusercontent-na1.net/hubfs/549864/assets/sales-banner/background@2x.png);
  }
}
@media (max-width: 1430px) {
  .max1430\:h-10 {
    height: 2.5rem;
  }
  .max1430\:z-10 {
    z-index: 10;
  }
  .max1430\:justify-between {
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
  .max1430\:leading-1\.3 {
    line-height: 1.3;
  }
  .max1430\:overflow-hidden {
    overflow: hidden;
  }
}
@media (min-width: 1430px) {
  .min1430\:hidden {
    display: none;
  }
  .min1430\:w-64 {
    width: 16rem;
  }
  .min1430\:text-18 {
    font-size: 1.125rem;
  }
}
/*Mod classes - mod-margin, mod-text-uppercase...*/
.mod-margin-top {
  margin-top: 20px;
}

.mod-margin-top-tiny {
  margin-top: 5px;
}

.mod-margin-top-small {
  margin-top: 10px;
}

.mod-margin-top-large {
  margin-top: 40px;
}

.mod-negative-margin-top {
  margin-top: -20px;
}

.mod-negative-margin-top-tiny {
  margin-top: -5px;
}

.mod-negative-margin-top-small {
  margin-top: -10px;
}

.mod-negative-margin-top-large {
  margin-top: -40px;
}

.mod-margin-top-none {
  margin-top: 0 !important;
}

.mod-margin-right {
  margin-right: 20px;
}

.mod-margin-right-tiny {
  margin-right: 5px;
}

.mod-margin-right-small {
  margin-right: 10px;
}

.mod-margin-right-large {
  margin-right: 40px;
}

.mod-negative-margin-right {
  margin-right: -20px;
}

.mod-negative-margin-right-tiny {
  margin-right: -5px;
}

.mod-negative-margin-right-small {
  margin-right: -10px;
}

.mod-negative-margin-right-large {
  margin-right: -40px;
}

.mod-margin-right-none {
  margin-right: 0 !important;
}

.mod-margin-bottom {
  margin-bottom: 20px;
}

.mod-margin-bottom-tiny {
  margin-bottom: 5px;
}

.mod-margin-bottom-small {
  margin-bottom: 10px;
}

.mod-margin-bottom-large {
  margin-bottom: 40px;
}

.mod-negative-margin-bottom {
  margin-bottom: -20px;
}

.mod-negative-margin-bottom-tiny {
  margin-bottom: -5px;
}

.mod-negative-margin-bottom-small {
  margin-bottom: -10px;
}

.mod-negative-margin-bottom-large {
  margin-bottom: -40px;
}

.mod-margin-bottom-none {
  margin-bottom: 0 !important;
}

.mod-margin-left {
  margin-left: 20px;
}

.mod-margin-left-tiny {
  margin-left: 5px;
}

.mod-margin-left-small {
  margin-left: 10px;
}

.mod-margin-left-large {
  margin-left: 40px;
}

.mod-negative-margin-left {
  margin-left: -20px;
}

.mod-negative-margin-left-tiny {
  margin-left: -5px;
}

.mod-negative-margin-left-small {
  margin-left: -10px;
}

.mod-negative-margin-left-large {
  margin-left: -40px;
}

.mod-margin-left-none {
  margin-left: 0 !important;
}

.mod-margin {
  margin: 20px;
}

.mod-margin-tiny {
  margin: 5px;
}

.mod-margin-small {
  margin: 10px;
}

.mod-margin-large {
  margin: 40px;
}

.mod-negative-margin {
  margin: -20px;
}

.mod-negative-margin-tiny {
  margin: -5px;
}

.mod-negative-margin-small {
  margin: -10px;
}

.mod-negative-margin-large {
  margin: -40px;
}

.mod-margin-none {
  margin: 0 !important;
}

.mod-padding-top {
  padding-top: 20px;
}

.mod-padding-top-tiny {
  padding-top: 5px;
}

.mod-padding-top-small {
  padding-top: 10px;
}

.mod-padding-top-large {
  padding-top: 40px;
}

.mod-padding-top-none {
  padding-top: 0 !important;
}

.mod-padding-right {
  padding-right: 20px;
}

.mod-padding-right-tiny {
  padding-right: 5px;
}

.mod-padding-right-small {
  padding-right: 10px;
}

.mod-padding-right-large {
  padding-right: 40px;
}

.mod-padding-right-none {
  padding-right: 0 !important;
}

.mod-padding-bottom {
  padding-bottom: 20px;
}

.mod-padding-bottom-tiny {
  padding-bottom: 5px;
}

.mod-padding-bottom-small {
  padding-bottom: 10px;
}

.mod-padding-bottom-large {
  padding-bottom: 40px;
}

.mod-padding-bottom-none {
  padding-bottom: 0 !important;
}

.mod-padding-left {
  padding-left: 20px;
}

.mod-padding-left-tiny {
  padding-left: 5px;
}

.mod-padding-left-small {
  padding-left: 10px;
}

.mod-padding-left-large {
  padding-left: 40px;
}

.mod-padding-left-none {
  padding-left: 0 !important;
}

.mod-padding {
  padding: 20px;
}

.mod-padding-tiny {
  padding: 5px;
}

.mod-padding-small {
  padding: 10px;
}

.mod-padding-large {
  padding: 40px;
}

.mod-padding-none {
  padding: 0 !important;
}

.light-shadow {
  -webkit-box-shadow: 0px 0px 8px 4px #eee;
          box-shadow: 0px 0px 8px 4px #eee;
}

.hide {
  display: none;
}

.text-break {
  overflow-wrap: break-word;
}

.mod-line-height-smaller {
  line-height: 1.2;
}

@media screen and (min-width: 1075px) {
  .mod-img-wider {
    max-width: 550px;
  }
}

.list-style-checkmark--green {
  list-style: url(https://549864.fs1.hubspotusercontent-na1.net/hubfs/549864/assets/workplace-alternative-page/icons/check-green.svg);
}

.padding-bottom-0 {
  padding-bottom: 0;
}

.padding-top-0 {
  padding-top: 0;
}

@media screen and (max-width: 1075px) {
  .mobile-padding-0-20 {
    padding: 0px 20px;
  }
}

.mod-center {
  margin: 0 auto;
}

.clear-margin-top {
  margin-top: 0;
}

@media screen and (min-width: 1075px) {
  .clear-margin-top-and-bottom {
    margin-top: 0 !important;
    margin-bottom: 0;
  }
  .clear-margin-top-and-bottom .section-row {
    margin-top: 0;
    margin-bottom: 0;
  }
}

.mb-0 {
  margin-bottom: 0 !important;
}

.margin-top-large {
  margin-top: 60px;
}

.margin-top-medium {
  margin-top: 40px;
}

@media screen and (max-width: 1075px) {
  .margin-bottom-180 {
    margin-bottom: 180px;
  }
}

.margin-bottom-large {
  margin-bottom: 60px;
}

.margin-bottom-medium {
  margin-bottom: 40px;
}

.margin-bottom-15 {
  margin-bottom: 15px;
}

.headline-margin-small {
  margin: 0 0 7px 0;
}

.mod-section-overlap-bottom-100 {
  margin-bottom: -100px;
}
@media screen and (max-width: 1075px) {
  .mod-section-overlap-bottom-100 {
    margin-bottom: 0;
  }
}

.mod-section-overlap-top-50 {
  margin-top: -50px;
}
@media screen and (max-width: 1075px) {
  .mod-section-overlap-top-50 {
    margin-top: 0;
  }
}

.mod-section-overlap-top-100 {
  margin-top: -100px;
}
@media screen and (max-width: 1075px) {
  .mod-section-overlap-top-100 {
    margin-top: 0;
  }
}

.mod-section-overlap-top-150 {
  margin-top: -150px;
}
@media screen and (max-width: 1075px) {
  .mod-section-overlap-top-150 {
    margin-top: 0;
  }
}

@media screen and (max-width: 1075px) {
  .mod-margin-top-large {
    margin-top: 0 !important;
  }
}

@media only screen and (max-width: 767px ) {
  .mod-mobile-margin-top {
    margin-top: 20px !important;
  }
}

@media only screen and (max-width: 767px ) {
  .mod-mobile-margin-top-large {
    margin-top: 80px !important;
  }
}

@media screen and (max-width: 1075px) {
  .mobile--mod-margin-top-small {
    margin-top: 30px !important;
  }
  .mobile--mod-margin-top-medium {
    margin-top: 60px !important;
  }
  .mobile--mod-margin-top-large {
    margin-top: 90px !important;
  }
  .mobile--mod-margin-bottom-small {
    margin-bottom: 30px;
  }
  .mobile--mod-margin-bottom-medium {
    margin-bottom: 60px;
  }
  .mobile--mod-margin-bottom-large {
    margin-bottom: 90px;
  }
}
.bg-none {
  background: transparent;
}

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

.bg-blue {
  background-color: rgba(84, 195, 202, 0.08);
}

.bg-yellow {
  background-color: rgba(249, 202, 90, 0.1);
}

.bg-green {
  background-color: rgba(84, 200, 155, 0.08);
}

.bg-purple {
  background-color: #fcf7fa;
}

.mod-shadow-bottom {
  -webkit-box-shadow: inset 0px -26px 18px -10px rgba(204, 204, 204, 0.2117647059);
          box-shadow: inset 0px -26px 18px -10px rgba(204, 204, 204, 0.2117647059);
}

.text-green {
  color: #1AB79C;
}

.nostyle {
  all: unset !important;
}

.backdrop-brightness-90 {
  --tw-backdrop-brightness: brightness(.9);
}

.hover\:backdrop-brightness-90:hover {
  --tw-backdrop-brightness: brightness(.9);
}

header .logo-toggle.active {
  -webkit-box-shadow: 0px 14px 14px 6px #eee;
          box-shadow: 0px 14px 14px 6px #eee;
}

.arrow-header-dropdown-before::before {
  @apply content-empty absolute bg-white w-4;
  -webkit-box-shadow: -7px -10px 20px -2px #ddd;
          box-shadow: -7px -10px 20px -2px #ddd;
  height: 9px;
  top: -1px;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
  z-index: 2;
}

hr {
  border-top-width: 1px;
  color: inherit;
}

.mobile-only {
  display: none;
}
@media only screen and (max-width: 767px ) {
  .mobile-only {
    display: block;
  }
}

@media only screen and (max-width: 767px ) {
  .desktop-only {
    display: none;
  }
}

.browser-titlebar {
  width: 100%;
  position: relative;
  height: 16px;
  padding-left: 4px;
  border-bottom: 1px solid #D2D2D0;
}
.browser-titlebar span {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  display: block;
  margin: 4px 2px;
  float: left;
}
.browser-titlebar .titlebar-button-red {
  background-color: #EF5119;
}
.browser-titlebar .titlebar-button-orange {
  background-color: #EFB71F;
}
.browser-titlebar .titlebar-button-green {
  background-color: #B1D323;
}

.browser-content {
  width: 100%;
  height: 400px;
  overflow: auto;
}
@media screen and (max-width: 1075px) {
  .browser-content {
    height: auto;
    overflow: visible;
  }
}
.browser-content img {
  max-width: 100%;
  margin-bottom: 0;
}

.iphone-mockup {
  background-color: #F8F8F7;
  -webkit-box-shadow: 0 2px 14px 1px rgba(0, 0, 0, 0.2);
          box-shadow: 0 2px 14px 1px rgba(0, 0, 0, 0.2);
  border-radius: 8px;
  border: 1px solid #D2D2D0;
  width: 125px;
  height: 250px;
  position: relative;
}

.iphone-speaker {
  width: 21px;
  height: 2px;
  border-radius: 2px;
  background-color: #D2D2D0;
  display: block;
  position: absolute;
  top: 11px;
  left: 50%;
  margin-left: -10.5px;
}

.iphone-camera {
  width: 2px;
  height: 2px;
  border-radius: 50%;
  background-color: #D2D2D0;
  display: block;
  position: absolute;
  top: 11px;
  left: 50%;
  margin-left: -16.5px;
}

.iphone-sensor {
  width: 1.5px;
  height: 1.5px;
  border-radius: 50%;
  background-color: #D2D2D0;
  display: block;
  position: absolute;
  top: 6.5px;
  left: 50%;
  margin-left: -0.5px;
}

.iphone-button {
  width: 17px;
  height: 17px;
  border-radius: 50%;
  border: 1px solid #D2D2D0;
  display: block;
  position: absolute;
  bottom: 7px;
  left: 50%;
  margin-left: -7px;
}

.iphone-power {
  width: 1.5px;
  height: 12px;
  border-radius: 0 2px 2px 0;
  background-color: #D2D2D0;
  display: block;
  position: absolute;
  top: 40px;
  right: -3px;
  margin-left: -1px;
}

.iphone-hold {
  width: 1px;
  height: 9px;
  border-radius: 2px 0 0 2px;
  background-color: #D2D2D0;
  display: block;
  position: absolute;
  top: 28px;
  left: -2px;
  margin-left: -1px;
}

.iphone-volume-up {
  width: 1.5px;
  height: 12px;
  border-radius: 2px 0 0 2px;
  background-color: #D2D2D0;
  display: block;
  position: absolute;
  top: 48px;
  left: -3px;
  margin-left: -1px;
}

.iphone-volume-down {
  width: 1.5px;
  height: 12px;
  border-radius: 2px 0 0 2px;
  background-color: #D2D2D0;
  display: block;
  position: absolute;
  top: 63px;
  left: -1.5px;
  margin-left: -1px;
}

.iphone-content {
  width: 115px;
  height: 198px;
  margin: 21px auto;
  overflow: hidden;
  border: 1px solid #D2D2D0;
  border-radius: 3px;
}
.iphone-content img {
  height: 100%;
  width: auto;
}

.desktop-browser-mobile-mockup-container {
  position: relative;
}
.desktop-browser-mobile-mockup-container .iphone-mockup {
  position: absolute;
  bottom: -40px;
  right: -40px;
  z-index: 11;
}
@media screen and (max-width: 1075px) {
  .desktop-browser-mobile-mockup-container .iphone-mockup {
    display: none;
  }
}

.divider {
  display: block;
  width: 100%;
}
.divider.divider--curved img,
.divider.divider--curved svg {
  position: relative;
  top: -1px;
}
.divider.divider--inset {
  position: absolute;
  bottom: -1px;
  z-index: 100;
}
.divider img,
.divider svg {
  width: 100%;
  height: auto;
  display: block;
}
.divider svg {
  display: none;
}
.divider img {
  width: 100%;
  height: auto;
  display: block;
}
.divider .chr-bg {
  fill: #f8fcff;
}
.divider .mask-white-bg {
  fill: #ffffff;
}

.mobile-only {
  display: none;
}
@media screen and (max-width: 1075px) {
  .mobile-only {
    display: block;
  }
}

.desktop-only {
  display: block;
}
@media screen and (max-width: 1075px) {
  .desktop-only {
    display: none;
  }
}

.text-primary {
  color: #00C4C9;
}

.cursor-pointer {
  cursor: pointer;
}

@media only screen and (min-width: 1075px ) {
  .minlg-flex-col {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}

@media only screen and (max-width: 1074px ) {
  .maxlg-flex-col {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}

.items-center {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

@media only screen and (min-width: 1075px ) {
  .minlg-items-center {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
}

.fixed {
  position: fixed;
}

.max-w-50 {
  max-width: 50%;
}

.leading-16 {
  line-height: 1.6;
}

.max-w-23r {
  max-width: 23rem;
}

.max-w-7r {
  max-width: 7rem;
}

.p-8 {
  padding: 2rem;
}

.enterprise-grade-security.workmates-2022 {
  margin-bottom: 0 !important;
}

@media screen and (min-width: 1075px) {
  .enterprise-grade-security p, .enterprise-grade-security .paragraph {
    text-align: center;
  }
}

@media screen and (min-width: 1075px) {
  .workmates-wrapper .enterprise-grade-security {
    margin-bottom: 150px;
    margin-top: 100px;
  }
}
.ml-px-100 {
  margin-left: 100px;
}

@media screen and (max-width: 1075px) {
  .maxlg-px-22 {
    padding-left: 22px;
    padding-right: 22px;
  }
}

.leading-1-3 {
  line-height: 1.3 !important;
}

.leading-1-5 {
  line-height: 1.5;
}

.leading-28 {
  line-height: 28px;
}

.leading-46 {
  line-height: 46px;
}

.w-available {
  width: -webkit-fill-available;
}

@media screen and (max-width: 1075px) {
  .section-img {
    margin-bottom: 30px;
  }
  .section .container {
    max-width: 450px;
  }
  .section-title,
.paragraph {
    text-align: left !important;
  }
  .section-title.text-center {
    text-align: center !important;
  }
}
.section--book-a-demo {
  padding-top: 50px !important;
  padding-bottom: 110px;
}
.section--book-a-demo .section-col--image {
  -webkit-box-ordinal-group: 3;
      -ms-flex-order: 2;
          order: 2;
}
@media screen and (max-width: 1075px) {
  .section--book-a-demo .section-col--image {
    -webkit-box-ordinal-group: 1;
        -ms-flex-order: 0;
            order: 0;
  }
}
.section--book-a-demo .paragraph {
  padding-bottom: 0;
}

.form-box-blue .hs-button.primary.large {
  background-color: #6BBBCC;
  color: white;
  border: 1px solid #6BBBCC;
  border-radius: 4px;
}
.form-box-blue .hs-button.primary.large:hover {
  background-color: #5cb4c7;
  color: white;
  border: 1px solid #5cb4c7;
}
.form-box-blue .hs-button.primary.large:focus {
  background-color: #5cb4c7 !important;
  outline-color: transparent;
}
.form-box-blue:before {
  background-color: #6BBBCC;
}

.form-box-corehr .hs-button.primary.large {
  background-color: #55C5CB;
  color: white;
  border: 1px solid #55C5CB;
  border-radius: 4px;
}
.form-box-corehr .hs-button.primary.large:hover {
  background-color: #45c0c6;
  color: white;
  border: 1px solid #45c0c6;
}
.form-box-corehr .hs-button.primary.large:focus {
  background-color: #45c0c6 !important;
  outline-color: transparent;
}
.form-box-corehr:before {
  background-color: #55C5CB;
}

.section--featured-text h2 {
  color: #5A6973;
  font-size: 28px;
  line-height: 34px;
  font-weight: 400;
}
@media screen and (max-width: 1075px) {
  .section--featured-text h2.section-title {
    text-align: center !important;
    padding-top: 20px;
    margin-bottom: 0;
    font-size: 22px;
    line-height: 28px;
  }
}
.section--featured-text h2 strong {
  font-weight: 600;
}

.section-product-subtitle {
  color: #BEBCB9;
  text-transform: uppercase;
  letter-spacing: 1px;
  font-size: 12px;
  line-height: 14px;
}

.learn-more .btn, .learn-more .hs-button {
  display: inline-block;
  margin: 0 5px 10px 0;
}

@media screen and (max-width: 1075px) {
  .mobile-order-reverse .section-col {
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
  }
  .mobile-order-reverse .section-col + .section-col {
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
  }
}
.chat-messages img {
  -webkit-transition-duration: 1s; /* Safari */
  transition-duration: 1s;
  opacity: 1;
  -webkit-transform: translateY(0) scale(1);
  transform: translateY(0) scale(1);
  -webkit-transition: all 1s ease 0s, -webkit-transform 0.8s cubic-bezier(0.6, 0.2, 0.1, 1) 0s, opacity 0.8s cubic-bezier(0.6, 0.2, 0.1, 1) 0s;
  -webkit-transition: all 1s ease 0s, opacity 0.8s cubic-bezier(0.6, 0.2, 0.1, 1) 0s, -webkit-transform 0.8s cubic-bezier(0.6, 0.2, 0.1, 1) 0s;
  transition: all 1s ease 0s, opacity 0.8s cubic-bezier(0.6, 0.2, 0.1, 1) 0s, -webkit-transform 0.8s cubic-bezier(0.6, 0.2, 0.1, 1) 0s;
  transition: all 1s ease 0s, transform 0.8s cubic-bezier(0.6, 0.2, 0.1, 1) 0s, opacity 0.8s cubic-bezier(0.6, 0.2, 0.1, 1) 0s;
  transition: all 1s ease 0s, transform 0.8s cubic-bezier(0.6, 0.2, 0.1, 1) 0s, opacity 0.8s cubic-bezier(0.6, 0.2, 0.1, 1) 0s, -webkit-transform 0.8s cubic-bezier(0.6, 0.2, 0.1, 1) 0s;
}
.chat-messages img:nth-child(2) {
  -webkit-transition-duration: 2s; /* Safari */
  transition-duration: 2s;
}
.chat-messages img:nth-child(3) {
  -webkit-transition-duration: 3s; /* Safari */
  transition-duration: 3s;
}
.chat-messages img:nth-child(4) {
  -webkit-transition-duration: 4s; /* Safari */
  transition-duration: 4s;
}
.chat-messages img:nth-child(5) {
  -webkit-transition-duration: 5s; /* Safari */
  transition-duration: 5s;
}

.careers-module-group {
  margin-top: 40px;
}

.career-details {
  padding-right: 20px;
}

.home .body-container-wrapper .career-details p,
.career-details p,
.career-details .paragraph {
  padding-bottom: 27px !important;
}

.engagement-trial.iframe-container {
  position: relative;
  min-height: 980px;
  overflow: hidden;
}
.engagement-trial.iframe-container iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: none;
}

.home .body-container-wrapper .rich-text,
.rich-text {
  padding: 40px 0px;
}
@media screen and (max-width: 1075px) {
  .home .body-container-wrapper .rich-text,
.rich-text {
    padding: 40px 20px;
  }
}
.home .body-container-wrapper .rich-text h2,
.home .body-container-wrapper .rich-text h3,
.home .body-container-wrapper .rich-text h4,
.rich-text h2,
.rich-text h3,
.rich-text h4 {
  margin: 0;
  padding: 16px 0 16px 0;
}
.home .body-container-wrapper .rich-text p,
.rich-text p,
.rich-text .paragraph {
  margin: 0;
  padding: 0 0 16px 0;
}
.home .body-container-wrapper .rich-text ul, .home .body-container-wrapper .rich-text ol,
.rich-text ul,
.rich-text ol {
  margin: 0;
  padding: 0 0 16px 36px;
}

.hero.hero--wotc {
  height: 600px;
  color: #434f57;
  background-color: #F8FCFF;
  position: relative;
  z-index: 1;
  overflow: hidden;
}
@media only screen and (max-width: 1074px ) {
  .hero.hero--wotc {
    padding-bottom: 430px;
    height: auto;
  }
}
@media only screen and (max-width: 1074px ) {
  .hero.hero--wotc .hero-content {
    margin-top: 0;
  }
}
.hero.hero--wotc .hero-product {
  position: relative;
  z-index: 1;
}
.hero.hero--wotc .hero-title {
  max-width: 550px;
  position: relative;
  z-index: 1;
}
.hero.hero--wotc .hero-form {
  width: 350px;
  position: relative;
  z-index: 102;
}
@media only screen and (max-width: 1074px ) {
  .hero.hero--wotc .hero-form {
    height: auto;
  }
}
.hero.hero--wotc .hero-form .hs-input {
  height: auto !important;
}
.hero.hero--wotc--us {
  height: 675px;
}
@media only screen and (max-width: 1074px ) {
  .hero.hero--wotc--us {
    height: auto !important;
  }
}

.wotc-hero-image-section {
  position: absolute;
  right: -20px;
  top: 70px;
  bottom: 0;
  z-index: 1;
  width: 58%;
  overflow: hidden;
  text-align: center;
}
@media only screen and (max-width: 1074px ) {
  .wotc-hero-image-section {
    top: auto;
    bottom: -20px;
    width: 100%;
  }
}
.wotc-hero-image-section img {
  max-width: none;
}
@media only screen and (max-width: 1074px ) {
  .wotc-hero-image-section img {
    width: auto;
    height: 400px;
  }
}

@media only screen and (min-width: 768px ) {
  .content-block.wotc-page-custom-first-section {
    padding: 200px 0 0 0;
    margin-top: -40px;
  }
}
@media only screen and (min-width: 768px ) {
  .content-block.wotc-page-custom-second-section {
    padding: 120px 0 0 0;
  }
}
@media only screen and (min-width: 768px ) {
  .content-block.wotc-page-custom-third-section {
    padding: 60px 0 0 0;
  }
}

.content-block__dropout-image.image-wotc-bottom-line-growth {
  height: 420px;
  margin-left: 45px;
}
.content-block__dropout-image.image-wotc-bottom-line-growth:after {
  content: "";
  position: absolute;
  background: url("https://www.hrcloud.com/hubfs/assets/wotc-page/wotc-bottom-line-growth.png") no-repeat left bottom;
  background-size: 100% auto;
  width: 860px;
  height: 620px;
  top: -200px;
  left: 0;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min--moz-device-pixel-ratio: 1.5), only screen and (-o-min-device-pixel-ratio: 3/2), only screen and (min-device-pixel-ratio: 1.5) {
  .content-block__dropout-image.image-wotc-bottom-line-growth:after {
    background-image: url("https://www.hrcloud.com/hubfs/assets/wotc-page/wotc-bottom-line-growth@2x.png");
  }
}
@media only screen and (max-width: 1074px ) {
  .content-block__dropout-image.image-wotc-bottom-line-growth:after {
    background-position: center left;
    height: 100%;
    background-size: auto 250px;
    top: 0;
    bottom: 0;
    right: auto;
    left: 50%;
    margin-left: -60px;
    margin-left: -70px;
  }
}
.content-block__dropout-image.image-finding-money-from-wotc {
  height: 500px;
  margin-right: 75px;
}
.content-block__dropout-image.image-finding-money-from-wotc:after {
  content: "";
  position: absolute;
  background: url("https://www.hrcloud.com/hubfs/assets/wotc-page/finding-money-from-wotc.png") no-repeat right center;
  background-size: 100% auto;
  width: 983px;
  height: 575px;
  top: -120px;
  right: 0;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min--moz-device-pixel-ratio: 1.5), only screen and (-o-min-device-pixel-ratio: 3/2), only screen and (min-device-pixel-ratio: 1.5) {
  .content-block__dropout-image.image-finding-money-from-wotc:after {
    background-image: url("https://www.hrcloud.com/hubfs/assets/wotc-page/finding-money-from-wotc@2x.png");
  }
}
@media only screen and (max-width: 1074px ) {
  .content-block__dropout-image.image-finding-money-from-wotc:after {
    background-position: center right;
    height: 100%;
    background-size: auto 250px;
    top: 0;
    bottom: 0;
    left: auto;
    right: 50%;
    margin-right: -60px;
  }
}
.content-block__dropout-image.image-wotc-cost-savings-calculator {
  height: 400px;
}
.content-block__dropout-image.image-wotc-cost-savings-calculator:after {
  content: "";
  position: absolute;
  background: url("https://www.hrcloud.com/hubfs/assets/wotc-page/wotc-cost-savings-calculator.png") no-repeat center;
  background-size: 100% auto;
  width: 1008px;
  height: 454px;
  top: -60px;
  left: 0;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min--moz-device-pixel-ratio: 1.5), only screen and (-o-min-device-pixel-ratio: 3/2), only screen and (min-device-pixel-ratio: 1.5) {
  .content-block__dropout-image.image-wotc-cost-savings-calculator:after {
    background-image: url("https://www.hrcloud.com/hubfs/assets/wotc-page/wotc-cost-savings-calculator@2x.png");
  }
}
@media only screen and (max-width: 1074px ) {
  .content-block__dropout-image.image-wotc-cost-savings-calculator:after {
    background-position: center left;
    height: 100%;
    background-size: auto 250px;
    top: 0;
    bottom: 0;
    right: auto;
    left: 50%;
    margin-left: -60px;
    margin-left: -100px;
  }
}

/* Integrations page*/
@media screen and (min-width: 1408px) {
  .integrations-page .container {
    max-width: 950px;
  }
}

.api-integrations {
  margin-top: 110px;
  background: #fffbf2;
  height: 350px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.api-integrations h3 {
  text-align: center;
  font-size: 35px;
  line-height: 40px;
  letter-spacing: 0.2px;
  margin-bottom: 15px;
}
.api-integrations p, .api-integrations .paragraph {
  text-align: center;
}
@media screen and (max-width: 1075px) {
  .api-integrations {
    height: auto;
    padding: 50px 10px;
    margin-top: 70px;
  }
  .api-integrations h3 {
    font-size: 26px;
  }
}

.api-integrations__buttons {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.api-integrations__buttons .btn, .api-integrations__buttons .hs-button {
  background-color: transparent;
  color: #ff6d00;
  border: 1px solid #ff6d00;
  border-radius: 4px;
  padding: 15px 15px;
  margin: 25px;
  width: 200px;
}
.api-integrations__buttons .btn:hover, .api-integrations__buttons .hs-button:hover {
  background-color: rgba(0, 0, 0, 0);
  color: #ff6d00;
  border: 1px solid #eb6400;
}
.api-integrations__buttons .btn:focus, .api-integrations__buttons .hs-button:focus {
  background-color: rgba(0, 0, 0, 0) !important;
  outline-color: transparent;
}
.api-integrations__buttons .btn:hover, .api-integrations__buttons .hs-button:hover {
  -webkit-box-shadow: inset 0 0 0 1px #ff6d00;
          box-shadow: inset 0 0 0 1px #ff6d00;
}
@media screen and (max-width: 1075px) {
  .api-integrations__buttons {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .api-integrations__buttons .btn, .api-integrations__buttons .hs-button {
    margin: 10px;
  }
}

@media screen and (max-width: 1408px) {
  .container--offsite {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    max-width: initial;
  }
}
.banner--careers {
  background-color: #55C5CB;
  background-image: url("https://www.hrcloud.com/hubfs/assets/careers/careers-hero.png");
  background-size: cover;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
  .banner--careers {
    background-color: #55C5CB;
    background-image: url("https://www.hrcloud.com/hubfs/assets/careers/careers-hero-2x.png");
    background-size: cover;
  }
}

.banner--text-only {
  border-bottom: 1px solid #e8e7e6;
  border-top: 1px solid #e8e7e6;
  background-color: rgb(250, 249, 248);
  background-image: url("https://www.hrcloud.com/hubfs/assets/careers/careers-hero.png");
  background-size: cover;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
  .banner--text-only {
    background-color: rgb(250, 249, 248);
    background-image: url("https://www.hrcloud.com/hubfs/assets/careers/careers-hero-2x.png");
    background-size: cover;
  }
}

.banner--industry-verticals {
  background-color: #597e86;
  background-image: url("https://www.hrcloud.com/hubfs/assets/industry-verticals/industry-verticals-hero.jpg");
  background-size: cover;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
  .banner--industry-verticals {
    background-color: #597e86;
    background-image: url("https://www.hrcloud.com/hubfs/assets/industry-verticals/industry-verticals-hero-2x.jpg");
    background-size: cover;
  }
}

.integrations-banner.banner .banner-content h1 {
  font-size: 45px;
  font-weight: 400;
  word-spacing: 2px;
  padding-bottom: 10px;
}

.banner .page-subtitle {
  font-size: 20px;
  font-weight: 400;
  line-height: 32px;
  margin: 0 auto;
  text-align: center;
  color: white;
  padding-bottom: 12px;
}

.banner--text-only .page-subtitle {
  color: #434f57;
}

.section-integrations {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 0;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
}
.section-integrations .main-content {
  padding-top: 0;
}
@media screen and (max-width: 550px) {
  .section-integrations {
    display: block;
    width: 100%;
    margin: 0;
    padding: 0 !important;
  }
}

.banner--integrations {
  min-height: 330px;
  padding: 75px 0;
}
@media screen and (max-width: 950px) {
  .banner--integrations {
    padding-bottom: 0px;
  }
}
.banner--integrations .section-col--content {
  -webkit-box-flex: 2;
      -ms-flex: 2;
          flex: 2;
}
@media screen and (max-width: 950px) {
  .banner--integrations .section-col--content {
    text-align: center;
  }
}
.banner--integrations .page-title {
  padding: 0;
  margin-bottom: 10px;
  font-size: 38px;
  line-height: 72px;
  font-weight: 600;
}
@media screen and (max-width: 950px) {
  .banner--integrations .page-title {
    font-size: 36px;
    line-height: 49px;
    margin-bottom: 10px;
  }
}
.banner--integrations .page-subtitle {
  margin-bottom: 20px;
  text-align: left;
  font-size: 20px;
  line-height: 32px;
  max-width: 530px;
  margin-left: 0;
}
@media screen and (max-width: 950px) {
  .banner--integrations .page-subtitle {
    font-size: 17px;
    line-height: 30px;
    text-align: center;
    margin-bottom: 10px;
  }
}
.banner--integrations .hero-cta a:first-child, .banner--integrations .hero-cta .link:first-child {
  margin: 25px 16px 16px 16px;
}
.banner--integrations .banner-image {
  position: absolute;
  width: 540px;
  top: 85px;
}
@media screen and (max-width: 1075px) {
  .banner--integrations .banner-image {
    position: relative;
    height: 100%;
    width: 100%;
    top: 0;
  }
}
.banner--integrations .banner-image img {
  position: absolute;
}
@media screen and (max-width: 1075px) {
  .banner--integrations .banner-image img {
    position: relative;
    margin: 0 auto -68px auto;
  }
}

.sidebar {
  width: 200px;
  min-width: 200px;
  padding-top: 78px;
  position: relative;
}
@media screen and (max-width: 1408px) {
  .sidebar {
    margin-right: 48px;
  }
}

@media screen and (min-width: 1408px) {
  .sidebar--offsite {
    position: absolute;
    margin-left: -250px;
  }
}

.sidebar-title {
  font-size: 18px;
  font-weight: 600;
  padding-left: 20px;
  text-transform: uppercase;
  letter-spacing: 1px;
  margin-top: 40px;
  margin-bottom: 30px;
}
.sidebar-title:first-child {
  margin-top: 0;
}

.sidebar-nav {
  padding: 0;
  margin: 0;
  list-style-type: none;
  width: 215px;
}

.sidebar-nav.affix {
  position: fixed !important;
  top: 132px;
}

.sidebar-item {
  display: block;
  text-align: left;
  padding: 8px 10px 8px 20px;
  line-height: 1.5;
  border-right: 5px solid transparent;
  background: transparent;
  -webkit-transition: all 0.35s ease-in-out;
  transition: all 0.35s ease-in-out;
  letter-spacing: 0.2px;
}
.sidebar-item:last-child {
  margin-top: 30px;
}

.sidebar-item.active {
  background-color: #ff6d00;
  -webkit-box-shadow: 0px 1px 7px 3px #ddd;
          box-shadow: 0px 1px 7px 3px #ddd;
  border-radius: 5px;
}
.sidebar-item.active a, .sidebar-item.active .link {
  color: white;
}

.sidebar-link {
  font-size: 17px;
}

.sidebar-link.highlight:link,
.sidebar-link.highlight:visited {
  color: #54c3ca;
  font-weight: 600;
}

.main-content {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  padding: 30px 0 100px;
}

.integration-section-name {
  font-size: 29px;
  font-weight: 600;
  padding-top: 72px;
  text-align: left;
  line-height: 1.4;
  letter-spacing: 0.2px;
  margin: 0 0 5px 4px;
}

.integrations {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.integrations div:nth-child(even) .integration {
  margin: 34px 0 0 0;
}
@media screen and (max-width: 550px) {
  .integrations .color-integrations:first-child .integration-description {
    margin-bottom: 20px;
  }
}
@media screen and (max-width: 550px) {
  .integrations {
    display: block;
    width: 100%;
    margin: 0 0 20px 0;
  }
  .integrations > div {
    width: 100%;
  }
  .integrations > div .integration {
    width: 100%;
  }
}

.section--industry-verticals .integration .integration-content {
  min-height: 360px;
}

.integration {
  width: 447px;
  margin: 34px 45px 0 0;
  position: relative;
}
.integration .integration-content {
  width: 100%;
  -webkit-box-shadow: 0px 2px 10px 0px rgba(144, 138, 138, 0.52);
          box-shadow: 0px 2px 10px 0px rgba(144, 138, 138, 0.52);
  padding: 24px 24px 24px 32px;
  border-top: 4px solid transparent;
  min-height: 260px;
}
.integration .integration-cta {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  opacity: 0;
  -webkit-transition: all 120ms ease-in-out;
  transition: all 120ms ease-in-out;
}
.integration .integration-cta a::before, .integration .integration-cta .link::before {
  position: absolute;
  top: -218px;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1;
  pointer-events: auto;
  content: "";
}
@media screen and (max-width: 1025px) {
  .integration .integration-cta {
    opacity: 1;
    display: block;
  }
}
@media screen and (min-width: 1075px) {
  .integration:hover {
    cursor: pointer;
  }
  .integration:hover .integration-content {
    -webkit-transform: translateY(-15px);
            transform: translateY(-15px);
    -webkit-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.22);
            box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.22);
    -webkit-transition: all 120ms ease-in-out;
    transition: all 120ms ease-in-out;
  }
  .integration:hover .integration-cta {
    opacity: 1;
    -webkit-transition: all 120ms ease-in-out;
    transition: all 120ms ease-in-out;
  }
  .integration.non-clickable:hover {
    cursor: default;
  }
  .integration.non-clickable:hover .integration-content {
    -webkit-transform: translateY(0px);
            transform: translateY(0px);
    -webkit-box-shadow: 0px 2px 10px 0px rgba(144, 138, 138, 0.52);
            box-shadow: 0px 2px 10px 0px rgba(144, 138, 138, 0.52);
  }
}
@media screen and (max-width: 550px) {
  .integration {
    width: 100%;
  }
}

.integration-title-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 10px;
}

.integration-name {
  font-size: 26px;
  font-weight: 600;
  color: #393c44;
  line-height: 1.5;
  width: calc(100% - 80px);
  text-align: left;
}
@media screen and (max-width: 550px) {
  .integration-name {
    font-size: 22px;
    line-height: 140%;
  }
}

.integration-name a, .integration-name .link,
.integration-name a:link,
.integration-name a:visited {
  color: #393c44;
}

.integration-name a:hover, .integration-name .link:hover,
.integration-name a:active,
.integration-name .link:active {
  color: #ef5911;
}

.integration-description {
  width: 335px;
  line-height: 1.5;
  font-size: 16px;
  color: #393c44;
  text-align: left;
}

@media screen and (max-width: 750px) {
  .sidebar {
    display: none;
  }
  .integrations {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  .integration {
    margin-right: 0;
  }
  .integration .integration-content {
    min-height: initial !important;
  }
  .banner-content {
    padding: 20px 0;
    width: 100%;
  }
}
@media screen and (max-width: 550px) {
  .main-content {
    padding: 20px;
  }
  .integration {
    width: 100%;
  }
  .integration .integration-content {
    min-height: initial !important;
  }
  .integration-description {
    width: 100%;
  }
}
/* END Integrations page*/
.integrations-banner .btn, .integrations-banner .hs-button {
  background-color: transparent;
  color: white;
  border: 1px solid white;
  border-radius: 4px;
  font-size: 16px;
  padding: 10px 15px;
  -webkit-transition: all 0.2s linear;
  transition: all 0.2s linear;
  margin: 20px auto 0;
  display: inline-block;
}

.integrations-banner .btn:hover, .integrations-banner .hs-button:hover {
  background-color: transparent;
  color: white;
  border: 1px solid #ebebeb;
}

.integrations-banner .btn:focus, .integrations-banner .hs-button:focus {
  background-color: transparent !important;
  outline-color: transparent;
}

.text-left {
  text-align: left !important;
}
.text-left > * {
  text-align: left !important;
}

.color-integrations.color--adp .integration-content {
  border-top-color: #dc1e32;
}
.color-integrations.color--adp .integration-content .integration-logo {
  background-color: #dc1e32;
}
.color-integrations.color--qb .integration-content {
  border-top-color: #30A01C;
}
.color-integrations.color--qb .integration-content .integration-logo {
  background-color: #30A01C;
}
.color-integrations.color--ultipro .integration-content {
  border-top-color: #509E2F;
}
.color-integrations.color--ultipro .integration-content .integration-logo {
  background-color: #509E2F;
}
.color-integrations.color--redorange .integration-content {
  border-top-color: #F05B2B;
}
.color-integrations.color--redorange .integration-content .integration-logo {
  background-color: #F05B2B;
}
.color-integrations.color--okta .integration-content {
  border-top-color: #007dc1;
}
.color-integrations.color--okta .integration-content .integration-logo {
  background-color: #007dc1;
}
.color-integrations.color--onelogin .integration-content {
  border-top-color: #1c1e2a;
}
.color-integrations.color--onelogin .integration-content .integration-logo {
  background-color: #1c1e2a;
}
.color-integrations.color--checkr .integration-content {
  border-top-color: #0753a9;
}
.color-integrations.color--checkr .integration-content .integration-logo {
  background-color: #0753a9;
}
.color-integrations.color--esr .integration-content {
  border-top-color: #F6971C;
}
.color-integrations.color--esr .integration-content .integration-logo {
  background-color: #F6971C;
}
.color-integrations.color--green .integration-content {
  border-top-color: #6bc04b;
}
.color-integrations.color--green .integration-content .integration-logo {
  background-color: #6bc04b;
}
.color-integrations.color--lightblue .integration-content {
  border-top-color: #48a6fc;
}
.color-integrations.color--lightblue .integration-content .integration-logo {
  background-color: #48a6fc;
}
.color-integrations.color--gray .integration-content {
  border-top-color: #ddd;
}
.color-integrations.color--gray .integration-content .integration-logo {
  background-color: #ddd;
}
.color-integrations.color--mintgreen .integration-content {
  border-top-color: #38b2a7;
}
.color-integrations.color--mintgreen .integration-content .integration-logo {
  background-color: #38b2a7;
}
.color-integrations.color--basicblue .integration-content {
  border-top-color: #4070b6;
}
.color-integrations.color--basicblue .integration-content .integration-logo {
  background-color: #4070b6;
}
.color-integrations.color--purple .integration-content {
  border-top-color: #7F2D7F;
}
.color-integrations.color--purple .integration-content .integration-logo {
  background-color: #7F2D7F;
}
.color-integrations.color--workable .integration-content {
  border-top-color: #38B2A7;
}
.color-integrations.color--workable .integration-content .integration-logo {
  background-color: #38B2A7;
}
.color-integrations.color--talent .integration-content {
  border-top-color: #E61D6E;
}
.color-integrations.color--talent .integration-content .integration-logo {
  background-color: #E61D6E;
}
.color-integrations.color--indeed .integration-content {
  border-top-color: #2964F3;
}
.color-integrations.color--indeed .integration-content .integration-logo {
  background-color: #2964F3;
}
.color-integrations.color--zip .integration-content {
  border-top-color: #C3EA33;
}
.color-integrations.color--zip .integration-content .integration-logo {
  background-color: #C3EA33;
}
.color-integrations.color--tsheets .integration-content {
  border-top-color: #F0232C;
}
.color-integrations.color--tsheets .integration-content .integration-logo {
  background-color: #F0232C;
}
.color-integrations.color--yellow .integration-content {
  border-top-color: #ffcd41;
}
.color-integrations.color--yellow .integration-content .integration-logo {
  background-color: #ffcd41;
}
.color-integrations.color--red .integration-content {
  border-top-color: #d83b01;
}
.color-integrations.color--red .integration-content .integration-logo {
  background-color: #d83b01;
}
.color-integrations.color--yammer .integration-content {
  border-top-color: #0092bd;
}
.color-integrations.color--yammer .integration-content .integration-logo {
  background-color: #0092bd;
}
.color-integrations.color--linkedin .integration-content {
  border-top-color: #0274b3;
}
.color-integrations.color--linkedin .integration-content .integration-logo {
  background-color: #0274b3;
}
.color-integrations.color--calendar .integration-content {
  border-top-color: #4688f4;
}
.color-integrations.color--calendar .integration-content .integration-logo {
  background-color: #4688f4;
}
.color-integrations.color--slack .integration-content {
  border-top-color: #e6186e;
}
.color-integrations.color--slack .integration-content .integration-logo {
  background-color: #e6186e;
}
.color-integrations.color--caregiver .integration-content {
  border-top-color: #be6dbe;
}
.color-integrations.color--caregiver .integration-content .integration-logo {
  background-color: #be6dbe;
}
.color-integrations.color--perform .integration-content {
  border-top-color: #af74af;
}
.color-integrations.color--perform .integration-content .integration-logo {
  background-color: #af74af;
}
.color-integrations .integration-logo {
  background-color: transparent !important;
}

.integration-logo {
  width: 80px;
  height: 80px;
  border-radius: 50%;
  background-color: #54C3CA;
  -webkit-box-shadow: 0px 2px 10px 0px rgba(144, 138, 138, 0.52);
          box-shadow: 0px 2px 10px 0px rgba(144, 138, 138, 0.52);
  overflow: hidden;
  background-position: center;
}
@media screen and (max-width: 550px) {
  .integration-logo {
    width: 48px;
    height: 48px;
    background-size: 70px;
  }
}

.color-verticals.color--hospitality .integration-content {
  border-top-color: #54C3CA;
}
.color-verticals.color--hospitality .integration-content .integration-logo {
  background-color: #54C3CA;
}
.color-verticals.color--health-care .integration-content {
  border-top-color: #FF2B00;
}
.color-verticals.color--health-care .integration-content .integration-logo {
  background-color: #FF2B00;
}
.color-verticals.color--restaurants .integration-content {
  border-top-color: #FCB146;
}
.color-verticals.color--restaurants .integration-content .integration-logo {
  background-color: #FCB146;
}
.color-verticals.color--retail .integration-content {
  border-top-color: #5A6973;
}
.color-verticals.color--retail .integration-content .integration-logo {
  background-color: #5A6973;
}
.color-verticals.color--technology .integration-content {
  border-top-color: #54C3CA;
}
.color-verticals.color--technology .integration-content .integration-logo {
  background-color: #54C3CA;
}
.color-verticals.color--financial-services .integration-content {
  border-top-color: #B1D323;
}
.color-verticals.color--financial-services .integration-content .integration-logo {
  background-color: #B1D323;
}
.color-verticals.color--staffing .integration-content {
  border-top-color: #54C3CA;
}
.color-verticals.color--staffing .integration-content .integration-logo {
  background-color: #54C3CA;
}
.color-verticals.color--skilled-labor .integration-content {
  border-top-color: #FCB146;
}
.color-verticals.color--skilled-labor .integration-content .integration-logo {
  background-color: #FCB146;
}
.color-verticals.color--small-business .integration-content {
  border-top-color: #5A6973;
}
.color-verticals.color--small-business .integration-content .integration-logo {
  background-color: #5A6973;
}
.color-verticals.color--enterprise .integration-content {
  border-top-color: #B1D323;
}
.color-verticals.color--enterprise .integration-content .integration-logo {
  background-color: #B1D323;
}
.color-verticals.color--startup .integration-content {
  border-top-color: #FF2B00;
}
.color-verticals.color--startup .integration-content .integration-logo {
  background-color: #FF2B00;
}
.color-verticals.color--non-profit .integration-content {
  border-top-color: #54C3CA;
}
.color-verticals.color--non-profit .integration-content .integration-logo {
  background-color: #54C3CA;
}

.hs_industry_vertical.field.hs-form-field {
  display: none;
}

.grey-box-job {
  position: relative;
}
.grey-box-job .mobile-link {
  display: block;
  width: 100%;
  height: 100%;
  cursor: pointer;
  position: absolute;
  top: 0;
  left: 0;
}

@media screen and (max-width: 1075px) {
  .careers-list {
    padding-left: 16px;
    padding-right: 16px;
  }
}

.sidebar-form-box-content {
  padding-left: 10px;
}
.sidebar-form-box-content .actions {
  padding-right: 10px;
}

.white-paper-img img {
  max-width: 80%;
}

.social-icons {
  padding-top: 24px !important;
}
.social-icons a:link, .social-icons .link:link,
.social-icons a:visited,
.social-icons .link:visited {
  text-decoration: none;
  color: #434f57;
}
.social-icons a:hover, .social-icons .link:hover,
.social-icons a:active,
.social-icons .link:active {
  color: #55C5CB;
}

.white-paper-download .wp-title {
  margin-bottom: 24px;
  padding: 16px 0 16px 0;
}
.white-paper-download .call-to-action {
  padding-top: 24px;
}

.half-width {
  width: 50%;
}
@media screen and (max-width: 550px) {
  .half-width {
    width: 100%;
  }
}

.blog .section.post-body {
  padding-left: 0;
  padding-right: 0;
}

.blog .section.post-header {
  padding-left: 0;
  padding-right: 0;
}

.blog .post-header a, .blog .post-header .link {
  font-size: 28px;
}

.blog .post-header a, .blog .post-header .link {
  font-size: 28px;
}

.blog .byline a, .blog .byline .link {
  font-size: 14px;
}

.blog .post-body p,
.blog .post-body .paragraph {
  padding-right: 0;
  padding-bottom: 0;
}

.blog .post-item a.more-link, .blog .post-item .more-link.link {
  color: #ffffff;
}

.blog .blog-pagination a, .blog .blog-pagination .link {
  color: #ffffff;
}

@media screen and (max-width: 1075px) {
  .roi-calculator__main-content {
    padding: 40px 0;
  }
}
.roi-calculator__main-content .section {
  padding: 0;
}
.roi-calculator__main-content .section:first-child {
  background-image: url(https://549864.fs1.hubspotusercontent-na1.net/hubfs/549864/assets/roi-calculator/hero-roi@2x.png);
  background-size: cover;
  background-repeat: no-repeat;
}
@media screen and (max-width: 1075px) {
  .roi-calculator__main-content .section {
    padding-left: 23px !important;
    padding-right: 23px !important;
    padding-top: 40px;
  }
}
.roi-calculator__main-content h1 {
  color: #fff;
  font-size: 34px;
  font-weight: 600;
  letter-spacing: 0.5px;
  line-height: 44px;
  padding-bottom: 30px;
}
@media screen and (max-width: 1075px) {
  .roi-calculator__main-content h1 {
    font-size: 30px;
  }
}
.roi-calculator__main-content p, .roi-calculator__main-content .paragraph {
  padding-right: 0;
}
.roi-calculator__main-content .rich-text {
  color: #fff;
}
.roi-calculator__main-content .rich-text p, .roi-calculator__main-content .rich-text .paragraph {
  max-width: 390px;
}
@media screen and (min-width: 950px) {
  .roi-calculator__main-content .rich-text p, .roi-calculator__main-content .rich-text .paragraph {
    margin-right: 92px !important;
  }
}
@media screen and (min-width: 1075px) {
  .roi-calculator__main-content .rich-text {
    padding-top: 100px;
  }
}
@media screen and (max-width: 1075px) {
  .roi-calculator__main-content .rich-text {
    padding: 40px 0;
    text-align: center;
  }
}
@media screen and (max-width: 950px) {
  .roi-calculator__main-content .half-width {
    max-width: 450px;
    width: 100%;
  }
}
@media screen and (max-width: 450px) {
  .roi-calculator__main-content .half-width {
    max-width: 100%;
    width: 100%;
  }
}

.form-box__roi-calculator {
  -webkit-box-shadow: 1px 4px 8px 0 rgba(0, 0, 0, 0.16), 0 2px 8px 0 rgba(0, 0, 0, 0.08);
          box-shadow: 1px 4px 8px 0 rgba(0, 0, 0, 0.16), 0 2px 8px 0 rgba(0, 0, 0, 0.08);
  width: 100%;
  border-radius: 5px;
}
.form-box__roi-calculator:before {
  display: none;
}
.form-box__roi-calculator .form-guide {
  color: #A5ADB3 !important;
}
.form-box__roi-calculator .form-guide .asterisk {
  color: #E15A64 !important;
}
@media screen and (min-width: 950px) {
  .form-box__roi-calculator {
    width: 455px;
    padding: 50px !important;
  }
}
.form-box__roi-calculator .form-box-content {
  font-size: 16px;
  line-height: 23px;
  color: #434F57;
  margin-bottom: 22px;
}
.form-box__roi-calculator label {
  font-size: 16px;
  font-weight: 500;
}
.form-box__roi-calculator label .hs-form-required {
  color: #E15A64 !important;
}
.form-box__roi-calculator .hs-form-field legend {
  display: none !important;
}
.form-box__roi-calculator .input .error {
  background: white !important;
  border-color: #E15A64 !important;
}

.roi-calculator {
  padding: 60px;
  background: white;
  margin-top: 75px;
  margin-bottom: -55px;
}
@media screen and (max-width: 950px) {
  .roi-calculator {
    padding: 30px 20px;
    margin-top: 0;
  }
}
.roi-calculator .ui-widget-content {
  background: #54C3CA;
  border: none;
  border-radius: 5px;
  height: 8px;
}
.roi-calculator .ui-slider-handle {
  background: white !important;
  border: none !important;
  border-radius: 50%;
  height: 16px;
  width: 16px;
  top: -4px;
  -webkit-box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.2);
          box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.2);
  outline: none;
}
.roi-calculator .ui-widget-header {
  background: #EEF0F1;
}
.roi-calculator input[type=number]::-webkit-inner-spin-button, .roi-calculator [type=number].hs-input::-webkit-inner-spin-button,
.roi-calculator input[type=number]::-webkit-outer-spin-button,
.roi-calculator [type=number].hs-input::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
.roi-calculator .actions {
  margin-top: 40px;
}
.roi-calculator .actions .hs-button {
  font-size: 18px !important;
  background: #f7b585;
}
.roi-calculator.active .roi-calculator__item .roi-calculator__item-value .roi-calculator__item-number {
  color: #54C3CA;
}
.roi-calculator.active .roi-calculator__turnover .roi-calculator__item-input, .roi-calculator.active .roi-calculator__turnover .roi-calculator__item-extra {
  color: #54C3CA;
}
.roi-calculator.active .actions .hs-button {
  background: #ff6d00 !important;
}

.roi-calculator__item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.roi-calculator__item .roi-calculator__item-title {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.roi-calculator__item .roi-calculator__item-title p, .roi-calculator__item .roi-calculator__item-title .paragraph {
  font-weight: 600;
  line-height: 32px;
}
.roi-calculator__item .roi-calculator__item-value {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.roi-calculator__item .roi-calculator__item-value .roi-calculator__item-number {
  width: 90px;
  display: inline-block;
  font-size: 18px;
  color: #aaa;
  text-align: center;
  font-weight: 600;
  padding: 4px !important;
}
.roi-calculator__item .roi-calculator__item-value span {
  display: inline-block;
  font-size: 13px;
  margin-left: 5px;
  color: #838E95;
}
@media screen and (max-width: 1075px) {
  .roi-calculator__item:not(:nth-last-child(2)) .roi-calculator__item-value {
    min-width: 160px;
  }
}

.roi-calculator__sliders {
  margin-bottom: 45px;
}

.roi-calculator__turnover .roi-calculator__item-holder {
  width: 90px;
  display: inline-block;
  padding: 4px !important;
  border: 1px solid #cccccc;
  border-radius: 4px;
}
.roi-calculator__turnover .roi-calculator__item-input {
  font-size: 18px;
  color: #aaa;
  text-align: center;
  font-weight: 600;
  padding: 0 !important;
  float: left;
  border: none;
  margin: 0;
  width: 55%;
  text-align: right;
}
.roi-calculator__turnover .roi-calculator__item-extra {
  float: right;
  margin: 0 !important;
  width: 45%;
  padding-left: 4px;
  text-align: left;
  font-weight: 600;
  line-height: 22px;
}

@media screen and (min-width: 1075px) {
  .roi-calculator__turnover-rate {
    -webkit-box-flex: 4 !important;
        -ms-flex: 4 !important;
            flex: 4 !important;
  }
}
@media screen and (max-width: 1075px) {
  .roi-calculator__turnover-rate {
    -webkit-box-flex: unset !important;
        -ms-flex: unset !important;
            flex: unset !important;
  }
}

.roi-calculator__middle {
  -webkit-box-flex: 2;
      -ms-flex: 2;
          flex: 2;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-item-align: center;
      align-self: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  font-size: 13px;
  color: #838E95;
  margin-bottom: -35px;
  padding-right: 15px;
}

.roi-calculator__replaced-turnovers .roi-calculator__item-value {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.roi-calculator__replaced-turnovers input, .roi-calculator__replaced-turnovers .hs-input {
  width: 100% !important;
  text-align: center !important;
}
@media screen and (min-width: 1075px) {
  .roi-calculator__replaced-turnovers {
    -webkit-box-flex: 6 !important;
        -ms-flex: 6 !important;
            flex: 6 !important;
  }
}
@media screen and (max-width: 1075px) {
  .roi-calculator__replaced-turnovers {
    -webkit-box-flex: unset !important;
        -ms-flex: unset !important;
            flex: unset !important;
  }
}

.roi-calculator-results {
  padding: 60px 14px;
  border-radius: 4px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  margin-top: 20px;
}
@media screen and (max-width: 950px) {
  .roi-calculator-results {
    margin-top: 20px;
    max-width: 450px;
    width: 100%;
    padding: 15px 23px 30px;
  }
}
@media screen and (max-width: 450px) {
  .roi-calculator-results {
    max-width: 100%;
    width: 100%;
  }
}

.roi-calculator-results__top {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  background-color: #54C3CA;
  width: 100%;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: 50px 0;
  margin: 150px 0 0;
}
@media screen and (max-width: 950px) {
  .roi-calculator-results__top {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    padding: 50px 20px;
  }
}
.roi-calculator-results__top form {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.roi-calculator-results__top .hs-form-field label {
  display: none;
}
.roi-calculator-results__top .hs-form-field .hs-input {
  background: transparent !important;
  border-color: #fff !important;
  height: 44px !important;
  color: #fff !important;
}
.roi-calculator-results__top .hs-form-field .hs-input::-webkit-input-placeholder {
  color: rgba(255, 255, 255, 0.76) !important;
  font-size: 16px;
}
.roi-calculator-results__top .hs-form-field .hs-input::-moz-placeholder {
  color: rgba(255, 255, 255, 0.76) !important;
  font-size: 16px;
}
.roi-calculator-results__top .hs-form-field .hs-input::-ms-input-placeholder {
  color: rgba(255, 255, 255, 0.76) !important;
  font-size: 16px;
}
.roi-calculator-results__top .hs-form-field .hs-input::placeholder {
  color: rgba(255, 255, 255, 0.76) !important;
  font-size: 16px;
}
@media screen and (max-width: 1075px) {
  .roi-calculator-results__top .hs-form-field .hs-input {
    margin-bottom: 10px;
  }
}
@media screen and (max-width: 1075px) {
  .roi-calculator-results__top .hs-email {
    margin-top: 20px;
  }
}
.roi-calculator-results__top .hs-submit .hs-button {
  color: #54C3CA;
  background-color: #fff;
}
.roi-calculator-results__top .hs-submit .hs-button:hover, .roi-calculator-results__top .hs-submit .hs-button:active, .roi-calculator-results__top .hs-submit .hs-button:focus {
  background: rgba(255, 255, 255, 0.8274509804) !important;
}
@media screen and (max-width: 1075px) {
  .roi-calculator-results__top a, .roi-calculator-results__top .link {
    margin-top: 20px;
    border: none !important;
  }
}

.roi-calculator-results__growth {
  width: 400px;
  color: white;
}
@media screen and (max-width: 950px) {
  .roi-calculator-results__growth {
    width: auto;
  }
}
.roi-calculator-results__growth p, .roi-calculator-results__growth .paragraph {
  font-size: 18px;
  font-weight: 700;
  padding-bottom: 0;
  margin-bottom: 0;
}

.roi-calculator-results__growth-percentage {
  font-size: 41px;
  font-weight: 700;
  line-height: 1;
}
.roi-calculator-results__growth-percentage span {
  font-size: 98px;
}
@media screen and (max-width: 1075px) {
  .roi-calculator-results__growth-percentage span {
    font-size: 90px;
  }
}

.roi-calculator-results__description {
  font-size: 14px;
  line-height: 21px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  text-align: center;
  width: 700px;
  margin: 0 auto;
  padding-right: 22px;
}
@media screen and (max-width: 1075px) {
  .roi-calculator-results__description {
    width: auto;
    padding: 0;
  }
}

.roi-calculator-results__actions {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-item-align: center;
      align-self: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
@media screen and (min-width: 950px) {
  .roi-calculator-results__actions {
    width: 380px;
  }
}
@media screen and (max-width: 950px) {
  .roi-calculator-results__actions {
    width: 100%;
  }
}
.roi-calculator-results__actions a, .roi-calculator-results__actions .link, .roi-calculator-results__actions button, .roi-calculator-results__actions .btn, .roi-calculator-results__actions .hs-button {
  display: block;
  width: 100%;
  border: 1px solid white;
  color: white;
  font-size: 18px;
  letter-spacing: 1px;
  text-align: center;
  border-radius: 4px;
  background: transparent;
  font-weight: 600;
}
.roi-calculator-results__actions a:last-child, .roi-calculator-results__actions .link:last-child, .roi-calculator-results__actions button:last-child, .roi-calculator-results__actions .btn:last-child, .roi-calculator-results__actions .hs-button:last-child {
  margin-bottom: 0;
}
.roi-calculator-results__actions a:hover, .roi-calculator-results__actions .link:hover, .roi-calculator-results__actions a:focus, .roi-calculator-results__actions .link:focus, .roi-calculator-results__actions a:active, .roi-calculator-results__actions .link:active, .roi-calculator-results__actions button:hover, .roi-calculator-results__actions .btn:hover, .roi-calculator-results__actions .hs-button:hover, .roi-calculator-results__actions button:focus, .roi-calculator-results__actions .btn:focus, .roi-calculator-results__actions .hs-button:focus, .roi-calculator-results__actions button:active, .roi-calculator-results__actions .btn:active, .roi-calculator-results__actions .hs-button:active {
  background: white;
  color: #54C3CA;
}
.roi-calculator-results__actions p, .roi-calculator-results__actions .paragraph {
  color: #fff;
  text-align: center;
}

.roi-calculator-results__bottom {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  width: 100%;
  margin-top: 60px;
}
@media screen and (max-width: 950px) {
  .roi-calculator-results__bottom {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    margin-top: 30px;
  }
}

.roi-calculator-results__card {
  background-color: transparent;
  -webkit-box-shadow: 0px 4px 10px 0px rgba(68, 68, 68, 0.52);
          box-shadow: 0px 4px 10px 0px rgba(68, 68, 68, 0.52);
  width: 287px;
  height: 135px;
  margin-right: 20px;
  margin-bottom: 20px;
}
.roi-calculator-results__card .roi-calculator-results__card-content {
  position: relative;
  width: 100%;
  height: 100%;
  -webkit-transition: -webkit-transform 0.8s;
  transition: -webkit-transform 0.8s;
  transition: transform 0.8s;
  transition: transform 0.8s, -webkit-transform 0.8s;
  -webkit-transform-style: preserve-3d;
          transform-style: preserve-3d;
}
.roi-calculator-results__card .roi-calculator-results__card-front, .roi-calculator-results__card .roi-calculator-results__card-back {
  position: absolute;
  width: 100%;
  height: 100%;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
  background: white;
  border-radius: 5px;
}
.roi-calculator-results__card .roi-calculator-results__card-front {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  z-index: 2;
  padding: 20px 8px 20px 20px;
}
.roi-calculator-results__card .roi-calculator-results__card-front .roi-calculator-results__card-content {
  width: 60%;
  text-align: start;
  padding-top: 5px;
}
.roi-calculator-results__card .roi-calculator-results__card-back {
  -webkit-transform: rotateY(180deg);
          transform: rotateY(180deg);
  z-index: 1;
  padding: 18px 10px 20px 10px;
}
.roi-calculator-results__card .roi-calculator-results__card-back p, .roi-calculator-results__card .roi-calculator-results__card-back .paragraph {
  color: #596872;
  font-size: 12px;
  font-weight: 500;
}
.roi-calculator-results__card:hover .roi-calculator-results__card-content, .roi-calculator-results__card:focus .roi-calculator-results__card-content {
  -webkit-transform: rotateY(180deg);
          transform: rotateY(180deg);
}
.roi-calculator-results__card:nth-child(3n) {
  margin-right: 0;
}
.roi-calculator-results__card:nth-child(n+4) {
  margin-bottom: 0;
}
@media screen and (max-width: 950px) {
  .roi-calculator-results__card:nth-child(n+4) {
    margin-bottom: 20px;
  }
}
@media screen and (max-width: 950px) {
  .roi-calculator-results__card {
    margin: 0 auto 20px;
    margin-right: auto !important;
  }
}

.roi-calculator-results__card-image {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-item-align: center;
      align-self: center;
  margin-right: 20px;
}
.roi-calculator-results__card-image img {
  margin-bottom: 0;
}
@media screen and (max-width: 1075px) {
  .roi-calculator-results__card-image {
    width: 30%;
  }
  .roi-calculator-results__card-image img {
    width: auto;
    margin-bottom: 0;
  }
}

.roi-calculator-results__card-content p, .roi-calculator-results__card-content .paragraph {
  font-size: 12px !important;
  padding: 0;
  margin: 0;
  color: #b6babd;
}
.roi-calculator-results__card-content p.small, .roi-calculator-results__card-content .small.paragraph {
  font-size: 11px !important;
}

.roi-calculator-results__card-title {
  color: #838E95;
  font-size: 12.5px;
  letter-spacing: 0.5px;
  line-height: 16px;
  font-weight: 600;
  margin-bottom: 6px;
  height: -webkit-max-content;
  height: -moz-max-content;
  height: max-content;
  padding: 0;
}

.roi-calculator-results__card-value {
  font-size: 21px;
  line-height: 1;
  font-weight: 700;
  margin-top: 2px;
}

.roi-calculator-results__card--revenue .roi-calculator-results__card-front, .roi-calculator-results__card--revenue .roi-calculator-results__card-back {
  border-top: 4px solid #8EC655;
}
.roi-calculator-results__card--revenue .roi-calculator-results__card-value {
  color: #8EC655;
}

.roi-calculator-results__card--hours .roi-calculator-results__card-front, .roi-calculator-results__card--hours .roi-calculator-results__card-back {
  border-top: 4px solid #F9CA5A;
}
.roi-calculator-results__card--hours .roi-calculator-results__card-value {
  color: #F9CA5A;
}

.roi-calculator-results__card--turnover .roi-calculator-results__card-front, .roi-calculator-results__card--turnover .roi-calculator-results__card-back {
  border-top: 4px solid #F37373;
}
.roi-calculator-results__card--turnover .roi-calculator-results__card-front p span, .roi-calculator-results__card--turnover .roi-calculator-results__card-front .paragraph span, .roi-calculator-results__card--turnover .roi-calculator-results__card-back p span, .roi-calculator-results__card--turnover .roi-calculator-results__card-back .paragraph span {
  color: #F37373;
  font-weight: 600;
}
.roi-calculator-results__card--turnover .roi-calculator-results__card-value {
  color: #F37373;
}

.roi-calculator-results__card--filing-cost .roi-calculator-results__card-front, .roi-calculator-results__card--filing-cost .roi-calculator-results__card-back {
  border-top: 4px solid #007CC4;
}
.roi-calculator-results__card--filing-cost .roi-calculator-results__card-front p span, .roi-calculator-results__card--filing-cost .roi-calculator-results__card-front .paragraph span, .roi-calculator-results__card--filing-cost .roi-calculator-results__card-back p span, .roi-calculator-results__card--filing-cost .roi-calculator-results__card-back .paragraph span {
  color: #007CC4;
  font-weight: 600;
}
.roi-calculator-results__card--filing-cost .roi-calculator-results__card-value {
  color: #007CC4;
}

.roi-calculator-results__card--compliance-risk .roi-calculator-results__card-front, .roi-calculator-results__card--compliance-risk .roi-calculator-results__card-back {
  border-top: 4px solid #C278A4;
}
.roi-calculator-results__card--compliance-risk .roi-calculator-results__card-front p span, .roi-calculator-results__card--compliance-risk .roi-calculator-results__card-front .paragraph span, .roi-calculator-results__card--compliance-risk .roi-calculator-results__card-back p span, .roi-calculator-results__card--compliance-risk .roi-calculator-results__card-back .paragraph span {
  color: #C278A4;
  font-weight: 600;
}
.roi-calculator-results__card--compliance-risk .roi-calculator-results__card-value {
  color: #C278A4;
}

.roi-calculator-results__card--file-replacement .roi-calculator-results__card-front, .roi-calculator-results__card--file-replacement .roi-calculator-results__card-back {
  border-top: 4px solid #E98825;
}
.roi-calculator-results__card--file-replacement .roi-calculator-results__card-front p span, .roi-calculator-results__card--file-replacement .roi-calculator-results__card-front .paragraph span, .roi-calculator-results__card--file-replacement .roi-calculator-results__card-back p span, .roi-calculator-results__card--file-replacement .roi-calculator-results__card-back .paragraph span {
  color: #E98825;
  font-weight: 600;
}
.roi-calculator-results__card--file-replacement .roi-calculator-results__card-value {
  color: #E98825;
}

.roi-calculator-report {
  background: white;
  padding: 60px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
@media screen and (max-width: 950px) {
  .roi-calculator-report {
    max-width: 450px;
    width: 100%;
    padding: 0px;
  }
}
.roi-calculator-report h3 {
  font-size: 22px;
  padding-bottom: 30px;
  margin-bottom: 0;
  width: 100%;
}
.roi-calculator-report .ui-widget-content {
  background: #54C3CA;
  border: none;
  border-radius: 5px;
  height: 8px;
  width: 345px;
  margin-top: 12px;
}
@media screen and (max-width: 950px) {
  .roi-calculator-report .ui-widget-content {
    width: 100%;
  }
}
.roi-calculator-report .ui-slider-handle {
  background: white !important;
  border: none !important;
  border-radius: 50%;
  height: 16px;
  width: 16px;
  top: -4px;
  -webkit-box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.2);
          box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.2);
  outline: none;
}
.roi-calculator-report .ui-widget-header {
  background: #EEF0F1;
}
.roi-calculator-report input[type=number]::-webkit-inner-spin-button, .roi-calculator-report [type=number].hs-input::-webkit-inner-spin-button,
.roi-calculator-report input[type=number]::-webkit-outer-spin-button,
.roi-calculator-report [type=number].hs-input::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

.roi-calculator-report__roles {
  margin-bottom: 125px;
  width: 100%;
  position: relative;
}
.roi-calculator-report__roles::after {
  content: "";
  background-color: #ccc;
  height: 1px;
  width: 100%;
  position: absolute;
  bottom: -65px;
  left: -10px;
}
@media screen and (max-width: 950px) {
  .roi-calculator-report__roles ~ h3 {
    padding-bottom: 0;
  }
}

.roi-calculator-report__roles-titles div {
  display: inline-block;
  width: 160px;
  font-weight: 600;
  font-size: 18px;
}
@media screen and (max-width: 1075px) {
  .roi-calculator-report__roles-titles {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
  .roi-calculator-report__roles-titles div {
    width: auto;
  }
}

.roi-calculator-report__role {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-top: 20px;
}
@media screen and (max-width: 950px) {
  .roi-calculator-report__role {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
}

.roi-calculator-report__role-name {
  width: 160px;
  font-size: 16px;
  line-height: 32px;
  height: 32px;
}
@media screen and (max-width: 950px) {
  .roi-calculator-report__role-name {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    width: auto;
  }
}

.roi-calculator-report__role-value {
  width: 160px;
  position: relative;
}
.roi-calculator-report__role-value span {
  position: absolute;
  left: 10px;
  font-size: 16px;
}
@media screen and (max-width: 1075px) {
  .roi-calculator-report__role-value span {
    position: relative;
    margin-right: 10px;
    left: auto;
  }
}
.roi-calculator-report__role-value input, .roi-calculator-report__role-value .hs-input {
  height: 32px;
  width: 100px !important;
  margin-bottom: 0 !important;
  padding-left: 25px !important;
  color: #54C3CA !important;
  font-size: 16px !important;
}
@media screen and (max-width: 950px) {
  .roi-calculator-report__role-value {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    width: auto;
    text-align: right;
  }
  .roi-calculator-report__role-value input, .roi-calculator-report__role-value .hs-input {
    width: 80px !important;
  }
}

@media screen and (max-width: 950px) {
  .roi-calculator-report__role-slider {
    margin: 10px 0 30px;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
            flex: 0 0 100%;
  }
}

.roi-calculator-report__task {
  margin-top: 20px;
}
@media screen and (max-width: 950px) {
  .roi-calculator-report__task {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    margin-top: 30px;
  }
}

.roi-calculator-repost__cost-section--function, .roi-calculator-report__task-function {
  width: 105px !important;
  position: relative;
}
@media screen and (max-width: 950px) {
  .roi-calculator-repost__cost-section--function, .roi-calculator-report__task-function {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
            flex: 0 0 100%;
    font-weight: 600;
    width: auto;
  }
}

.roi-calculator-report__cost {
  width: 100%;
}
@media screen and (max-width: 1075px) {
  .roi-calculator-report__cost .roi-calculator-report__roles-titles {
    display: none;
  }
}

.roi-calculator-repost__cost-section--task, .roi-calculator-report__task-name {
  width: 495px !important;
}
@media screen and (max-width: 950px) {
  .roi-calculator-repost__cost-section--task, .roi-calculator-report__task-name {
    font-size: 14px;
    line-height: 20px;
    margin-bottom: 10px;
    margin-top: 4px;
  }
}

.roi-calculator-repost__cost-section--hours, .roi-calculator-report__task-hours {
  width: 120px !important;
}
@media screen and (max-width: 950px) {
  .roi-calculator-repost__cost-section--hours, .roi-calculator-report__task-hours {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
  }
}

.roi-calculator-repost__cost-section--cost, .roi-calculator-report__task-cost {
  width: 75px !important;
}
@media screen and (max-width: 950px) {
  .roi-calculator-repost__cost-section--cost, .roi-calculator-report__task-cost {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
  }
}

.roi-calculator-repost__cost-section--cost {
  text-align: center;
}

.roi-calculator-report__task-cost {
  text-align: right;
}

.roi-calculator-report__task-name {
  position: relative;
}
@media screen and (max-width: 950px) {
  .roi-calculator-report__task-name {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
            flex: 0 0 100%;
    width: auto;
  }
}

.roi-calculator-report__task-name:hover > .roi-calculator-report__task-popup {
  display: block !important;
}

.roi-calculator-report__task-popup {
  display: none !important;
  position: absolute !important;
  width: 335px;
  background: rgba(67, 79, 87, 0.85);
  color: white;
  padding: 16px;
  font-size: 13px;
  line-height: 18px;
  border-radius: 3px;
  left: 16px;
  top: 34px;
  z-index: 1000;
}
.roi-calculator-report__task-popup:before {
  content: "";
  position: absolute;
  top: -12px;
  left: 15px;
  height: 12px;
  width: 12px;
  border-bottom: solid 10px rgba(67, 79, 87, 0.85);
  border-left: solid 6px transparent;
  border-right: solid 6px transparent;
}
@media screen and (max-width: 950px) {
  .roi-calculator-report__task-popup {
    max-width: 300px;
  }
}

.roi-calculator-report__task div {
  display: inline-block;
}

.roi-calculator-report__task-hours input, .roi-calculator-report__task-hours .hs-input {
  height: 32px;
  width: 100px !important;
  margin-bottom: 0 !important;
  text-align: center;
  color: #54C3CA !important;
  font-size: 16px !important;
}

#calculator-report, #calculator-results {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
#calculator-report.active, #calculator-results.active {
  display: block;
}

.roi-calculator-report__total {
  background: #54C3CA;
  margin-top: 30px;
  color: white;
  width: 106%;
  font-weight: 600;
  -webkit-box-pack: inherit;
      -ms-flex-pack: inherit;
          justify-content: inherit;
  padding: 12px;
  line-height: 1;
  font-size: 14px;
  margin-left: -20px;
}
.roi-calculator-report__total-description {
  float: left;
}
@media screen and (max-width: 950px) {
  .roi-calculator-report__total-description {
    float: none;
    margin-bottom: 10px;
  }
}
.roi-calculator-report__total-price, .roi-calculator-report__total-hours {
  float: right;
}
@media screen and (max-width: 950px) {
  .roi-calculator-report__total-price, .roi-calculator-report__total-hours {
    float: none;
    font-size: 18px;
    margin-top: 5px;
  }
}
.roi-calculator-report__total-hours {
  margin-right: 50px;
}
@media screen and (max-width: 950px) {
  .roi-calculator-report__total-hours {
    display: none;
  }
}
@media screen and (max-width: 950px) {
  .roi-calculator-report__total {
    margin-left: 0;
  }
}

.roi-calculator-report__disclaimer {
  color: #838E95;
  font-size: 14px;
  margin: 20px 0;
  padding: 0 0 0 40px;
  position: relative;
}
.roi-calculator-report__disclaimer:before {
  content: "";
  width: 7px;
  height: 7px;
  background: #54C3CA;
  border-radius: 50%;
  position: absolute;
  left: 10px;
  top: 50%;
  margin-top: -3px;
}
@media screen and (max-width: 950px) {
  .roi-calculator-report__disclaimer {
    width: 800px;
  }
}

.roi-calculator-send {
  max-width: 690px;
  width: 100%;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.roi-calculator-send h3 {
  font-size: 16px;
  line-height: 19px;
  font-weight: 600;
  color: #36454E;
  padding-bottom: 10px !important;
  padding-top: 0 !important;
}

.roi-calculator-send__intro {
  margin-bottom: 45px;
}
.roi-calculator-send__intro h2 {
  font-size: 32px;
  line-height: 39px;
  font-weight: 600;
}
.roi-calculator-send__intro p, .roi-calculator-send__intro .paragraph {
  margin-bottom: 0;
  padding-bottom: 0;
  color: #434F57;
  line-height: 28px;
}
.roi-calculator-send__intro p, .roi-calculator-send__intro .paragraph, .roi-calculator-send__intro .actions {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.roi-calculator-send__intro .actions {
  margin-top: 22px;
}
@media screen and (max-width: 950px) {
  .roi-calculator-send__intro .actions {
    max-width: 100%;
    width: 100%;
  }
}
.roi-calculator-send__intro .actions input, .roi-calculator-send__intro .actions .hs-input {
  max-width: 350px;
  font-size: 18px;
  font-weight: 600;
}
@media screen and (max-width: 950px) {
  .roi-calculator-send__intro .actions input, .roi-calculator-send__intro .actions .hs-input {
    margin-top: 20px;
    max-width: 100%;
    width: 100%;
  }
}

.roi-calculator-send__form {
  width: 100%;
  background: white;
  padding: 35px 55px;
  color: #434F57;
  border-radius: 4px;
  border: 1px solid #D5D9DC;
}
@media screen and (max-width: 950px) {
  .roi-calculator-send__form {
    padding: 25px;
  }
}
.roi-calculator-send__form label {
  font-weight: 600;
}
.roi-calculator-send__form input[type=email]:disabled, .roi-calculator-send__form [type=email].hs-input:disabled {
  background: #EEF0F1;
}

.roi-calculator-send__textarea {
  background: white;
  border-radius: 4px;
  border: 1px solid #D5D9DC;
  padding: 30px;
}
.roi-calculator-send__textarea input, .roi-calculator-send__textarea .hs-input {
  border: none !important;
  padding: 0 !important;
  margin: 0 !important;
  font-size: 16px !important;
  color: #434F57 !important;
}
.roi-calculator-send__textarea input::-webkit-input-placeholder, .roi-calculator-send__textarea .hs-input::-webkit-input-placeholder {
  font-size: 16px !important;
  color: #434F57 !important;
}
.roi-calculator-send__textarea input::-moz-placeholder, .roi-calculator-send__textarea .hs-input::-moz-placeholder {
  font-size: 16px !important;
  color: #434F57 !important;
}
.roi-calculator-send__textarea input::-ms-input-placeholder, .roi-calculator-send__textarea .hs-input::-ms-input-placeholder {
  font-size: 16px !important;
  color: #434F57 !important;
}
.roi-calculator-send__textarea input::placeholder, .roi-calculator-send__textarea .hs-input::placeholder {
  font-size: 16px !important;
  color: #434F57 !important;
}
@media screen and (max-width: 950px) {
  .roi-calculator-send__textarea {
    padding: 15px;
  }
}

.textarea-text {
  margin-bottom: 38px;
}
.textarea-text textarea {
  margin-bottom: 0;
  padding: 0;
  border: none;
  font-size: 16px !important;
  color: #434F57 !important;
  resize: none;
}
.textarea-text textarea::-webkit-input-placeholder {
  font-size: 16px !important;
  color: #434F57 !important;
}
.textarea-text textarea::-moz-placeholder {
  font-size: 16px !important;
  color: #434F57 !important;
}
.textarea-text textarea::-ms-input-placeholder {
  font-size: 16px !important;
  color: #434F57 !important;
}
.textarea-text textarea::placeholder {
  font-size: 16px !important;
  color: #434F57 !important;
}
.textarea-text p, .textarea-text .paragraph {
  padding: 0;
  margin-bottom: 25px;
  line-height: 28px;
}
.textarea-text .result-roi {
  color: #54C3CA;
  font-size: 24px;
  font-weight: 600;
}
.textarea-text .result-hours, .textarea-text .result-revenue, .textarea-text .result-turnover {
  font-size: 18px;
  font-weight: 600;
}
.textarea-text:last-child {
  margin-bottom: 0;
}

.textarea-text--row span, .textarea-text--row input, .textarea-text--row .hs-input {
  display: inline-block;
}
@media screen and (max-width: 950px) {
  .textarea-text--row span, .textarea-text--row input, .textarea-text--row .hs-input {
    display: block;
  }
}
.textarea-text--row input, .textarea-text--row .hs-input {
  width: 300px !important;
}
@media screen and (max-width: 950px) {
  .textarea-text--row input, .textarea-text--row .hs-input {
    max-width: 100%;
    width: 100%;
  }
}

.roi-calculator__sales-footer .sales-page__footer {
  background: #fffcf5;
  margin-top: 50px;
}
.roi-calculator__sales-footer .sales-page__footer h3, .roi-calculator__sales-footer .sales-page__footer P {
  color: #444444;
}
.roi-calculator__sales-footer .sales-page__footer .sales-page__footer-cta a, .roi-calculator__sales-footer .sales-page__footer .sales-page__footer-cta .link {
  color: #fff;
  background: #ff6d00;
}

@media print {
  .rich-text {
    width: 100%;
    padding: 0 50px !important;
  }
  .rich-text p, .rich-text .paragraph {
    max-width: 100% !important;
    width: 100% !important;
    margin-right: 0 !important;
  }
  .rich-text h3 {
    font-size: 22px;
    margin-bottom: 0;
    padding-bottom: 20px !important;
  }
  .section-main-form img {
    display: none;
  }
  .roi-calculator__main-content {
    padding-top: 0;
    margin-top: -50px;
  }
  .top-header--container {
    display: none !important;
  }
  .roi-calculator {
    display: none;
  }
  .roi-calculator-results {
    margin-top: -30px;
    -webkit-box-shadow: none;
            box-shadow: none;
    width: 100%;
  }
  .roi-calculator-results .roi-calculator-results__card-image img {
    display: block !important;
    height: 50px;
  }
  .roi-calculator-results__top {
    margin-top: 0;
  }
  .roi-calculator-results__bottom {
    margin: 30px 50px 0px;
  }
  .footer-container-wrapper {
    display: none;
  }
  .roi-calculator-results__see-more {
    display: none;
  }
  .roi-calculator-results__actions {
    display: none;
  }
  .roi-calculator-report {
    display: none;
  }
  .roi-calculator-results__card {
    width: 40%;
    background: #eee !important;
  }
  .roi-calculator-results__card:nth-child(3n) {
    margin-right: 20px;
  }
  @page {
    size: 21cm 29.7cm; /*A4*/
    margin: 0; /*webkit says no*/
  }
  html, body {
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden;
    width: 100%;
  }
  .hs-tools-menu, #hubspot-messages-iframe-container, #hubspot-messages-iframe-container iframe, .shadow, .widget-launcher {
    display: none !important;
    -webkit-box-shadow: none !important;
            box-shadow: none !important;
  }
}
.blog-new--customer-area .resource-area__search h1 {
  max-width: 715px;
  margin-bottom: 10px;
  font-size: 28px !important;
  line-height: 38px !important;
  padding-bottom: 0;
  font-weight: 600;
  margin: 0 auto 40px;
}

@media screen and (max-width: 1075px) {
  .hero-resource-area.hero-blog-new.toyota .section-col.content {
    width: 100%;
  }
}

.customer-area-top {
  background: #F7F9F9;
  padding: 35px 0 0;
  text-align: center;
}
@media screen and (min-width: 1075px) {
  .customer-area-top {
    height: 550px;
    padding: 40px 0;
    text-align: left;
  }
}
.customer-area-top .section-col:first-child img {
  width: 430px;
}
@media screen and (max-width: 1075px) {
  .customer-area-top .section-col:first-child img {
    width: 100%;
    margin-left: 0;
  }
}
.customer-area-top .section-col:first-child .section-img {
  margin-bottom: 0;
}
@media screen and (min-width: 1075px) {
  .customer-area-top .section-col:first-child .section-img {
    width: 415px;
    height: 350px;
    -o-object-fit: cover;
       object-fit: cover;
  }
}
@media screen and (min-width: 1075px) {
  .customer-area-top .section-col:first-child {
    max-width: 415px;
  }
}
.customer-area-top .section-col:nth-child(2) {
  margin-left: 50px;
}

.customer-area-top__subtitle {
  font-size: 20px;
  font-weight: 600;
  line-height: 30px;
  color: #838E95;
  text-align: left;
}

.customer-area-top__title {
  color: #434F57;
  font-size: 32px;
  line-height: 38px;
  font-weight: 600;
  max-width: 300px;
  margin: 0 0 25px;
  text-align: left;
}
@media screen and (min-width: 1075px) {
  .customer-area-top__title {
    margin: 0 0 30px 0;
    max-width: 530px;
    width: 100%;
    line-height: 45px;
  }
}

.description-mobile {
  background: #F7F9F9;
  padding: 35px 0;
}
.description-mobile p, .description-mobile .paragraph {
  max-width: 350px;
  text-align: left;
  margin: 0 auto;
  font-size: 16px !important;
  line-height: 24px;
}
@media screen and (min-width: 1075px) {
  .description-mobile {
    display: none;
  }
}

.customer-area-top__text {
  font-size: 20px !important;
  line-height: 30px;
  color: #434F57;
}
@media screen and (min-width: 1075px) {
  .customer-area-top__text {
    max-width: 570px;
    width: 570px;
  }
}

.customer-area-content {
  padding: 88px 32px;
  max-width: 450px;
  margin: 0 auto;
}
@media screen and (min-width: 1075px) {
  .customer-area-content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 120px 0 0;
    margin: 0;
    max-width: 100%;
  }
}

.customer-area-content__menu {
  padding-right: 90px;
  padding-top: 10px;
  display: none;
}
@media screen and (min-width: 1075px) {
  .customer-area-content__menu {
    display: block;
  }
}
.customer-area-content__menu p, .customer-area-content__menu .paragraph {
  font-size: 21px !important;
  color: #000000;
  margin-bottom: 20px;
  padding-bottom: 30px !important;
  border-bottom: 1px solid #D8D8D8;
  font-weight: 600;
  width: 230px;
}
.customer-area-content__menu ul {
  list-style-type: none;
  padding: 0;
  margin: 0;
}
.customer-area-content__menu li {
  padding: 10px 0;
}
.customer-area-content__menu li.active a, .customer-area-content__menu li.active .link {
  color: #FF6D00;
}
.customer-area-content__menu li a, .customer-area-content__menu li .link {
  display: block;
  font-size: 16px;
  color: #434F57;
  line-height: 20px;
}
.customer-area-content__menu li a:hover, .customer-area-content__menu li .link:hover, .customer-area-content__menu li a:focus, .customer-area-content__menu li .link:focus, .customer-area-content__menu li a:active, .customer-area-content__menu li .link:active {
  color: #FF6D00;
}

.customer-area-content__others h2 {
  font-size: 28px;
  color: #434F57;
  line-height: 34px;
  font-weight: 600;
  padding-bottom: 20px;
  margin-bottom: 0;
  margin-top: 0;
}
@media screen and (min-width: 1075px) {
  .customer-area-content__others h2 {
    font-size: 38px;
    line-height: 46px;
  }
}
.customer-area-content__others p, .customer-area-content__others .paragraph {
  font-size: 16px !important;
  color: #434F57;
  line-height: 24px;
  font-weight: 500;
  max-width: 500px;
}
@media screen and (min-width: 1075px) {
  .customer-area-content__others p, .customer-area-content__others .paragraph {
    font-size: 22px !important;
    line-height: 30px;
  }
}

.customer-area-content__book {
  padding: 40px 0 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: reverse;
      -ms-flex-direction: column-reverse;
          flex-direction: column-reverse;
}
@media screen and (min-width: 1075px) {
  .customer-area-content__book {
    padding: 70px 0 70px;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
  }
}

.customer-area-content__book-image {
  margin: 0 auto;
}
@media screen and (min-width: 1075px) {
  .customer-area-content__book-image {
    margin-right: 40px;
  }
}
.customer-area-content__book-image img {
  margin-bottom: 0;
  max-width: 242px;
}

.customer-area-content__testimonial--mobile-btn {
  margin: 20px auto 88px;
  background-color: #FF6D00;
  color: white !important;
  text-align: center;
  border: none;
  padding: 15px;
  display: block;
  width: 270px;
}
@media screen and (min-width: 1075px) {
  .customer-area-content__testimonial--mobile-btn {
    display: none;
  }
}

.customer-area-content__testimonial {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
@media screen and (max-width: 1075px) {
  .customer-area-content__testimonial {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
            flex-direction: column-reverse;
  }
}
.customer-area-content__testimonial p, .customer-area-content__testimonial .paragraph {
  font-size: 20px !important;
  color: #00C4C9;
  line-height: 30px;
  margin-bottom: 0;
  font-style: italic;
  font-weight: 600;
  padding-bottom: 10px;
}
@media screen and (min-width: 1075px) {
  .customer-area-content__testimonial p, .customer-area-content__testimonial .paragraph {
    line-height: 28px;
    font-style: normal;
    font-weight: normal;
    padding-bottom: 27px !important;
    max-width: 400px;
  }
}
.customer-area-content__testimonial .btn, .customer-area-content__testimonial .hs-button {
  background-color: #FF6D00;
  color: white;
  border: none;
  padding: 15px;
  margin-top: auto;
  max-width: 250px;
  margin-bottom: 10px;
}

@media screen and (min-width: 1075px) {
  .customer-area-content__user {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}
.customer-area-content__user p, .customer-area-content__user .paragraph {
  font-size: 16px !important;
  color: #838E95;
  line-height: 30px;
  margin-bottom: 0;
  margin-top: 10px;
  font-style: normal;
  font-weight: normal;
  padding-bottom: 27px !important;
}
@media screen and (min-width: 1075px) {
  .customer-area-content__user p, .customer-area-content__user .paragraph {
    color: #434F57;
    font-weight: 600;
    margin-top: 0;
    padding-bottom: 30px !important;
  }
}
.customer-area-content__user .cta-button {
  text-align: left;
}
.customer-area-content__user img {
  max-width: 80px;
  margin: 0;
  margin-right: 20px;
}
@media screen and (min-width: 1075px) {
  .customer-area-content__user img {
    width: auto;
    max-width: 64px;
    border-radius: 50%;
  }
}

@media screen and (max-width: 1075px) {
  .customer-area-content__user-image {
    display: none;
  }
}

.customer-area-content__block {
  padding-bottom: 44px;
  margin-bottom: 44px;
  border-bottom: 1px solid #D8D8D8;
}
@media screen and (max-width: 1075px) {
  .customer-area-content__block {
    border-bottom: none;
  }
}
.customer-area-content__block h2 {
  font-size: 28px;
  line-height: 34px;
  font-weight: 600;
  color: #434F57;
  margin-bottom: 20px;
}
@media screen and (min-width: 1075px) {
  .customer-area-content__block h2 {
    font-size: 38px;
    line-height: 51px;
  }
}
.customer-area-content__block p, .customer-area-content__block .paragraph {
  font-size: 18px !important;
  line-height: 30px;
  color: #434F57;
  margin-bottom: 20px;
  padding-bottom: 0;
}
.customer-area-content__block.is-last {
  margin-bottom: 100px;
  padding-bottom: 0;
  border: none;
}
@media screen and (max-width: 1075px) {
  .customer-area-content__block.is-last {
    margin-bottom: 88px;
  }
}

.customer-area-content__more {
  padding: 0 0 88px !important;
  max-width: 450px;
  margin: 0 auto;
  position: relative;
}
@media screen and (min-width: 1075px) {
  .customer-area-content__more {
    padding-bottom: 160px;
    max-width: none;
    margin: 0;
  }
}
.customer-area-content__more h2 {
  font-size: 28px;
  line-height: 34px;
  font-weight: 600;
  color: #434F57;
  margin-bottom: 40px;
  padding-bottom: 0;
  text-align: center;
  margin-right: 100px;
}
@media screen and (max-width: 1075px) {
  .customer-area-content__more h2 {
    margin-right: 0;
  }
}
@media screen and (min-width: 1075px) {
  .customer-area-content__more h2 {
    font-size: 38px;
    line-height: 51px;
    margin-bottom: 80px;
  }
}

.customer-area-content__more-item:hover .customer-area-content__more-overlay, .customer-area-content__more-item:active .customer-area-content__more-overlay, .customer-area-content__more-item:focus .customer-area-content__more-overlay {
  display: block;
}
@media screen and (max-width: 1075px) {
  .customer-area-content__more-item h3, .customer-area-content__more-item h4 {
    font-size: 16px;
    color: #838E95;
    line-height: 24px;
    margin-bottom: 10px;
    padding-bottom: 0;
    font-weight: 500;
  }
}
.customer-area-content__more-item h2 {
  font-size: 20px;
  line-height: 30px;
  margin-bottom: 30px;
}
.customer-area-content__more-item h3 {
  margin-bottom: 0;
}
@media screen and (max-width: 1075px) {
  .customer-area-content__more-item h3 {
    font-weight: 600;
    color: #434F57;
  }
}
.customer-area-content__more-item .btn.mobile-only, .customer-area-content__more-item .mobile-only.hs-button {
  padding: 0;
  color: #FF6D00;
  font-weight: 500;
  font-size: 16px;
  background: none;
  border: none;
  text-align: left;
}

@media screen and (min-width: 1075px) {
  .customer-are-content__more-item-wrapper {
    padding-right: 30px;
  }
}

.customer-area-content__more-image {
  position: relative;
}
.customer-area-content__more-image img {
  width: 100%;
}
@media screen and (max-width: 1075px) {
  .customer-area-content__more-image img {
    margin-bottom: 20px;
  }
}

.customer-area-content__more-bottom {
  margin-top: 15px;
}
.customer-area-content__more-bottom h3 {
  margin-bottom: 5px;
  font-size: 15px;
}
.customer-area-content__more-bottom h4 {
  font-size: 15px;
  color: #9d9d9d;
}

.customer-area-content__more-overlay {
  display: none;
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  background-color: rgba(255, 255, 255, 0.76);
  z-index: 10000;
}
.customer-area-content__more-overlay .btn, .customer-area-content__more-overlay .hs-button {
  background-color: #FF6D00;
  color: white;
  border: none;
  padding: 15px;
  margin-top: 0;
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  min-width: 180px;
}

.customer-area-listing-item {
  width: 100%;
  max-width: 340px;
  border: 1px solid #D5D9DC;
  -webkit-transition: ease 0.3s;
  transition: ease 0.3s;
  margin-bottom: 25px;
  margin-right: 25px;
  cursor: pointer;
}
.customer-area-listing-item:nth-child(3n) {
  margin-right: 0;
}
.customer-area-listing-item:hover, .customer-area-listing-item:active, .customer-area-listing-item:focus {
  -webkit-box-shadow: 2px 4px 12px 0 rgba(0, 0, 0, 0.08);
          box-shadow: 2px 4px 12px 0 rgba(0, 0, 0, 0.08);
  border-color: white;
}
@media screen and (max-width: 1075px) {
  .customer-area-listing-item {
    max-width: 450px;
  }
}

.customer-area-listing-item__image {
  height: 210px;
  background-size: cover;
  background-repeat: no-repeat;
}

.customer-area-listing-item__content {
  padding: 26px 20px;
  min-height: 315px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
@media screen and (max-width: 1075px) {
  .customer-area-listing-item__content {
    min-height: 200px;
  }
}
.customer-area-listing-item__content .customer-area-listing__image {
  width: 110px;
  height: 50px;
}
.customer-area-listing-item__content h3 {
  font-size: 20px;
  line-height: 30px;
  margin-top: 10px;
  font-weight: 500;
}
.customer-area-listing-item__content a, .customer-area-listing-item__content .link {
  color: #FF6D00;
  font-size: 16px;
  line-height: 19px;
  font-weight: 600;
  margin-top: auto;
}
.customer-area-listing-item__content a i, .customer-area-listing-item__content .link i {
  font-size: 21px;
  position: relative;
  top: 4px;
}

.customer-area-form__container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
@media screen and (min-width: 1075px) {
  .customer-area-form__container {
    padding: 0 41px;
  }
}

.customer-area-form__content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  max-width: 50%;
}
.customer-area-form__content img {
  width: 100%;
  max-width: 450px;
  border: 1px solid #ccc;
  margin-bottom: 50px;
}
.customer-area-form__content h3 {
  letter-spacing: 0.2px;
  margin-bottom: 20px;
  font-size: 24px;
  line-height: 36px;
}

.customer-area-form__content-text {
  max-width: 450px;
}

.customer-area-form.section {
  padding-top: 50px;
}
@media screen and (max-width: 1075px) {
  .customer-area-form.section {
    padding: 0 !important;
    margin-bottom: 20px;
  }
}
.customer-area-form.section--new-footer-form {
  background: none !important;
}
.customer-area-form.section--new-footer-form .form-box {
  padding: 30px 35px;
}
.customer-area-form.section--new-footer-form .hs-form-required {
  display: inline-block !important;
}
.customer-area-form .sidebar-form-box-content {
  padding-left: 0;
}
.customer-area-form .form-title {
  font-weight: 500;
}
.customer-area-form .form-box {
  -webkit-box-shadow: 0 1px 10px 0px #bbb;
          box-shadow: 0 1px 10px 0px #bbb;
}
.customer-area-form .hs-form-field {
  margin-bottom: 14px;
}
.customer-area-form .hs-input:before {
  display: none !important;
}
.customer-area-form .hs-fieldtype-radio .inputs-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding-bottom: 0;
}
.customer-area-form .hs-fieldtype-radio .inputs-list li {
  margin-right: 30px;
}
.customer-area-form .hs-form-radio-display {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.customer-area-form .hs-form-radio-display .hs-input {
  width: 24px !important;
  margin-right: 10px;
}
.customer-area-form .hs-form-radio-display span {
  margin-top: 2px;
}
.customer-area-form .hs-fieldtype-checkbox .inputs-list {
  padding-bottom: 0;
}
.customer-area-form .hs-fieldtype-checkbox .inputs-list li label {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.customer-area-form .hs-fieldtype-checkbox .inputs-list li label input, .customer-area-form .hs-fieldtype-checkbox .inputs-list li label .hs-input {
  width: 26px !important;
  margin-right: 10px;
}
.customer-area-form .hs-fieldtype-checkbox .inputs-list li label span {
  margin-top: 3px;
}

.customer-area-thank-you {
  text-align: center;
}
.customer-area-thank-you h4 {
  font-size: 18px;
  font-weight: 500;
}
.customer-area-thank-you .wp-download-button {
  padding: 8px 35px !important;
  margin-top: 10px !important;
  font-size: 16px !important;
  line-height: 19px !important;
  font-weight: 600 !important;
}
.customer-area-thank-you .wp-download-button span {
  font-size: 16px !important;
  line-height: 19px !important;
  font-weight: 600 !important;
}

@media screen and (min-width: 1075px) {
  .customer-area--medlinks .customer-area-top__title {
    width: 710px;
    max-width: 710px;
  }
}

.resource-area-listing {
  overflow-x: hidden;
}
.resource-area-listing .tab-content-global {
  padding-top: 0;
}
@media screen and (max-width: 1075px) {
  .resource-area-listing .tab-content-global {
    display: block;
    overflow: hidden;
    height: 0;
  }
  .resource-area-listing .tab-content-global.active {
    overflow: auto;
    height: auto;
  }
}
.resource-area-listing .tabbing-container .tabbing-group-content, .resource-area-listing .tabbing-group-content-global {
  padding: 0;
}

.hero-resource-area {
  background-color: #f7f9f9;
  height: auto;
  padding: 100px 0 30px;
}
@media screen and (max-width: 1075px) {
  .hero-resource-area {
    height: auto;
    text-align: center;
    padding: 20px 0 0;
  }
}
.hero-resource-area .section {
  width: 100%;
}
@media screen and (max-width: 1075px) {
  .hero-resource-area .section {
    padding-top: 20px;
  }
}

@media screen and (max-width: 1075px) {
  .tabbing-group-content {
    padding: 0;
  }
}

@media screen and (max-width: 1075px) {
  .tabbing-group-navbar-second,
.tabbing-group-navbar-third {
    display: none;
  }
}

.resource-area__link-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
@media screen and (max-width: 750px) {
  .resource-area__link-container .tabbing-group-navbar {
    overflow-x: scroll;
  }
}
.resource-area__link-container .tabbing-group-navbar-third ul {
  max-width: unset;
}
.resource-area__link-container ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  list-style: none;
  margin: 0;
  padding-bottom: 0;
}
@media screen and (max-width: 750px) {
  .resource-area__link-container ul {
    -webkit-box-pack: unset;
        -ms-flex-pack: unset;
            justify-content: unset;
    overflow-x: auto;
  }
}
.resource-area__link-container li {
  padding: 20px 30px;
  font-size: 20px !important;
  line-height: 34px;
  font-weight: 600;
  color: #434f57;
  cursor: pointer;
}
.resource-area__link-container li button, .resource-area__link-container li .btn, .resource-area__link-container li .hs-button {
  all: unset;
}
.resource-area__link-container li .orange-link {
  white-space: nowrap;
}
.resource-area__link-container li .orange-link:after {
  content: "";
  display: block;
  width: 0;
  height: 3px;
  background: #f26200;
}
.resource-area__link-container li:hover, .resource-area__link-container li.active {
  color: #ff6d00;
}
.resource-area__link-container li:hover .orange-link:after, .resource-area__link-container li.active .orange-link:after {
  width: 100%;
}
@media screen and (max-width: 1075px) {
  .resource-area__link-container li:first-child {
    padding-left: 0;
  }
  .resource-area__link-container li:last-child {
    padding-right: 0;
  }
}

.resource-area-featured-content {
  padding: 2px 0;
  background-color: #f7f9f9;
  padding: 20px;
}
.resource-area-featured-content .container {
  background-color: #fff;
  -webkit-box-shadow: -1px 0px 5px 4px rgba(187, 187, 187, 0.1019607843), 0px 4px 5px 4px rgba(187, 187, 187, 0.1019607843);
          box-shadow: -1px 0px 5px 4px rgba(187, 187, 187, 0.1019607843), 0px 4px 5px 4px rgba(187, 187, 187, 0.1019607843);
  border-radius: 4px;
  padding: 30px;
}
.resource-area-featured-content .container p a, .resource-area-featured-content .container .paragraph a, .resource-area-featured-content .container p .link, .resource-area-featured-content .container .paragraph .link {
  display: none;
}
@media screen and (max-width: 1075px) {
  .resource-area-featured-content .container {
    padding: 0;
  }
}
.resource-area-featured-content .section-row {
  min-height: 100%;
}
.resource-area-featured-content .section-col:first-child {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.resource-area-featured-content .section-col:last-child {
  margin: 70px 35px 40px 30px;
}
@media screen and (max-width: 1075px) {
  .resource-area-featured-content .section-col:last-child {
    padding: 0 25px;
    z-index: 11;
    background: #fff;
    margin: 10px 0 20px;
  }
}
.resource-area-featured-content .section-img {
  margin-bottom: 0;
  width: 100%;
  height: auto;
}
@media screen and (max-width: 1075px) {
  .resource-area-featured-content .section-img {
    width: 100%;
    padding: 25px 15px 0px 22px;
  }
}
.resource-area-featured-content .section-featured-pre {
  color: #838e95;
  font-size: 18px !important;
  line-height: 30px !important;
  font-weight: 600;
}
@media screen and (max-width: 1075px) {
  .resource-area-featured-content .section-featured-pre {
    -ms-flex-item-align: start;
        align-self: flex-start;
    margin-bottom: 5px;
  }
}
.resource-area-featured-content .section-title {
  font-size: 33px !important;
  line-height: 48px !important;
  margin-bottom: 17px;
}
@media screen and (max-width: 1075px) {
  .resource-area-featured-content .section-title {
    font-size: 20px !important;
    line-height: 28px !important;
    margin-bottom: 23px;
    max-width: 375px;
  }
}
.resource-area-featured-content .paragraph,
.resource-area-featured-content .p1,
.resource-area-featured-content p {
  font-size: 17px !important;
  line-height: 30px !important;
  color: #36454e;
  margin-bottom: 17px !important;
  padding-bottom: 0 !important;
  max-width: 520px;
}
@media screen and (max-width: 1075px) {
  .resource-area-featured-content .paragraph,
.resource-area-featured-content .p1,
.resource-area-featured-content p {
    font-size: 15px !important;
    line-height: 22px !important;
    padding-bottom: 19px !important;
    margin-bottom: 0 !important;
  }
}
.resource-area-featured-content a, .resource-area-featured-content .link {
  font-size: 18px !important;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  -webkit-transition: width 0.3s;
  transition: width 0.3s;
}

.employee-experience .section-img {
  max-width: 450px;
  width: 100%;
  height: auto;
}
@media screen and (min-width: 1075px) {
  .employee-experience .section-col:last-child {
    margin-left: 75px;
  }
}

.employee-onboarding .section-img {
  width: 100%;
  height: auto;
}
@media screen and (max-width: 1075px) {
  .employee-onboarding .section-col:last-child {
    padding-top: 5px;
  }
}

.resource-area-item .resource-area-content {
  padding-top: 40px;
  padding-bottom: 50px;
}
.resource-area-item .resource-area-content__item {
  width: 100% !important;
  max-width: 350px !important;
  margin-left: auto;
}
.resource-area-item .form-box::before {
  display: none;
}

.resource-area-content {
  position: relative;
  margin: 0 auto;
  width: 100%;
  background: #f7f9f9;
}
@media screen and (max-width: 550px) {
  .resource-area-content {
    max-width: 490px;
  }
}
.resource-area-content .slick-prev {
  left: 0px;
}
.resource-area-content .slick-next {
  right: 0px;
}
.resource-area-content .btn-outline {
  color: #ff6d00;
  background-color: transparent;
  border-color: #ff6d00;
  padding: 18px 20px;
  margin-top: 50px;
  display: none;
  margin-left: 15px;
}
.resource-area-content .btn-outline:hover {
  -webkit-transition: ease 0.3s;
  transition: ease 0.3s;
  border-width: 2px;
}
.resource-area-content .btn-outline:active, .resource-area-content .btn-outline:focus {
  background: transparent !important;
}
@media screen and (max-width: 1075px) {
  .resource-area-content .btn-outline {
    display: none !important;
  }
}
@media screen and (max-width: 1075px) {
  .resource-area-content .container {
    max-width: 490px;
  }
}

.resource-area-content__container-wrapper {
  padding: 40px 0 90px 0;
  background: #fff;
}
.resource-area-content__container-wrapper.search-results {
  display: none;
}
@media screen and (max-width: 550px) {
  .resource-area-content__container-wrapper {
    padding: 45px 0;
  }
}

.resource-area-content__container-wrapper:nth-child(even) {
  background: #f7f9f9;
}

.resource-area-content__title {
  margin: 40px 0 10px;
  position: relative;
}
.resource-area-content__title h2 {
  font-size: 32px !important;
  line-height: 46px !important;
  font-weight: 600;
}
@media screen and (max-width: 1075px) {
  .resource-area-content__title h2 {
    font-size: 28px !important;
    line-height: 36px !important;
  }
}
@media screen and (max-width: 1075px) {
  .resource-area-content__title {
    margin: 80px 0 30px;
    text-align: center;
  }
}
@media screen and (max-width: 550px) {
  .resource-area-content__title {
    margin: 0px 10px 15px 15px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    max-width: 338px;
    padding-left: 37px;
  }
}

.resource-area-content__item {
  padding: 15px;
  width: 33.33%;
}
@media screen and (max-width: 1075px) {
  .resource-area-content__item {
    padding: 10px;
    width: 50%;
  }
}
@media screen and (max-width: 550px) {
  .resource-area-content__item {
    width: 100%;
  }
}

.resource-area-download {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.resource-area-download.resource-area-item {
  padding-bottom: 45px;
}
.resource-area-download.resource-area-item .resource-area-content {
  padding-top: 60px;
}
@media screen and (max-width: 1075px) {
  .resource-area-download.resource-area-item {
    padding-bottom: 0;
    width: 90%;
    margin: auto;
  }
  .resource-area-download.resource-area-item .resource-area-content {
    padding-bottom: 0;
  }
}
.resource-area-download .resource-area-content__item {
  padding: 0;
  margin-right: 120px;
  max-width: 400px !important;
}
.resource-area-download .resource-area-content__item-image {
  height: 220px;
  background-position: center;
}
@media screen and (min-width: 1075px) {
  .resource-area-download .sidebar-form {
    width: 50%;
  }
}
.resource-area-download .form-box {
  width: auto;
  border-radius: 5px;
}
.resource-area-download .form-box .form-title {
  font-weight: 600;
  color: #36454e;
}
.resource-area-download .form-box .actions {
  margin-top: 40px !important;
}
.resource-area-download .form-box .hs-button {
  background: #ff6d00 !important;
}
.resource-area-download .form-box .hs-button:hover {
  background-color: #f26200 !important;
}

.featured-content-cards-wrapper {
  display: none;
}

.slick-initialized .slick-slide.featured-content-card {
  display: none;
}

.resource-area-content__item-wrapper {
  border-radius: 5px;
  -webkit-box-shadow: 2px 4px 12px 0 rgba(0, 0, 0, 0.1);
          box-shadow: 2px 4px 12px 0 rgba(0, 0, 0, 0.1);
  display: block;
  overflow: hidden;
}
.resource-area-content__item-wrapper a:hover:after, .resource-area-content__item-wrapper .link:hover:after, .resource-area-content__item-wrapper a:active:after, .resource-area-content__item-wrapper .link:active:after, .resource-area-content__item-wrapper a:focus:after, .resource-area-content__item-wrapper .link:focus:after {
  width: 100%;
}

.resource-area-content__item-wrapper:not(:hover) {
  -webkit-transition: 0.3s ease;
  transition: 0.3s ease;
}

.resource-area-content__list {
  position: relative;
  margin-left: -15px;
  margin-right: -15px;
}
@media screen and (max-width: 1075px) {
  .resource-area-content__list {
    margin-left: 0;
    margin-right: 0;
  }
}
.resource-area-content__list .resource-area-content__item-wrapper:hover, .resource-area-content__list .resource-area-content__item-wrapper:active, .resource-area-content__list .resource-area-content__item-wrapper:focus {
  -webkit-transition: 0.3s ease;
  transition: 0.3s ease;
  -webkit-transform: translateY(-10px);
          transform: translateY(-10px);
  -webkit-box-shadow: 2px 4px 12px 0 rgba(0, 0, 0, 0.15);
          box-shadow: 2px 4px 12px 0 rgba(0, 0, 0, 0.15);
}

.resource-area-content__list-global {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
@media screen and (max-width: 550px) {
  .resource-area-content__list-global {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
}

.resource-area-content__item-content {
  padding: 20px;
  background: #fff;
  min-height: 250px;
  position: relative;
}
.resource-area-content__item-content h3, .resource-area-content__item-content h1 {
  font-size: 20px !important;
  line-height: 28px;
  margin-bottom: 10px;
  padding-bottom: 0;
  font-weight: 600;
}
@media screen and (max-width: 1075px) {
  .resource-area-content__item-content h3, .resource-area-content__item-content h1 {
    font-size: 22px !important;
    line-height: 30px;
  }
}
.resource-area-content__item-content .description {
  font-size: 14px;
  line-height: 22px;
  text-overflow: ellipsis;
  display: block;
  height: 50px;
  overflow: hidden;
  word-wrap: break-word;
  display: -webkit-box;
  -webkit-line-clamp: 2; /* number of lines to show */
  -webkit-box-orient: vertical;
}
.resource-area-content__item-content .description p, .resource-area-content__item-content .description .paragraph {
  font-size: 14px !important;
  line-height: 22px;
}
.resource-area-content__item-content .description a, .resource-area-content__item-content .description .link {
  display: none;
}
@media screen and (max-width: 359px) {
  .resource-area-content__item-content .description {
    display: none;
  }
}
.resource-area-content__item-content a, .resource-area-content__item-content .link {
  font-size: 16px !important;
  line-height: 24px;
  color: #ff6d00;
  font-weight: 600;
  position: absolute;
  bottom: 24px;
}
@media screen and (max-width: 550px) {
  .resource-area-content__item-content a, .resource-area-content__item-content .link {
    bottom: 14px;
  }
}
.resource-area-content__item-content a i, .resource-area-content__item-content .link i {
  font-size: 22px;
  bottom: -4px;
  position: relative;
}

.resource-area-content__item-image {
  width: 100%;
  height: 169px;
  background-size: cover;
  display: block;
}
.resource-area-content__item-image img {
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  width: 100%;
}
@media screen and (max-width: 550px) {
  .resource-area-content__item-image img {
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
  }
}

.popup {
  position: fixed;
  min-height: auto;
  max-width: 1084px;
  max-height: 618px;
  width: 100%;
  height: 100%;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  z-index: 11001;
}
@media screen and (max-width: 1075px) {
  .popup {
    height: 200px;
  }
}

.bg {
  background-color: #111;
  opacity: 0.65;
  position: fixed;
  z-index: 11001;
  top: 0px;
  left: 0px;
  width: 100%;
  min-height: 100%;
  overflow: auto;
}

iframe {
  width: 100%;
  height: 100%;
}

.video-container .resource-area__link-container ul {
  padding: 0;
  margin: 0 auto;
}
.video-container .resource-area__link-container li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  width: 250px;
  padding: 50px 15px 0;
  font-size: 15px !important;
}
.video-container .resource-area__link-container li .orange-link {
  text-align: center;
  margin: 10px auto 0;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}
.video-container .slick-track {
  padding-bottom: 30px;
}
.video-container .slick-arrow {
  top: 20%;
}
.video-container .video-title {
  display: none;
  bottom: 0;
}
@media screen and (max-width: 1075px) {
  .video-container .video-title {
    display: block;
    color: #444444;
    text-align: center;
    font-size: 16px;
    padding-top: 20px;
  }
}

.resource-area-video-section {
  color: white;
}
.resource-area-video-section .resource-area-video__overlay {
  position: absolute;
  top: 0;
  width: 100%;
  height: 600px;
}
@media screen and (max-width: 1075px) {
  .resource-area-video-section .resource-area-video__overlay {
    bottom: 0;
    left: 0;
    right: 0;
    height: auto;
  }
}
.resource-area-video-section .resource-area-video__overlay .resource-area-video__play {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-40%, 0);
  transform: translate(-40%, 0);
  background: rgba(255, 109, 0, 0.88);
  padding: 15px 38px;
  border-radius: 3px;
  cursor: pointer;
  -webkit-transition: 0.5s ease;
  transition: 0.5s ease;
  margin-top: -10px;
  margin-left: -10px;
}
@media screen and (max-width: 1075px) {
  .resource-area-video-section .resource-area-video__overlay .resource-area-video__play {
    width: 60px;
    height: 40px;
    padding: 14px 15px;
    -webkit-transform: translate(-34%, -50%);
    transform: translate(-34%, -50%);
    top: 40%;
  }
}
.resource-area-video-section .resource-area-content__list {
  margin: 0;
}
@media screen and (max-width: 1075px) {
  .resource-area-video-section .resource-area-content__video-list .tab-content-global {
    height: 280px;
    display: block !important;
    padding: 0 10px;
  }
}
@media screen and (max-width: 420px) {
  .resource-area-video-section .resource-area-content__video-list .tab-content-global {
    height: 230px;
  }
}
@media screen and (max-width: 330px) {
  .resource-area-video-section .resource-area-content__video-list .tab-content-global {
    height: 180px;
  }
}
.resource-area-video-section .resource-area-content__video-item-wrapper {
  height: 600px;
  width: 1075px;
  max-width: 1075px;
  border: none;
  -webkit-box-shadow: none;
          box-shadow: none;
  position: relative;
  padding-right: 1px;
}
@media screen and (max-width: 1075px) {
  .resource-area-video-section .resource-area-content__video-item-wrapper {
    width: 100%;
    height: auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
}
.resource-area-video-section .resource-area-content__video-item-wrapper .resource-area-video__bg-image {
  top: 0;
  height: 100%;
  width: 100%;
  max-width: 100%;
  opacity: 1;
}
@media screen and (max-width: 1075px) {
  .resource-area-video-section .resource-area-content__video-item-wrapper .resource-area-video__bg-image {
    width: 100%;
    height: auto;
    left: 0;
    right: 0;
    bottom: 0;
    margin: 0;
  }
}
.resource-area-video-section .resource-area-content__video-item-wrapper .play-img {
  width: 100%;
  bottom: 0;
  top: auto;
  height: 45px;
  vertical-align: middle;
  margin-bottom: 0;
}
@media screen and (max-width: 1075px) {
  .resource-area-video-section .resource-area-content__video-item-wrapper .play-img {
    margin-left: 3px;
    margin-top: -6px;
    height: 30px;
  }
}
.resource-area-video-section .resource-area-content__item {
  max-width: 1075px;
}

.resource-area__search {
  padding: 0;
  text-align: center;
}
.resource-area__search .resource-area__link-container li {
  font-size: 14px !important;
}
@media screen and (max-width: 1075px) {
  .resource-area__search .resource-area__link-container li {
    padding: 20px 15px;
  }
}
.resource-area__search h1 {
  font-size: 28px !important;
  line-height: 36px !important;
  padding-bottom: 0;
  max-width: 550px;
  font-weight: 600;
  margin: 0 auto 40px;
}
@media screen and (max-width: 1075px) {
  .resource-area__search h1 br {
    display: none;
  }
}
.resource-area__search p, .resource-area__search .paragraph {
  font-size: 22px !important;
  line-height: 30px !important;
  font-weight: 400;
}
@media screen and (max-width: 1075px) {
  .resource-area__search p, .resource-area__search .paragraph {
    font-size: 16px !important;
    line-height: 24px !important;
  }
}
.resource-area__search button, .resource-area__search .btn, .resource-area__search .hs-button {
  background: transparent;
  height: 40px;
  width: 40px;
  position: absolute;
  right: 8px;
  top: 10px;
}
.resource-area__search button.search-delete, .resource-area__search .search-delete.btn, .resource-area__search .search-delete.hs-button {
  display: none;
}
.resource-area__search button:focus, .resource-area__search .btn:focus, .resource-area__search .hs-button:focus {
  outline: 0;
}
@media screen and (max-width: 1075px) {
  .resource-area__search button, .resource-area__search .btn, .resource-area__search .hs-button {
    top: 11px;
    background-size: 27px;
  }
}
.resource-area__search button i, .resource-area__search .btn i, .resource-area__search .hs-button i {
  font-size: 25px;
  top: 2px;
  position: absolute;
  right: 5px;
  color: #bdc3c7;
}
.resource-area__search form {
  max-width: 550px;
  margin: 0 auto;
  position: relative;
}
.resource-area__search form:hover button i, .resource-area__search form:hover .btn i, .resource-area__search form:hover .hs-button i, .resource-area__search form:active button i, .resource-area__search form:active .btn i, .resource-area__search form:active .hs-button i, .resource-area__search form:focus button i, .resource-area__search form:focus .btn i, .resource-area__search form:focus .hs-button i {
  color: #00c4c9 !important;
  -webkit-transition: ease 0.3s;
  transition: ease 0.3s;
}
.resource-area__search form:hover button i:hover, .resource-area__search form:hover .btn i:hover, .resource-area__search form:hover .hs-button i:hover, .resource-area__search form:active button i:hover, .resource-area__search form:active .btn i:hover, .resource-area__search form:active .hs-button i:hover, .resource-area__search form:focus button i:hover, .resource-area__search form:focus .btn i:hover, .resource-area__search form:focus .hs-button i:hover {
  color: #00acb2 !important;
}
.resource-area__search form:hover input[type=text], .resource-area__search form:hover [type=text].hs-input, .resource-area__search form:active input[type=text], .resource-area__search form:active [type=text].hs-input, .resource-area__search form:focus input[type=text], .resource-area__search form:focus [type=text].hs-input {
  border-color: #00c4c9 !important;
}
.resource-area__search input[type=text], .resource-area__search [type=text].hs-input {
  border: 1px solid rgba(128, 128, 128, 0.4588235294) !important;
  height: 48px;
  background-color: transparent;
  padding-right: 60px !important;
  border-top-right-radius: 3px !important;
  border-bottom-right-radius: 3px !important;
  font-weight: 600;
  font-size: 18px !important;
  margin-right: 0;
  padding-left: 1rem;
  color: #434f57;
}
.resource-area__search input[type=text]::-webkit-input-placeholder, .resource-area__search [type=text].hs-input::-webkit-input-placeholder {
  color: #bdc3c7;
}
.resource-area__search input[type=text]::-moz-placeholder, .resource-area__search [type=text].hs-input::-moz-placeholder {
  color: #bdc3c7;
}
.resource-area__search input[type=text]::-ms-input-placeholder, .resource-area__search [type=text].hs-input::-ms-input-placeholder {
  color: #bdc3c7;
}
.resource-area__search input[type=text]::placeholder, .resource-area__search [type=text].hs-input::placeholder {
  color: #bdc3c7;
}
.resource-area__search input[type=text]:hover, .resource-area__search [type=text].hs-input:hover, .resource-area__search input[type=text]:active, .resource-area__search [type=text].hs-input:active, .resource-area__search input[type=text]:focus, .resource-area__search [type=text].hs-input:focus, .resource-area__search input[type=text]:visited, .resource-area__search [type=text].hs-input:visited {
  border-color: #00c4c9 !important;
  background-color: transparent !important;
}
@media screen and (max-width: 1075px) {
  .resource-area__search input[type=text], .resource-area__search [type=text].hs-input {
    height: 50px;
    position: static;
    padding-left: 15px !important;
    margin-bottom: 10px !important;
  }
}
.resource-area__search .search-results-notification {
  text-align: left;
  font-size: 16px !important;
  font-weight: 600;
  margin-bottom: 0;
  padding-bottom: 0;
  position: relative;
  top: 95px;
  left: 34px;
}
@media screen and (max-width: 1075px) {
  .resource-area__search .search-results-notification {
    top: 0;
    left: 10px;
  }
}
.resource-area__search .search-results-notification span {
  color: #00c4c9;
}

.resources-search__delete {
  position: absolute;
  right: 209px;
  top: 9px;
  background: transparent;
  color: #434f57;
  font-size: 28px;
  cursor: pointer;
}
@media screen and (max-width: 1075px) {
  .resources-search__delete {
    right: 20px;
    top: 3px;
    font-size: 24px;
  }
}
.resources-search__delete:hover, .resources-search__delete:focus, .resources-search__delete:active {
  outline: none;
  opacity: 0.8;
}

.list-articles-count {
  font-size: 16px !important;
  line-height: 19px !important;
  position: absolute;
  right: 0;
  top: 14px;
}

.resource-area-thank--section {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.loader-overlay {
  position: absolute;
  width: 100%;
  height: 100%;
  background: rgba(255, 255, 255, 0.8);
  display: none;
  z-index: 12000;
}

.loader-icon-wrap {
  width: 64px;
  height: 64px;
  position: absolute;
  top: 100px;
  left: 50%;
  margin-left: -32px;
  z-index: 13000;
}

.lds-ring {
  display: inline-block;
  position: absolute;
  width: 64px;
  height: 64px;
}

.lds-ring div {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  display: block;
  position: absolute;
  width: 51px;
  height: 51px;
  margin: 6px;
  border: 6px solid #818181;
  border-radius: 50%;
  -webkit-animation: lds-ring 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
          animation: lds-ring 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
  border-color: #818181 transparent transparent transparent;
}

.lds-ring div:nth-child(1) {
  -webkit-animation-delay: -0.45s;
          animation-delay: -0.45s;
}

.lds-ring div:nth-child(2) {
  -webkit-animation-delay: -0.3s;
          animation-delay: -0.3s;
}

.lds-ring div:nth-child(3) {
  -webkit-animation-delay: -0.15s;
          animation-delay: -0.15s;
}

@-webkit-keyframes lds-ring {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}

@keyframes lds-ring {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}
.resource-area-item-without-form {
  width: 100%;
  max-width: 920px;
  margin: 0 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 72px 0 60px;
}
.resource-area-item-without-form .resource--image-wrapper {
  width: 50%;
}
.resource-area-item-without-form .resource--content-wrapper {
  width: 50%;
  padding-left: 60px;
  padding-top: 6px;
  padding-bottom: 17px;
  padding-right: 30px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
@media screen and (min-width: 1075px) {
  .resource-area-item-without-form .resource--content-wrapper.workplace {
    width: 52%;
  }
}
.resource-area-item-without-form .resource--content-wrapper.workplace ul {
  padding: 0;
  margin: 0;
  list-style-type: none;
  margin-bottom: 30px;
}
.resource-area-item-without-form .resource--content-wrapper.workplace ul span {
  font-weight: 600;
  color: #1ab79c;
}
.resource-area-item-without-form .resource--content-wrapper img {
  max-width: 180px;
  margin-bottom: 37px;
}
.resource-area-item-without-form .resource--content-wrapper h1 {
  font-size: 25px;
  font-weight: 600;
  margin-bottom: 20px;
}
.resource-area-item-without-form .resource--content-wrapper h2 {
  font-size: 28px;
  font-weight: 600;
  margin-bottom: 20px;
}
.resource-area-item-without-form .resource--content-wrapper h4,
.resource-area-item-without-form .resource--content-wrapper ol li {
  font-size: 16px;
  font-weight: 400;
  margin-bottom: 0;
  color: #434f57;
}
.resource-area-item-without-form .resource--content-wrapper p, .resource-area-item-without-form .resource--content-wrapper .paragraph {
  margin-bottom: 6px;
}
.resource-area-item-without-form .resource--content-wrapper p, .resource-area-item-without-form .resource--content-wrapper .paragraph,
.resource-area-item-without-form .resource--content-wrapper h4,
.resource-area-item-without-form .resource--content-wrapper ol li {
  line-height: 28px;
}
.resource-area-item-without-form .resource--content-wrapper .cta-button {
  width: 100%;
  max-height: 48px;
}
.resource-area-item-without-form .resource--content-wrapper .cta-button .btn, .resource-area-item-without-form .resource--content-wrapper .cta-button .hs-button {
  width: 100%;
  line-height: 23px;
}
@media screen and (max-width: 1075px) {
  .resource-area-item-without-form {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
            flex-direction: column-reverse;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    padding-bottom: 0;
    padding-top: 48px;
    margin-bottom: 59px;
  }
  .resource-area-item-without-form .resource--image-wrapper,
.resource-area-item-without-form .resource--content-wrapper {
    width: 100%;
    padding: 0 20px;
    margin-bottom: 60px;
  }
  .resource-area-item-without-form .resource--image-wrapper {
    padding: 0 12px 0 14px;
    margin-bottom: 0;
  }
}

.hero--features-list {
  height: 470px;
  text-align: center;
  background: white;
  background-image: url("https://549864.fs1.hubspotusercontent-na1.net/hubfs/549864/assets/features-list/hero-bg-image-v3@2x.png");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 1350px;
}
@media screen and (max-width: 1075px) {
  .hero--features-list {
    height: 490px;
    background-image: url("https://549864.fs1.hubspotusercontent-na1.net/hubfs/549864/assets/features-list/hero-bg-image-mobile-v3.png");
    background-position: center 20px;
    background-size: 340px;
  }
}
.hero--features-list .hero-content {
  margin-top: -60px;
}
@media screen and (max-width: 1075px) {
  .hero--features-list .hero-content {
    margin-top: -40px;
  }
}
.hero--features-list .hero-product {
  text-align: center;
}
.hero--features-list .hero-product-name {
  width: 100%;
}
.hero--features-list .hero-product-name h1 {
  font-size: 38px;
  line-height: 46px;
  font-weight: bold;
}
@media screen and (max-width: 1075px) {
  .hero--features-list .hero-product-name h1 {
    max-width: 230px;
    font-size: 30px;
    line-height: 38px;
    margin: 0 auto;
  }
}
.hero--features-list .hero-title {
  font-size: 18px;
  line-height: 26px;
  color: #36454E;
  max-width: 815px !important;
  margin: 0 auto;
  text-align: center;
}
@media screen and (max-width: 1075px) {
  .hero--features-list .hero-title {
    max-width: 308px;
    font-size: 18px;
    line-height: 26px;
  }
}
.hero--features-list .hero-cta a, .hero--features-list .hero-cta .link {
  margin-top: 40px;
  font-size: 16px;
  line-height: 19px;
  color: #FFFFFF;
  background: #ff6600;
  border-color: #ff6600;
  padding: 15px 25px;
}
@media screen and (max-width: 1075px) {
  .hero--features-list .hero-cta a, .hero--features-list .hero-cta .link {
    padding: 15px 16px;
  }
}
.hero--features-list .hero-cta a:hover, .hero--features-list .hero-cta .link:hover, .hero--features-list .hero-cta a:focus, .hero--features-list .hero-cta .link:focus, .hero--features-list .hero-cta a:active, .hero--features-list .hero-cta .link:active {
  background-color: #f26200 !important;
}

.feature-list {
  margin: 60px -15px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
@media screen and (max-width: 1075px) {
  .feature-list {
    margin: 20px 0;
  }
}

.feature-item {
  width: 33.333%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 15px 12px;
  margin: 0;
  cursor: pointer;
  display: none;
}
@media screen and (max-width: 1075px) {
  .feature-item {
    width: 50%;
  }
}
@media screen and (max-width: 630px) {
  .feature-item {
    width: 100%;
  }
}
.feature-item:hover .orange-link__arrow:after, .feature-item:focus .orange-link__arrow:after, .feature-item:active .orange-link__arrow:after {
  width: 100%;
}
.feature-item:hover .feature-item__content, .feature-item:focus .feature-item__content, .feature-item:active .feature-item__content {
  margin-top: -5px;
  margin-bottom: 5px;
  -webkit-box-shadow: 2px 4px 10px 0 rgba(0, 0, 0, 0.28);
          box-shadow: 2px 4px 10px 0 rgba(0, 0, 0, 0.28);
}
.feature-item .feature-item__content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  width: 100%;
  height: 100%;
  padding: 25px 30px;
  -webkit-box-shadow: 2px 4px 10px 0 rgba(0, 0, 0, 0.16);
          box-shadow: 2px 4px 10px 0 rgba(0, 0, 0, 0.16);
  border-radius: 3px;
  -webkit-transition: ease 0.3s;
  transition: ease 0.3s;
}
.feature-item .feature-item__content h3 {
  font-size: 20px !important;
  line-height: 24px;
  margin-bottom: 13px;
  padding: 0;
}
.feature-item .feature-item__content p, .feature-item .feature-item__content .paragraph {
  font-size: 13px !important;
  line-height: 19px;
}
.feature-item .feature-item__content a, .feature-item .feature-item__content .link {
  margin-top: auto;
  display: inline-block;
}
@media screen and (min-width: 900px) {
  .feature-item .feature-item__content a, .feature-item .feature-item__content .link {
    width: 115px;
  }
}
.feature-item.is-active {
  display: block;
}

.features-list__content .tabbing-group-navbar #feature-list {
  width: 100%;
}
@media screen and (max-width: 900px) {
  .features-list__content .tabbing-group-navbar #feature-list {
    margin: 0 20px;
    overflow-x: scroll;
    overflow-y: hidden;
    width: auto;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
}
.features-list__content .tabbing-group-navbar #feature-list li {
  margin-right: 50px;
}
.features-list__content .tabbing-group-navbar #feature-list li:last-child {
  margin-right: 0;
}
@media screen and (max-width: 900px) {
  .features-list__content .tabbing-group-navbar #feature-list li {
    margin-right: 26px;
  }
}
.features-list__content .tabbing-group-navbar #feature-list li button, .features-list__content .tabbing-group-navbar #feature-list li .btn, .features-list__content .tabbing-group-navbar #feature-list li .hs-button {
  font-size: 20px;
  line-height: 40px;
}
@media screen and (max-width: 900px) {
  .features-list__content .tabbing-group-navbar #feature-list li button, .features-list__content .tabbing-group-navbar #feature-list li .btn, .features-list__content .tabbing-group-navbar #feature-list li .hs-button {
    white-space: nowrap;
    font-size: 16px;
  }
}
.features-list__content .tabbing-group-navbar #feature-list li.active button, .features-list__content .tabbing-group-navbar #feature-list li.active .btn, .features-list__content .tabbing-group-navbar #feature-list li.active .hs-button, .features-list__content .tabbing-group-navbar #feature-list li:hover button, .features-list__content .tabbing-group-navbar #feature-list li:hover .btn, .features-list__content .tabbing-group-navbar #feature-list li:hover .hs-button, .features-list__content .tabbing-group-navbar #feature-list li:focus button, .features-list__content .tabbing-group-navbar #feature-list li:focus .btn, .features-list__content .tabbing-group-navbar #feature-list li:focus .hs-button, .features-list__content .tabbing-group-navbar #feature-list li:active button, .features-list__content .tabbing-group-navbar #feature-list li:active .btn, .features-list__content .tabbing-group-navbar #feature-list li:active .hs-button {
  color: #434F57;
  border-bottom: 2px solid #FF6D00;
}

.terms-of-service li {
  padding-bottom: 10px;
}
.terms-of-service li:last-child {
  padding-bottom: 0;
}
.terms-of-service ol, .terms-of-service ul {
  padding-bottom: 0;
}
.terms-of-service p, .terms-of-service .paragraph {
  margin-top: 20px;
  margin-bottom: 10px;
  padding-bottom: 0;
}

.electronic-signatures-documentation ul {
  list-style-type: decimal;
}

@media screen and (min-width: 1220px) {
  .blog-new .hero-blog-new__mobile-title {
    display: none;
  }
}
.blog-new .hero-resource-area {
  padding: 0;
}
.blog-new .hero-blog-new {
  height: auto;
}
.blog-new .hero-blog-new--hidden {
  display: none !important;
}
.blog-new .hero-blog-new .section-row {
  -webkit-box-shadow: 1px 2px 6px 0 rgba(0, 0, 0, 0.16);
          box-shadow: 1px 2px 6px 0 rgba(0, 0, 0, 0.16);
  border-radius: 4px;
  -webkit-transition: ease 0.3s;
  transition: ease 0.3s;
}
.blog-new .hero-blog-new .section-row:hover, .blog-new .hero-blog-new .section-row:focus, .blog-new .hero-blog-new .section-row:active {
  -webkit-box-shadow: 2px 4px 10px 0 rgba(0, 0, 0, 0.2);
          box-shadow: 2px 4px 10px 0 rgba(0, 0, 0, 0.2);
}
.blog-new .hero-blog-new .section {
  margin-bottom: -240px;
  max-width: 336px;
  padding-left: 0 !important;
  padding-right: 0 !important;
  cursor: pointer;
}
@media screen and (min-width: 1075px) {
  .blog-new .hero-blog-new .section {
    max-width: none;
    padding: 40px 0 0;
    margin-bottom: -60px;
  }
}
@media screen and (min-width: 1075px) {
  .blog-new .hero-blog-new .section-col:first-child {
    -webkit-box-flex: 680px;
        -ms-flex: 680px;
            flex: 680px;
    max-width: 680px;
  }
}
@media screen and (min-width: 1075px) and (max-width: 1075px) {
  .blog-new .hero-blog-new .section-col:first-child {
    border-top-right-radius: 4px;
    border-top-left-radius: 4px;
  }
}
@media screen and (min-width: 1075px) and (min-width: 1075px) {
  .blog-new .hero-blog-new .section-col:first-child {
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
  }
}
.blog-new .hero-blog-new .section-col:first-child img {
  width: 100%;
  max-width: none;
  margin-bottom: 0;
}
@media screen and (max-width: 1075px) {
  .blog-new .hero-blog-new .section-col:first-child img {
    border-top-right-radius: 4px;
    border-top-left-radius: 4px;
  }
}
@media screen and (min-width: 1075px) {
  .blog-new .hero-blog-new .section-col:first-child img {
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
  }
}
.blog-new .hero-blog-new .section-col:last-child {
  padding: 30px 24px;
  margin-left: 0 !important;
  width: auto;
  background: white;
}
@media screen and (max-width: 1075px) {
  .blog-new .hero-blog-new .section-col:last-child {
    border-bottom-right-radius: 4px;
    border-bottom-left-radius: 4px;
  }
}
@media screen and (min-width: 1075px) {
  .blog-new .hero-blog-new .section-col:last-child {
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
  }
}
.blog-new .hero-blog-new .section-title {
  font-size: 26px !important;
  line-height: 38px !important;
  margin-bottom: 8px;
  text-align: left !important;
}
@media screen and (max-width: 1075px) {
  .blog-new .hero-blog-new .section-title {
    font-size: 20px !important;
    line-height: 28px !important;
  }
}
.blog-new .hero-blog-new .blog-new__featured-text {
  font-size: 16px !important;
  line-height: 26px !important;
  color: #36454e;
  text-align: left !important;
}
@media screen and (max-width: 1075px) {
  .blog-new .hero-blog-new .blog-new__featured-text {
    font-size: 14px !important;
    line-height: 22px !important;
    margin-bottom: 30px !important;
  }
}
.blog-new .hero-blog-new .hero-blog-new__tag {
  margin-top: auto;
  text-align: left !important;
  margin-right: auto;
}
.blog-new .resource-area__search {
  padding: 60px 0 40px !important;
}
@media screen and (max-width: 1075px) {
  .blog-new .resource-area__search {
    padding-top: 20px !important;
  }
}
.blog-new .resource-area-content {
  margin-top: 150px;
  background: transparent;
}
@media screen and (max-width: 1050px) {
  .blog-new .resource-area-content {
    margin-top: 240px;
  }
}
.blog-new .resource-area-content--topic {
  margin-top: 60px !important;
}
.blog-new .resource-area-content__list-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -ms-flex-pack: distribute;
      justify-content: space-around;
}
.blog-new .resource-area-content__item {
  width: 336px;
  padding: 0;
  margin: 10px;
  cursor: pointer;
  -webkit-transition: ease 0.3s;
  transition: ease 0.3s;
  display: block !important;
}
.blog-new .resource-area-content__item-wrapper {
  border: none;
  -webkit-box-shadow: 1px 2px 6px 0 rgba(67, 79, 87, 0.16);
          box-shadow: 1px 2px 6px 0 rgba(67, 79, 87, 0.16);
  -webkit-transition: ease 0.3s;
  transition: ease 0.3s;
  border-radius: 4px;
}
.blog-new .resource-area-content__item:hover .resource-area-content__item-wrapper, .blog-new .resource-area-content__item:focus .resource-area-content__item-wrapper {
  border: red;
  -webkit-box-shadow: 2px 4px 10px 0 rgba(0, 0, 0, 0.2);
          box-shadow: 2px 4px 10px 0 rgba(0, 0, 0, 0.2);
}
.blog-new .resource-area-content__item-wrapper {
  height: 100%;
}
.blog-new .resource-area-content__item-image {
  height: 176px;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
  background-size: cover;
  background-position: center;
}
.blog-new .blog-content__item-content {
  height: 240px;
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
  background-color: #fff;
}
@media screen and (max-width: 1050px) {
  .blog-new .blog-content__item-content {
    height: auto;
  }
}
.blog-new .blog-pagination {
  margin-left: 0;
  margin-bottom: 80px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.blog-new .blog-pagination a, .blog-new .blog-pagination .link {
  background: transparent;
  border: 1px solid #434f57;
  border-radius: 4px;
  color: #434f57 !important;
  font-size: 16px;
  line-height: 19px;
  padding: 13px 19px;
  margin-right: 24px;
  -webkit-transition: ease 0.3s;
  transition: ease 0.3s;
}
.blog-new .blog-pagination a.active, .blog-new .blog-pagination .active.link, .blog-new .blog-pagination a:hover, .blog-new .blog-pagination .link:hover, .blog-new .blog-pagination a:active, .blog-new .blog-pagination .link:active, .blog-new .blog-pagination a:focus, .blog-new .blog-pagination .link:focus {
  border-color: #ff6d00;
  background: #ff6d00;
  color: white !important;
}
@media screen and (max-width: 1075px) {
  .blog-new .blog-pagination a, .blog-new .blog-pagination .link {
    padding: 2px 8px;
    font-size: 12px;
    margin-right: 4px;
  }
}
@media screen and (max-width: 362px) {
  .blog-new .blog-pagination a, .blog-new .blog-pagination .link {
    padding: 2px 7px;
    font-size: 10px;
  }
}
.blog-new .blog-pagination .prev-link {
  border-color: #ff6d00;
  color: #ff6d00 !important;
}
.blog-new .blog-pagination .next-link {
  border-color: #ff6d00;
  color: #ff6d00 !important;
}

.blog-content__item-content {
  padding: 20px 20px;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.blog-content__item-content h3 {
  font-size: 20px !important;
  line-height: 28px;
  margin-bottom: 10px;
  padding-bottom: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
}
@media screen and (max-width: 1075px) {
  .blog-content__item-content h3 {
    font-size: 22px !important;
    line-height: 30px;
  }
}
.blog-content__item-content .resource-area-content__item-text {
  font-size: 14px !important;
  line-height: 22px;
  margin-bottom: auto;
  padding-bottom: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}

.hero-blog-new__tag-wrap {
  margin-top: auto;
}

.blog-new-detail__header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  background: #f7f9f9;
}
@media screen and (max-width: 1075px) {
  .blog-new-detail__header {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }
}

@media screen and (max-width: 1325px) {
  .side-banner {
    right: -17rem;
  }
}

.container-blog {
  max-width: 780px !important;
}
@media screen and (min-width: 1075px) {
  .container-blog {
    padding-right: 32px;
  }
}
.container-blog li:not(:first-child) {
  margin-top: 0.75rem;
  margin-bottom: 0.75rem;
}

.blog-new-detail .blog-new-detail__image {
  margin-bottom: -60px;
}
.blog-new-detail .blog-new-detail__title h1 {
  font-size: 36px;
  line-height: 46px;
  font-weight: 600;
  max-width: 850px;
  margin: 0 auto 30px;
  text-align: center;
}
@media (max-width: 1074px) {
  .blog-new-detail .blog-new-detail__title h1 {
    font-size: 32px;
    line-height: 40px;
  }
}
.blog-new-detail .blog-new-detail__meta {
  margin-bottom: 40px;
  text-align: center;
}
.blog-new-detail .blog-new-detail__meta span {
  color: #838e95;
  font-size: 13px !important;
  line-height: 1 !important;
}
@media (max-width: 1074px) {
  .blog-new-detail .blog-new-detail__meta span {
    margin-top: 1rem;
    display: block;
  }
}
@media (max-width: 1429px) {
  .blog-new-detail #hs_cos_wrapper_quick-links {
    position: -webkit-sticky;
    position: sticky;
    top: 7.875rem;
    z-index: 10;
  }
}
@media (max-width: 1074px) {
  .blog-new-detail #hs_cos_wrapper_quick-links {
    top: 7rem;
  }
}
@media (max-width: 1429px) {
  .blog-new-detail .table-of-contents {
    max-width: 780px;
    padding-right: 32px;
    margin-top: -2rem;
    margin-bottom: 1.5rem;
  }
}
@media (max-width: 1074px) {
  .blog-new-detail .table-of-contents {
    padding: 0;
    margin-top: 0;
    margin-bottom: 0;
  }
}
.blog-new-detail .blog-new-detail__content {
  margin-bottom: 120px;
  padding-top: 120px;
}
@media screen and (max-width: 1075px) {
  .blog-new-detail .blog-new-detail__content {
    margin-bottom: 10px;
    padding-left: 1.5rem;
    padding-right: 1.5rem;
    padding-top: 90px;
  }
}
.blog-new-detail .blog-new-detail__content p, .blog-new-detail .blog-new-detail__content .paragraph {
  font-size: 17px !important;
  line-height: 30px !important;
  font-weight: 400;
  max-width: 850px;
  color: #434f57;
}
.blog-new-detail .blog-new-detail__content p.bold, .blog-new-detail .blog-new-detail__content .bold.paragraph {
  font-weight: 600 !important;
  font-size: 22px !important;
  line-height: 32px !important;
  max-width: 440px;
}
@media screen and (max-width: 1075px) {
  .blog-new-detail .blog-new-detail__content p, .blog-new-detail .blog-new-detail__content .paragraph {
    font-size: 16px !important;
    line-height: 27px !important;
  }
}
.blog-new-detail .blog-new-detail__content h2 {
  font-size: 35px !important;
  line-height: 45px !important;
  font-weight: 600;
  max-width: 850px;
  margin-bottom: 16px;
  margin-top: 1.5rem;
  color: #434f57;
}
@media screen and (max-width: 1075px) {
  .blog-new-detail .blog-new-detail__content h2 {
    font-size: 18px !important;
    line-height: 27px !important;
    font-weight: 700 !important;
  }
}
.blog-new-detail .blog-new-detail__content h3 {
  font-size: 25px;
  margin-bottom: 0.75rem;
  margin-top: 1rem;
  line-height: 37px;
  font-weight: 500;
  max-width: 850px;
  color: #434f57;
}
@media screen and (max-width: 1075px) {
  .blog-new-detail .blog-new-detail__content h3 {
    font-size: 16px;
    line-height: 27px;
    font-weight: 700;
  }
}
@media screen and (max-width: 1325px) {
  .blog-new-detail .blog-new-detail__content {
    max-width: -webkit-fit-content;
    max-width: -moz-fit-content;
    max-width: fit-content;
    margin-left: 0;
  }
}
.blog-new-detail .blog-new-detail__back a, .blog-new-detail .blog-new-detail__back .link {
  font-size: 16px !important;
  line-height: 19px !important;
  color: #ff6d00 !important;
  font-weight: 600;
}
.blog-new-detail .blog-new-detail__tags {
  background: transparent;
  -webkit-transition: ease 0.3s;
  transition: ease 0.3s;
}
.blog-new-detail .blog-new-detail__tags a, .blog-new-detail .blog-new-detail__tags .link {
  font-size: 10px;
  line-height: 12px;
  font-weight: 600;
  border: 1px solid #54c3ca;
  border-radius: 50px;
  -webkit-transition: ease 0.3s;
  transition: ease 0.3s;
  color: #54c3ca;
  padding: 5px 16px;
  outline: none;
}
.blog-new-detail .blog-new-detail__tags--onboarding a, .blog-new-detail .blog-new-detail__tags--onboarding .link {
  color: #8d5f9f;
  border-color: #8d5f9f;
}
.blog-new-detail .blog-new-detail__tags--onboarding a:hover, .blog-new-detail .blog-new-detail__tags--onboarding .link:hover, .blog-new-detail .blog-new-detail__tags--onboarding a:focus, .blog-new-detail .blog-new-detail__tags--onboarding .link:focus, .blog-new-detail .blog-new-detail__tags--onboarding a:active, .blog-new-detail .blog-new-detail__tags--onboarding .link:active {
  color: #fff;
  background: #8d5f9f;
}
.blog-new-detail .blog-new-detail__tags--recruiting a, .blog-new-detail .blog-new-detail__tags--recruiting .link {
  color: #1787e0;
  border-color: #1787e0;
}
.blog-new-detail .blog-new-detail__tags--recruiting a:hover, .blog-new-detail .blog-new-detail__tags--recruiting .link:hover, .blog-new-detail .blog-new-detail__tags--recruiting a:focus, .blog-new-detail .blog-new-detail__tags--recruiting .link:focus, .blog-new-detail .blog-new-detail__tags--recruiting a:active, .blog-new-detail .blog-new-detail__tags--recruiting .link:active {
  color: #fff;
  background: #1787e0;
}
.blog-new-detail .blog-new-detail__tags--hr-management a, .blog-new-detail .blog-new-detail__tags--hr-management .link {
  color: #6bc61c;
  border-color: #6bc61c;
}
.blog-new-detail .blog-new-detail__tags--hr-management a:hover, .blog-new-detail .blog-new-detail__tags--hr-management .link:hover, .blog-new-detail .blog-new-detail__tags--hr-management a:focus, .blog-new-detail .blog-new-detail__tags--hr-management .link:focus, .blog-new-detail .blog-new-detail__tags--hr-management a:active, .blog-new-detail .blog-new-detail__tags--hr-management .link:active {
  color: #fff;
  background: #6bc61c;
}
.blog-new-detail .blog-new-detail__tags--employee-engagement a, .blog-new-detail .blog-new-detail__tags--employee-engagement .link {
  color: #1ab79c;
  border-color: #1ab79c;
}
.blog-new-detail .blog-new-detail__tags--employee-engagement a:hover, .blog-new-detail .blog-new-detail__tags--employee-engagement .link:hover, .blog-new-detail .blog-new-detail__tags--employee-engagement a:focus, .blog-new-detail .blog-new-detail__tags--employee-engagement .link:focus, .blog-new-detail .blog-new-detail__tags--employee-engagement a:active, .blog-new-detail .blog-new-detail__tags--employee-engagement .link:active {
  color: #fff;
  background: #1ab79c;
}
.blog-new-detail .blog-new-detail__tags--compliance a, .blog-new-detail .blog-new-detail__tags--compliance .link {
  color: #e98825;
  border-color: #e98825;
}
.blog-new-detail .blog-new-detail__tags--compliance a:hover, .blog-new-detail .blog-new-detail__tags--compliance .link:hover, .blog-new-detail .blog-new-detail__tags--compliance a:focus, .blog-new-detail .blog-new-detail__tags--compliance .link:focus, .blog-new-detail .blog-new-detail__tags--compliance a:active, .blog-new-detail .blog-new-detail__tags--compliance .link:active {
  color: #fff;
  background: #e98825;
}
.blog-new-detail .blog-new-detail__tags--integrations a, .blog-new-detail .blog-new-detail__tags--integrations .link {
  color: #54c3ca;
  border-color: #54c3ca;
}
.blog-new-detail .blog-new-detail__tags--integrations a:hover, .blog-new-detail .blog-new-detail__tags--integrations .link:hover, .blog-new-detail .blog-new-detail__tags--integrations a:focus, .blog-new-detail .blog-new-detail__tags--integrations .link:focus, .blog-new-detail .blog-new-detail__tags--integrations a:active, .blog-new-detail .blog-new-detail__tags--integrations .link:active {
  color: #fff;
  background: #54c3ca;
}
.blog-new-detail .blog-new-detail__tags--public-relations a, .blog-new-detail .blog-new-detail__tags--public-relations .link {
  color: #ff5556;
  border-color: #ff5556;
}
.blog-new-detail .blog-new-detail__tags--public-relations a:hover, .blog-new-detail .blog-new-detail__tags--public-relations .link:hover, .blog-new-detail .blog-new-detail__tags--public-relations a:focus, .blog-new-detail .blog-new-detail__tags--public-relations .link:focus, .blog-new-detail .blog-new-detail__tags--public-relations a:active, .blog-new-detail .blog-new-detail__tags--public-relations .link:active {
  color: #fff;
  background: #ff5556;
}
.blog-new-detail ul {
  font-size: 17px;
  line-height: normal;
  padding-bottom: 17px !important;
  padding-bottom: 0 !important;
  list-style: inherit;
}
.blog-new-detail ul li p, .blog-new-detail ul li .paragraph {
  padding: 0 !important;
  margin: 0 !important;
}

.hero-blog-new__tag {
  display: inline-block;
  background: transparent;
  margin-top: auto;
  margin-right: 5px;
}
.hero-blog-new__tag:nth-child(3), .hero-blog-new__tag:nth-child(5), .hero-blog-new__tag:last-child {
  margin-top: 10px;
}
@media screen and (max-width: 1075px) {
  .hero-blog-new__tag {
    margin-top: 10px;
  }
}
.hero-blog-new__tag a, .hero-blog-new__tag .link {
  font-size: 10px;
  line-height: 12px;
  font-weight: 600;
  border: 1px solid #54c3ca;
  border-radius: 50px;
  -webkit-transition: ease 0.3s;
  transition: ease 0.3s;
  color: #54c3ca;
  padding: 5px 16px;
  outline: none;
}
.hero-blog-new__tag a:hover, .hero-blog-new__tag .link:hover, .hero-blog-new__tag a:focus, .hero-blog-new__tag .link:focus, .hero-blog-new__tag a:active, .hero-blog-new__tag .link:active {
  color: #fff;
  background: #54c3ca;
}
.hero-blog-new__tag--featured-content {
  display: none;
}
.hero-blog-new__tag--all a, .hero-blog-new__tag--all .link {
  color: #434f57;
  border-color: #434f57;
}
.hero-blog-new__tag--all a:hover, .hero-blog-new__tag--all .link:hover, .hero-blog-new__tag--all a:focus, .hero-blog-new__tag--all .link:focus, .hero-blog-new__tag--all a:active, .hero-blog-new__tag--all .link:active {
  color: #fff;
  background: #434f57;
}
.hero-blog-new__tag--onboarding a, .hero-blog-new__tag--onboarding .link {
  color: #8d5f9f;
  border-color: #8d5f9f;
}
.hero-blog-new__tag--onboarding a:hover, .hero-blog-new__tag--onboarding .link:hover, .hero-blog-new__tag--onboarding a:focus, .hero-blog-new__tag--onboarding .link:focus, .hero-blog-new__tag--onboarding a:active, .hero-blog-new__tag--onboarding .link:active {
  color: #fff;
  background: #8d5f9f;
}
.hero-blog-new__tag--recruiting a, .hero-blog-new__tag--recruiting .link {
  color: #1787e0;
  border-color: #1787e0;
}
.hero-blog-new__tag--recruiting a:hover, .hero-blog-new__tag--recruiting .link:hover, .hero-blog-new__tag--recruiting a:focus, .hero-blog-new__tag--recruiting .link:focus, .hero-blog-new__tag--recruiting a:active, .hero-blog-new__tag--recruiting .link:active {
  color: #fff;
  background: #1787e0;
}
.hero-blog-new__tag--recognition-rewards a, .hero-blog-new__tag--recognition-rewards .link {
  color: #54c3ca;
  border-color: #54c3ca;
}
.hero-blog-new__tag--recognition-rewards a:hover, .hero-blog-new__tag--recognition-rewards .link:hover, .hero-blog-new__tag--recognition-rewards a:focus, .hero-blog-new__tag--recognition-rewards .link:focus, .hero-blog-new__tag--recognition-rewards a:active, .hero-blog-new__tag--recognition-rewards .link:active {
  color: #fff;
  background: #54c3ca;
}
.hero-blog-new__tag--hr-management a, .hero-blog-new__tag--hr-management .link {
  color: #6bc61c;
  border-color: #6bc61c;
}
.hero-blog-new__tag--hr-management a:hover, .hero-blog-new__tag--hr-management .link:hover, .hero-blog-new__tag--hr-management a:focus, .hero-blog-new__tag--hr-management .link:focus, .hero-blog-new__tag--hr-management a:active, .hero-blog-new__tag--hr-management .link:active {
  color: #fff;
  background: #6bc61c;
}
.hero-blog-new__tag--employee-engagement a, .hero-blog-new__tag--employee-engagement .link {
  color: #1ab79c;
  border-color: #1ab79c;
}
.hero-blog-new__tag--employee-engagement a:hover, .hero-blog-new__tag--employee-engagement .link:hover, .hero-blog-new__tag--employee-engagement a:focus, .hero-blog-new__tag--employee-engagement .link:focus, .hero-blog-new__tag--employee-engagement a:active, .hero-blog-new__tag--employee-engagement .link:active {
  color: #fff;
  background: #1ab79c;
}
.hero-blog-new__tag--compliance a, .hero-blog-new__tag--compliance .link {
  color: #e98825;
  border-color: #e98825;
}
.hero-blog-new__tag--compliance a:hover, .hero-blog-new__tag--compliance .link:hover, .hero-blog-new__tag--compliance a:focus, .hero-blog-new__tag--compliance .link:focus, .hero-blog-new__tag--compliance a:active, .hero-blog-new__tag--compliance .link:active {
  color: #fff;
  background: #e98825;
}
.hero-blog-new__tag--integrations a, .hero-blog-new__tag--integrations .link {
  color: #54c3ca;
  border-color: #54c3ca;
}
.hero-blog-new__tag--integrations a:hover, .hero-blog-new__tag--integrations .link:hover, .hero-blog-new__tag--integrations a:focus, .hero-blog-new__tag--integrations .link:focus, .hero-blog-new__tag--integrations a:active, .hero-blog-new__tag--integrations .link:active {
  color: #fff;
  background: #54c3ca;
}
.hero-blog-new__tag--public-relations a, .hero-blog-new__tag--public-relations .link {
  color: #ff5556;
  border-color: #ff5556;
}
.hero-blog-new__tag--public-relations a:hover, .hero-blog-new__tag--public-relations .link:hover, .hero-blog-new__tag--public-relations a:focus, .hero-blog-new__tag--public-relations .link:focus, .hero-blog-new__tag--public-relations a:active, .hero-blog-new__tag--public-relations .link:active {
  color: #fff;
  background: #ff5556;
}

.tags-mobile {
  text-align: left;
  margin-bottom: 12px;
}

.blog-banner {
  width: 100%;
  font-weight: 600;
  background-color: #fff7e5;
  padding: 17px 20px;
  position: fixed;
  top: 70px;
  z-index: 10001;
}
.blog-banner .container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  line-height: 26px;
}
.blog-banner a, .blog-banner .link {
  color: #ff6d00;
}
.blog-banner a:hover, .blog-banner .link:hover {
  text-decoration: underline;
}
.blog-banner img {
  max-height: 45px;
  -ms-flex-item-align: center;
      align-self: center;
  margin-right: 20px;
}
.blog-banner .close-button {
  margin-left: 30px;
  cursor: pointer;
}

.blog-new__search-wrapper {
  background: #f7f9f9;
  padding-bottom: 0;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

.blog-new__search #resources-search {
  position: relative;
  max-width: 550px !important;
  margin: 0 auto;
}
@media screen and (max-width: 1075px) {
  .blog-new__search #resources-search {
    margin-bottom: 30px;
  }
}
.blog-new__search h1 {
  margin-bottom: 40px;
  font-size: 28px !important;
  line-height: 38px !important;
  padding-bottom: 0;
  max-width: 550px;
  font-weight: 600;
  margin: 0 auto 40px;
}
.blog-new__search .search-input {
  margin: 0 0 20px;
  height: 48px !important;
  background: transparent;
}
.blog-new__search input[type=text], .blog-new__search [type=text].hs-input {
  padding-left: 16px !important;
}
.blog-new__search button[type=submit], .blog-new__search [type=submit].btn, .blog-new__search [type=submit].hs-button {
  position: absolute;
  right: 0;
  top: 0;
  text-indent: -9999px;
  width: 64px;
  height: 48px;
  background: transparent;
}
.blog-new__search .slick-arrow {
  background: #fff;
  margin-top: 0;
}
.blog-new__search .slick-prev {
  left: -30px;
}
.blog-new__search .slick-next {
  right: -30px;
}
.blog-new__search .icon-search {
  position: absolute;
  right: 20px;
  top: 12px;
  font-size: 24px;
}

.blog-new__search-tags .slick-list {
  padding: 0 !important;
}

@media screen and (min-width: 1075px) {
  .blog-new__search-tags-wrapper {
    text-align: left;
  }
}

.blog-new__search-tag {
  margin-right: 8px;
  display: inline-block;
  margin-bottom: 10px;
}
.blog-new__search-tag a, .blog-new__search-tag .link {
  display: block;
  font-size: 14px;
  line-height: 17px;
  font-weight: 600;
  background: transparent;
  padding: 5px 16px;
  border: 1px solid #434f57;
  border-radius: 50px;
  -webkit-transition: 0.3s ease;
  transition: 0.3s ease;
  outline: none;
}
.blog-new__search-tag--featured-content {
  display: none !important;
}
.blog-new__search-tag--all a, .blog-new__search-tag--all .link {
  color: #434f57;
  border-color: #434f57;
}
.blog-new__search-tag--all a:hover, .blog-new__search-tag--all .link:hover, .blog-new__search-tag--all a:focus, .blog-new__search-tag--all .link:focus, .blog-new__search-tag--all a:active, .blog-new__search-tag--all .link:active {
  color: #fff;
  background: #434f57;
}
.blog-new__search-tag--all-active a, .blog-new__search-tag--all-active .link {
  color: #fff;
  background: #434f57;
}
.blog-new__search-tag--onboarding a, .blog-new__search-tag--onboarding .link {
  color: #8d5f9f;
  border-color: #8d5f9f;
}
.blog-new__search-tag--onboarding a:hover, .blog-new__search-tag--onboarding .link:hover, .blog-new__search-tag--onboarding a:focus, .blog-new__search-tag--onboarding .link:focus, .blog-new__search-tag--onboarding a:active, .blog-new__search-tag--onboarding .link:active {
  color: #fff;
  background: #8d5f9f;
}
.blog-new__search-tag--onboarding-active a, .blog-new__search-tag--onboarding-active .link {
  color: #fff;
  background: #8d5f9f;
}
.blog-new__search-tag--recruiting a, .blog-new__search-tag--recruiting .link {
  color: #1787e0;
  border-color: #1787e0;
}
.blog-new__search-tag--recruiting a:hover, .blog-new__search-tag--recruiting .link:hover, .blog-new__search-tag--recruiting a:focus, .blog-new__search-tag--recruiting .link:focus, .blog-new__search-tag--recruiting a:active, .blog-new__search-tag--recruiting .link:active {
  color: #fff;
  background: #1787e0;
}
.blog-new__search-tag--recruiting-active a, .blog-new__search-tag--recruiting-active .link {
  color: #fff;
  background: #1787e0;
}
.blog-new__search-tag--hr-management a, .blog-new__search-tag--hr-management .link {
  color: #6bc61c;
  border-color: #6bc61c;
}
.blog-new__search-tag--hr-management a:hover, .blog-new__search-tag--hr-management .link:hover, .blog-new__search-tag--hr-management a:focus, .blog-new__search-tag--hr-management .link:focus, .blog-new__search-tag--hr-management a:active, .blog-new__search-tag--hr-management .link:active {
  color: #fff;
  background: #6bc61c;
}
.blog-new__search-tag--hr-management-active a, .blog-new__search-tag--hr-management-active .link {
  color: #fff;
  background: #6bc61c;
}
.blog-new__search-tag--employee-engagement a, .blog-new__search-tag--employee-engagement .link {
  color: #1ab79c;
  border-color: #1ab79c;
}
.blog-new__search-tag--employee-engagement a:hover, .blog-new__search-tag--employee-engagement .link:hover, .blog-new__search-tag--employee-engagement a:focus, .blog-new__search-tag--employee-engagement .link:focus, .blog-new__search-tag--employee-engagement a:active, .blog-new__search-tag--employee-engagement .link:active {
  color: #fff;
  background: #1ab79c;
}
.blog-new__search-tag--employee-engagement-active a, .blog-new__search-tag--employee-engagement-active .link {
  color: #fff;
  background: #1ab79c;
}
.blog-new__search-tag--compliance a, .blog-new__search-tag--compliance .link {
  color: #e98825;
  border-color: #e98825;
}
.blog-new__search-tag--compliance a:hover, .blog-new__search-tag--compliance .link:hover, .blog-new__search-tag--compliance a:focus, .blog-new__search-tag--compliance .link:focus, .blog-new__search-tag--compliance a:active, .blog-new__search-tag--compliance .link:active {
  color: #fff;
  background: #e98825;
}
.blog-new__search-tag--compliance-active a, .blog-new__search-tag--compliance-active .link {
  color: #fff;
  background: #e98825;
}
.blog-new__search-tag--integrations a, .blog-new__search-tag--integrations .link {
  color: #54c3ca;
  border-color: #54c3ca;
}
.blog-new__search-tag--integrations a:hover, .blog-new__search-tag--integrations .link:hover, .blog-new__search-tag--integrations a:focus, .blog-new__search-tag--integrations .link:focus, .blog-new__search-tag--integrations a:active, .blog-new__search-tag--integrations .link:active {
  color: #fff;
  background: #54c3ca;
}
.blog-new__search-tag--integrations-active a, .blog-new__search-tag--integrations-active .link {
  color: #fff;
  background: #54c3ca;
}
.blog-new__search-tag--public-relations a, .blog-new__search-tag--public-relations .link {
  color: #ff5556;
  border-color: #ff5556;
}
.blog-new__search-tag--public-relations a:hover, .blog-new__search-tag--public-relations .link:hover, .blog-new__search-tag--public-relations a:focus, .blog-new__search-tag--public-relations .link:focus, .blog-new__search-tag--public-relations a:active, .blog-new__search-tag--public-relations .link:active {
  color: #fff;
  background: #ff5556;
}
.blog-new__search-tag--public-relations-active a, .blog-new__search-tag--public-relations-active .link {
  color: #fff;
  background: #ff5556;
}
.blog-new__search-tag--employee-experience a, .blog-new__search-tag--employee-experience .link {
  color: #005C91;
  border-color: #005C91;
}
.blog-new__search-tag--employee-experience a:hover, .blog-new__search-tag--employee-experience .link:hover, .blog-new__search-tag--employee-experience a:focus, .blog-new__search-tag--employee-experience .link:focus, .blog-new__search-tag--employee-experience a:active, .blog-new__search-tag--employee-experience .link:active {
  color: #fff;
  background: #005C91;
}
.blog-new__search-tag--employee-experience-active a, .blog-new__search-tag--employee-experience-active .link {
  color: #fff;
  background: #005C91;
}

.blog-new-detail__featured {
  padding: 50px 0;
}
.blog-new-detail__featured h2 {
  font-size: 28px !important;
  line-height: 46px !important;
  font-weight: 600;
}
@media screen and (max-width: 1075px) {
  .blog-new-detail__featured h2 {
    font-size: 26px !important;
    line-height: 34px !important;
  }
}
.blog-new-detail__featured .blog-content__item-content {
  background: white;
}

.blog-new--customer-area .resource-area__search h2 {
  max-width: 670px;
  margin-bottom: 10px;
}
.blog-new--customer-area .blog-content__item-content img {
  width: 100%;
  max-width: 120px;
  margin-bottom: 16px;
}
.blog-new--customer-area .blog-content__item-content .orange-link__arrow {
  margin-top: auto;
  max-width: 114px;
}
.blog-new--customer-area .medlinks-image {
  width: 130px;
  margin-left: 0;
}
@media screen and (min-width: 1075px) {
  .blog-new--customer-area .hero-resource-area .section-col {
    position: relative;
  }
  .blog-new--customer-area .hero-resource-area .orange-link__arrow {
    position: absolute;
    bottom: 30px;
    left: 27px;
  }
}
@media screen and (max-width: 1075px) {
  .blog-new--customer-area .container {
    text-align: left;
  }
  .blog-new--customer-area .resource-area__search {
    padding-bottom: 30px !important;
  }
  .blog-new--customer-area .resource-area__search h2 {
    margin: 0;
  }
  .blog-new--customer-area .blog-content__item-content img {
    margin-right: auto;
    margin-left: 0;
  }
  .blog-new--customer-area .blog-content__item-content h3 {
    font-size: 20px !important;
    font-weight: 500;
  }
  .blog-new--customer-area .orange-link__arrow {
    display: block;
    text-align: left;
  }
}

.resource-area-content__item-blog-guide {
  background: #fff7e6;
}
@media screen and (min-width: 1075px) {
  .resource-area-content__item-blog-guide {
    min-height: 413px;
  }
}
.resource-area-content__item-blog-guide img {
  margin-bottom: 20px;
  max-height: 158px;
}
.resource-area-content__item-blog-guide .blog-content__item-content {
  background: #fff7e6;
}
.resource-area-content__item-blog-guide .blog-content__item-content h3 {
  margin-bottom: 8px;
}
.resource-area-content__item-blog-guide .resource-area-content-blog-guide__item-text {
  font-size: 14px !important;
  line-height: 22px;
  margin-bottom: 40px;
  padding-bottom: 0;
}

.blog-email-singup--wrapper {
  margin-top: -150px;
  margin-bottom: -60px;
  overflow: hidden;
  width: 99vw;
}
@media screen and (max-width: 1075px) {
  .blog-email-singup--wrapper {
    background: #54C3CA;
    width: 100vw;
    margin-top: -125px;
    margin-bottom: -175px;
  }
}

.blog-email-singup {
  background: #54C3CA;
  text-align: center;
  color: #fff;
}
.blog-email-singup .section-headline {
  text-align: center;
  color: #fff;
}
.blog-email-singup form {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-top: 30px;
}
.blog-email-singup form .hs-button {
  background-color: #fff;
  color: #54C3CA;
  padding: 11px 20px !important;
  font-size: 16px;
  text-align: center;
}
.blog-email-singup form .hs-button:hover, .blog-email-singup form .hs-button:active, .blog-email-singup form .hs-button:focus {
  background: rgba(255, 255, 255, 0.8274509804) !important;
}
.blog-email-singup .hs_error_rollup {
  display: none;
}
.blog-email-singup .hs-input {
  background: transparent !important;
  border: 1px #fff solid !important;
  color: #fff !important;
  margin: 0px !important;
  height: 45px !important;
  padding-left: 1rem;
}
.blog-email-singup .hs-input::-webkit-input-placeholder {
  color: rgba(255, 255, 255, 0.76) !important;
  font-size: 16px;
}
.blog-email-singup .hs-input::-moz-placeholder {
  color: rgba(255, 255, 255, 0.76) !important;
  font-size: 16px;
}
.blog-email-singup .hs-input::-ms-input-placeholder {
  color: rgba(255, 255, 255, 0.76) !important;
  font-size: 16px;
}
.blog-email-singup .hs-input::placeholder {
  color: rgba(255, 255, 255, 0.76) !important;
  font-size: 16px;
}
@media screen and (min-width: 1075px) {
  .blog-email-singup {
    width: 111vw;
    margin-left: -6vw;
    padding: 225px 0 130px;
    border-bottom-left-radius: 72%;
    border-bottom-right-radius: 72%;
  }
  .blog-email-singup p, .blog-email-singup .paragraph {
    font-size: 17px !important;
  }
  .blog-email-singup .container {
    max-width: 765px;
  }
  .blog-email-singup form {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  .blog-email-singup form .hs_email {
    margin-right: 7px;
    width: 280px;
  }
}
@media screen and (max-width: 1075px) {
  .blog-email-singup {
    background: #54C3CA;
    width: 100vw;
    padding: 150px 20px 50px;
  }
  .blog-email-singup .section-headline {
    font-size: 34px;
    letter-spacing: 0.5px;
    padding-bottom: 20px;
  }
  .blog-email-singup form {
    padding: 0 20px;
  }
  .blog-email-singup .hs-input {
    margin-bottom: 15px !important;
  }
}

.hs-blog-social-share {
  height: auto;
  display: none;
}

.row-fluid [class*=span] {
  min-height: 1px;
}

.gray-btn {
  background-color: #d5d9dc;
  color: black;
}

.blog-feedback-form .input textarea {
  padding: 1rem;
  height: 12rem !important;
  margin-bottom: 1rem;
  --tw-border-opacity: 1;
  border-color: rgb(34 126 133/var(--tw-border-opacity));
}
.blog-feedback-form .hs_submit {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: end;
}
.blog-feedback-form .actions {
  width: 10rem;
}
@media screen and (max-width: 1075px) {
  .blog-feedback-form .actions {
    width: 100%;
  }
}
.blog-feedback-form .actions .hs-button {
  background-color: #d5d9dc;
  color: black;
  padding: 1rem;
}
.blog-feedback-form .actions .hs-button.active {
  background-color: #227e85;
  color: white;
}

.hero--workplace .blog-banner .container {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.hero--workplace .blog-banner a, .hero--workplace .blog-banner .link {
  margin-left: 20px;
}
.hero--workplace .blog-banner .close-button {
  margin-left: 50px;
}
.hero--workplace .hero--new {
  margin-bottom: 40px;
  margin-top: 42px;
}
.hero--workplace .hero--new .hero-product {
  margin-bottom: 20px;
}
.hero--workplace .hero--new .hero-product h1 {
  line-height: 1.4;
}
.hero--workplace .hero--new .hero-product + .hero-title {
  margin-bottom: 30px;
}
.hero--workplace .hero--new .container {
  position: relative;
}
.hero--workplace--cro span {
  font-weight: normal;
}
.hero--workplace--cro .workmates-logo {
  margin-bottom: 40px;
  width: 200px;
}
.hero--workplace--cro .form-box {
  border-radius: 5px;
  -webkit-box-shadow: 0px 0px 10px 0px #ccc;
          box-shadow: 0px 0px 10px 0px #ccc;
}
.hero--workplace--cro .form-box h2 {
  margin-top: 0;
  font-size: 28px;
}
.hero--workplace--cro .form-box .hs-input {
  margin-bottom: 16px !important;
}
.hero--workplace--cro .form-box .actions {
  margin-bottom: 2px !important;
}
.hero--workplace--cro .form-guide {
  color: #aaa;
  font-size: 14px !important;
}
.hero--workplace--cro .form-guide .asterisk {
  color: red;
}
@media screen and (min-width: 1075px) {
  .hero--workplace .hero--new {
    height: 600px;
  }
  .hero--workplace .hero--new .hero-product-name h1 {
    width: 550px;
    font-size: 35px;
  }
  .hero--workplace .hero--new .hero-product-name .desktop-only {
    display: inline !important;
  }
  .hero--workplace .hero--new .hero-title {
    width: 510px;
  }
  .hero--workplace .hero-image-section {
    right: 0;
  }
  .hero--workplace--cro .hero--new {
    margin-top: 0;
    height: auto;
  }
  .hero--workplace--cro .hero--new h3 {
    margin-bottom: 35px;
  }
  .hero--workplace--cro .hero--new .hero-product-name h1 {
    width: 540px;
  }
  .hero--workplace--cro .form-box {
    width: 500px;
  }
  .hero--workplace--cro .form-box h2 {
    margin-top: 0;
  }
  .hero--workplace--cro .request-a-demo__right {
    padding-bottom: 50px;
  }
  .hero--workplace--cro .section-col:first-child {
    -ms-flex-item-align: end;
        align-self: flex-end;
  }
}
@media screen and (max-width: 1075px) {
  .hero--workplace .blog-banner .container {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    text-align: center;
    line-height: 22px;
  }
  .hero--workplace .blog-banner a, .hero--workplace .blog-banner .link {
    display: block;
    margin: 7px 0 -1px 0;
  }
  .hero--workplace .blog-banner img {
    margin-right: 0;
    margin-bottom: 10px;
  }
  .hero--workplace .blog-banner .close-button {
    position: absolute;
    top: 10px;
    right: 20px;
  }
  .hero--workplace .hero--new {
    margin-top: 125px;
    padding: 50px 25px 25px;
  }
  .hero--workplace .hero--new h1 {
    max-width: 327px;
    margin: 0 auto;
  }
  .hero--workplace .hero--new .hero-product-name .mobile-only {
    display: inline !important;
  }
  .hero--workplace .hero--new .hero-title {
    max-width: 330px;
  }
  .hero--workplace .hero--new .hero-image-section {
    margin-left: -25px;
    margin-right: -25px;
    margin-top: -40px;
    margin-bottom: -25px;
  }
  .hero--workplace--cro img {
    margin: 0 auto;
  }
  .hero--workplace--cro .hero--new {
    margin-top: 0;
  }
  .hero--workplace--cro .hero-title {
    margin: 0 auto 30px;
  }
  .hero--workplace--cro .workmates-logo {
    margin-bottom: 20px;
    margin-left: 50%;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
  }
  .hero--workplace--cro .form-box {
    width: auto;
    padding: 20px;
    margin: 0 auto;
  }
  .hero--workplace--cro .form-box .hs-button.primary.large {
    font-size: 15px;
  }
}

.hero--workplace--landing ul.hero-list {
  color: #434f57;
  list-style: none;
  padding-bottom: 0px;
  margin-left: 30px;
  margin-bottom: 20px;
}
.hero--workplace--landing ul.hero-list li {
  margin-bottom: 10px;
  position: relative;
}
@media screen and (min-width: 1075px) {
  .hero--workplace--landing ul.hero-list li {
    display: inline-block;
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
  }
  .hero--workplace--landing ul.hero-list li:not(:first-child) {
    margin-left: 40px;
  }
}
.hero--workplace--landing ul.hero-list li:before {
  position: absolute;
  content: "";
  left: -28px;
  top: 6px;
  width: 17px;
  height: 17px;
  background-size: cover;
  background-image: url(https://549864.fs1.hubspotusercontent-na1.net/hubfs/549864/assets/workplace-alternative-page/check.svg);
}
.hero--workplace--landing form {
  color: #434f57;
}
.hero--workplace--landing form label {
  font-size: 14px;
}
.hero--workplace--landing form .input .hs-input {
  margin-bottom: 10px;
}
.hero--workplace--landing form .hs-submit input, .hero--workplace--landing form .hs-submit .hs-input {
  background-color: #ff6d00;
}
.hero--workplace--landing form .hs-error-msgs {
  color: #777;
  padding: 0;
  margin: 0;
}
.hero--workplace--landing .submitted-message {
  position: relative;
}
.hero--workplace--landing .submitted-message p, .hero--workplace--landing .submitted-message .paragraph {
  color: #434f57;
  margin-left: 37px;
}
.hero--workplace--landing .submitted-message p::before, .hero--workplace--landing .submitted-message .paragraph::before {
  content: "";
  width: 26px;
  height: 26px;
  position: absolute;
  background-repeat: no-repeat;
  background-position: center;
  border-radius: 50%;
  top: 1px;
  left: -1px;
  background-image: url(https://549864.fs1.hubspotusercontent-na1.net/hubfs/549864/referral-form/check_circle.svg);
}
.hero--workplace--landing .hero--new {
  background-color: transparent;
}
.hero--workplace--landing .hero--new .hero-product {
  margin-bottom: 15px;
}
.hero--workplace--landing .save-image {
  width: 225px;
  margin-left: -4px;
  margin-bottom: 15px;
}
.hero--workplace--landing .workmates-logo {
  max-width: 200px;
  margin-bottom: 40px;
}
.hero--workplace--landing .form-description {
  color: gray;
  font-size: 12px;
}
.hero--workplace--landing .hs-form-required {
  color: rgba(255, 0, 0, 0.699);
}
@media screen and (min-width: 1075px) {
  .hero--workplace--landing form {
    width: 525px;
  }
  .hero--workplace--landing form .input {
    margin-right: 10px;
    width: 320px;
  }
  .hero--workplace--landing form .actions {
    width: 320px;
  }
  .hero--workplace--landing .hero--new {
    height: auto;
    padding: 50px 0;
    min-height: 600px;
  }
  .hero--workplace--landing .hero--new h1 {
    width: 480px;
  }
  .hero--workplace--landing .hero-content {
    -ms-flex-item-align: start;
        align-self: start;
  }
  .hero--workplace--landing .hero-image-section {
    right: -70px;
    top: 0;
  }
}
@media screen and (max-width: 1075px) {
  .hero--workplace--landing form {
    width: 100%;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .hero--workplace--landing .hero--new .hero-product-name {
    text-align: start;
  }
  .hero--workplace--landing .hero--new .hero-content {
    -webkit-box-align: baseline;
        -ms-flex-align: baseline;
            align-items: baseline;
  }
  .hero--workplace--landing .hero-image-section {
    top: 45px;
  }
  .hero--workplace--landing .hbspt-form {
    width: 100%;
  }
}

.workplace__main-content p, .workplace__main-content .paragraph {
  margin: 0 auto;
  font-size: 16px !important;
}
.workplace__main-content .credit {
  font-weight: 600;
  font-size: 12px;
  letter-spacing: 0.5px;
  color: #777;
}
.workplace__main-content .video-section--popup {
  text-align: left;
}
.workplace__main-content .video-section--popup p, .workplace__main-content .video-section--popup .paragraph {
  max-width: 345px;
  padding-bottom: 10px;
}
.workplace__main-content .video-section--popup iframe {
  display: none;
}
.workplace__main-content .video-section--popup .section-headline {
  margin-top: 0;
}
.workplace__main-content .video-section--popup .text-container {
  -ms-flex-item-align: center;
      align-self: center;
}
.workplace__main-content .video-section--popup .container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.workplace__main-content .with-wm {
  margin-top: 150px;
  text-align: center;
}
.workplace__main-content .with-wm .section-headline {
  margin-bottom: 50px;
}
.workplace__main-content .with-wm .flex {
  gap: 35px;
}
.workplace__main-content .with-wm .card {
  width: 25%;
}
.workplace__main-content .with-wm .card img {
  margin-bottom: 10px;
}
.workplace__main-content .with-wm .card div {
  padding: 10px 20px;
  line-height: 24px;
  font-size: 15px;
}
.workplace__main-content .workplace-section {
  margin-top: 150px;
}
.workplace__main-content .workplace-section p, .workplace__main-content .workplace-section .paragraph {
  padding-bottom: 10px;
  line-height: 25px;
}
.workplace__main-content .workplace-section .section-headline {
  margin-top: 0;
}
.workplace__main-content .workplace-section .section-col {
  -ms-flex-item-align: center;
      align-self: center;
}
.workplace__main-content .emp p, .workplace__main-content .emp .paragraph {
  padding-bottom: 10px;
}
.workplace__main-content .emp ul {
  margin-bottom: 10px;
  max-width: 750px;
}
.workplace__main-content .emp h4 {
  margin: 25px 0 15px;
  font-size: 17px;
  letter-spacing: 0px;
}
.workplace__main-content .comparison-overview .bg-gray {
  position: relative;
}
.workplace__main-content .comparison-overview .bg-gray div {
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  position: relative;
}
.workplace__main-content .comparison--workmates .comparison--logo {
  left: 50%;
}
.workplace__main-content .comparison--workplace .comparison--logo {
  right: 60%;
}
.workplace__main-content .comparison--logo {
  max-width: 150px;
}
.workplace__main-content .feature-comparison p, .workplace__main-content .feature-comparison .paragraph {
  max-width: 680px;
  padding-bottom: 36px;
}
.workplace__main-content .feature-comparison li {
  font-size: 18px;
}
.workplace__main-content .feature-comparison img {
  padding-bottom: 40px;
}
.workplace__main-content .feature-comparison .tabbing-group-navbar {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 720px;
  -webkit-box-pack: space-evenly;
      -ms-flex-pack: space-evenly;
          justify-content: space-evenly;
  margin: 0 auto;
  padding-bottom: 20px;
}
.workplace__main-content .feature-comparison .tabbing-group-navbar li {
  font-weight: 600;
  color: #ccc;
  list-style: none;
  padding: 5px 10px;
}
.workplace__main-content .feature-comparison .tabbing-group-navbar li.active {
  color: #fff;
  background-color: #ff6d00;
  border-radius: 4px;
}
.workplace__main-content .feature-comparison .tab-content-global {
  text-align: start;
  background-color: #f7f9f9;
  border-radius: 4px;
  position: relative;
  padding: 40px 20px 30px;
}
.workplace__main-content .feature-comparison .tab-content-global div {
  padding: 0 40px;
}
.workplace__main-content .feature-comparison .tab-content-global li {
  padding-bottom: 13px;
}
.workplace__main-content .feature-comparison .tab-content-global.active {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.workplace__main-content .feature-comparison .wm-tab li {
  list-style: url(https://549864.fs1.hubspotusercontent-na1.net/hubfs/549864/assets/workplace-alternative-page/icons/check-green.svg);
}
.workplace__main-content .feature-comparison .wm-tab img {
  margin-left: -17px;
}
.workplace__main-content .feature-comparison .wm-tab .green {
  font-weight: 600;
  color: #1AB79C;
}
.workplace__main-content .feature-comparison .workplace-tab li {
  list-style: url(https://549864.fs1.hubspotusercontent-na1.net/hubfs/549864/assets/workplace-alternative-page/check-gray.svg);
}
.workplace__main-content .user-ratings p, .workplace__main-content .user-ratings .paragraph {
  max-width: 550px;
}
.workplace__main-content .user-ratings .credit {
  margin-top: 30px;
  display: block;
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
}
.workplace__main-content .user-ratings--container {
  background-color: #f7f9f9;
  border-radius: 4px;
  position: relative;
  margin: 50px auto 0;
  padding: 40px 20px 0px;
}
.workplace__main-content .user-ratings--container::after {
  content: "";
  width: 1px;
  height: 100%;
  top: 0px;
  background-color: rgba(204, 204, 204, 0.2666666667);
  position: absolute;
  right: 50%;
}
.workplace__main-content .user-ratings--container div {
  padding-bottom: 20px;
}
.workplace__main-content .wm-ratings div img,
.workplace__main-content .workplace-ratings div img {
  max-width: 200px;
}
.workplace__main-content .rating-number {
  font-weight: 600;
  font-size: 40px;
}
.workplace__main-content .rating-text {
  display: inline-block;
  padding-left: 10px;
  color: #a5adb3;
  font-weight: 600;
}
.workplace__main-content .rating-cathegory {
  display: block;
  font-size: 28px;
  line-height: 20px;
  font-weight: 600;
}
.workplace__main-content .employee-engagement-ebook {
  background-color: #1ab79c;
  margin-bottom: 0;
}
.workplace__main-content .employee-engagement-ebook .btn, .workplace__main-content .employee-engagement-ebook .hs-button {
  color: #1ab79c;
}
.workplace__main-content--cro .user-ratings p, .workplace__main-content--cro .user-ratings .paragraph {
  color: #434f57;
  max-width: 600px;
}
.workplace__main-content--cro .user-ratings p:link, .workplace__main-content--cro .user-ratings .paragraph:link, .workplace__main-content--cro .user-ratings p:visited, .workplace__main-content--cro .user-ratings .paragraph:visited, .workplace__main-content--cro .user-ratings p:active, .workplace__main-content--cro .user-ratings .paragraph:active {
  color: #434f57;
}
.workplace__main-content--cro .sales-page__footer p, .workplace__main-content--cro .sales-page__footer .paragraph {
  margin-bottom: 27px;
}
@media screen and (min-width: 1075px) {
  .workplace__main-content .video-section--popup img {
    max-width: 450px;
    cursor: pointer;
    -webkit-transform: scale(1.2);
            transform: scale(1.2);
  }
  .workplace__main-content .video-section--popup .video-container {
    margin-left: 50px;
  }
  .workplace__main-content .comparison-overview span {
    position: absolute;
    right: 56%;
    top: 85px;
  }
  .workplace__main-content .comparison-overview .bg-gray::after {
    content: "";
    width: 1px;
    height: 100%;
    top: 0px;
    background-color: rgba(204, 204, 204, 0.2666666667);
    position: absolute;
    right: 50%;
  }
  .workplace__main-content .comparison--logo {
    max-width: 150px;
    position: absolute;
    top: 50px;
  }
  .workplace__main-content .feature-comparison {
    margin-top: 30px;
    margin-bottom: 80px;
    padding: 100px 0 50px;
  }
  .workplace__main-content .feature-comparison .tab-content-global {
    width: 700px;
  }
  .workplace__main-content .feature-comparison .tab-content-global div {
    min-width: 360px;
  }
  .workplace__main-content .feature-comparison .tab-content-global::after {
    content: "";
    width: 1px;
    height: 100%;
    top: 0px;
    background-color: rgba(204, 204, 204, 0.2666666667);
    position: absolute;
    right: 50%;
  }
  .workplace__main-content .user-ratings--container {
    width: 700px;
  }
  .workplace__main-content .content-toggler-wrap {
    margin-bottom: 0;
    margin-top: 70px;
    padding: 60px 0;
  }
  .workplace__main-content .content-toggler-wrap p, .workplace__main-content .content-toggler-wrap .paragraph {
    padding-bottom: 55px;
  }
  .workplace__main-content .content-toggler-wrap .blue-text {
    margin-bottom: 10px;
  }
  .workplace__main-content .content-toggler-wrap .section-title {
    margin-bottom: 7px;
  }
  .workplace__main-content--cro .testimonial-single--color {
    margin-bottom: 140px;
  }
  .workplace__main-content--cro .feature-comparison {
    padding-top: 50px;
  }
  .workplace__main-content--cro .testimonial-single--color__content {
    width: 432px;
  }
}
@media screen and (max-width: 1075px) {
  .workplace__main-content p, .workplace__main-content .paragraph {
    padding: 10px 20px;
    font-size: 17px !important;
  }
  .workplace__main-content li {
    font-size: 17px;
  }
  .workplace__main-content .video-section--popup {
    overflow: hidden;
  }
  .workplace__main-content .video-section--popup img {
    -webkit-transform: scale(1.2);
            transform: scale(1.2);
  }
  .workplace__main-content .video-section--popup .section-headline {
    margin-top: 10px;
  }
  .workplace__main-content .video-section--popup .container {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .workplace__main-content .with-wm {
    margin-top: 80px;
  }
  .workplace__main-content .with-wm .section-headline {
    margin-bottom: 0;
  }
  .workplace__main-content .with-wm .flex {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    margin-bottom: 10px;
  }
  .workplace__main-content .with-wm .flex .slick-dots {
    bottom: -10px;
  }
  .workplace__main-content .with-wm .card {
    width: 100%;
    padding: 25px;
  }
  .workplace__main-content .workplace-section {
    margin-top: 88px;
  }
  .workplace__main-content .workplace-section .section-col--img {
    margin-top: 30px;
  }
  .workplace__main-content .comparison-overview .bg-gray {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    margin-top: 20px;
  }
  .workplace__main-content .comparison--workplace span {
    z-index: 2;
  }
  .workplace__main-content .comparison--logo {
    padding-top: 40px;
    z-index: 2;
  }
  .workplace__main-content .feature-comparison {
    padding: 50px 0 30px;
  }
  .workplace__main-content .feature-comparison .section-headline {
    margin: 0 auto 10px;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
  }
  .workplace__main-content .feature-comparison .tabbing-group-navbar {
    overflow: auto;
  }
  .workplace__main-content .feature-comparison .tab-content-global {
    padding-bottom: 0;
  }
  .workplace__main-content .workplace-tab ul {
    margin-bottom: 0;
  }
  .workplace__main-content .mobile-scroll {
    width: 100%;
    overflow-x: scroll;
  }
  .workplace__main-content .user-ratings {
    margin-top: 40px;
  }
  .workplace__main-content .user-ratings .credit {
    margin-top: 10px;
  }
  .workplace__main-content .user-ratings--container {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .workplace__main-content .user-ratings--container::after {
    width: 100%;
    height: 1px;
    top: auto;
    bottom: 526px;
    background-color: rgba(204, 204, 204, 0.2666666667);
    position: absolute;
    left: 0px;
  }
  .workplace__main-content .user-ratings--container div {
    padding-bottom: 27px;
  }
  .workplace__main-content .workplace-ratings {
    position: relative;
    padding-top: 40px;
  }
  .workplace__main-content .content-toggler-wrap {
    background: none;
    margin-top: 30px;
    margin-bottom: 85px;
  }
  .workplace__main-content .testimonial-single--color {
    margin: 60px 0 70px;
  }
}

.workplace__main-content--landing .feature-comparison {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  padding: 50px 0;
}
.workplace__main-content--landing .bg-purple {
  background-color: #f8f7fd;
}
@media screen and (min-width: 1075px) {
  .workplace__main-content--landing .feature-comparison {
    text-align: center;
  }
  .workplace__main-content--landing .feature-comparison h2 {
    text-align: center;
  }
  .workplace__main-content--landing .feature-comparison img {
    max-width: 650px;
    margin: 0 auto;
  }
}
@media screen and (max-width: 1075px) {
  .workplace__main-content--landing .feature-comparison {
    padding: 0 20px;
    margin-bottom: 80px;
  }
}

.turnover-calculator--hero {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  padding: 100px 0 0px;
  margin-bottom: -300px;
  height: 450px;
  background-image: url(https://549864.fs1.hubspotusercontent-na1.net/hubfs/549864/assets/turnover-calculator/hero2x.png);
  background-repeat: no-repeat;
  background-size: cover;
}
@media screen and (max-width: 1400px) {
  .turnover-calculator--hero {
    background-size: contain;
  }
}
.turnover-calculator--hero h1 {
  font-weight: 600;
  color: #fff;
}
.turnover-calculator--hero img {
  margin: 0 auto 15px;
}

.turnover-calculator--main h1 {
  text-align: center;
}
.turnover-calculator--main .section-headline {
  text-align: center;
  letter-spacing: 0.5px;
}
.turnover-calculator--main .container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.turnover-calculator--main ~ .helpful-resources {
  margin-bottom: 100px;
}
@media screen and (max-width: 1075px) {
  .turnover-calculator--main ~ .helpful-resources {
    margin-bottom: 88px;
  }
}
.turnover-calculator--main ~ .sales-page__footer p, .turnover-calculator--main ~ .sales-page__footer .paragraph {
  line-height: 30px !important;
}
.turnover-calculator--main ~ .sales-page__footer span {
  width: 135px;
}

.turnover-calculator--box-shadow-overlay {
  -webkit-box-shadow: 1px 0 8px 5px #ddd;
          box-shadow: 1px 0 8px 5px #ddd;
  height: 319px;
  width: 950px;
  position: absolute;
  border-radius: 5px;
  padding: 50px 60px 35px;
  margin: 60px 0 100px 0;
  z-index: -1;
}

.turnover-calculator {
  border-radius: 5px;
  background: #fff;
  padding: 50px 60px 35px;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  margin: 60px 0 100px 0;
}
.turnover-calculator.advanced-active {
  padding-bottom: 30px;
}
.turnover-calculator.advanced-active ~ .turnover-calculator--box-shadow-overlay {
  height: 448px;
}
.turnover-calculator.advanced-active .turnover-calculator__container {
  position: relative;
  padding-bottom: 20px;
}
.turnover-calculator.advanced-active .turnover-calculator__container:before {
  content: "";
  position: absolute;
  width: 100%;
  height: 1px;
  background: #ccc;
  bottom: 0;
}
.turnover-calculator .actions {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  margin-top: 25px;
}
.turnover-calculator .actions input, .turnover-calculator .actions .hs-input {
  background-color: #ff6d00;
  margin: 0 auto;
  font-size: 17px;
  opacity: 0.5;
}
.turnover-calculator .actions input:focus, .turnover-calculator .actions .hs-input:focus, .turnover-calculator .actions input.active, .turnover-calculator .actions .active.hs-input {
  opacity: 1;
  background-color: #ff6d00 !important;
}
.turnover-calculator .actions div {
  color: #ff6d00;
  margin: 0 auto;
  text-align: center;
  margin-top: 20px;
}
.turnover-calculator input[type=number]::-webkit-inner-spin-button, .turnover-calculator [type=number].hs-input::-webkit-inner-spin-button,
.turnover-calculator input[type=number]::-webkit-outer-spin-button,
.turnover-calculator [type=number].hs-input::-webkit-outer-spin-button {
  -webkit-appearance: none !important;
  margin: 0 !important;
}
.turnover-calculator input[type=number], .turnover-calculator [type=number].hs-input {
  -moz-appearance: textfield;
}

.turnover-calculator__container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.turnover-calculator__container--advanced {
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  display: none;
  padding: 30px 0 0;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  max-width: 650px;
  margin: 0 auto;
}
.turnover-calculator__container--advanced.active {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
@media screen and (min-width: 1075px) {
  .turnover-calculator__container--advanced.active {
    width: 70%;
  }
}

.turnover-calculator__item {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
}

.turnover-calculator__item-title {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.turnover-calculator__item-title p, .turnover-calculator__item-title .paragraph {
  font-weight: 600;
  padding: 0;
  line-height: 32px;
}

.turnover-calculator__item-value {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  color: #838E95;
}
.turnover-calculator__item-value .turnover-calculator__item-number {
  width: 90px;
  display: inline-block;
  font-size: 18px;
  color: #838E95;
  text-align: center;
  font-weight: 600;
  padding: 4px !important;
}
.turnover-calculator__item-value .turnover-calculator__item-number.active {
  color: #54C3CA;
}
.turnover-calculator__item-value span {
  display: inline-block;
  font-size: 13px;
  margin-left: 7px;
  color: #838E95;
}
.turnover-calculator__item-value span:first-child {
  font-size: 16px;
  margin-left: 0px;
  margin-right: 12px;
}

.turnover-calculator__advance-calculation {
  text-align: center;
  color: white;
  margin: 50px auto 0;
  cursor: pointer;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.turnover-calculator__advance-calculation p, .turnover-calculator__advance-calculation .paragraph {
  padding-bottom: 0;
  font-weight: 600;
}
.turnover-calculator__advance-calculation i {
  font-size: 25px;
}
.turnover-calculator__advance-calculation i.active {
  -webkit-transform: rotate(270deg);
          transform: rotate(270deg);
}

.turnover-calculator-results__cost {
  padding: 70px 0;
  margin-top: 40px;
  background: #fff2f2;
}
.turnover-calculator-results__cost p, .turnover-calculator-results__cost .paragraph {
  font-size: 34px !important;
  line-height: 33px;
  font-weight: 600;
}

.turnover-calculator-results__cost--content {
  margin-right: 70px;
}

.turnover-calculator-results__actions .hs_input {
  margin-bottom: 0;
}
.turnover-calculator-results__actions label {
  display: none !important;
}
.turnover-calculator-results__actions input, .turnover-calculator-results__actions .hs-input {
  margin-bottom: 10px !important;
  height: 45px !important;
  border: none !important;
}
.turnover-calculator-results__actions .actions input, .turnover-calculator-results__actions .actions .hs-input {
  margin-top: 10px;
  background: #ff6d00;
}
.turnover-calculator-results__actions .actions input:focus, .turnover-calculator-results__actions .actions .hs-input:focus, .turnover-calculator-results__actions .actions input:active, .turnover-calculator-results__actions .actions .hs-input:active, .turnover-calculator-results__actions .actions input:hover, .turnover-calculator-results__actions .actions .hs-input:hover {
  background: #fb5900 !important;
}

.turnover-calculator-results__savings {
  padding: 70px 0;
}

.turnover-calculator-results__savings--content {
  margin-right: 40px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.turnover-calculator-results__savings--content p, .turnover-calculator-results__savings--content .paragraph {
  font-size: 34px !important;
  line-height: 50px;
  letter-spacing: 0.5px;
  font-weight: 600;
}

.turnover-calculator-results__request-demo img {
  max-width: 150px;
  margin: 0 auto;
  display: block;
}
.turnover-calculator-results__request-demo a, .turnover-calculator-results__request-demo .link {
  width: 100%;
}

.turnover-calculator-results__value-low {
  font-size: 70px;
  color: #54C3CA;
  font-weight: 600;
  line-height: 80px;
}

.turnover-calculator-results__value-high {
  font-size: 70px;
  color: #ff5556;
  font-weight: 600;
}

.turnover-calculator__paragraph {
  text-align: center;
  max-width: 670px;
  margin: 60px auto 10px;
}
.turnover-calculator__paragraph h3 {
  margin-bottom: 40px;
}

@media screen and (min-width: 1075px) {
  .turnover-calculator {
    height: -webkit-max-content;
    height: -moz-max-content;
    height: max-content;
    width: 950px;
  }
  .turnover-calculator .actions input, .turnover-calculator .actions .hs-input {
    width: 300px;
  }
  .turnover-calculator-results__actions {
    width: 30%;
  }
  .turnover-calculator-results__savings--content {
    width: 55%;
  }
  .turnover-calculator-results__request-demo {
    width: 30%;
  }
}
@media screen and (max-width: 1075px) {
  .turnover-calculator--main > .container {
    padding: 0 25px;
  }
  .turnover-calculator--hero {
    padding: 70px 15px 270px;
    background-image: url(https://549864.fs1.hubspotusercontent-na1.net/hubfs/549864/assets/turnover-calculator/hero%20mobile2x.png);
    background-size: cover;
  }
  .turnover-calculator--hero h1 {
    font-size: 28px;
  }
  .turnover-calculator--box-shadow-overlay {
    width: 86%;
    max-width: 500px;
    margin-left: auto;
    margin-right: auto;
    left: 25px;
    right: 25px;
    height: 462px;
    padding: 30px;
  }
  .turnover-calculator {
    padding: 30px;
    width: 100%;
    max-width: 500px;
    margin-bottom: 40px;
  }
  .turnover-calculator.advanced-active ~ .turnover-calculator--box-shadow-overlay {
    height: 712px;
  }
  .turnover-calculator__container {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .turnover-calculator__item {
    width: 100%;
  }
  .turnover-calculator__item-value span:first-child {
    margin-right: 6px;
  }
  .turnover-calculator-results > div .container {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .turnover-calculator-results__cost {
    padding: 70px 20px;
  }
  .turnover-calculator-results__cost--content {
    margin: 0;
  }
  .turnover-calculator-results__cost--content p, .turnover-calculator-results__cost--content .paragraph {
    text-align: center;
    padding-bottom: 0;
    line-height: 40px;
    font-size: 28px !important;
  }
  .turnover-calculator-results__savings {
    padding: 70px 20px 60px;
    -webkit-box-shadow: 0 0 20px 7px #eee;
            box-shadow: 0 0 20px 7px #eee;
  }
  .turnover-calculator-results__savings p, .turnover-calculator-results__savings .paragraph {
    text-align: center;
  }
  .turnover-calculator-results__savings .small-text {
    display: none;
  }
  .turnover-calculator-results__savings--content {
    margin: 0;
  }
  .turnover-calculator-results__savings--content p, .turnover-calculator-results__savings--content .paragraph {
    line-height: 40px;
    font-size: 28px !important;
  }
  .turnover-calculator-results__value-low,
.turnover-calculator-results__value-high {
    font-size: 48px;
    width: 100%;
    text-align: center;
    display: block;
    margin-bottom: 15px;
  }
  .turnover-calculator__paragraph {
    margin-bottom: -30px;
  }
}
.print-only {
  display: none;
}
.print-only .container {
  display: block;
  padding: 40px;
}
.print-only ul {
  padding: 0;
  margin: 0;
  list-style-type: none;
  margin-bottom: 50px;
}
.print-only h1 {
  text-align: start;
  margin-bottom: 30px;
}
.print-only h3 {
  letter-spacing: 0.5px;
}

@media print {
  .turnover-calculator-results__request-demo,
.turnover-calculator-results__actions,
.turnover-calculator,
.turnover-calculator--box-shadow-overlay,
.turnover-calculator-results,
.turnover-calculator--hero {
    display: none;
  }
  .turnover-calculator__paragraph {
    margin: 0 auto;
  }
  .turnover-calculator-results__value-high {
    margin-bottom: 50px;
  }
  .turnover-calculator-results__value-low {
    padding-top: 20px;
  }
  .turnover-calculator-results__savings {
    padding: 40px 0 0 0;
  }
  .print-only {
    display: block;
  }
  .turnover-calculator--main ~ .helpful-resources, .turnover-calculator--main ~ .sales-page__footer {
    display: none;
  }
}
.hero--awards {
  padding-bottom: 50px;
  background-repeat: no-repeat;
  background-size: cover;
  background-image: url(https://549864.fs1.hubspotusercontent-na1.net/hubfs/549864/assets/awards/hero-background@1x-1.png);
  color: #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
}
.hero--awards h1 {
  color: #fff;
  font-size: 34px;
  letter-spacing: 0.5px;
  border-right: 1px solid #fff;
  height: 200px;
  font-weight: 600;
}
.hero--awards .hero-product {
  width: 250px;
}
.hero--awards .hero-content {
  margin: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.hero--awards.winners h1 {
  border-right: none;
  font-size: 50px;
  height: auto;
}
.hero--awards.winners .hero-content {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.hero--awards.winners .hero-product {
  width: auto;
  padding-left: 50px;
}
.hero--awards.winners .hero-image-section {
  border-right: 1px solid #fff;
  padding-right: 40px;
}
.hero--awards.winners .hero-image-section img {
  margin-top: 0;
}
@media screen and (min-width: 1075px) {
  .hero--awards {
    height: 500px;
  }
  .hero--awards .hero-content p, .hero--awards .hero-content .paragraph {
    padding-left: 30px;
    max-width: 540px;
  }
  .hero--awards .hero-image-section {
    padding-left: 60px;
  }
  .hero--awards .hero-image-section img {
    -webkit-transform: scale(1.2);
            transform: scale(1.2);
    max-width: 250px;
    margin-top: -40px;
  }
  .hero--awards .awards--timeline {
    display: none;
  }
}
@media screen and (max-width: 1075px) {
  .hero--awards .hero-content {
    padding: 0 20px 60px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
            flex-direction: column-reverse;
    text-align: center;
  }
  .hero--awards .hero-product {
    display: none;
  }
  .hero--awards .awards--timeline:before {
    border-left: 1px dashed #fff;
    height: 81%;
  }
  .hero--awards .awards--timeline div {
    text-align: start;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  .hero--awards .awards--timeline div span {
    display: inline-block;
  }
  .hero--awards .awards--timeline div:before {
    background-color: #ffffff;
  }
  .hero--awards .awards--timeline div:last-child:after {
    background-color: rgba(255, 255, 255, 0.2666666667);
  }
}
@media screen and (max-width: 455px) {
  .hero--awards .awards--timeline:before {
    height: 73%;
  }
}

.awards--timeline {
  padding-left: 20px;
  position: relative;
  margin-top: 10px;
  height: 200px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.awards--timeline:before {
  content: "";
  border-left: 1px dashed #54C3CA;
  position: absolute;
  height: 89%;
  top: 10px;
  width: 2px;
  left: 0px;
}
.awards--timeline div {
  position: relative;
}
.awards--timeline div:before {
  content: "";
  border-radius: 50%;
  background-color: #54C3CA;
  position: absolute;
  left: -25px;
  top: 10px;
  height: 10px;
  width: 10px;
}
.awards--timeline div:last-child:after {
  content: "";
  border-radius: 50%;
  background-color: rgba(84, 195, 202, 0.2666666667);
  position: absolute;
  left: -31px;
  top: 4px;
  height: 23px;
  width: 23px;
}
.awards--timeline div:last-child span:after {
  content: "";
  border-radius: 50%;
  background-color: rgba(84, 195, 202, 0.2666666667);
  position: absolute;
  left: -28px;
  top: 7px;
  height: 16px;
  width: 16px;
  -webkit-transform: translate(0.5px, 0.5px);
          transform: translate(0.5px, 0.5px);
}
.awards--timeline .date {
  font-weight: 600;
  min-width: 180px;
  display: inline-block;
}

.main--awards__winner .image-logo {
  margin: 50px 0;
}
@media screen and (max-width: 1075px) {
  .main--awards__winner {
    padding: 20px;
  }
}

.winner-section--wrapper {
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
@media screen and (max-width: 1075px) {
  .winner-section--wrapper {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}

@media screen and (min-width: 1075px) {
  .winner-section--left {
    width: 30%;
  }
}
.winner-section--left .bg-blue {
  padding: 20px;
}
.winner-section--left .details {
  margin-left: 38px;
  line-height: 18px;
}

.winner-section--left_item {
  margin-bottom: 25px;
}
.winner-section--left_item b {
  margin: 0;
}
.winner-section--left_item img {
  height: 22px;
  display: inline-block;
  margin-right: 10px;
  vertical-align: text-top;
}
.winner-section--left_item .icon-building {
  color: #54C3CA;
  font-size: 22px;
  margin-right: 10px;
}
.winner-section--left_item:last-child img {
  vertical-align: top;
}

.winner-quote {
  padding: 20px 20px 40px 20px;
  background-color: #edf6fd;
  margin-top: 20px;
  border-radius: 4px;
}
.winner-quote .quote {
  font-weight: 600;
  font-size: 19px;
  padding-bottom: 20px;
  line-height: 29px;
}
.winner-quote span {
  display: block;
  line-height: 15px;
  margin-top: 15px;
}
.winner-quote .line {
  border-bottom: 2px solid #2e80df;
  width: 35px;
}

@media screen and (min-width: 1075px) {
  .winner-section--main {
    margin-left: 40px;
    width: 65%;
  }
}
@media screen and (max-width: 1075px) {
  .winner-section--main {
    margin-top: 40px;
  }
  .winner-section--main .winner-questions {
    margin-top: 10px;
  }
}
.winner-section--main .winner-questions {
  background-color: #54C3CA;
  color: #fff;
  padding: 12px;
  font-size: 18px;
  border-radius: 4px;
  margin-bottom: 25px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-weight: 600;
  line-height: 28px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.winner-section--main .winner-questions:not(:first-child) {
  margin-top: 50px;
}
.winner-section--main .img-container {
  background-color: #fff;
  border-radius: 50%;
  height: 36px;
  min-width: 36px;
  margin-right: 10px;
}
.winner-section--main .img-container img {
  vertical-align: middle;
  margin-left: 7px;
}

.main--awards .container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.main--awards textarea.hs-input.invalid {
  background-color: #fff !important;
  border-color: #ccc !important;
  color: #434f57 !important;
}
.main--awards .awards--submitted {
  display: none;
  margin: 80px auto 0;
  text-align: center;
}
.main--awards .awards--submitted img {
  margin-bottom: 20px;
}
.main--awards .awards--submitted p, .main--awards .awards--submitted .paragraph {
  max-width: 480px;
  margin: 0 auto;
}
.main--awards .awards--submitted .container {
  display: block;
  display: -webkit-block;
}
.main--awards h3 {
  font-size: 26px;
  padding-bottom: 15px;
}
.main--awards .form-box {
  width: auto;
  border-radius: 4px;
  text-transform: capitalize;
}
.main--awards .form-box textarea {
  height: 150px !important;
  border: 1px solid #ccc;
}
.main--awards .form-box .actions input, .main--awards .form-box .actions .hs-input {
  background: rgba(255, 109, 0, 0.4666666667) !important;
}
.main--awards .form-box form:valid .actions input, .main--awards .form-box form:valid .actions .hs-input {
  background: #ff6d00 !important;
}
.main--awards .form-box form:valid .actions input:hover, .main--awards .form-box form:valid .actions .hs-input:hover {
  background: #fb5900 !important;
}
.main--awards .form-box::before {
  content: none;
}
@media screen and (min-width: 1075px) {
  .main--awards {
    margin-bottom: 60px;
  }
  .main--awards .awards--content {
    width: 40%;
    padding-top: 50px;
  }
  .main--awards .bold {
    font-size: 17px !important;
    line-height: 28px;
    padding: 13px 0 30px;
  }
  .main--awards .awards--form {
    width: 60%;
  }
  .main--awards .form-box {
    margin-top: -100px;
    margin-left: 70px;
  }
  .main--awards .form-box .actions {
    padding-right: 10px !important;
  }
}
@media screen and (max-width: 1075px) {
  .main--awards .container {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
            flex-direction: column-reverse;
  }
  .main--awards .awards--content {
    padding: 60px 20px 0px;
  }
  .main--awards .awards--timeline {
    display: none;
  }
  .main--awards .form-box {
    margin: -70px 20px 30px;
  }
}

.hero--awards__winners .hero--awards {
  padding-bottom: 0;
}
.hero--awards__winners .awards--timeline {
  display: none;
}
.hero--awards__winners.lever .hero--awards {
  background-image: url(https://549864.fs1.hubspotusercontent-na1.net/hubfs/549864/assets/awards/bg-images/leer@2x.png);
}
.hero--awards__winners.span .hero--awards {
  background-image: url(https://549864.fs1.hubspotusercontent-na1.net/hubfs/549864/assets/awards/bg-images/span@2x.png);
}
.hero--awards__winners.tobii .hero--awards {
  background-image: url(https://549864.fs1.hubspotusercontent-na1.net/hubfs/549864/assets/awards/bg-images/tobii@2x.png);
}
.hero--awards__winners.taluspay .hero--awards {
  background-image: url(https://549864.fs1.hubspotusercontent-na1.net/hubfs/549864/assets/awards/bg-images/talus-pay@2x.png);
}
.hero--awards__winners.toyota .hero--awards {
  background-image: url(https://549864.fs1.hubspotusercontent-na1.net/hubfs/549864/assets/awards/bg-images/toyota@2x.png);
}
.hero--awards__winners.lsas .hero--awards {
  background-image: url(https://549864.fs1.hubspotusercontent-na1.net/hubfs/549864/assets/awards/bg-images/loudoun-school@2x.png);
}
.hero--awards__winners.ifit .hero--awards {
  background-image: url(https://549864.fs1.hubspotusercontent-na1.net/hubfs/549864/assets/awards/bg-images/iFIT@2x.png);
}
.hero--awards__winners.morselife .hero--awards {
  background-image: url(https://549864.fs1.hubspotusercontent-na1.net/hubfs/549864/assets/awards/bg-images/morselife@2x.png);
}

.main--awards__winners {
  margin-top: 60px;
}
.main--awards__winners h3 {
  font-size: 26px;
  padding-bottom: 30px;
}
@media screen and (max-width: 1075px) {
  .main--awards__winners h3 {
    margin: 0 auto;
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
  }
}

.awards--winners-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.awards--winners-list img {
  max-height: 50px;
  margin-bottom: 10px;
}
.awards--winners-list .blog-content__item-content .resource-area-content__item-text {
  -webkit-line-clamp: 5;
  margin-bottom: 10px;
  font-size: 15px !important;
  color: inherit;
}
@media screen and (max-width: 1075px) {
  .awards--winners-list {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    justify-content: center;
  }
  .awards--winners-list .resource-area-content__item {
    min-width: 400px;
    max-width: 33.3%;
  }
}

.core-login-2021 {
  display: none;
  height: 100vh;
  overflow: auto;
  position: relative;
  color: #fff;
  text-align: center;
}
.core-login-2021--timeoff {
  background-color: #47b849;
}
@media screen and (min-width: 700px) {
  .core-login-2021--timeoff img.img-1 {
    max-height: 810px;
    margin: 0px auto -155px;
  }
  .core-login-2021--timeoff img.img-2 {
    margin-top: 100px;
    margin-bottom: -55px;
    -webkit-transform: scale(1.2);
            transform: scale(1.2);
  }
  .core-login-2021--timeoff img.img-3 {
    margin-top: 50px;
    margin-bottom: -120px;
    -webkit-transform: scale(1.1);
            transform: scale(1.1);
  }
}
.core-login-2021--performance {
  background-color: #8b84bf;
}
@media screen and (min-width: 700px) {
  .core-login-2021--performance .slick-slides img {
    -webkit-transform: scale(1.23);
            transform: scale(1.23);
  }
  .core-login-2021--performance .slick-slides img.img-1 {
    margin-bottom: -80px;
    margin-top: 100px;
  }
  .core-login-2021--performance .slick-slides img.img-2 {
    margin-bottom: -80px;
    margin-top: 95px;
  }
  .core-login-2021--performance .slick-slides img.img-3 {
    margin-top: 90px;
    margin-bottom: -80px;
  }
}
.core-login-2021--workmates {
  background-color: #1ab79c;
}
@media screen and (min-width: 700px) {
  .core-login-2021--workmates img.img-1 {
    margin-bottom: -165px;
    margin-top: 0px;
  }
  .core-login-2021--workmates img.img-2 {
    max-height: 800px;
    margin: 0px auto -160px;
  }
  .core-login-2021--workmates img.img-3 {
    margin-bottom: -55px;
    margin-top: 90px;
    -webkit-transform: scale(1.3);
            transform: scale(1.3);
  }
}
.core-login-2021 h3 {
  color: #FFF;
}
.core-login-2021 p, .core-login-2021 .paragraph {
  color: rgba(255, 255, 255, 0.7882352941);
  max-width: 575px;
  margin: 0 auto;
}
.core-login-2021 .link__arrow {
  font-weight: 600;
  color: #fff;
}
.core-login-2021 .slick-slides {
  margin: 0 auto;
  max-width: 750px;
}
.core-login-2021 .slick-dots {
  bottom: -15px;
}
.core-login-2021 .slick-dots li.slick-active button, .core-login-2021 .slick-dots li.slick-active .btn, .core-login-2021 .slick-dots li.slick-active .hs-button {
  background-color: #fff;
}
.core-login-2021 .slick-dots li button, .core-login-2021 .slick-dots li .btn, .core-login-2021 .slick-dots li .hs-button {
  background-color: rgba(255, 255, 255, 0.3843137255);
  border: none;
}
.core-login-2021 a, .core-login-2021 .link {
  font-size: 18px;
  margin-top: 10px;
  display: inline-block;
}
.core-login-2021 a:hover i, .core-login-2021 .link:hover i {
  -webkit-transform: scale(1.1), translateY(10px);
          transform: scale(1.1), translateY(10px);
  -webkit-transition: ease-in 50ms;
  transition: ease-in 50ms;
}
.core-login-2021 a i, .core-login-2021 .link i {
  display: inline-block;
  padding-left: 10px;
  -webkit-transform: translatey(1px);
          transform: translatey(1px);
}
@media screen and (min-width: 700px) {
  .core-login-2021 .app-logo {
    position: absolute;
    top: 130px;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
  }
  .core-login-2021 .slick-slides.mobile {
    display: none;
  }
}
@media screen and (max-width: 700px) {
  .core-login-2021 {
    padding: 20px;
  }
  .core-login-2021 .app-logo {
    margin: 0 auto;
    padding: 20px 0 0;
  }
  .core-login-2021 .slick-slides.desktop {
    display: none;
  }
  .core-login-2021 img {
    padding: 50px;
    max-height: 400px;
    margin: 0 auto;
  }
}

.hero-workmates-landing-cro .hero--new {
  margin-bottom: 0;
}

.content-workmates-landing-cro .feed-news {
  padding-bottom: 0;
}
@media (min-width: 1075px) {
  .content-workmates-landing-cro .team-communication__brands {
    margin-bottom: 60px;
  }
  .content-workmates-landing-cro .why-hrcloud {
    margin-top: 110px;
  }
  .content-workmates-landing-cro .with-hr-cloud {
    margin-bottom: 130px;
  }
  .content-workmates-landing-cro .trusted-by-leaders-v2 {
    margin-bottom: 90px;
  }
  .content-workmates-landing-cro .section__data-security {
    margin-top: 55px;
  }
}
@media (max-width: 1075px) {
  .content-workmates-landing-cro .feed-news {
    padding-top: 5px;
  }
  .content-workmates-landing-cro .with-hr-cloud {
    margin-top: 80px;
    margin-bottom: 70px;
  }
  .content-workmates-landing-cro .trusted-by-leaders-v2 {
    margin-bottom: 25px;
  }
  .content-workmates-landing-cro .section__data-security {
    margin-top: 5px;
  }
}

.zodiac-sign p, .zodiac-sign .paragraph {
  font-size: 18px !important;
  line-height: 1.7;
  padding-bottom: 30px;
}
.zodiac-sign .container {
  padding-left: 20px;
  padding-right: 20px;
  max-width: 830px;
}
.zodiac-sign .header {
  background-image: url("https://549864.fs1.hubspotusercontent-na1.net/hubfs/549864/assets/zodiac/header@2x.png");
  background-size: cover;
}
.zodiac-sign .header .container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding-top: 150px;
  padding-bottom: 150px;
}
@media only screen and (max-width: 1074px ) {
  .zodiac-sign .header .container {
    padding-top: 40px;
    padding-bottom: 20px;
  }
}
.zodiac-sign .header .title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-right: 20px;
}
.zodiac-sign .header .title h1 {
  color: #ffffff;
}
@media only screen and (max-width: 1074px ) {
  .zodiac-sign .header .title h1 {
    font-size: 18px;
  }
}
.zodiac-sign .header .sign-image {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-right: 40px;
  -ms-flex-preferred-size: 195px;
      flex-basis: 195px;
  border-radius: 50%;
  overflow: hidden;
  background-color: #54c3ca;
}
@media only screen and (max-width: 1074px ) {
  .zodiac-sign .header .sign-image {
    margin-right: 20px;
  }
}
.zodiac-sign .header .sign-image img {
  -webkit-transform: scale(1.7);
          transform: scale(1.7);
}
.zodiac-sign .header .sign-image img#pisces-img {
  -webkit-transform: scale(1);
          transform: scale(1);
}
.zodiac-sign .header .cta-button {
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}
.zodiac-sign .header .cta-button .btn, .zodiac-sign .header .cta-button .hs-button {
  padding: 15px 30px;
}
.zodiac-sign .about-sign {
  margin-top: 80px;
}
@media only screen and (max-width: 1074px ) {
  .zodiac-sign .about-sign {
    margin-top: 25px;
  }
}
.zodiac-sign .about-sign .icon-paragraph {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.zodiac-sign .about-sign .icon-paragraph img {
  width: 100%;
}
.zodiac-sign .about-sign .icon-paragraph .icon {
  min-width: 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-right: 15px;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
.zodiac-sign .about-sign .icon-paragraph .paragr {
  -ms-flex-preferred-size: 100%;
      flex-basis: 100%;
}
.zodiac-sign .recommendations {
  padding: 0;
}
@media only screen and (min-width: 1075px ) {
  .zodiac-sign .recommendations {
    margin-bottom: 100px;
  }
}
.zodiac-sign .recommendations p, .zodiac-sign .recommendations .paragraph {
  font-size: 16px !important;
  line-height: 1.4;
  padding-bottom: 12px;
}
.zodiac-sign .recommendations .title {
  margin-bottom: 20px;
  padding: 20px;
}
.zodiac-sign .recommendations .recommend {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
@media only screen and (min-width: 1075px ) {
  .zodiac-sign .recommendations .recommend {
    border-radius: 4px;
    margin-bottom: 20px;
  }
}
@media only screen and (max-width: 1074px ) {
  .zodiac-sign .recommendations .recommend {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}
.zodiac-sign .recommendations .recommend .text-section {
  padding: 20px 30px 20px 40px;
  -ms-flex-preferred-size: 50%;
      flex-basis: 50%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -ms-flex-item-align: center;
      align-self: center;
}
@media only screen and (max-width: 1074px ) {
  .zodiac-sign .recommendations .recommend .text-section {
    padding: 30px 20px 30px 20px;
  }
}
.zodiac-sign .recommendations .recommend .image-section {
  -ms-flex-preferred-size: 50%;
      flex-basis: 50%;
}
.zodiac-sign .recommendations .recommend .title-logo {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 12px;
}
.zodiac-sign .recommendations .recommend .title-logo img {
  margin-right: 10px;
  height: 35px;
}
.zodiac-sign .recommendations .recommend .title-logo h3 {
  margin: 0;
  font-size: 20px;
}
.zodiac-sign .recommendations .recommend.workmates {
  background-color: #ecf6f6;
}
.zodiac-sign .recommendations .recommend.recruit {
  background-color: #e5f1f6;
}
.zodiac-sign .recommendations .recommend.time-off {
  background-color: #f1f9f1;
}
.zodiac-sign .recommendations .recommend.time-clock {
  background-color: #eef8f8;
}
.zodiac-sign .recommendations .recommend.perform {
  background-color: #eef8f8;
}
.zodiac-sign .recommendations .title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.zodiac-sign .recommendations .title img {
  width: 20px;
  margin-right: 15px;
  -webkit-transform: translateY(-5px);
          transform: translateY(-5px);
}
.zodiac-sign .start-quiz {
  padding: 45px 0;
  background-color: #f0fafa;
}
.zodiac-sign .start-quiz h2 {
  margin-top: 0;
  margin-bottom: 12px;
}
.zodiac-sign .start-quiz p, .zodiac-sign .start-quiz .paragraph {
  font-size: 16px !important;
  line-height: 1.4;
}
.zodiac-sign .start-quiz a, .zodiac-sign .start-quiz .link {
  padding: 15px 25px;
}
.zodiac-sign .share-btn {
  position: relative;
}
@media only screen and (max-width: 1074px ) {
  .zodiac-sign .share-btn {
    display: none;
  }
}
.zodiac-sign .addthis_inline_share_toolbox {
  position: absolute;
  display: none;
}
.zodiac-sign .addthis_inline_share_toolbox a, .zodiac-sign .addthis_inline_share_toolbox .link {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 0;
}
.zodiac-sign .addthis_inline_share_toolbox a:first-child, .zodiac-sign .addthis_inline_share_toolbox .link:first-child {
  border-top-right-radius: 4px !important;
  border-top-left-radius: 4px !important;
}
.zodiac-sign .addthis_inline_share_toolbox a:last-child, .zodiac-sign .addthis_inline_share_toolbox .link:last-child {
  border-bottom-right-radius: 4px !important;
  border-bottom-left-radius: 4px !important;
}
.zodiac-sign .addthis_inline_share_toolbox a:hover, .zodiac-sign .addthis_inline_share_toolbox .link:hover {
  -webkit-transform: none;
          transform: none;
  background-color: #ccc !important;
}
.zodiac-sign .addthis_inline_share_toolbox .at-share-btn-elements {
  background-color: #fff;
  border-radius: 4px;
  margin-top: 22px;
  margin-left: -30px;
}
.zodiac-sign .addthis_inline_share_toolbox .at-resp-share-element {
  border-radius: 4px;
}
@media only screen and (max-width: 1074px ) {
  .zodiac-sign .container.text-center {
    padding-bottom: 50px;
  }
}

.zodiac-quiz-questions {
  position: relative;
}
.zodiac-quiz-questions .hs-form {
  max-width: 300px;
}
.zodiac-quiz-questions .hs-input {
  padding: 15px 15px 15px 10px;
  margin-bottom: 10px;
  border-color: #c0cace;
  height: 52px !important;
  font-size: 18px;
}
.zodiac-quiz-questions .hs-input:focus {
  border-color: #ff6d00;
}
.zodiac-quiz-questions .hs-button {
  color: #ffffff;
  background-color: #ff6d00;
  padding: 15px 15px;
  font-size: 17px;
}
.zodiac-quiz-questions .zodiac-bg-blue {
  background-image: url("https://549864.fs1.hubspotusercontent-na1.net/hubfs/549864/assets/zodiac/background@2x.png");
  background-size: cover;
  background-position: center;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  -o-object-fit: cover;
     object-fit: cover;
}
@media only screen and (min-width: 1075px ) {
  .zodiac-quiz-questions .zodiac-bg-blue {
    right: 20%;
  }
}
@media only screen and (max-width: 1074px ) {
  .zodiac-quiz-questions .zodiac-bg-blue {
    top: 150px;
  }
}
.zodiac-quiz-questions .header-bg-mobile {
  width: 100%;
  height: 150px;
  -o-object-fit: cover;
     object-fit: cover;
  background-image: url("https://549864.fs1.hubspotusercontent-na1.net/hubfs/549864/assets/zodiac/top-mobile@2x.png");
  background-size: cover;
  background-position: center;
  left: 0;
  right: 0;
}
@media only screen and (min-width: 1075px ) {
  .zodiac-quiz-questions .header-bg-mobile {
    display: none;
  }
}
.zodiac-quiz-questions .quiz-btns {
  position: absolute;
  top: 520px;
  margin-left: 95px;
  font-weight: 600;
  gap: 20px;
}
.zodiac-quiz-questions .quiz-btns div {
  cursor: pointer;
  display: none;
  border-radius: 5px;
  border: 1px solid #bbb;
  padding: 5px 12px;
  gap: 10px;
}
.zodiac-quiz-questions .quiz-btns div i {
  font-size: 25px;
  font-weight: 400;
  vertical-align: text-bottom;
  line-height: 20px;
  -ms-flex-item-align: center;
      align-self: center;
  color: #bbb;
}
.zodiac-quiz-questions .quiz-btns div:hover {
  border-color: #444444;
}
.zodiac-quiz-questions .quiz-btns div:hover i {
  color: #444444;
}
.zodiac-quiz-questions .quiz-btns div.active {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
@media only screen and (max-width: 1074px ) {
  .zodiac-quiz-questions .quiz-btns {
    margin-left: 0;
    top: 613px;
    padding-bottom: 30px;
  }
}
.zodiac-quiz-questions .questions {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-top: 8%;
  padding: 0 25px 0 25px;
}
@media only screen and (max-width: 1074px ) {
  .zodiac-quiz-questions .questions {
    margin-top: 25px;
  }
}
.zodiac-quiz-questions .questions > div {
  position: relative;
  width: 100%;
  height: 100%;
}
.zodiac-quiz-questions .questions .question-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 100px;
  opacity: 0;
  position: absolute;
  pointer-events: none;
}
@media only screen and (max-width: 1074px ) {
  .zodiac-quiz-questions .questions .question-container {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    margin-bottom: 50px;
  }
  .zodiac-quiz-questions .questions .question-container h2 {
    font-size: 18px;
  }
}
.zodiac-quiz-questions .questions .question-container.active {
  opacity: 1;
  pointer-events: all;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}
.zodiac-quiz-questions .questions .question-container .hrc-logo {
  margin-right: 5px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  -webkit-transform: translateX(-10px);
          transform: translateX(-10px);
}
@media only screen and (max-width: 1074px ) {
  .zodiac-quiz-questions .questions .question-container .hrc-logo {
    width: 60px;
    height: 60px;
  }
}
.zodiac-quiz-questions .questions .question-container .icon-container {
  width: 59px;
  height: 59px;
  margin-right: 35px;
  border-radius: 50%;
  overflow: hidden;
  background-color: #54C3CA;
  padding: 5px;
  -webkit-box-shadow: 0 0 10px 2px #eee;
          box-shadow: 0 0 10px 2px #eee;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
@media only screen and (max-width: 1074px ) {
  .zodiac-quiz-questions .questions .question-container .icon-container {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    width: 40px;
    height: 40px;
  }
}
.zodiac-quiz-questions .questions .question-container .icon-container h2 {
  margin: 0;
  color: #ffffff;
}
.zodiac-quiz-questions .questions .question-container .text-container h3 {
  font-weight: 400;
  line-height: 1.5;
}
.zodiac-quiz-questions .questions .question-container .text-container p, .zodiac-quiz-questions .questions .question-container .text-container .paragraph {
  font-size: 18px !important;
  line-height: 1.5;
}
.zodiac-quiz-questions .questions .question-container .text-container .divider-line {
  height: 2px;
  width: 75px;
  background-color: #000000;
  margin: 35px 0 30px 0;
}
.zodiac-quiz-questions .questions .question-container .text-container .report-list {
  padding-bottom: 5px;
}
.zodiac-quiz-questions .questions .question-container .text-container .report-list li {
  padding-left: 7px;
  margin-left: 7px;
  font-size: 18px;
  list-style-image: url("https://549864.fs1.hubspotusercontent-na1.net/hubfs/549864/assets/workplace-alternative-page/icons/check-teal.svg");
}
.zodiac-quiz-questions .questions .question-container .text-container .answer-list .answer-list-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.zodiac-quiz-questions .questions .question-container .text-container .answer-list .answer-list-item:hover label::before {
  background-color: #eee;
}
.zodiac-quiz-questions .questions .question-container .text-container .answer-list .answer-list-item-input {
  display: none;
}
.zodiac-quiz-questions .questions .question-container .text-container .answer-list .answer-list-item-input:checked + label::before {
  background-color: #b1d323;
  border: 1px solid #b1d323;
  background-image: url("https://549864.fs1.hubspotusercontent-na1.net/hubfs/549864/assets/adp-payroll/check.svg");
  background-repeat: no-repeat;
  background-size: 10px;
  background-position: center;
}
.zodiac-quiz-questions .questions .question-container .text-container .answer-list .answer-list-item-label {
  position: relative;
  margin-left: 40px;
  margin-bottom: 7px;
  font-size: 18px;
}
@media only screen and (max-width: 1074px ) {
  .zodiac-quiz-questions .questions .question-container .text-container .answer-list .answer-list-item-label {
    font-size: 15px;
  }
}
.zodiac-quiz-questions .questions .question-container .text-container .answer-list .answer-list-item-label::before {
  content: "";
  display: block;
  position: absolute;
  width: 18px;
  height: 18px;
  border: 1px solid #c8cdd1;
  border-radius: 50%;
  top: 6px;
  left: -40px;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
.zodiac-quiz-questions .questions .question-container .text-container .cta-button {
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
.zodiac-quiz-questions .questions .question-container .text-container .cta-button a, .zodiac-quiz-questions .questions .question-container .text-container .cta-button .link {
  padding: 17px 30px;
  -webkit-appearance: none;
}
@media only screen and (max-width: 1074px ) {
  .zodiac-quiz-questions .questions .question-container .text-container .cta-button a, .zodiac-quiz-questions .questions .question-container .text-container .cta-button .link {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
  }
}
.zodiac-quiz-questions .bg-zodiac {
  position: fixed;
  height: calc(100% + 200px);
  background-size: cover;
  z-index: -1;
  top: 0;
  right: 0;
  width: 20%;
  background-image: url(https://549864.fs1.hubspotusercontent-na1.net/hubfs/549864/assets/zodiac/side@2x.png);
}
@media only screen and (max-width: 1074px ) {
  .zodiac-quiz-questions .bg-zodiac {
    display: none;
  }
}

/* Vendors */
/* Slider */
.slick-slider {
  position: relative;
  display: block;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -ms-touch-action: pan-y;
  touch-action: pan-y;
  -webkit-tap-highlight-color: transparent;
}
@media only screen and (min-width: 1075px ) {
  .slick-slider.mobile-only {
    display: none !important;
  }
}
@media only screen and (max-width: 1074px ) {
  .slick-slider.desktop-only {
    display: none !important;
  }
}

.slick-list {
  position: relative;
  overflow: hidden;
  display: block;
  margin: 0;
  padding: 0;
}
.slick-list:focus {
  outline: none;
}
.slick-list.dragging {
  cursor: pointer;
  cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list {
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}

.slick-track {
  position: relative;
  left: 0;
  top: 0;
  display: block;
  margin-left: auto;
  margin-right: auto;
}
.slick-track:before, .slick-track:after {
  content: "";
  display: table;
}
.slick-track:after {
  clear: both;
}
.slick-loading .slick-track {
  visibility: hidden;
}

.slick-slide {
  float: left;
  height: 100%;
  min-height: 1px;
  display: none;
}
[dir=rtl] .slick-slide {
  float: right;
}
.slick-slide img {
  display: block;
}
.slick-slide.slick-loading img {
  display: none;
}
.slick-slide.dragging img {
  pointer-events: none;
}
.slick-initialized .slick-slide {
  display: block;
}
.slick-loading .slick-slide {
  visibility: hidden;
}
.slick-vertical .slick-slide {
  display: block;
  height: auto;
  border: 1px solid transparent;
}
.slick-slide:focus {
  outline: none;
}

.slick-arrow.slick-hidden {
  display: none;
}

/* Slider */
.slick-loading .slick-list {
  background: #fff url("https://www.hrcloud.com/hubfs/assets/vendor/ajax-loader.gif") center center no-repeat;
}

/* Arrows */
.slick-prev,
.slick-next {
  border-radius: 50%;
  z-index: 2;
  -webkit-box-shadow: 0px 0px 6px 0 rgba(0, 0, 0, 0.4);
          box-shadow: 0px 0px 6px 0 rgba(0, 0, 0, 0.4);
  top: 50%;
  position: absolute;
  display: block;
  height: 30px;
  width: 30px;
  line-height: 0px;
  font-size: 0px;
  cursor: pointer;
  background-color: #fff;
  color: transparent;
  margin-top: 25px;
  -webkit-transform: translate(0, -50%);
  transform: translate(0, -50%);
  padding: 0;
  border: none;
  outline: none;
}
.slick-prev:hover, .slick-prev:focus,
.slick-next:hover,
.slick-next:focus {
  outline: none;
  background: white;
  color: transparent;
}
.slick-prev:hover:before, .slick-prev:focus:before,
.slick-next:hover:before,
.slick-next:focus:before {
  opacity: 1;
}
.slick-prev.slick-disabled:before,
.slick-next.slick-disabled:before {
  opacity: 0.25;
}
.slick-prev:before,
.slick-next:before {
  font-family: "hrcore-medium";
  font-size: 25px;
  line-height: 1;
  color: #00c4c9;
  opacity: 0.75;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.slick-prev {
  left: -10px;
}
[dir=rtl] .slick-prev {
  left: auto;
  right: -40px;
}
.slick-prev:before {
  content: "\e604";
}
[dir=rtl] .slick-prev:before {
  content: "\e602";
}

.slick-next {
  right: -10px;
}
[dir=rtl] .slick-next {
  left: -40px;
  right: auto;
}
.slick-next:before {
  content: "\e602";
}
[dir=rtl] .slick-next:before {
  content: "\e604";
}

/* Dots */
.slick-dotted.slick-slider {
  margin-bottom: 30px;
}

.slick-dots {
  position: absolute;
  bottom: -35px;
  list-style: none;
  display: block;
  text-align: center;
  padding: 0;
  margin: 0;
  width: 100%;
}
.slick-dots li {
  position: relative;
  display: inline-block;
  width: 8px;
  height: 8px;
  margin: 0 8px;
  padding: 0;
  cursor: pointer;
}
.slick-dots li button, .slick-dots li .btn, .slick-dots li .hs-button {
  width: 8px;
  height: 8px;
  border: 1px solid #D8D8D8;
  padding: 5px;
  border-radius: 50%;
  background: transparent;
  display: block;
  outline: none;
  line-height: 0px;
  font-size: 0px;
  color: transparent;
  cursor: pointer;
}
.slick-dots li button:hover, .slick-dots li .btn:hover, .slick-dots li .hs-button:hover, .slick-dots li button:focus, .slick-dots li .btn:focus, .slick-dots li .hs-button:focus {
  outline: none;
}
.slick-dots li.slick-active button, .slick-dots li.slick-active .btn, .slick-dots li.slick-active .hs-button {
  background-color: #00c4c9;
  border-color: #00c4c9;
}

.carousel-item {
  display: none;
}

.slick-initialized .carousel-item {
  display: block;
}