:root {
  --font-family-heading: "SF Pro Display", sans-serif;
  --color-heading: #111;
  --h1-font-size-desktop: 48px;
  --h1-line-height-desktop: 52px;
  --h1-font-size-tablet: 40px;
  --h1-line-height-tablet: 44px;
  --h1-font-size-lmobile: 40px;
  --h1-line-height-lmobile: 44px;
  --h1-font-size-pmobile: 34px;
  --h1-line-height-pmobile: 38px;
  --h2-font-size-desktop: 40px;
  --h2-line-height-desktop: 44px;
  --h2-font-size-tablet: 32px;
  --h2-line-height-tablet: 36px;
  --h2-font-size-lmobile: 32px;
  --h2-line-height-lmobile: 36px;
  --h2-font-size-pmobile: 28px;
  --h2-line-height-pmobile: 32px;
  --h3-font-size-desktop: 32px;
  --h3-font-size-tablet: 28px;
  --h3-font-size-lmobile: 28px;
  --h3-font-size-pmobile: 24px;
  --h4-font-size-desktop: 28px;
  --h4-font-size-tablet: 24px;
  --h4-font-size-lmobile: 24px;
  --h4-font-size-pmobile: 20px;
  --h5-font-size-desktop: 24px;
  --h5-font-size-tablet: 24px;
  --h5-font-size-lmobile: 24px;
  --h5-font-size-pmobile: 20px;
  --h6-font-size-desktop: 20px;
  --h6-font-size-tablet: 24px;
  --h6-font-size-lmobile: 24px;
  --h6-font-size-pmobile: 20px;
  --color-text: #333;
  --claris-primary-green: #208a3d;
  --color-primary-hover: #2da14a;
  --color-bg-alt-dark: #272b36;
  --color-heading-inverse: white;
  --color-text-inverse: white;
  --c-section-padding: 60px;
  --c-section-lr-pad: 20px;
  --button-border-radius: 3px;
  --primary-inverse: white;
  --color-dark-alt-1: #333;
  --color-dark-mode-green: #4fe669;
  --color-dark-mode-hover: #34c759;
  --section-3-desktop: 80px;
  --section-3-lr-padding: 20px;
  --section-3-tablet: 60px;
  --section-3-lmobile: 60px;
  --section-3-pmobile: 40px;
  --color-bg-dark: #2c2c2e;
  --margin-bottom-60px: 60px;
  --color-bg-grey: #f2f2f7;
  --color-bg-dark-blue: #212a43;
  --font-family-text: "SF Pro Text", sans-serif;
  --black\<deleted\|variable-a6d90001\>: black;
  --p-font-size-desktop: 16px;
  --color-bg-yellow: #f5cd50;
  --color-bg-green: #7fca8a;
  --color-bg-blue: #60c0db;
  --margin-bottom-24px: 24px;
  --p-font-size-tablet: 16px;
  --p-font-size-lmobile: 16px;
  --p-font-size-pmobile: 0px;
  --h3-line-height-desktop: 36px;
  --h3-line-height-tablet: 32px;
  --h3-line-height-lmobile: 32px;
  --h3-line-height-pmobile: 28px;
  --h4-line-height-desktop: 32px;
  --h4-line-height-tablet: 28px;
  --h4-line-height-lmobile: 28px;
  --h4-line-height-pmobile: 24px;
  --h5-line-height-desktop: 28px;
  --h5-line-height-tablet: 28px;
  --h5-line-height-lmobile: 28px;
  --h5-line-height-pmobile: 24px;
  --h6-line-height-desktop: 0px;
  --h6-line-height-tablet: 0px;
  --h6-line-height-lmobile: 0px;
  --h6-line-height-pmobile: 0px;
}

.w-layout-blockcontainer {
  max-width: 940px;
  margin-left: auto;
  margin-right: auto;
  display: block;
}

.w-layout-grid {
  grid-row-gap: 16px;
  grid-column-gap: 16px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.w-checkbox {
  margin-bottom: 5px;
  padding-left: 20px;
  display: block;
}

.w-checkbox:before {
  content: " ";
  grid-area: 1 / 1 / 2 / 2;
  display: table;
}

.w-checkbox:after {
  content: " ";
  clear: both;
  grid-area: 1 / 1 / 2 / 2;
  display: table;
}

.w-checkbox-input {
  float: left;
  margin: 4px 0 0 -20px;
  line-height: normal;
}

.w-checkbox-input--inputType-custom {
  border: 1px solid #ccc;
  border-radius: 2px;
  width: 12px;
  height: 12px;
}

.w-checkbox-input--inputType-custom.w--redirected-checked {
  background-color: #3898ec;
  background-image: url('https://d3e54v103j8qbb.cloudfront.net/static/custom-checkbox-checkmark.589d534424.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  border-color: #3898ec;
}

.w-checkbox-input--inputType-custom.w--redirected-focus {
  box-shadow: 0 0 3px 1px #3898ec;
}

@media screen and (max-width: 991px) {
  .w-layout-blockcontainer {
    max-width: 728px;
  }
}

@media screen and (max-width: 767px) {
  .w-layout-blockcontainer {
    max-width: none;
  }
}

body {
  color: #333;
  font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
  font-size: 14px;
  line-height: 20px;
}

h1 {
  font-family: var(--font-family-heading);
  color: var(--color-heading);
  font-size: var(--h1-font-size-desktop);
  line-height: var(--h1-line-height-desktop);
  margin-top: 20px;
  margin-bottom: 10px;
  font-weight: 500;
}

h2 {
  font-family: var(--font-family-heading);
  color: var(--color-heading);
  font-size: var(--h2-font-size-desktop);
  line-height: var(--h2-line-height-desktop);
  margin-top: 20px;
  margin-bottom: 10px;
  font-weight: 500;
}

h3 {
  font-family: var(--font-family-heading);
  color: var(--color-heading);
  font-size: var(--h3-font-size-desktop);
  margin-top: 20px;
  margin-bottom: 10px;
  font-weight: 500;
  line-height: 36px;
}

h4 {
  font-family: var(--font-family-heading);
  color: var(--color-heading);
  font-size: var(--h4-font-size-desktop);
  margin-top: 10px;
  margin-bottom: 10px;
  font-weight: 500;
  line-height: 32px;
}

h5 {
  font-family: var(--font-family-heading);
  font-size: var(--h5-font-size-desktop);
  margin-top: 10px;
  margin-bottom: 10px;
  font-weight: 500;
  line-height: 28px;
}

h6 {
  font-family: var(--font-family-heading);
  color: var(--color-heading);
  font-size: var(--h6-font-size-desktop);
  margin-top: 10px;
  margin-bottom: 10px;
  font-weight: 500;
  line-height: 24px;
}

p {
  color: var(--color-text);
  margin-bottom: 10px;
  font-family: SF Pro Text, sans-serif;
  font-size: 16px;
  font-weight: 300;
  line-height: 24px;
}

a {
  color: var(--claris-primary-green);
  font-family: SF Pro Text, sans-serif;
  font-size: 16px;
  font-weight: 300;
  line-height: 24px;
}

a:hover {
  color: var(--color-primary-hover);
}

.c-block-quote-1 {
  text-align: left;
  background-color: #336bf6;
  background-image: linear-gradient(to right, #336bf6, #08bbe1);
}

.block-quote-2 {
  color: #fff;
  margin-bottom: 40px;
  padding: 0;
  font-family: SF Pro Display, sans-serif;
  font-size: 42px;
  line-height: 46px;
}

.body {
  font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
}

.text-block {
  float: right;
  clear: none;
  color: #fff;
  text-align: left;
  font-family: SF Pro Text, sans-serif;
  font-size: 16px;
  line-height: 21px;
}

.text-block.blockquotedetails2 {
  color: #333;
}

.container-2 {
  max-width: 1000px;
}

.section-2 {
  background-color: var(--color-bg-alt-dark);
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 80px;
  padding-bottom: 80px;
  font-size: 2.5rem;
  line-height: 2.75rem;
}

.heading {
  color: #fff;
  text-align: center;
  margin-bottom: 60px;
  font-size: 2.5rem;
  line-height: 2.75rem;
}

.paragraph {
  color: #fff;
  text-align: center;
  margin-bottom: 10px;
}

.heading-2 {
  color: #fff;
}

.heading-2.h5 {
  color: #fff;
  text-align: center;
  margin-bottom: 8px;
}

.div-block {
  grid-column-gap: 80px;
  grid-row-gap: 30px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.image {
  text-align: left;
  object-fit: fill;
  width: auto;
  max-width: none;
  height: 75%;
  max-height: 75%;
  margin-bottom: 0;
  margin-left: auto;
  margin-right: auto;
  display: block;
  overflow: visible;
}

.div-block-2 {
  text-align: center;
}

.div-block-3 {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  height: 100px;
  margin-bottom: 24px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.icon.icon-after.more {
  margin-bottom: 0;
  text-decoration: none;
  display: inline-block;
}

.utility-page-wrap {
  justify-content: center;
  align-items: center;
  width: 100vw;
  max-width: 100%;
  height: 100vh;
  max-height: 100%;
  display: flex;
}

.utility-page-content {
  text-align: center;
  flex-direction: column;
  width: 260px;
  display: flex;
}

.utility-page-form {
  flex-direction: column;
  align-items: stretch;
  display: flex;
}

.link {
  float: right;
  clear: right;
  display: block;
}

.heading-3 {
  text-align: center;
  margin-top: 0;
  margin-bottom: 0;
  font-style: normal;
  font-weight: 400;
}

.global-nav-placeholder-codex {
  height: 60px;
}

.div-block-8, .div-block-9, .div-block-10, .div-block-11, .div-block-12, .div-block-13, .div-block-14, .div-block-15, .div-block-16 {
  display: flex;
}

.div-block-17 {
  flex-direction: row;
  justify-content: center;
  align-items: center;
  height: 100%;
  display: flex;
}

.global-nav-container {
  height: 100%;
}

.heading-4 {
  color: #fff;
  margin-top: 0;
  margin-bottom: 0;
  font-weight: 400;
}

.div-block-18 {
  justify-content: center;
  align-items: center;
  height: 100%;
  display: flex;
}

.global-footer-container {
  height: 100%;
}

.global-footer-placeholder {
  background-color: #22221f;
  height: 200px;
}

.c-res4-textwrap {
  justify-content: space-around;
  align-self: center;
  max-width: 550px;
  max-height: 100%;
  padding: 50px 50px 50px 100px;
  display: block;
}

.c-res4-textwrap.c-res4-textwrapleft {
  max-width: 550px;
  padding-left: 50px;
  padding-right: 100px;
}

.c-res4-image-left {
  object-fit: cover;
  align-self: stretch;
  width: 50%;
  max-height: 800px;
  display: block;
  position: static;
  inset: 0% 0% auto auto;
}

.c-res4-image-left.get-fm {
  max-height: 100%;
}

.c-res4 {
  background-color: #f2f2f7;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  display: block;
  position: relative;
}

.cs-container-full-wdith {
  color: #fff;
  background-color: #f5f5f5;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  max-width: 100%;
  height: 100%;
  display: flex;
}

.cs-container-full-wdith.cs-gen-section-1 {
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  padding-top: 0;
  padding-bottom: 0;
}

.c-res4-item-head {
  margin-top: 30px;
  margin-bottom: 8px;
}

.c-res4-desc {
  margin-bottom: 30px;
}

.div-block-22 {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.div-block-23, .div-block-24, .div-block-25, .div-block-26 {
  padding-left: 40px;
  padding-right: 40px;
}

.c-container-width {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  max-width: 1000px;
  font-size: 14px;
  display: block;
  position: relative;
}

.c-container-width.c-container-centered {
  text-align: center;
}

.c-container-width.cs-container-even-more {
  text-align: center;
  max-width: 1250px;
}

.c-container-width.c-general-6-container {
  align-self: center;
  max-width: 900px;
  padding-left: 90px;
  padding-right: 90px;
}

.c-container-width.hp-claris-partners {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  text-align: center;
  grid-template-rows: auto auto;
  grid-template-columns: .5fr .5fr;
  grid-auto-columns: 1fr;
  font-size: 0;
  display: block;
}

.c-container-width.feature-graphic-container {
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  max-width: 800px;
  height: 100%;
  display: flex;
}

.c-container-width.get-fm-wide {
  max-width: 1400px;
}

.c-container-width.p-pf {
  max-width: 1310px;
  padding-left: 30px;
  padding-right: 30px;
}

.c-container-width.c-gen19.p-workplace {
  max-width: 800px;
  margin-top: 80px;
}

.c-cta-1 {
  color: #fff;
  background-image: linear-gradient(to right, #0c4a25, #4fa24b 55%, #e7d330);
}

.c-cta-1-main-heading {
  color: var(--color-heading-inverse);
}

.p2 {
  max-width: 1000px;
  margin: 0 auto 10px;
  font-size: 20px;
  line-height: 28px;
}

.p2.cs-section-more-info {
  margin-bottom: 10px;
}

.p2.c-cta-2-sub-heading, .p2.c-cta-1-sub-heading {
  color: var(--color-heading-inverse);
}

.p2.c-cta-5-sub-heading {
  color: var(--color-heading-inverse);
  margin-bottom: 30px;
}

.div-block-27 {
  grid-column-gap: 32px;
  grid-row-gap: 16px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: center;
  margin-top: 30px;
  display: flex;
}

.c-block-quote-3 {
  background-image: linear-gradient(to right, #0c4a25, #4fa24b 50%, #e7d330);
}

.c-block-quote-3-quote {
  color: var(--color-text-inverse);
  text-align: left;
  padding: 0;
  font-family: SF Pro Display, sans-serif;
  font-size: 42px;
  font-weight: 400;
  line-height: 50px;
}

.c-block-quote-3-text {
  color: var(--color-heading-inverse);
  text-align: right;
  margin-top: 40px;
  font-family: SF Pro Text, sans-serif;
}

.cs-gen-section-1.cs-section-1 {
  padding: 80px 30px;
}

.image-5 {
  object-fit: fill;
  min-width: 850px;
  min-height: 500px;
  max-height: 500px;
  margin-left: 0;
  display: inline-block;
  position: absolute;
  inset: 0% 0% 0% auto;
  overflow: hidden;
}

.div-block-28 {
  max-width: 500px;
  min-height: 100%;
  padding-left: 70px;
}

.div-block-30 {
  text-align: right;
  object-fit: fill;
  flex: 0 auto;
  order: 0;
  align-self: auto;
  min-width: 50%;
  max-width: 50%;
  min-height: 500px;
  margin-left: 0;
  margin-right: 0;
  position: relative;
  overflow: visible;
}

.paragraph-3 {
  margin-bottom: 30px;
  font-size: 20px;
  line-height: 28px;
}

.btn {
  color: #208a3d;
  background-color: #0000;
  border-style: solid;
  border-width: 1px;
  font-size: 16px;
  line-height: 24px;
}

.btn.white.transparent {
  color: #fff;
  background-color: #0000;
  border-color: #fff;
}

.btn.white.transparent:hover {
  color: #333;
  background-color: #fff;
  border-color: #fff;
}

.cs-gen-section-2 {
  text-align: left;
}

.cs-gen-section-2.dark {
  background-color: #272b36;
}

.cs-gen-section-2.dark.cs-section-1 {
  padding: 80px 30px;
}

.div-block-31 {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  text-align: center;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  margin-top: 60px;
  padding-right: 0;
  display: grid;
}

.div-block-32 {
  background-color: #191b23;
  border-radius: 10px;
  padding: 60px 30px 40px;
  position: relative;
}

.heading-10 {
  text-align: center;
  max-width: 1000px;
  margin-left: auto;
  margin-right: auto;
}

.div-block-33 {
  padding-top: 50px;
}

.div-block-34 {
  -webkit-text-stroke-color: #333;
  object-fit: fill;
  background-color: #6b6b6b;
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  width: 100px;
  height: 100px;
  margin-right: -50px;
  display: flex;
  position: absolute;
  top: -50px;
  right: 50%;
}

.image-6 {
  max-width: 75%;
}

.c-feature-1-image-group {
  grid-column-gap: 2px;
  grid-row-gap: 2px;
  grid-template: "Area Area-6 Area-6 Area-4 Area-5" 1fr
                 "Area Area-8 Area-7 Area-7 Area-5" 1fr
                 / 1.25fr 1fr 1fr 1fr 1.25fr;
  grid-auto-columns: 1fr;
  margin-top: 60px;
  margin-bottom: 60px;
  display: grid;
}

.c-feature-1 {
  padding: var(--c-section-padding) var(--c-section-lr-pad);
  background-image: linear-gradient(45deg, #141414 15%, #2c2c2e 50%, #141414 85%);
}

.h4 {
  font-family: var(--font-family-heading);
  color: var(--color-heading);
  margin-top: 10px;
  margin-bottom: 10px;
  font-size: 28px;
  font-weight: 500;
  line-height: 32px;
}

.h4.cs-section-more-info {
  margin-bottom: 10px;
}

.h6 {
  font-family: var(--font-family-heading);
  color: var(--color-heading);
  margin-top: 10px;
  margin-bottom: 10px;
  font-size: 20px;
  font-weight: 500;
  line-height: 24px;
}

.h6.award-winner {
  color: var(--color-heading-inverse);
  margin-top: 10px;
  margin-bottom: 24px;
}

.c-feature-1-main-heading {
  color: #fff;
  text-align: center;
}

.c-feature-1-sub-paragraph {
  color: #fff;
  text-align: center;
  max-width: 900px;
  margin-left: auto;
  margin-right: auto;
  font-size: 1.5rem;
  line-height: 2rem;
}

.image-7 {
  min-width: 100%;
  min-height: 0%;
}

.image-8 {
  min-width: 100%;
}

.cs-section-default {
  padding-top: 80px;
  padding-bottom: 80px;
}

.cs-gen-section-3 {
  background-image: url('../images/img_perfect-platform_background_2x.jpg');
  background-position: 0 0;
  background-size: cover;
}

.cs-gen-section-3.cs-section-default {
  padding-left: 30px;
  padding-right: 30px;
}

.div-block-38 {
  text-align: center;
  background-color: #fffc;
  border-radius: 12px;
  padding: 60px 120px;
}

.cs-gen-3-circle-grid {
  grid-column-gap: 0px;
  grid-row-gap: 16px;
  grid-template: "."
  / 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  grid-auto-flow: row;
  align-content: space-around;
  place-items: center;
  max-width: 850px;
  margin: 60px auto 30px;
  padding-right: 0;
  display: grid;
}

.cs-gen-3-circle-info {
  color: #fff;
  background-color: #2c2c2ee6;
  border-radius: 50%;
  width: 250px;
  height: 250px;
  margin-top: -125px;
  margin-left: -125px;
  padding: 40px 25%;
  position: absolute;
  inset: 50% auto auto 50%;
}

.heading-12 {
  color: #fff;
}

.cs-gen-3-circle-container {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  min-width: 160px;
  max-width: 220px;
  min-height: 160px;
  max-height: 220px;
  display: block;
  position: relative;
}

.cs-gen-4-section {
  background-color: #f2f2f7;
  padding: 80px 30px;
  box-shadow: 0 0 1px 10px #00000014;
}

.div-block-39 {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template: "Area Area-2"
                 "Area Area-3"
                 / 1fr 1fr;
  grid-auto-columns: 1fr;
  margin-top: 60px;
  margin-bottom: 60px;
  display: grid;
}

.c-bb-sh1 {
  text-align: center;
  padding-bottom: 60px;
  padding-left: 100px;
  padding-right: 100px;
}

.c-bb-sh1.p-workplace {
  padding-bottom: 0;
}

.cs-section-more-info {
  text-align: center;
  padding-left: 100px;
  padding-right: 100px;
}

.cs-icon-info-action-1 {
  text-align: center;
  background-color: #0000;
  padding: 40px;
}

.image-11 {
  width: 100px;
  max-width: none;
  height: 100px;
  margin-bottom: 16px;
  display: inline-block;
}

.paragraph-7 {
  margin-bottom: 30px;
}

.cs-gen-4-tiles-info {
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 1px 0 10px -1px #00000014;
}

.div-block-40 {
  background-color: #e6e6e6;
  height: 3px;
  margin: 30px 60px 60px;
}

.div-block-41 {
  text-align: center;
  padding-left: 60px;
  padding-right: 60px;
}

.heading-14 {
  margin-top: 10px;
  margin-bottom: 0;
}

.text-block-4, .text-block-5, .text-block-6, .text-block-7 {
  margin-bottom: 40px;
}

.text-block-8 {
  color: #9d70ba;
  font-size: 12px;
}

.section-7 {
  padding-top: 30px;
  padding-bottom: 30px;
}

.block-quote-4 {
  -webkit-text-fill-color: transparent;
  background-image: linear-gradient(to right, #c53383, #e74a65 50%, #f35a45);
  -webkit-background-clip: text;
  background-clip: text;
  margin-bottom: 40px;
  padding: 0;
  font-family: SF Pro Display, sans-serif;
  font-size: 42px;
  font-weight: 700;
  line-height: 50px;
}

.c-cta-2 {
  color: #fff;
  background-image: linear-gradient(to right, #c53383, #e74a65 55%, #f35a45);
}

.c-cta-2.c-section-3 {
  background-image: linear-gradient(to right, #0c4a25, #4fa24b 55%, #e7d330);
}

.c-cta-3 {
  background-color: #f5cd50;
}

.div-block-42 {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-direction: column;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: center;
  padding-left: 320px;
  padding-right: 320px;
  display: flex;
}

.cs-feature-2 {
  background-image: linear-gradient(#32536a, #29455a 25%, #20384a 50%, #172b3b 75%, #0e1f2c);
  padding: 80px 30px;
}

.div-block-43 {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.heading-15 {
  color: #fff;
  flex: 0 auto;
  margin-bottom: 24px;
}

.image-12 {
  max-width: 500px;
  max-height: 500px;
}

.div-block-44 {
  text-align: left;
  flex-direction: column;
  align-self: center;
  padding-left: 70px;
  display: flex;
}

.sh-eyebrow-inverse {
  color: #fff;
  margin-bottom: 12px;
  padding-top: 0;
  padding-bottom: 0;
  padding-left: 0;
  font-family: SF Pro Display, sans-serif;
  font-size: 24px;
  font-weight: 100;
  line-height: 32px;
}

.c-interactive-1-blockquote {
  -webkit-text-fill-color: transparent;
  background-image: linear-gradient(to right, #3f6eed, #54b8dd);
  -webkit-background-clip: text;
  background-clip: text;
  margin-bottom: 30px;
  font-family: SF Pro Text, sans-serif;
  font-size: 34px;
  font-weight: 700;
  line-height: 40px;
  display: block;
}

.slide {
  text-align: center;
  flex-direction: column;
  justify-content: center;
  overflow: visible;
}

.slide-2 {
  text-align: center;
  background-color: #fff0;
}

.c-interactive-1-slider {
  display: block;
}

.c-interactive-1-slide-text {
  text-align: center;
  display: block;
}

.c-interactive-1-slide-block {
  background-color: #fff;
  flex-direction: column;
  justify-content: center;
  height: 100%;
  padding: 30px 80px;
  display: block;
}

.c-feature-3 {
  text-align: center;
  background-image: linear-gradient(to right, #3f3c3f 25%, #2a282a 75%);
  padding-top: 80px;
  padding-bottom: 80px;
}

.heading-16 {
  color: #fff;
  text-align: center;
}

.c-cta-4 {
  text-align: center;
  background-color: #6a56e7;
}

.h3 {
  font-family: var(--font-family-heading);
  color: var(--color-heading);
  font-size: var(--h3-font-size-desktop);
  margin-top: 20px;
  margin-bottom: 10px;
  font-weight: 500;
  line-height: 36px;
}

.h2 {
  font-family: var(--font-family-heading);
  color: var(--color-heading);
  margin-top: 20px;
  margin-bottom: 10px;
  font-size: 40px;
  font-weight: 500;
  line-height: 44px;
}

.h2.c-cta-4-main-heading {
  color: var(--color-heading-inverse);
}

.div-block-50 {
  padding-left: 60px;
  padding-right: 60px;
}

.c-cta-5 {
  text-align: center;
  background-image: linear-gradient(to right, #263d4e, #2a5f67 40%, #73b47b);
}

.c-cta-5-main-heading {
  color: var(--color-heading-inverse);
  margin-bottom: 16px;
}

.text-block-10 {
  color: #fff;
}

.section-8 {
  background-color: #416f41;
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 60px;
  padding-bottom: 60px;
}

.heading-18 {
  color: #fff;
  text-align: center;
}

.container-8 {
  text-align: center;
}

.grid {
  grid-template: "Area . ."
                 "Area-2 Area-6 Area-13"
                 "Area-3 Area-7 Area-14"
                 "Area-4 Area-8 Area-15"
                 "Area-5 Area-9 Area-16"
                 "Area-11 Area-12 Area-17"
                 / 1fr 1fr 1fr;
}

.paragraph-8 {
  margin-bottom: 0;
  font-size: 40px;
  line-height: 40px;
}

.heading-21 {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 40px;
  line-height: 40px;
}

.paragraph-10 {
  font-size: 40px;
  line-height: 40px;
}

.bold-text-7 {
  font-family: SF Pro KR, sans-serif;
  font-size: 40px;
  font-weight: 500;
  line-height: 40px;
}

.bold-text-8 {
  font-family: SF Pro SC, sans-serif;
  font-size: 40px;
  font-weight: 500;
  line-height: 40px;
}

.bold-text-9 {
  font-family: SF Pro JP, sans-serif;
  font-weight: 500;
}

.grid-2 {
  grid-template: "Area Area-2"
                 "Area-4 Area-5"
                 "Area-6 Area-11"
                 "Area-7 Area-12"
                 "Area-8 Area-13"
                 "Area-9 Area-14"
                 "Area-10 Area-15"
                 / 1fr 2fr;
  grid-auto-flow: row;
}

.h1 {
  font-family: var(--font-family-heading);
  color: var(--color-heading);
  margin-top: 20px;
  margin-bottom: 10px;
  font-size: 48px;
  font-weight: 500;
  line-height: 52px;
}

.h5 {
  font-family: var(--font-family-heading);
  color: var(--color-heading);
  margin-top: 10px;
  margin-bottom: 10px;
  font-size: 24px;
  font-weight: 500;
  line-height: 28px;
}

.grid-3 {
  grid-template: "Area Area-2"
                 "Area-3 Area-4"
                 "Area-5 Area-8"
                 "Area-6 Area-9"
                 "Area-7 Area-10"
                 "Area-11 Area-12"
                 / 1fr 2fr;
}

.p3 {
  color: var(--color-text);
  font-family: SF Pro Text, sans-serif;
  font-size: 16px;
  font-weight: 300;
  line-height: 24px;
}

.p1 {
  font-size: 24px;
  line-height: 30px;
}

.p4 {
  color: var(--color-text);
  margin-bottom: 0;
  font-family: SF Pro Text, sans-serif;
  font-size: 14px;
  font-weight: 300;
  line-height: 18px;
}

.p5 {
  font-size: 12px;
  line-height: 16px;
}

.container-10 {
  margin-top: 90px;
}

.c-button {
  border: 1px solid var(--claris-primary-green);
  border-radius: var(--button-border-radius);
  background-color: var(--claris-primary-green);
  color: var(--primary-inverse);
  text-align: center;
  transition: all .2s;
  display: inline;
}

.c-button:hover {
  border-color: var(--color-primary-hover);
  background-color: var(--color-primary-hover);
  color: var(--primary-inverse);
}

.c-button.c-thin {
  border: 1px solid var(--claris-primary-green);
  color: var(--claris-primary-green);
  background-color: #0000;
}

.c-button.c-thin:hover {
  border-color: var(--claris-primary-green);
  background-color: var(--claris-primary-green);
  color: var(--primary-inverse);
  -webkit-text-stroke-color: var(--color-primary-hover);
}

.c-button.c-thin.c-dark-alt {
  border-color: var(--color-dark-alt-1);
  color: var(--color-dark-alt-1);
}

.c-button.c-thin.c-dark-alt:hover {
  -webkit-text-stroke-color: var(--color-dark-alt-1);
}

.c-button.c-thin.c-light {
  border-color: var(--primary-inverse);
  color: var(--primary-inverse);
  display: inline;
}

.c-button.c-thin.c-light:hover {
  border-color: var(--primary-inverse);
  background-color: var(--primary-inverse);
  color: var(--color-dark-alt-1);
}

.c-button.c-thin.c-light.p-integration {
  flex: 0 auto;
}

.c-button.c-thin.c-boxy {
  border-radius: 0;
}

.c-button.c-thin.c-green-alt {
  border-color: var(--color-dark-mode-green);
  color: var(--color-dark-mode-green);
}

.c-button.c-thin.c-green-alt:hover {
  border-color: var(--color-dark-mode-hover);
  background-color: var(--color-dark-mode-hover);
  color: var(--primary-inverse);
}

.c-button.c-thin.p-hp {
  display: inline-block;
}

.c-button.c-dark-alt {
  border: 1px solid var(--color-dark-alt-1);
}

.c-button.c-dark-alt:hover {
  background-color: var(--color-dark-alt-1);
  color: var(--primary-inverse);
}

.c-button.c-button-thin.c-thin.c-light-alt.c-cta-6-button {
  margin-top: 20px;
  display: inline-block;
}

.grid-4 {
  grid-template: "Area Area-3"
                 "Area-2 Area-4"
                 "Area-5 Area-6"
                 "Area-7 Area-8"
                 "Area-9 Area-10"
                 / 1fr 1fr;
}

.sg-dark-bg {
  background-color: #000;
}

.sg-button-container {
  padding: 20px;
}

.c-cta-6 {
  background-image: linear-gradient(to right, #2f4856 10%, #a0b44d 90%);
  padding: 30px 0;
}

.c-cta-6.c-section-2 {
  background-image: linear-gradient(to right, #633b58, #376fa3);
}

.c-cta-6-main-heading {
  color: #fff;
  text-decoration: none;
  display: block;
}

.c-cta-6-sub-paragraph {
  color: var(--primary-inverse);
}

.c-cta-7-panel-grid {
  grid-template-rows: auto;
}

.c-cta-7-double-panel {
  padding: var(--section-3-desktop) var(--section-3-lr-padding);
  background-color: #222a41;
  background-image: url('../images/bg_pattern.jpg');
  background-position: 0 0;
  background-size: cover;
  background-attachment: fixed;
}

.c-cta-7-double-panel.c-section-3 {
  background-image: url('../images/bg_pattern.jpg');
  background-position: 0 0;
  background-size: cover;
  background-attachment: fixed;
}

.c-cta-panel-1 {
  text-align: center;
  background-image: linear-gradient(to top, #111, #1e272b);
  border-radius: 4px;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
  padding: 30px 50px 50px;
  display: flex;
}

.c-cta-panel-1.c-cta-panel-1b {
  background-image: linear-gradient(to top, #111, #1e272b);
}

.c-cta-7-main-heading {
  opacity: 1;
  color: var(--primary-inverse);
  text-align: center;
  text-shadow: 1px 1px 1px #0003;
  word-break: normal;
  mix-blend-mode: normal;
  margin-top: 0;
  margin-bottom: 40px;
}

.c-cta-7-panel-heading {
  color: var(--color-heading-inverse);
}

.c-cta-7-panel-heading.h4 {
  text-align: left;
}

.c-cta-7-panel-heading.h4.p-hp {
  text-align: center;
}

.c-cta-7-panel-paragraph {
  color: var(--color-text-inverse);
  text-align: left;
  margin-bottom: 40px;
}

.c-cta-7-panel-paragraph.p-hp {
  text-align: center;
}

.c-cta-2-main-heading {
  color: var(--color-heading-inverse);
}

.c-section-3 {
  padding: 80px 20px;
}

.c-section-3.c-cta-2 {
  background-image: linear-gradient(to right, #c53383, #e74a65 55%, #f35a45);
}

.global-nav-placeholder-text {
  text-align: center;
  margin-top: 0;
  margin-bottom: 0;
}

.global-nav-container-wrap {
  flex-direction: row;
  justify-content: center;
  align-items: center;
  height: 100%;
  display: flex;
}

.global-nav-placeholder {
  z-index: 10;
  width: 100%;
  height: 60px;
  position: absolute;
}

.div-block-52 {
  background-color: #000;
  padding: 10px 20px;
}

.sh-eyebrow {
  color: var(--color-heading);
  margin-top: 0;
  margin-bottom: 12px;
  padding-top: 0;
  padding-bottom: 0;
  padding-left: 0;
  font-family: SF Pro Display, sans-serif;
  font-size: 24px;
  font-weight: 100;
  line-height: 32px;
}

.div-block-53 {
  padding: 10px 20px;
}

.c-feature-4-main-heading {
  text-align: center;
  line-height: 48px;
}

.c-feature-4-main-heading.h1 {
  margin-bottom: 20px;
  padding-left: 150px;
  padding-right: 150px;
}

.c-feature-4 {
  padding-top: var(--c-section-padding);
  padding-bottom: var(--c-section-padding);
}

.c-feature-4-subhead {
  text-align: center;
  padding-left: 140px;
  padding-right: 140px;
}

.c-feature-4-cta-block {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  text-align: center;
  justify-content: center;
  margin-top: 20px;
  margin-bottom: 40px;
  display: flex;
}

.c-feature-4-main-image {
  object-fit: fill;
  border-radius: 0;
  max-width: 100%;
  margin-left: auto;
  margin-right: auto;
  display: block;
}

.c-gen-4-right-wrapper {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-direction: column;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: flex;
}

.div-block-56 {
  flex: none;
  width: 50px;
  height: 50px;
  display: block;
}

.c-gen-4-detail-panel-heading {
  margin-bottom: 10px;
}

.c-gen-4-detail-panel-text-wrapper {
  margin-bottom: 40px;
  padding-left: 20px;
  display: inline-block;
}

.c-gen-4-detail-panel-text-wrapper.c-gen-4-detail-panel-text-wrapper-last {
  margin-bottom: 0;
}

.c-gen-4-detail-panel {
  min-height: 160px;
  display: flex;
}

.c-gen-4-detail-panel.c-gen-4-detail-panel-last {
  min-height: 0;
}

.c-gen-4 {
  padding-top: var(--c-section-padding);
  padding-bottom: var(--c-section-padding);
}

.c-gen-4-left-col-wrap {
  padding-right: 60px;
}

.c-gen-4-main-image {
  width: 64px;
  height: auto;
}

.c-interactive-2 {
  background-image: linear-gradient(45deg, #5560a1, #76b7ce);
}

.c-interactive-2.c-section-2 {
  background-image: linear-gradient(45deg, #3cd261, #4175a3 63%);
}

.c-intertactive-2-main-heading {
  color: var(--color-heading-inverse);
  margin-top: 0;
  margin-bottom: 20px;
}

.c-interactive-2-quote-text {
  margin-bottom: 20px;
  padding: 0;
  font-family: SF Pro Text, sans-serif;
}

.c-interactive-2-quote-text.p3 {
  text-align: left;
  padding-right: 20px;
  font-size: 21px;
  line-height: 27px;
}

.c-slider-2-quote-icon-wrapper {
  width: 50px;
  height: 50px;
  display: none;
}

.c-interactive-2-quote-wrapper {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  text-align: center;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  padding: 0;
  display: flex;
}

.c-slider-2-quote-wrapper {
  background-color: #fff;
  height: 100%;
  padding: 30px 70px;
}

.slide-nav {
  font-size: 11px;
  line-height: 20px;
}

.c-slider-2 {
  border-radius: 20px;
}

.div-block-63 {
  width: 50%;
}

.mask {
  border-radius: 8px;
}

.c-interactive-2-quote-image {
  border-radius: 50px;
}

.div-block-64 {
  width: 50%;
  padding-right: 60px;
}

.div-block-65 {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  display: flex;
}

.section-10 {
  padding-top: var(--c-section-padding);
  padding-bottom: var(--c-section-padding);
  background-color: var(--claris-primary-green);
}

.c-general-6 {
  display: flex;
  position: relative;
}

.c-general-6-eyebrow-heading.sh-eyebrow, .c-general-6-sub-heading {
  text-align: center;
}

.c-general-6-sub-heading.h2 {
  text-align: center;
  margin-bottom: 20px;
  padding-left: 0;
  padding-right: 0;
}

.c-general-6-text {
  text-align: center;
  padding-left: 40px;
  padding-right: 40px;
  font-size: 18px;
}

.c-general-6-image-left-container {
  border-top-right-radius: 20px;
  border-bottom-right-radius: 20px;
  width: 30%;
  height: 500px;
  margin-top: 50px;
  margin-bottom: 50px;
  margin-right: 40px;
  display: inline-block;
  position: relative;
}

.c-general-6-image-right-container {
  border-top-left-radius: 20px;
  border-bottom-left-radius: 20px;
  width: 30%;
  margin-top: 50px;
  margin-bottom: 50px;
  margin-left: 40px;
}

.image-20 {
  text-align: center;
  display: none;
}

.div-block-68 {
  background-color: #b8dff6;
}

.c-section-2 {
  padding: 60px 20px;
}

.div-block-69 {
  background-color: #a8cfa8;
}

.c-section-1 {
  padding: 40px 20px;
}

.div-block-70 {
  background-color: #c06a6a;
}

.div-block-71 {
  background-color: #2c2c2e;
}

.c-section-heading-1-inverse-main-heading {
  color: var(--color-heading-inverse);
  text-align: center;
}

.c-section-heading-1-inverse-main-heading.get-fm {
  padding-left: 40px;
  padding-right: 40px;
}

.c-section-heading-1-inverse-main-heading.t2.p-security {
  color: var(--color-heading-inverse);
}

.c-section-heading-1-inverse-sub-heading {
  color: var(--color-text-inverse);
  text-align: center;
  width: 85%;
  margin-left: auto;
  margin-right: auto;
  font-size: 20px;
  line-height: 28px;
}

.c-bb-sh2-eyebrow {
  color: var(--color-heading);
  margin-top: 0;
  margin-bottom: 8px;
  font-size: 24px;
  font-weight: 300;
  line-height: 32px;
}

.c-bb-sh2-eyebrow.c-bb-sh2-inverse {
  color: var(--color-heading-inverse);
}

.c-bb-sh2-main-heading {
  color: var(--color-heading);
  margin-top: 0;
  margin-bottom: 16px;
  font-size: 40px;
  line-height: 44px;
}

.c-bb-sh2-main-heading.c-bb-sh2-inverse {
  color: var(--color-heading-inverse);
}

.c-section-4 {
  padding: 120px 20px;
}

.div-block-72 {
  background-color: #d5d1c4;
}

.div-block-73 {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.c-bb-panel-1 {
  text-align: center;
  flex-direction: column;
  align-items: center;
  display: flex;
}

.c-bb-sh2-sub-heading {
  color: var(--color-text);
}

.c-bb-sh2-sub-heading.c-bb-sh2-inverse {
  color: var(--color-text-inverse);
}

.x-heading-section {
  border-bottom: 1px solid #000;
}

.x-section {
  padding-bottom: 60px;
}

.c-bb-sh1-main-heading.get-fm {
  color: var(--primary-inverse);
  margin-top: 40px;
}

.c-bb-sh1-main-heading.p-workplace {
  color: var(--primary-inverse);
  font-size: var(--h2-font-size-desktop);
  line-height: var(--h2-font-size-desktop);
}

.c-bb-sh1-sub-heading.p2.get-fm {
  color: var(--color-text-inverse);
  padding-top: 10px;
}

.c-bb-sh1-sub-heading.p2.p-feature-workplace {
  color: var(--color-text-inverse);
  text-align: center;
  margin-bottom: 20px;
}

.x-section-description {
  margin-bottom: 50px;
}

.c-bb-sh2-center {
  text-align: center;
}

.c-bb-sh2-left-inverse {
  color: #333;
}

.x-dark {
  background-color: var(--color-bg-dark);
}

.div-block-75 {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.c-bb-panel-3 {
  text-align: center;
  flex-direction: column;
  align-items: center;
  display: flex;
}

.c-chasm {
  margin-bottom: 90px;
}

.div-block-76 {
  background-color: #2bb65c;
  padding-left: 20px;
  padding-right: 20px;
}

.c-bb-sh0 {
  text-align: center;
  padding-left: 100px;
  padding-right: 100px;
}

.c-bb-sh0-inverse {
  margin-bottom: var(--margin-bottom-60px);
}

.c-bb-sh0-inverse.c-bb-sh0-inverse-1 {
  border-top: 1px solid #2b2b2b;
  margin-top: 0;
  padding-top: 60px;
}

.c-bb-sh0-inverse-main-heading {
  color: var(--color-heading-inverse);
  text-align: center;
}

.c-res4b {
  background-color: #f2f2f7;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  display: block;
  position: relative;
}

.c-res4b-image-right {
  clear: right;
  object-fit: cover;
  align-self: stretch;
  width: 50%;
  max-height: 800px;
  display: block;
  position: static;
  inset: 0% 0% auto auto;
}

.c-cs-resource-section-text-block {
  justify-content: space-around;
  align-self: center;
  max-width: 500px;
  max-height: 100%;
  padding: 50px 100px 50px 0;
  display: block;
}

.cs-container-full-wdith-right-justify {
  background-color: var(--color-bg-grey);
  flex-direction: row;
  justify-content: flex-end;
  align-items: center;
  max-width: 100%;
  display: flex;
}

.c-cs-cta-image-right {
  background-color: #f2f2f7;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  display: block;
  position: relative;
}

.c-cs-cta-image-left-heading.h3 {
  margin-bottom: 14px;
}

.c-cs-cta-image-left-subhead {
  word-break: normal;
  margin-bottom: 28px;
  line-height: 24px;
}

.c-cs-cta-image-left-mini-head1 {
  margin-top: 36px;
  margin-bottom: 10px;
}

.c-cs-cta-image-left-mini-head1-text {
  line-height: 24px;
}

.c-cs-cta-image-left-mini-head2 {
  margin-top: 28px;
  margin-bottom: 10px;
}

.c-cs-cta-image-left-mini-head2-link {
  text-decoration: none;
}

.c-cs-cta-image-left-image {
  object-fit: cover;
  align-self: stretch;
  width: 50%;
  max-height: 800px;
  display: block;
  position: static;
  inset: 0% 0% auto auto;
}

.c-button-thin {
  border: 1px solid var(--claris-primary-green);
  border-radius: var(--button-border-radius);
  background-color: var(--claris-primary-green);
  color: var(--primary-inverse);
  transition: all .2s;
}

.c-button-thin:hover {
  border-color: var(--color-primary-hover);
  background-color: var(--color-primary-hover);
  color: var(--primary-inverse);
}

.c-button-thin.c-thin {
  border: 1px solid var(--claris-primary-green);
  color: var(--claris-primary-green);
  background-color: #0000;
}

.c-button-thin.c-thin:hover {
  border-color: var(--claris-primary-green);
  background-color: var(--claris-primary-green);
  color: var(--primary-inverse);
  -webkit-text-stroke-color: var(--color-primary-hover);
}

.c-button-thin.c-thin.c-light-alt {
  border-color: var(--primary-inverse);
  color: var(--primary-inverse);
}

.c-button-thin.c-thin.c-light-alt:hover {
  border-color: var(--primary-inverse);
  background-color: var(--primary-inverse);
  color: var(--color-dark-alt-1);
}

.div-block-77 {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto auto auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.c-general-7 {
  background-color: #313131;
}

.c-general-7.c-section-4 {
  background-image: linear-gradient(113deg, #0e174d, #1c3551 31%, #3f7e5a);
  padding-top: 60px;
  padding-bottom: 60px;
}

.c-gen-7-heading {
  color: var(--primary-inverse);
  text-align: center;
}

.c-gen-7-heading.heading2 {
  margin-bottom: 20px;
}

.c-gen-7-heading.heading2.get-fm {
  color: var(--primary-inverse);
  margin-bottom: 60px;
}

.c-gen-7-subhead {
  color: var(--primary-inverse);
  text-align: center;
}

.c-gen-7-subhead.subheading2 {
  margin-bottom: 40px;
}

.c-gen-7-grid-block {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  margin-bottom: 0;
  display: grid;
}

.c-gen-7-panel {
  text-align: center;
  background-color: #222;
  border-radius: 8px;
  flex-direction: column;
  justify-content: space-between;
  padding: 40px;
  display: flex;
}

.c-gen-7-panel-image {
  max-height: 80px;
  margin-bottom: 10px;
}

.c-gen-7-panel-heading {
  color: var(--primary-inverse);
}

.c-gen-7-panel-heading.h5 {
  margin-bottom: 20px;
  font-weight: 500;
}

.c-gen-7-panel-text {
  color: var(--primary-inverse);
  margin-bottom: 50px;
  padding-left: 10px;
  padding-right: 10px;
}

.c-gen-7-panel-link.c-link-inverse {
  flex-direction: column;
  justify-content: flex-end;
}

.c-gen-7-panel-link.c-link-inverse.icon.icon-after.more {
  text-decoration: none;
}

.c-link-inverse {
  color: var(--color-dark-mode-green);
}

.c-link-inverse:hover {
  color: var(--color-dark-mode-hover);
}

.c-gen-8 {
  background-color: #f5f5f7;
}

.c-gen-8-panel-heading-eye {
  font-weight: 300;
}

.c-gen-8-panel-heading-eye.h6 {
  font-size: 20px;
}

.c-gen-8-heading {
  margin-bottom: 30px;
  padding-right: 200px;
  font-family: SF Pro Display, sans-serif;
  font-weight: 500;
}

.c-gen-8-heading.heading2 {
  padding-right: 280px;
}

.c-gen-8-grid-block {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  grid-template-rows: auto auto auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.c-gen-8-panel {
  background-color: #fff;
  border-radius: 8px;
  margin-bottom: 40px;
  display: flex;
  overflow: hidden;
}

.c-gen-8-panel-image-wrap {
  flex: 1;
  max-width: 35%;
  overflow: hidden;
}

.c-gen-8-panel-image-wrap.c-gen-8-panel-image-wrap-right {
  order: 1;
}

.c-gen-8-panel-text-wrap {
  flex: 1;
  padding: 40px 60px;
}

.c-gen-8-panel-heading.h5 {
  font-size: 24px;
}

.c-gen-8-panel-text {
  margin-bottom: 25px;
}

.c-gen-8-panel-link.icon.icon-after.more {
  margin-bottom: 0;
  text-decoration: none;
}

.c-gen-8-panel-list-item {
  margin-bottom: 12px;
}

.c-gen-8-list {
  margin-bottom: 20px;
}

.c-interactive-3-image-swap {
  overflow: hidden;
}

.c-interactive-3-button {
  color: #767676;
  background-color: #f4f4f4;
  border-radius: 8px;
  margin-right: 0;
  padding: 12px 60px;
  font-size: 24px;
  line-height: 24px;
  display: block;
  overflow: hidden;
}

.c-interactive-3-button:hover {
  color: #000;
}

.c-interactive-3-button.w--current {
  color: var(--primary-inverse);
  background-color: green;
  border-radius: 8px;
  margin-left: 0;
  margin-right: 0;
  padding: 12px 60px;
}

.tabs-menu {
  justify-content: space-between;
  margin-left: 0;
  margin-right: 0;
  padding-left: 100px;
  padding-right: 100px;
  font-size: 14px;
  display: flex;
}

.c-interactive-3b-tab-container {
  flex-direction: column;
  justify-content: space-between;
  min-height: 780px;
  display: block;
}

.c-interactive-2-name-title.p4 {
  text-align: left;
}

.c-general-6-image-left {
  object-fit: cover;
  object-position: 100% 50%;
  border-radius: 0 8px 8px 0;
  min-height: 500px;
  max-height: 500px;
}

.c-general-6-image-right {
  object-fit: cover;
  object-position: 0% 50%;
  border-radius: 8px 0 0 8px;
  height: 500px;
}

.c-gen-8-panel-image {
  object-fit: cover;
  min-height: 100%;
}

.c-interactive-3b-image {
  border-radius: 12px;
}

.c-interactive-3-heading {
  margin-top: 0;
}

.c-interactive-3-heading.h1 {
  text-align: center;
  margin-bottom: 20px;
  padding-left: 140px;
  padding-right: 140px;
}

.c-banner-1 {
  background-color: #a0dbe0;
}

.c-banner-1.c-banner-nav-top {
  margin-bottom: 0;
}

.c-banner-1-wrapper {
  justify-content: center;
  align-items: center;
  min-height: 60px;
  display: flex;
}

.c-banner-1-image {
  max-height: 30px;
  padding-right: 20px;
}

.c-banner-1-heading-link.p2 {
  margin-bottom: 0;
  margin-left: 0;
  margin-right: 0;
  display: block;
}

.c-banner-1-heading-link.p2.icon.icon-after.more {
  color: var(--color-heading);
  text-decoration: none;
}

.image-23 {
  position: absolute;
  top: -80px;
  bottom: auto;
  left: -80px;
}

.c-gen-7-emojis {
  width: 100%;
  height: 100%;
  display: none;
}

.image-24 {
  position: absolute;
  top: 80px;
  left: -180px;
}

.image-25 {
  position: absolute;
  top: 300px;
  left: -130px;
}

.image-26 {
  position: absolute;
  top: 500px;
  left: -190px;
}

.image-27 {
  position: absolute;
  top: 690px;
  left: -100px;
}

.image-28 {
  position: absolute;
  inset: -40px 0% auto auto;
}

.image-29 {
  position: absolute;
  inset: 80px -150px auto auto;
}

.image-30 {
  position: absolute;
  inset: 220px -120px auto auto;
}

.image-31 {
  position: absolute;
  inset: 590px -160px auto auto;
}

.image-32 {
  position: absolute;
  inset: 400px -180px auto auto;
}

.c-cta-7-text-wrap, .c-cta-7-text-wrap.p-workplace {
  text-align: left;
}

.icon-2 {
  background-color: var(--claris-primary-green);
  color: green;
  -webkit-text-fill-color: transparent;
  -webkit-background-clip: text;
  background-clip: text;
  margin-left: 10px;
  font-size: 24px;
  display: block;
}

.icon-3 {
  background-color: var(--color-primary-hover);
  color: green;
  -webkit-text-fill-color: transparent;
  -webkit-background-clip: text;
  background-clip: text;
  margin-right: 10px;
  font-size: 24px;
  display: block;
}

.text-block-12 {
  font-size: 22px;
}

.c-cta-6-link-wrap {
  text-decoration: none;
}

.c-feature-4-main-heading-first {
  color: #111;
}

.c-feature-4-main-heading-second {
  color: green;
}

.c-feature-4-helper-section {
  margin-bottom: 40px;
}

.c-feature-4-quote {
  text-align: left;
  margin-bottom: 0;
  padding: 0;
  font-family: SF Pro Text, sans-serif;
  font-weight: 300;
}

.c-feature-4-quote.p3.c-blockquote-endonly {
  color: var(--primary-inverse);
  padding-bottom: 20px;
  padding-left: 0;
  padding-right: 0;
  font-size: 18px;
  display: block;
}

.c-feature-4-quote-name-title {
  text-align: right;
}

.c-feature-4-quote-name-title.p4 {
  color: var(--primary-inverse);
  text-align: right;
  padding-top: 10px;
}

.c-interactive-3-tab-sidebyside {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-direction: row;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  min-height: 600px;
  display: flex;
  overflow: visible;
}

.c-interactive-3-tab-col {
  width: 50%;
}

.c-interactive-3-tab-col.c-interactive-3-tab-col-right {
  width: 60%;
  position: relative;
}

.c-interactive-3-tab-col.c-interactive-3-tab-col-left {
  align-self: center;
  width: 35%;
  padding-right: 0;
}

.c-interactive-3-image-sidebyside {
  border-radius: 12px;
  position: absolute;
  top: 50%;
  left: 0;
  transform: translate(0, -50%);
}

.c-interactive-3-image-sidebyside.c-interactive-3-image-sidebyside-1 {
  min-width: 850px;
  left: 40px;
}

.c-interactive-3-image-sidebyside.c-interactive-3-image-sidebyside-2 {
  min-width: 800px;
  top: 45%;
  left: -80px;
}

.c-interactive-3-image-sidebyside.c-interactive-3-image-sidebyside-3 {
  min-width: 800px;
  top: 45%;
  left: -120px;
}

.c-interactive-3-image-sidebyside.c-interactive-3-image-sidebyside-4 {
  min-width: 1000px;
}

.tabs-content {
  overflow: visible;
}

.c-interactive-3-heading-sideby-side {
  margin-top: 0;
  padding-right: 0;
}

.c-interactive-3-heading-sideby-side.c-interactive-3-heading-sideby-side-3 {
  padding-left: 0;
}

.c-gen-5b {
  padding-top: var(--c-section-padding);
  padding-bottom: var(--c-section-padding);
  display: block;
}

.c-gen-5b-left-col-wrap {
  width: 45%;
  padding-right: 40px;
}

.c-gen-5b-main-image {
  width: 64px;
  height: auto;
}

.c-gen-5b-right-large-wrap {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-direction: column;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: center;
}

.c-gen-5b-detail-panel-description-copy {
  margin-top: 20px;
}

.c-gen-5b-detail-panel-description-copy.p2 {
  padding-left: 100px;
}

.c-gen-5b-right-col {
  flex-direction: column;
}

.columns {
  flex-direction: row;
  display: flex;
}

.c-banner-2 {
  background-color: #5479bd;
}

.c-banner-2-wrapper {
  justify-content: center;
  align-items: center;
  min-height: 80px;
  display: flex;
}

.c-banner-2-image {
  max-height: 30px;
  padding-right: 20px;
}

.c-banner-2-heading-link.p2 {
  color: var(--primary-inverse);
  -webkit-text-stroke-color: var(--primary-inverse);
  margin-bottom: 0;
  margin-left: 0;
  margin-right: 20px;
  text-decoration: none;
  display: block;
}

.c-banner-2-heading-link.p2.icon.icon-after.more {
  color: var(--primary-inverse);
  text-decoration: none;
  position: sticky;
}

.c-banner-2-bold-text {
  font-weight: 400;
}

.c-general-6b {
  background-color: #f2f2f7;
  display: flex;
  position: relative;
  overflow: hidden;
}

.c-general-6b-eyebrow-heading.sh-eyebrow {
  z-index: 1;
  text-align: center;
  position: relative;
}

.c-general-6b-sub-heading {
  text-align: center;
}

.c-general-6b-sub-heading.h2 {
  margin-bottom: 20px;
  padding-left: 0;
  padding-right: 0;
}

.c-general-6b-sub-heading.h2.heading2, .c-general-6b-sub-heading.subheading2 {
  z-index: 1;
  position: relative;
}

.c-gen-5b-wrapper {
  flex-direction: row;
  display: flex;
}

.c-feature-4-image-wrap {
  flex-flow: row;
  justify-content: center;
  max-width: 1000px;
  margin-bottom: 0;
  margin-left: auto;
  margin-right: auto;
  display: block;
  position: relative;
}

.c-feature-4-quote-box {
  background-color: #21535c;
  border: 1px solid #1e3e44;
  border-radius: 6px;
  width: 275px;
  margin-bottom: -150px;
  padding: 30px;
  position: absolute;
  inset: auto auto 43% -10%;
  box-shadow: 2px 0 5px #0003;
}

.award-winners {
  padding-top: var(--c-section-padding);
  padding-bottom: var(--c-section-padding);
  background-color: #000;
}

.gpoy-header {
  margin-bottom: var(--margin-bottom-60px);
}

.gpoy-boxes {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-flow: wrap;
  grid-template-rows: auto auto auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  grid-auto-flow: row;
  place-content: center;
  align-self: center;
  place-items: stretch center;
  height: 100%;
  margin-bottom: 24px;
  display: flex;
}

.award-winner-description {
  color: var(--color-text-inverse);
  text-align: center;
  align-self: auto;
  margin-top: auto;
  margin-bottom: 0;
  font-size: 14px;
  line-height: 21px;
}

.award-winner-description.award-note {
  margin-top: 40px;
  font-size: 12px;
  line-height: 16px;
}

.c-banner-nav-top {
  margin-top: 60px;
  margin-bottom: -60px;
}

.c-general-6b-image-container {
  border-top-right-radius: 20px;
  border-bottom-right-radius: 20px;
  align-self: center;
  width: 1000px;
  height: 500px;
  margin-top: -250px;
  margin-left: -500px;
  display: inline-block;
  position: absolute;
  inset: 50% auto auto 50%;
}

.c-general-6b-container-width {
  max-width: 500px;
  margin-top: 250px;
  margin-bottom: 250px;
  position: relative;
}

.c-general-6b-image-left-1 {
  object-fit: contain;
  height: 250px;
  position: absolute;
  top: 290px;
  right: 900px;
  box-shadow: 0 2px 9px 3px #0000001a;
}

.c-general-6b-image-left-2 {
  object-fit: contain;
  height: 240px;
  position: absolute;
  inset: -80px 798px auto auto;
  box-shadow: 0 2px 9px 3px #0000001a;
}

.c-general-6b-image-left-3 {
  object-fit: contain;
  height: 220px;
  position: absolute;
  top: 17px;
  right: 1277px;
  box-shadow: 0 2px 9px 3px #0000001a;
}

.c-general-6b-image-right-1 {
  object-fit: contain;
  object-position: 0% 50%;
  height: 250px;
  position: absolute;
  top: 230px;
  left: 1050px;
  box-shadow: 0 2px 9px 3px #0000001a;
}

.c-general-6b-image-right-2 {
  object-fit: contain;
  object-position: 0% 50%;
  height: 250px;
  position: absolute;
  top: -80px;
  left: 829px;
  box-shadow: 0 2px 9px 3px #0000001a;
}

.c-general-6b-image-right-3 {
  object-fit: contain;
  object-position: 0% 50%;
  height: 150px;
  position: absolute;
  top: 400px;
  left: 800px;
  box-shadow: 0 2px 9px 3px #0000001a;
}

.c-feature-4-quote-box-quote-container {
  flex-direction: column;
  display: flex;
  box-shadow: 0 2px 5px -20px #0003;
}

.c-feature-4-quote-image {
  align-self: auto;
  width: 30px;
  height: 25px;
  margin-bottom: 20px;
  padding-right: 0;
}

.c-interactive-3-heading-sideby-side-cinched {
  margin-top: 0;
  padding-right: 0;
}

.c-interactive-3-heading-sideby-side-cinched.c-interactive-3-heading-sideby-side-2 {
  padding-right: 40px;
}

.c-gen-5b-alt {
  padding-top: var(--c-section-padding);
  padding-bottom: var(--c-section-padding);
}

.c-gen-5b-main-image-alt {
  width: 50px;
  height: auto;
}

.c-gen-5b-detail-panel-description-alt {
  margin-top: 20px;
}

.c-gen-5b-detail-panel-description-alt.p2 {
  text-align: center;
  padding-left: 140px;
  padding-right: 140px;
}

.div-block-80-alt {
  text-align: center;
}

.text-block-13, .text-block-14, .text-block-15 {
  font-size: 22px;
}

.c-general-6b-image-right-4 {
  object-fit: contain;
  object-position: 0% 50%;
  height: 200px;
  position: absolute;
  top: 0;
  left: 1294px;
  box-shadow: 0 2px 9px 3px #0000001a;
}

.heading2 {
  margin-top: 0;
  margin-bottom: 20px;
  font-size: 40px;
  line-height: 44px;
}

.subheading2 {
  font-size: 16px;
}

.growth-partner-box {
  background-color: #1a1a1a;
  flex-direction: column;
  justify-content: space-around;
  align-items: center;
  width: 23%;
  padding: 40px 20px;
  display: flex;
}

.img-margin-bot-24 {
  width: 100%;
  max-width: 527px;
  margin-bottom: 24px;
  padding-left: 24px;
  padding-right: 24px;
}

.img-margin-bot-24.img-gpoty {
  padding-left: 0;
  padding-right: 0;
}

.award-winner {
  color: var(--color-heading-inverse);
  text-align: center;
  margin-top: auto;
  margin-bottom: 0;
  font-size: 20px;
  font-weight: 400;
}

.growth-partner-country {
  color: var(--color-text-inverse);
  text-align: center;
  padding-bottom: 0;
  font-size: 20px;
  line-height: 24px;
}

.gpoy, .visit-again {
  background-color: #000;
  padding-top: 60px;
  padding-bottom: 60px;
}

.visit-again-p {
  color: var(--color-text-inverse);
  text-align: center;
  font-size: 20px;
  line-height: 30px;
}

.award-winners-boxes {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-wrap: wrap;
  place-content: center;
  display: flex;
}

.award-winner-box {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  background-color: #1a1a1a;
  flex-flow: column wrap;
  place-content: center space-around;
  align-items: center;
  width: 32%;
  padding: 40px 20px;
  display: flex;
}

.award-winner-box.gpoy-award-winner-box {
  width: 35%;
}

.feature-graphic-awards {
  background-color: #000;
  background-image: linear-gradient(#00000080, #00000080);
  height: 600px;
}

.awards-feature-graphic-heading {
  z-index: 1;
  color: var(--color-heading-inverse);
  margin-top: 0;
  margin-bottom: 0;
  font-size: 65px;
  font-weight: 600;
  line-height: 67px;
  position: relative;
}

.awards-feature-graphic-heading.awaards-feature-graphic-heading-mobile {
  display: none;
}

.awards-feature-graphic-heading.awards-feature-graphic-heading-nonmoibile {
  margin-top: auto;
  margin-bottom: auto;
  position: absolute;
}

.gpoy-worldwide {
  justify-content: center;
  align-items: center;
  display: flex;
}

.c-feature4-container-image {
  max-width: 100%;
  display: flex;
}

.feature-graphic-image {
  z-index: 0;
  max-width: 821px;
  position: absolute;
  inset: 0% auto 0% 0%;
  overflow: hidden;
}

.text-span-4 {
  font-weight: 100;
}

.c-interactive-3b-image-swap {
  overflow: hidden;
}

.c-interactive-3b-button {
  color: #767676;
  background-color: #f4f4f4;
  border-radius: 8px;
  margin-right: 0;
  padding: 12px 60px;
  font-size: 24px;
  line-height: 24px;
  display: block;
  overflow: hidden;
}

.c-interactive-3b-button:hover {
  color: #000;
}

.c-interactive-3b-button.w--current {
  color: var(--primary-inverse);
  background-color: green;
  border-radius: 8px;
  margin-left: 0;
  margin-right: 0;
  padding: 12px 60px;
}

.c-interactive-3b-tab-text {
  margin-top: 30px;
}

.c-interactive-3b-heading {
  margin-top: 0;
}

.c-interactive-3b-heading.h1 {
  text-align: center;
  margin-bottom: 20px;
  padding-left: 140px;
  padding-right: 140px;
}

.c-interactive-3b-heading.h1.c-interactive-3-heading-connect {
  text-align: center;
  padding-left: 140px;
}

.c-interactive-3b-description {
  text-align: center;
  margin-bottom: 20px;
  padding-left: 140px;
  padding-right: 140px;
  font-size: 18px;
  display: block;
}

.c-feat5 {
  position: relative;
}

.c-feat5-container.c-container-width {
  text-align: center;
  padding-top: 60px;
}

.c-feat5-container-image {
  max-width: 100%;
  margin-top: 40px;
  display: flex;
}

.c-feat5-image-wrap {
  flex-flow: row;
  justify-content: center;
  max-width: 1000px;
  margin-bottom: 0;
  margin-left: auto;
  margin-right: auto;
  display: block;
  position: relative;
}

.c-feat5-main-image {
  object-fit: fill;
  border-radius: 0;
  max-width: 100%;
  margin-left: auto;
  margin-right: auto;
  display: block;
}

.c-feat5-logo {
  width: 200px;
  height: 200px;
  margin-bottom: -150px;
  position: absolute;
  inset: auto -5% 21% auto;
  box-shadow: 2px 0 5px #0003;
}

.c-feature-5-main-heading {
  text-align: center;
  line-height: 48px;
}

.c-feature-5-main-heading.h1 {
  color: var(--color-heading-inverse);
  margin-bottom: 20px;
  padding-left: 150px;
  padding-right: 150px;
}

.c-feature-5-cta-block {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  text-align: center;
  justify-content: center;
  margin-top: 30px;
  margin-bottom: 16px;
  display: flex;
}

.c-feature-5-eye-heading {
  text-align: center;
}

.c-feature-5-eye-heading.sh-eyebrow {
  color: var(--color-heading-inverse);
}

.c-feature-5-button-1.c-button {
  background-color: var(--claris-primary-green);
  border-width: 0;
  border-color: #17401d;
}

.c-feature-5-button-1.c-button.p-fm:hover {
  background-color: var(--color-primary-hover);
}

.c-interactive-4-header.heading2 {
  width: 50%;
  margin-left: auto;
  margin-right: auto;
}

.c-interactive-4-slide {
  margin-bottom: 30px;
  display: flex;
}

.c-interactive-4-slide-image {
  width: 300px;
}

.c-int5-bubbles {
  flex-wrap: wrap;
  justify-content: center;
  display: flex;
}

.c-int5-bubble {
  text-align: center;
  background-color: #efefef;
  border-radius: 150px;
  flex-direction: column;
  justify-content: center;
  width: 300px;
  height: 300px;
  padding: 40px;
  display: flex;
}

.c-interactive-6-gallary.c-section-3 {
  background-color: var(--color-bg-grey);
}

.c-interactive-6-container-width {
  max-width: 1250px;
}

.c-interactive-4-section-header, .c-interactive-6-section-header {
  text-align: center;
  margin-bottom: 40px;
}

.image-viewer-selection {
  margin-bottom: 30px;
  display: flex;
}

.image-viewer-selection.selection-0 {
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
}

.image-viewer-image {
  width: 400px;
}

.c-gen9-section-head {
  text-align: center;
  margin-bottom: 40px;
}

.c-gen9-panel-image-wrap {
  width: 52%;
}

.c-gen9-panel-details {
  width: 48%;
  padding: 40px;
}

.c-gen9-panel-image {
  min-width: 100%;
}

.c-gen-10-container {
  max-width: 1300px;
}

.c-gen-10-section-header {
  text-align: center;
  margin-bottom: 40px;
}

.c-gen-10-panel-wrap {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.c-gen-10-panel-details {
  padding: 30px;
}

.c-gen-10-panel-image {
  min-width: 100%;
}

.c-int-6-slide-details {
  flex-direction: column;
  justify-content: center;
  width: 50%;
  padding-right: 40px;
  display: flex;
}

.c-int-6-slide-image-wrap {
  justify-content: flex-end;
  width: 50%;
  display: flex;
}

._wf-image-viewer-plus {
  min-height: 0;
  display: block;
}

.c-int-4-slide-detail {
  align-items: center;
  width: 50%;
  display: flex;
}

.c-int-4-slide-image-wrap {
  justify-content: flex-end;
  width: 50%;
  display: flex;
}

.c-gen-11-section-head {
  text-align: center;
  margin-bottom: 40px;
}

.c-gen-11-content-wrap {
  display: flex;
}

.c-gen-11-image-1 {
  object-fit: cover;
  width: 40%;
  height: 400px;
}

.c-gen-11-detail-2 {
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  width: 30%;
  padding-left: 50px;
  display: flex;
}

.c-gen-11-detail-1 {
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  width: 30%;
  padding-right: 50px;
  display: flex;
}

.c-gen-11-image {
  min-width: 100%;
}

.c-feat5-logo-image {
  width: 100%;
}

.c-gen12.c-section-3 {
  background-color: var(--color-bg-grey);
}

.c-gen-12-section-head {
  text-align: center;
  margin-bottom: 40px;
}

.c-gen12-subhead {
  padding-left: 220px;
  padding-right: 220px;
}

.c-gen-12-panel-container {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template: "Area-2 Area-3"
                 "Area Area" minmax(auto, 1fr)
                 "Area-4 Area-5"
                 "Area-6 Area-7"
                 / 1fr 1fr;
  grid-auto-columns: 1fr;
  grid-auto-flow: row;
  display: grid;
}

.c-gen12-panel {
  background-color: var(--primary-inverse);
  border-radius: 8px;
  padding: 40px;
  overflow: hidden;
}

.c-gen12-panel.c-gen-12-panel-full {
  grid-column-gap: 100px;
  grid-row-gap: 100px;
  text-align: center;
  display: flex;
  position: relative;
  overflow: hidden;
}

.c-gen12-panel.c-gen12-panel2 {
  flex-flow: column;
  padding: 0;
  display: flex;
  position: relative;
}

.c-gen12-panel.g-gen12-panel5 {
  padding: 0;
  position: relative;
}

.c-gen12-panel-header {
  text-align: left;
  margin-top: 0;
  padding-right: 60px;
}

.c-gen12-panel-header.g-heading4 {
  padding-right: 0;
}

.c-gen12-panel-header.g-heading4.c-gen12-panel-header1, .c-gen12-panel-header.g-heading4.c-gen12-panel-header2 {
  padding-right: 140px;
}

.c-gen12-panel-header.g-heading4.c-gen12-panel-header6 {
  padding-right: 152px;
}

.c-gen12-panel-desc {
  text-align: left;
  padding-right: 0;
}

.c-gen12-panel-desc.c-gen12-panel-desc6 {
  padding-right: 100px;
}

.c-gen12-panel-image1 {
  padding-top: 20px;
}

.c-gen12-panel-image1.fm-features-img1 {
  max-width: 95%;
  margin-left: auto;
  margin-right: auto;
  padding-top: 15px;
}

.c-gen12-panel-image1.fm-features-img1.p-fm {
  width: 100%;
  max-width: 100%;
}

.c-gen12-panel-image2 {
  float: right;
  width: 97%;
  position: static;
}

.c-gen12-panel-image2.p-fm {
  width: 100%;
}

.c-gen12-panel-image3 {
  padding-top: 20px;
}

.c-gen12-panel-image4 {
  object-fit: fill;
  width: 150%;
  max-width: 108%;
  margin-top: 0;
  margin-right: 0;
  padding-top: 0;
  position: absolute;
  top: 0;
  bottom: auto;
  left: -26px;
}

.c-gen12-panel-image4.p-fm {
  right: -58px;
}

.c-gen13.c-section-3 {
  background-image: linear-gradient(135deg, #010303, #255956 57%, #449946);
}

.c-gen13-sectionheader {
  text-align: center;
}

.c-gen13-header {
  color: var(--primary-inverse);
}

.c-gen13-subheader {
  color: var(--primary-inverse);
  margin-bottom: 40px;
}

.c-gen13-panelwrapper {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  flex-wrap: wrap;
  justify-content: center;
  display: flex;
}

.c-gen13-logo {
  width: 100px;
}

.c-gen13-panel {
  text-align: center;
  background-color: #fff;
  border-radius: 8px;
  width: 32%;
  padding: 40px 24px;
}

.c-gen13-panel-eyebrow {
  color: var(--claris-primary-green);
}

.c-gen17-wrap {
  align-items: flex-start;
  display: flex;
}

.c-gen17-tail-details {
  width: 60%;
  margin-top: 80px;
  margin-bottom: 80px;
  padding-right: 40px;
}

.c-gen17-imagewrap {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  justify-content: center;
  width: 40%;
  height: 180px;
  display: none;
}

.c-gen17-image {
  width: 100px;
}

.c-gen17-image.c-gen13-image2 {
  align-self: flex-start;
}

.c-gen17-image.c-gen17-image1, .c-gen17-image.c-gen13-image3 {
  align-self: flex-end;
}

.c-int5-sectionhead {
  text-align: center;
  margin-bottom: 40px;
}

.c-gen14.c-section-3.c-gen14-grey {
  background-color: var(--color-bg-grey);
}

.c-gen14-container {
  display: flex;
}

.c-gen14-sectionheader {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 50%;
  padding-right: 60px;
  display: flex;
}

.c-gen14-header {
  margin-top: 0;
  margin-bottom: 0;
}

.c-gen14-header.h3 {
  margin-bottom: 100px;
}

.c-gen14-details {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  flex-direction: column;
  width: 50%;
  display: flex;
}

.c-gen14-expand {
  background-color: #efefef;
  padding: 30px;
}

.c-gen14-expand-header {
  margin-top: 0;
}

.c-gen9-panel {
  background-color: #fff;
  border-radius: 8px;
  margin-bottom: 40px;
  display: flex;
  overflow: hidden;
}

.c-feat6.c-section-4 {
  background-color: var(--color-bg-grey);
}

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

.c-feat6-left {
  flex-direction: column;
  width: 50%;
  padding-right: 20px;
}

.c-feat6-right {
  justify-content: center;
  align-items: center;
  width: 50%;
  padding-left: 20px;
}

.c-feat6-videoplaceholder {
  background-color: #efefef;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  padding-top: 0;
  display: block;
}

.c-feat6-formplaceholder {
  background-color: #efefef;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 400px;
  margin-top: 30px;
  display: flex;
}

.c-feat6-sectionhead-header {
  color: var(--color-heading);
  margin-top: 0;
  margin-bottom: 28px;
}

.c-feat6-sectionhead-header:lang(de-de) {
  display: flex;
}

.c-feat6-sectionhead-subhead {
  color: var(--primary-inverse);
}

.c-feat6-sectionhead-subhead.p2 {
  color: var(--color-text);
  margin-bottom: 40px;
}

.c-feat6-formplaceholder-text {
  font-size: 30px;
}

.c-feat6-video {
  width: 100%;
  text-decoration: none;
}

.c-gen15 {
  background-color: #000;
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 60px;
  padding-bottom: 60px;
}

.img-fm-timeline-desktop {
  text-align: center;
  max-height: 100%;
}

.fm-info-box-p {
  color: var(--primary-inverse);
  text-align: center;
  font-size: 20px;
}

.fm-info-box-p.p2 {
  color: var(--color-text-inverse);
  font-size: 16px;
  line-height: 21px;
}

.c-accordion {
  background-color: #fff;
  width: 100%;
  display: block;
  overflow: hidden;
}

.c-accordion.w--open {
  width: 100%;
}

.c-accordion-dropdown {
  background-color: #0000;
  padding: 8px 40px 20px 20px;
  display: block;
  position: static;
  overflow: visible;
}

.c-accordion-toggle {
  align-items: center;
  width: 100%;
  height: 70px;
  padding-left: 20px;
  display: flex;
  overflow: visible;
}

.c-accordion-heading {
  margin-top: 0;
  margin-bottom: 0;
  padding-left: 36px;
  font-size: 22px;
  line-height: 30px;
}

.c-accordion-heading.icon.icon-before.icon-checkcircle {
  line-height: 28px;
}

.c-accordion-heading.get-fm {
  overflow-wrap: normal;
  padding-left: 0;
  padding-right: 0;
}

.c-accordion-heading.p-workplace {
  padding-left: 0;
}

.c-accordion-content {
  margin-bottom: 0;
  font-size: 16px;
  line-height: 20px;
}

.c-cs-resource-section-image-right-dark {
  background-color: #f2f2f7;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  display: block;
  position: relative;
}

.c-resource-section-image-right-dark-heading {
  color: var(--primary-inverse);
  margin-bottom: 20px;
  padding-right: 0;
}

.c-resource-section-image-right-dark-p {
  color: var(--primary-inverse);
  margin-bottom: 30px;
}

.c-gen14-image {
  align-self: flex-start;
  margin-bottom: 20px;
  margin-left: 0;
  display: block;
  position: static;
}

.generic-banner-wrapper-top {
  background-color: #2da0bd;
  position: sticky;
}

.c-section-head-1-inverse-botmargin {
  margin-bottom: 60px;
}

.c-general-7-alt {
  background-color: var(--color-bg-grey);
}

.cs-container-full-width-right-justify-dark {
  background-color: var(--color-dark-alt-1);
  flex-direction: row;
  justify-content: flex-end;
  align-items: center;
  max-width: 100%;
  display: flex;
}

.fm-info-box-h3 {
  color: var(--primary-inverse);
}

.c-gen-7-heading-alt {
  color: var(--primary-inverse);
  text-align: center;
}

.c-gen-7-heading-alt.heading2 {
  color: var(--color-heading);
  -webkit-text-stroke-color: var(--color-heading);
  margin-bottom: 60px;
  padding-left: 80px;
  padding-right: 80px;
}

.fm-feature-copy-p {
  color: var(--color-text-inverse);
  text-align: center;
}

.c-block-quote-4 {
  background-image: linear-gradient(90deg, #0c4a25, #4fa24b 50%, #34c659);
}

.c-block-quote-4-quote {
  color: var(--color-text-inverse);
  text-align: center;
  padding: 0;
  font-family: SF Pro Display, sans-serif;
  font-size: 28px;
  font-weight: 300;
  line-height: 32px;
}

.c-block-quote-4-note {
  color: var(--color-heading-inverse);
  text-align: center;
  margin-top: 40px;
  font-family: SF Pro Text, sans-serif;
  font-size: 14px;
}

.c-block-quote-4-text {
  color: var(--color-heading-inverse);
  text-align: center;
  margin-top: 40px;
  font-family: SF Pro Text, sans-serif;
  font-size: 20px;
  line-height: 24px;
}

.c-gen-7-panel-alt {
  text-align: center;
  background-color: #fff;
  border-radius: 8px;
  flex-direction: column;
  justify-content: space-between;
  padding: 40px;
  display: flex;
}

.c-gen-7-panel-alt.c-gen-7-panel-2-alt, .c-gen-7-panel-alt.c-gen-7-panel-3-alt, .c-gen-7-panel-alt.c-gen-7-panel-4-alt, .c-gen-7-panel-alt.c-gen-7-panel-5-alt, .c-gen-7-panel-alt.c-gen-7-panel-6-alt {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  justify-content: flex-start;
}

.c-gen-7-panel-heading-alt {
  color: var(--color-heading);
  -webkit-text-stroke-color: var(--color-heading);
}

.c-gen-7-panel-heading-alt.h5 {
  margin-bottom: 20px;
}

.c-gen-7-panel-text-alt {
  color: var(--color-text);
  -webkit-text-stroke-color: var(--color-text);
  margin-bottom: 50px;
}

.c-gen-7-panel-link-alt {
  text-decoration: none;
}

.c-cs-cta-image-right-white {
  background-color: #fff;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  display: block;
  position: relative;
}

.c-feat6-form {
  background-color: #fff;
  width: 100%;
  padding: 40px;
}

.c-feat6-form-header.h4 {
  padding-right: 0;
}

.c-feat6-form-subhead {
  margin-bottom: 20px;
}

.c-feat6-form-thankyou {
  display: none;
}

.bold-text-11 {
  font-size: 28px;
}

.text-span-5 {
  font-size: 14px;
  line-height: 18px;
}

.img-fm-timeline-mobile {
  display: none;
}

.c-ban3-wrapper {
  justify-content: center;
  align-items: center;
  min-height: 80px;
  display: flex;
}

.c-ban3-wrapper.c-banner-3-wrapper-more {
  margin-top: 20px;
  margin-bottom: 20px;
  padding-top: 0;
  padding-bottom: 0;
  padding-right: 0;
}

.c-ban3-wrapper.p-workplace {
  min-height: 100px;
}

.c-ban3-heading-link.p2 {
  color: var(--primary-inverse);
  -webkit-text-stroke-color: var(--primary-inverse);
  min-width: 57%;
  margin-bottom: 0;
  margin-left: 0;
  margin-right: 20px;
  font-size: 20px;
  text-decoration: none;
  display: block;
}

.c-banner-4 {
  background-color: #a0dbe0;
}

.c-banner-4.c-banner-nav-top {
  background-color: var(--color-bg-dark-blue);
  background-image: linear-gradient(90deg, #1c1d3b, #1f4573 28%, #4964b5 66%, #269ff0);
  margin-bottom: 0;
}

.c-banner-4.c-banner-nav-top.homepage-banner {
  background-image: linear-gradient(90deg, #2b74bc, #050f18);
}

.c-banner-4-wrapper {
  justify-content: center;
  align-items: center;
  min-height: 60px;
  display: flex;
}

.c-banner-4-heading-link.p2 {
  margin-bottom: 0;
  margin-left: 0;
  margin-right: 0;
  display: block;
}

.c-banner-4-heading-link.p2.icon.icon-after.more {
  color: var(--primary-inverse);
  text-decoration: none;
}

.c-feat6-form-thankyou-chatlink {
  text-decoration: none;
}

.img-award-winner-logo {
  max-height: 60px;
  margin-bottom: 24px;
  margin-left: auto;
  margin-right: auto;
}

.img-award-winner-logo.logo-large {
  max-height: 50px;
  margin-top: 5px;
}

.img-award-winner-logo-gpoy {
  max-height: 65px;
  margin-bottom: 0;
  margin-left: auto;
  margin-right: auto;
}

.img-award-winner-logo-gpoy.logo-large {
  max-height: 55px;
  margin-top: 5px;
}

.heading-34 {
  border-bottom: 1px solid #dbdbdb;
  margin-bottom: 20px;
  padding-bottom: 40px;
}

.heading-35 {
  font-weight: 500;
  line-height: 47px;
}

.bold-text-12 {
  color: var(--color-heading);
  font-size: 28px;
  font-weight: 500;
  line-height: 20px;
}

.list {
  font-family: var(--font-family-text);
  color: var(--color-text);
  font-size: 15px;
  font-weight: 300;
}

.paragraph-18 {
  margin-top: 40px;
}

.c-feat6-alt.c-section-4 {
  background-color: var(--color-bg-dark);
}

.c-feat6-wrap-alt {
  display: flex;
}

.c-feat6-left-alt {
  flex-direction: column;
  width: 50%;
  padding-right: 20px;
}

.c-feat6-right-alt {
  justify-content: center;
  align-items: center;
  width: 50%;
  padding-left: 20px;
}

.c-feat6-form-alt {
  background-color: #fff;
  width: 100%;
  padding: 40px;
}

.c-feat6-sectionhead-header-alt {
  color: var(--color-text-inverse);
  margin-top: 0;
  margin-bottom: 28px;
}

.c-feat6-sectionhead-subhead-alt {
  color: var(--primary-inverse);
}

.c-feat6-sectionhead-subhead-alt.p2 {
  color: var(--color-text-inverse);
  margin-bottom: 40px;
}

.c-feat6-form-header-alt.h4 {
  padding-right: 0;
}

.c-feat6-form-subhead-alt {
  margin-bottom: 20px;
}

.c-feat6-formplaceholder-alt {
  background-color: #efefef;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 400px;
  margin-top: 30px;
  display: flex;
}

.c-feat6-form-thankyou-alt {
  display: none;
}

.c-feat6-form-thankyou-chatlink-alt {
  text-decoration: none;
}

.c-bq5-center {
  background-image: linear-gradient(90deg, #0c4a25, #4fa24b 50%, #34c659);
}

.c-block-quote-5-quote {
  color: var(--color-text-inverse);
  text-align: center;
  padding: 0;
  font-family: SF Pro Display, sans-serif;
  font-size: 28px;
  font-weight: 500;
  line-height: 32px;
}

.c-block-quote-5-text {
  color: var(--color-heading-inverse);
  text-align: center;
  margin-top: 40px;
  font-family: SF Pro Text, sans-serif;
  font-size: 20px;
  line-height: 24px;
}

.c-general-6c {
  background-color: #f2f2f7;
  display: flex;
  position: relative;
  overflow: hidden;
}

.c-general-6c-container-width {
  max-width: 500px;
  margin-top: 250px;
  margin-bottom: 250px;
  position: relative;
}

.c-general-6c-container-width.c-container-width {
  max-width: 800px;
  margin-top: 0;
  margin-bottom: 0;
}

.c-general-6c-sub-heading {
  text-align: center;
}

.c-general-6c-sub-heading.h2 {
  margin-bottom: 20px;
  padding-left: 0;
  padding-right: 0;
}

.c-general-6c-sub-heading.h2.heading2 {
  z-index: 1;
  position: relative;
}

.c-general-6c-sub-paragraph {
  text-align: center;
}

.c-general-6c-sub-paragraph.subheading2 {
  z-index: 1;
  position: relative;
}

.c-gen-7-panel-image-full {
  max-height: 200px;
  margin-bottom: 0;
}

.c-gen-7-panel-text-alt-nolink {
  color: var(--color-text);
  -webkit-text-stroke-color: var(--color-text);
  margin-bottom: 0;
  padding-left: 10px;
  padding-right: 10px;
}

.c-general-7-alt2 {
  background-color: #313131;
}

.c-general-7-alt2.c-section-4 {
  background-image: linear-gradient(144deg, #263d4e, #2a5f67 17%, #73b47b 72%, #bfbd04);
  padding-top: 60px;
  padding-bottom: 60px;
}

.c-gen-7-heading-alt2 {
  color: var(--primary-inverse);
  text-align: center;
}

.c-gen-7-heading-alt2.heading2 {
  margin-bottom: 20px;
}

.c-gen-7-subhead-alt2 {
  color: var(--primary-inverse);
  text-align: center;
}

.c-gen-7-subhead-alt2.subheading2 {
  margin-bottom: 40px;
}

.c-gen-7-link-alt2 {
  text-align: center;
}

.c-gen-7-grid-block-alt2 {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  margin-bottom: 50px;
  display: grid;
}

.c-gen-7-panel-alt2 {
  text-align: center;
  background-color: #222;
  border-radius: 8px;
  flex-direction: column;
  justify-content: space-between;
  padding: 40px;
  display: flex;
}

.resource-image-left-text-alt {
  background-color: #f2f2f7;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  display: block;
  position: relative;
}

.resource-image-left-text-alt-heading {
  background-color: #f2f2f7;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  margin-bottom: 30px;
  display: block;
  position: relative;
}

.c-bb-ol {
  font-family: var(--font-family-text);
  padding-left: 16px;
}

.c-bb-ol.p3 {
  padding-left: 20px;
}

.c-bb-li {
  margin-bottom: 20px;
  padding-bottom: 0;
}

.resource-image-left-text-alt-paragraph1 {
  margin-bottom: 16px;
}

.res-image-ol.c-bb-ol.p3 {
  list-style-type: square;
}

.res-image-ol-li.c-bb-li {
  padding-right: 20px;
}

.c-gen-7-grid-block-alt {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  margin-bottom: 0;
  display: grid;
}

.resource-image-left-text-right-alt {
  justify-content: space-around;
  align-self: center;
  max-width: 500px;
  max-height: 100%;
  padding-top: 50px;
  padding-bottom: 50px;
  padding-left: 100px;
  display: block;
}

.resource-image-left-image-alt {
  object-fit: cover;
  align-self: stretch;
  width: 50%;
  max-height: 800px;
  display: block;
  position: static;
  inset: 0% 0% auto auto;
}

.c-cs-res-sec-img-right {
  background-color: #f2f2f7;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  display: block;
  position: relative;
}

.c-cs-res-contain-fullwdith {
  background-color: var(--color-bg-grey);
  flex-direction: row;
  justify-content: flex-end;
  align-items: center;
  max-width: 100%;
  display: flex;
}

.c-cs-res-heading {
  margin-bottom: 20px;
}

.c-cs-res-sectiontext {
  justify-content: space-around;
  align-self: center;
  max-width: 550px;
  max-height: 100%;
  padding: 50px 80px 50px 50px;
  display: block;
}

.c-cs-res-paragraph {
  margin-bottom: 30px;
}

.c-cs-res-image {
  clear: right;
  object-fit: cover;
  align-self: stretch;
  width: 50%;
  min-height: 600px;
  max-height: 800px;
  display: block;
  position: static;
  inset: 0% 0% auto auto;
}

.c-cs-res-sec-img-right-dark {
  background-color: #f2f2f7;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  display: block;
  position: relative;
}

.c-cs-res-contain-fullwdith-dark {
  background-color: var(--color-bg-dark);
  flex-direction: row;
  justify-content: flex-end;
  align-items: center;
  max-width: 100%;
  display: flex;
}

.c-cs-res-sectiontext-dark {
  justify-content: space-around;
  align-self: center;
  max-width: 550px;
  max-height: 100%;
  padding: 50px 80px 50px 50px;
  display: block;
}

.c-cs-res-sectiontext-dark.k12-integrate {
  padding-bottom: 70px;
}

.c-cs-res-heading-dark {
  color: var(--primary-inverse);
  margin-bottom: 20px;
}

.c-cs-res-heading-dark.k12-integrate {
  padding-left: 0;
  padding-right: 20px;
}

.c-cs-res-paragraph-dark {
  color: var(--color-text-inverse);
  margin-bottom: 30px;
}

.c-cs-res-image-dark {
  clear: right;
  object-fit: cover;
  align-self: stretch;
  width: 50%;
  max-height: 800px;
  display: block;
  position: static;
  inset: 0% 0% auto auto;
}

.c-cs-res-image-dark.k12-integrate {
  max-height: 720px;
}

.c-feat7.c-section-4 {
  background-color: var(--color-bg-grey);
}

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

.c-feat7-left {
  flex-direction: column;
  width: 50%;
  padding-right: 20px;
}

.c-feat7-sectionhead-header {
  color: var(--color-heading);
  margin-top: 0;
  margin-bottom: 28px;
}

.c-feat7-sectionhead-subhead {
  color: var(--primary-inverse);
}

.c-feat7-sectionhead-subhead.p2 {
  color: var(--color-text);
  margin-bottom: 40px;
  font-size: 18px;
  line-height: 26px;
}

.c-feat7-right {
  justify-content: center;
  align-items: center;
  width: 50%;
  padding-left: 20px;
}

.c-feat7-form {
  background-color: #fff;
  width: 100%;
  padding: 40px;
}

.c-feat7-form-header.h4 {
  padding-right: 20px;
}

.c-feat7-form-subhead {
  margin-bottom: 20px;
  padding-right: 40px;
}

.c-feat7-formplaceholder {
  background-color: #efefef;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 400px;
  margin-top: 30px;
  display: flex;
}

.c-feat7-formplaceholder-text {
  font-size: 30px;
}

.c-feat7-form-thankyou {
  display: none;
}

.bold-text-18 {
  font-weight: 500;
}

.link-4, .c-inline-link {
  text-decoration: none;
}

.global-nav-placeholder-dark {
  z-index: 10;
  width: 100%;
  height: 60px;
  position: absolute;
}

.global-nav-placeholder-text-dark {
  color: var(--color-heading-inverse);
  text-align: center;
  margin-top: 0;
  margin-bottom: 0;
}

.section-14 {
  padding-top: 120px;
}

.checkbox-field {
  display: none;
}

.c-feat7-dark.c-section-4 {
  background-color: var(--color-bg-dark);
  background-image: url('../images/hero-security-feature-shield.png'), linear-gradient(90deg, #2b74bc, #050f18);
  background-position: 50%, 0 0;
  background-repeat: no-repeat, repeat;
  background-size: contain, auto;
  background-attachment: scroll, scroll;
}

.c-feat7-dark.c-section-4.p-security {
  background-image: url('../images/hero-security-feature_v2.png'), linear-gradient(90deg, #2b74bc, #050f18);
  background-position: 100%, 0 0;
  background-repeat: no-repeat, repeat;
  background-size: contain, auto;
  background-attachment: scroll, scroll;
  margin-top: 48px;
}

.c-feat7-wrap-dark {
  display: flex;
}

.c-feat7-left-dark {
  flex-direction: column;
  width: 50%;
  padding-right: 20px;
}

.c-feat7-right-dark {
  justify-content: center;
  align-items: center;
  width: 50%;
  padding-left: 20px;
}

.c-feat7-sectionhead-header-dark {
  color: var(--color-heading-inverse);
  margin-top: 0;
  margin-bottom: 28px;
}

.c-feat7-sectionhead-header-dark.t1.p-security {
  color: var(--color-heading-inverse);
}

.c-feat7-sectionhead-subhead-dark {
  color: var(--primary-inverse);
}

.c-feat7-sectionhead-subhead-dark.p2 {
  color: var(--color-text-inverse);
  margin-bottom: 40px;
  font-size: 18px;
  line-height: 26px;
}

.c-feat7-sectionhead-subhead-dark.d1 {
  margin-bottom: 20px;
}

.c-gen14-alt.c-section-3.c-gen14-grey, .c-gen14-alt.c-section-3.c-gen14-grey.get-fm {
  background-color: var(--color-bg-grey);
}

.c-gen14-alt-container {
  display: flex;
}

.c-gen14-alt-sectionheader {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 50%;
  padding-right: 60px;
  display: flex;
}

.c-gen14-alt-header {
  margin-top: 0;
  margin-bottom: 0;
}

.c-gen14-alt-header.h3.c-gen14-alt-header-marginbot {
  margin-bottom: 20px;
}

.c-gen14-alt-details {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  flex-direction: column;
  width: 50%;
  display: flex;
}

.c-gen15-alt {
  background-color: #000;
  margin-top: 0;
  margin-bottom: 0;
  padding: 60px 20px;
}

.c-gen15-alt.get-fm {
  padding-top: 80px;
  padding-bottom: 80px;
}

.c-gen15-alt-grid {
  grid-column-gap: 20px;
  grid-row-gap: 39px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  grid-auto-flow: row;
  margin-bottom: 40px;
  display: grid;
}

.c-gen15-alt-info-box {
  background-color: #fff;
  border-radius: 10px;
  flex-direction: column;
  align-items: center;
  padding: 40px;
  display: flex;
}

.c-gen15-alt-info-box.c-gen15-info-box-1 {
  background-image: linear-gradient(95deg, #0fa5c7, #17ac92);
}

.c-gen15-info-box-copy {
  background-color: #fff;
  border-radius: 10px;
  flex-direction: column;
  align-items: center;
  padding: 40px;
  display: flex;
}

.c-gen15-info-box-copy.c-gen15-info-box-2 {
  background-image: linear-gradient(98deg, #17ac92, #17ac92);
}

.c-gen15-info-box-copy.c-gen15-info-box-3 {
  background-image: linear-gradient(265deg, #1e9ca3, #129d8e 36%, #17ac92);
}

.c-gen15-alt-img {
  background-color: #0000;
}

.c-block-quote-6 {
  background-image: linear-gradient(90deg, #0c4a25, #4fa24b 50%, #34c659);
}

.c-block-quote-6.c-section-3 {
  background-image: linear-gradient(90deg, #633b58 4%, #376fa3 100%, #376fa3);
}

.c-block-quote-6-quote {
  color: var(--color-text-inverse);
  text-align: center;
  padding: 0;
  font-family: SF Pro Display, sans-serif;
  font-size: 28px;
  font-weight: 300;
  line-height: 32px;
}

.c-block-quote-6-text {
  color: var(--color-heading-inverse);
  text-align: center;
  margin-top: 40px;
  font-family: SF Pro Text, sans-serif;
  font-size: 20px;
  line-height: 24px;
}

.c-gen16 {
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 80px;
  padding-bottom: 80px;
  font-size: 2.5rem;
  line-height: 2.75rem;
}

.c-gen16.c-section-fm-expore {
  padding-top: 0;
}

.c-gen16-heading {
  text-align: center;
  margin-bottom: 20px;
}

.c-gen16-wrap {
  grid-column-gap: 80px;
  grid-row-gap: 30px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.c-gen16-item {
  text-align: center;
}

.c-gen16-imagewrap {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  height: 100px;
  margin-bottom: 10px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.c-gen16-image {
  text-align: left;
  object-fit: fill;
  width: auto;
  max-width: none;
  height: 100%;
  max-height: 100%;
  margin-bottom: 0;
  margin-left: auto;
  margin-right: auto;
  display: block;
  overflow: visible;
}

.c-gen16-item-head {
  margin-bottom: 24px;
}

.c-gen16-item-head.h4 {
  white-space: normal;
  word-break: normal;
  padding-left: 10px;
  padding-right: 10px;
}

.c-gen16-item-paragraph {
  text-align: center;
  margin-bottom: 10px;
}

.c-gen16-subhead {
  text-align: center;
  margin-bottom: 44px;
  padding-left: 50px;
  padding-right: 50px;
}

.c-bq4 {
  background-image: linear-gradient(to right, #0c4a25, #4fa24b 50%, #e7d330);
}

.c-bq4.c-section-3 {
  background-image: linear-gradient(225deg, #1b5b6b, #34c759);
}

.c-bq4.c-section-3.fm-page {
  padding-left: 220px;
  padding-right: 220px;
}

.c-bq4-quote {
  color: var(--color-text-inverse);
  text-align: left;
  padding: 0;
  font-family: SF Pro Display, sans-serif;
  font-size: 42px;
  font-weight: 100;
  line-height: 50px;
}

.c-bq4-quote.fm-page, .c-bq4-quote.p-workplace-bq1 {
  font-weight: 300;
}

.c-bq4-quote.p-workplace-bq2 {
  width: 95%;
  font-weight: 300;
}

.c-bq4-text {
  color: var(--color-heading-inverse);
  text-align: right;
  margin-top: 40px;
  font-family: SF Pro Display, sans-serif;
  font-size: 26px;
  font-weight: 100;
  line-height: 30px;
}

.c-gen17 {
  background-image: linear-gradient(76deg, #000, #1b5b6b);
  overflow: hidden;
}

.c-gen17.p-fm {
  display: none;
}

.c-gen17-head {
  color: var(--primary-inverse);
  margin-top: 0;
}

.c-gen17-detail {
  color: var(--primary-inverse);
  margin-bottom: 20px;
  padding-right: 60px;
}

.c-gen12-panel-left {
  flex-flow: column;
  flex: none;
  justify-content: center;
  width: 30%;
  padding-top: 0;
  display: flex;
  position: relative;
}

.c-gen12-panel-rightimage {
  flex: 0 auto;
  display: block;
  position: relative;
  overflow: auto;
}

.c-gen12-panel-rightimage.p-fm {
  width: 100%;
}

.c-cta7b-double-panel {
  background-color: #222a41;
}

.c-cta7b-double-panel.c-section-3 {
  background-image: url('../images/Spiral_6A-v02.jpg');
  background-position: 0 0;
  background-size: cover;
  background-attachment: fixed;
}

.c-cta7b-double-panel.c-section-3.p-pf {
  background-image: url('../images/bg_pattern.jpg');
}

.c-cta7b-main-heading {
  opacity: 1;
  color: var(--primary-inverse);
  text-align: center;
  text-shadow: 1px 1px 1px #0003;
  word-break: normal;
  mix-blend-mode: normal;
  margin-top: 0;
  margin-bottom: 40px;
}

.c-cta7b-main-heading.heading2.p-pf {
  margin-bottom: 80px;
}

.c-cta7b-main-heading.heading2.p-workplace {
  margin-bottom: var(--margin-bottom-60px);
}

.c-cta7b-panel-top {
  text-align: center;
  background-image: linear-gradient(0deg, #111, #1e272b);
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
  padding: 30px 50px 20px;
  display: flex;
}

.c-cta7b-panel-top.p-workplace {
  align-items: flex-start;
}

.c-cta7b-panel-grid {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  grid-template-rows: auto;
}

.c-cta7b-panel {
  background-color: #fff;
  flex-flow: column;
}

.c-cta7b-panel-bottom {
  background-color: #fff;
  padding: 50px;
}

.c-cta7b-panel-paragraph {
  color: var(--color-text-inverse);
  text-align: left;
}

.c-cta7b-panel-link {
  font-weight: 600;
  text-decoration: none;
}

.c-cta7b-panel-bottom-text {
  margin-bottom: 20px;
}

.c-cta7b-image {
  object-fit: contain;
  width: auto;
  height: 65px;
  margin-top: 20px;
}

.c-cta7b-image.p-fm {
  object-fit: contain;
  width: auto;
  max-width: 100%;
  height: 65px;
  margin-bottom: 10px;
}

.c-res4-item-desc.get-fm {
  padding-right: 60px;
}

.c-res4-item-link {
  text-decoration: none;
}

.c-res4-item-link.icon.icon-after.more.get-fm {
  display: block;
}

.c-gen14x.c-section-3.c-gen14x-grey {
  background-color: var(--color-bg-grey);
}

.c-gen14x-container {
  display: flex;
}

.c-gen14x-sectionheader {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 50%;
  padding-right: 60px;
  display: flex;
}

.c-gen14x-details {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  flex-direction: column;
  width: 50%;
  display: flex;
}

.c-gen14x-item {
  background-color: #fff;
  padding: 24px 50px 24px 30px;
}

.c-gen14x-text.icon.icon-before.icon-checkcircle {
  margin-bottom: 0;
  padding-top: 0;
  padding-left: 40px;
}

.c-gen14x-note {
  margin-bottom: 0;
  display: inline;
}

.c-cta9 {
  background-color: #f2f2f7;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  display: block;
  position: relative;
}

.c-cta9-container {
  background-color: var(--color-bg-grey);
  flex-direction: row;
  justify-content: flex-end;
  align-items: center;
  max-width: 100%;
  display: flex;
}

.c-cta9-textwrap {
  justify-content: space-around;
  align-self: center;
  max-width: 500px;
  max-height: 100%;
  padding-top: 50px;
  padding-bottom: 50px;
  padding-left: 100px;
  display: block;
}

.c-cta9-textwrap.c-cta9-textwrapleft {
  max-width: 550px;
  padding-left: 50px;
  padding-right: 100px;
}

.c-res9-image-right {
  clear: right;
  object-fit: cover;
  align-self: stretch;
  width: 50%;
  max-height: 800px;
  display: block;
  position: static;
  inset: 0% 0% auto auto;
}

.c-res9-header {
  margin-bottom: 24px;
}

.c-cta9-boldtext {
  font-weight: 600;
}

.section-15 {
  padding-top: 60px;
}

.c-cta9-buttons {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  margin-bottom: 50px;
  display: flex;
}

.c-cta9-bold {
  font-weight: 600;
}

.c-cta10 {
  background-color: #f2f2f7;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  display: block;
  position: relative;
}

.c-cta10-image-left {
  object-fit: cover;
  align-self: stretch;
  width: 50%;
  max-height: 700px;
  display: block;
  position: static;
  inset: 0% 0% auto auto;
}

.c-cta10-image-left.p-fm {
  height: 700px;
}

.c-cta10-textwrap {
  justify-content: space-around;
  align-self: center;
  max-width: 550px;
  max-height: 100%;
  padding: 0 50px 0 100px;
  display: block;
}

.c-cta10-header.h3 {
  margin-bottom: 40px;
}

.c-cta10-action {
  background-color: #ededed;
  padding: 40px;
}

.c-cta10-action-eyebrow {
  color: var(--claris-primary-green);
  text-transform: uppercase;
  margin-bottom: 0;
  font-size: 14px;
  font-weight: 300;
  line-height: 20px;
}

.c-cta10-action-head {
  margin-top: 0;
  margin-bottom: 30px;
}

.c-cta10-quote {
  color: var(--color-text);
  margin-bottom: 30px;
  padding: 0;
  font-family: SF Pro Text, sans-serif;
  font-size: 24px;
  font-weight: 300;
  line-height: 32px;
}

.c-gen18 {
  margin-bottom: 0;
  padding-top: 0;
  padding-bottom: 0;
  font-size: 2.5rem;
  line-height: 2.75rem;
  position: relative;
}

.c-gen18-heading {
  color: var(--color-heading-inverse);
  text-align: center;
  margin-bottom: 20px;
}

.c-gen18-subhead {
  color: var(--color-heading-inverse);
  text-align: center;
  margin-bottom: 44px;
  padding-left: 50px;
  padding-right: 50px;
}

.c-gen18-image {
  width: 100%;
}

.c-gen18-imagewarp {
  width: 1500px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 50px;
  padding-right: 50px;
}

.c-gen18-full-width {
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  max-width: 100%;
  height: 100%;
  display: flex;
}

.c-gen18-background {
  z-index: -1;
  background-color: #0000;
  background-image: linear-gradient(240deg, #000, #1b5b6b 58%, #34c759);
  width: 100%;
  height: 80%;
  position: absolute;
}

.c-gen18-containerwidth {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  max-width: 1000px;
  padding-top: 60px;
  font-size: 14px;
  display: block;
  position: relative;
}

.c-feat5-linkbutton {
  color: var(--primary-inverse);
}

.c-feat5-linkbutton.basic-overlay.have-licensing {
  border-bottom: 1px dotted #fff;
  border-radius: 1px;
  text-decoration: none;
}

.c-feat5-background {
  background-image: linear-gradient(270deg, #50e259, #00b87a 38% 68%, #15a272);
  width: 100%;
  height: 60%;
  margin-left: -20px;
  position: absolute;
  top: 0;
}

.c-gen14x-link {
  text-decoration: none;
}

.c-gen14x-link.icon.icon-after.more {
  margin-left: 8px;
  display: inline-block;
}

.c-accordion-bullet {
  color: var(--color-text);
  margin-bottom: 12px;
  font-family: SF Pro Text, sans-serif;
  font-size: 16px;
  font-weight: 300;
}

.c-gen14-alt-paragraph {
  padding-right: 20px;
}

.c-feat5x {
  text-align: center;
  position: relative;
}

.c-feat5x.c-section-4.p-fm {
  padding-bottom: 60px;
  padding-left: 0;
  padding-right: 0;
}

.c-feat5x-background {
  z-index: -1;
  background-image: linear-gradient(323deg, #50e259, #1b5b6b 38%, #000);
  width: 100%;
  height: 60%;
  margin-left: -20px;
  position: absolute;
  top: 0;
}

.c-feat5x-background.p-fm {
  background-color: #000;
  background-image: none;
  margin-left: 0;
}

.c-feat5x-container-image {
  max-width: 100%;
  margin-top: 40px;
  display: flex;
}

.c-feat5x-container-image.p-fm {
  width: 100%;
  margin-top: 10px;
}

.c-feat5x-image-wrap {
  flex-flow: row;
  justify-content: center;
  max-width: 1000px;
  margin-bottom: 0;
  margin-left: auto;
  margin-right: auto;
  display: block;
  position: relative;
}

.c-feat5x-image-wrap.p-fm {
  width: 100%;
  max-width: 100%;
}

.c-feat5x-eye-heading {
  text-align: center;
}

.c-feat5x-eye-heading.sh-eyebrow {
  color: var(--color-heading-inverse);
}

.c-feat5x-main-heading {
  text-align: center;
  line-height: 48px;
}

.c-feat5x-main-heading.h1 {
  color: var(--color-heading-inverse);
  margin-bottom: 20px;
  padding-left: 150px;
  padding-right: 150px;
}

.c-feat5x-cta-block {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  text-align: center;
  justify-content: center;
  margin-top: 30px;
  margin-bottom: 16px;
  display: flex;
}

.c-feat5x-main-image {
  object-fit: fill;
  border-radius: 0;
  margin-left: auto;
  margin-right: auto;
  display: block;
}

.c-feat5x-main-image.p-fm {
  display: none;
}

.x-button-block {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto auto auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
}

.c-button-inline {
  border: 1px solid var(--claris-primary-green);
  border-radius: var(--button-border-radius);
  background-color: var(--claris-primary-green);
  color: var(--primary-inverse);
  text-align: center;
  transition: all .2s;
  display: inline-block;
}

.c-button-inline:hover {
  border-color: var(--color-primary-hover);
  background-color: var(--color-primary-hover);
  color: var(--primary-inverse);
}

.c-button-thin-inline {
  border: 1px solid var(--claris-primary-green);
  border-radius: var(--button-border-radius);
  color: var(--claris-primary-green);
  background-color: #0000;
  transition: all .2s;
}

.c-button-thin-inline:hover {
  border-color: var(--color-primary-hover);
  background-color: var(--color-primary-hover);
  color: var(--primary-inverse);
}

.c-button-thin-inline.c-thin {
  border: 1px solid var(--claris-primary-green);
  color: var(--claris-primary-green);
  background-color: #0000;
}

.c-button-thin-inline.c-thin:hover {
  border-color: var(--claris-primary-green);
  background-color: var(--claris-primary-green);
  color: var(--primary-inverse);
  -webkit-text-stroke-color: var(--color-primary-hover);
}

.c-button-thin-inline.c-button.c-thin {
  display: inline-block;
}

.c-button-inline-lg {
  border: 1px solid var(--claris-primary-green);
  border-radius: var(--button-border-radius);
  background-color: var(--claris-primary-green);
  color: var(--primary-inverse);
  text-align: center;
  font-size: 20px;
  line-height: 26px;
  transition: all .2s;
  display: inline-block;
}

.c-button-inline-lg:hover {
  border-color: var(--color-primary-hover);
  background-color: var(--color-primary-hover);
  color: var(--primary-inverse);
}

.c-button-thin-inline-lg {
  border: 1px solid var(--claris-primary-green);
  border-radius: var(--button-border-radius);
  color: var(--claris-primary-green);
  background-color: #0000;
  font-size: 20px;
  line-height: 26px;
  transition: all .2s;
}

.c-button-thin-inline-lg:hover {
  border-color: var(--color-primary-hover);
  background-color: var(--color-primary-hover);
  color: var(--primary-inverse);
}

.c-button-thin-inline-lg.c-thin {
  border: 1px solid var(--claris-primary-green);
  color: var(--claris-primary-green);
  background-color: #0000;
}

.c-button-thin-inline-lg.c-thin:hover {
  border-color: var(--claris-primary-green);
  background-color: var(--claris-primary-green);
  color: var(--primary-inverse);
  -webkit-text-stroke-color: var(--color-primary-hover);
}

.c-button-thin-inline-lg.c-button.c-thin {
  font-size: 20px;
  line-height: 26px;
  display: inline-block;
}

.c-bq6-quote {
  color: var(--color-text-inverse);
  text-align: center;
  padding: 0;
  font-family: SF Pro Display, sans-serif;
  font-size: 28px;
  font-weight: 500;
  line-height: 32px;
}

.c-bq6-text {
  color: var(--color-heading-inverse);
  text-align: center;
  margin-top: 40px;
  font-family: SF Pro Text, sans-serif;
  font-size: 20px;
  font-weight: 600;
  line-height: 24px;
}

.random-custom-section {
  background-image: linear-gradient(90deg, #0c4a25, #4fa24b 50%, #34c659);
}

.x-contain-instructions {
  background-color: #fff;
  width: 50%;
  margin-left: auto;
  margin-right: auto;
  padding: 20px;
}

.c-gen15-alt-container-width {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  max-width: 1000px;
  font-size: 14px;
  display: block;
  position: relative;
}

.p-form-integration.c-section-4 {
  background-color: var(--color-bg-grey);
}

.p-form-integration.c-section-2.p-security {
  background-image: url('../images/form-background.jpg');
  background-position: 0 0;
  background-size: cover;
  padding-top: 80px;
  padding-bottom: 80px;
}

.c-form1-wrap {
  flex-flow: column;
  display: flex;
}

.c-form1-first {
  flex-direction: column;
  padding-right: 20px;
}

.c-form1-second {
  justify-content: center;
  align-items: center;
}

.c-form1-sh-head {
  color: var(--color-heading);
  text-align: center;
  margin-top: 0;
  margin-bottom: 28px;
}

.c-form1-sh-subhead {
  color: var(--primary-inverse);
}

.c-form1-sh-subhead.p2 {
  color: var(--color-text);
  text-align: center;
  margin-bottom: 40px;
  font-size: 18px;
  line-height: 26px;
}

.c-form1-form {
  background-color: #fff;
  border-radius: 0;
  width: 100%;
}

.c-form1-form.p-security {
  opacity: .93;
  -webkit-backdrop-filter: saturate(180%) blur(10px);
  backdrop-filter: saturate(180%) blur(10px);
  border-radius: 12px;
  padding: 60px 100px;
}

.c-form1-form-thankyou {
  display: none;
}

.c-form1-form-header.h4 {
  text-align: center;
  padding-right: 20px;
}

.c-form1-form-header.heading2, .c-form1-form-header.t2 {
  text-align: center;
}

.c-form1-form-subhead {
  text-align: center;
  margin-bottom: 20px;
  padding-right: 40px;
}

.c-form1-form-subhead.d1 {
  padding-right: 0;
}

.c-form1-form-subhead.d1.p-security {
  margin-bottom: 60px;
}

.c-form1-formplaceholder {
  background-color: #efefef;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 400px;
  margin-top: 30px;
  display: flex;
}

.c-feat8 {
  text-align: center;
}

.c-feat8.c-container-width {
  padding: 40px 70px 0;
}

.c-feat8-head {
  margin-bottom: 50px;
}

.c-feat8-head.heading2 {
  margin-bottom: 10px;
}

.c-feat8-sub {
  margin-top: 50px;
  margin-bottom: 40px;
  font-weight: 500;
}

.c-feat8-sub.p2 {
  margin-top: auto;
  font-weight: 300;
}

.c-footnote {
  background-color: #22221f;
  padding-top: 30px;
}

.c-footnote.c-section-3 {
  padding-bottom: 0;
}

.c-container-width-footnote {
  border-bottom: 1px solid #363636;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  max-width: 1000px;
  padding-top: 20px;
  padding-bottom: 20px;
  font-size: 14px;
  display: block;
  position: relative;
}

.c-footnote-paragraph {
  color: #ccc;
  margin-bottom: 0;
}

.c-footnote-link {
  color: #ccc;
  text-decoration: none;
}

.c-gen7c-head {
  color: var(--primary-inverse);
  text-align: center;
}

.c-gen7c-head.heading2 {
  margin-bottom: 20px;
}

.c-gen7c-subhead {
  color: var(--primary-inverse);
  text-align: center;
}

.c-gen7c-subhead.subheading2 {
  margin-bottom: 40px;
}

.c-gen7c-grid {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  margin-bottom: 50px;
  display: grid;
}

.c-gen-7c-panel {
  text-align: center;
  background-color: #222;
  border-radius: 8px;
  flex-direction: column;
  justify-content: space-between;
  padding: 40px;
  display: flex;
}

.c-gen-7c-panel.c-gen-7-panel-2.p-integration {
  padding-left: 22px;
  padding-right: 22px;
}

.c-gen7c-panel-image {
  max-height: 80px;
  margin-bottom: 10px;
}

.c-gen7c-panel-head {
  color: var(--primary-inverse);
}

.c-gen7c-panel-head.h5 {
  margin-bottom: 20px;
  font-weight: 500;
}

.c-gen7c-panel-text {
  color: var(--primary-inverse);
  margin-bottom: 50px;
  padding-left: 10px;
  padding-right: 10px;
}

.c-gen7c-buttonwrap.p-integration {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-flow: wrap;
  order: 1;
  justify-content: center;
  display: flex;
}

.c-gen7c-container {
  max-width: 1300px;
}

.p-how-to-update {
  background-color: #313131;
}

.p-how-to-update.c-section-4 {
  background-image: linear-gradient(144deg, #263d4e, #2a5f67 17%, #73b47b 72%, #bfbd04);
  padding-top: 120px;
  padding-bottom: 60px;
}

.p-form1.c-section-3 {
  background-color: #9fe4a8;
}

.c-form1-form-thankyou-text {
  display: inline;
}

.c-form1-form-thankyou-link {
  text-decoration: none;
}

.c-feat7-section-head-logo-dark {
  margin-bottom: 30px;
  display: block;
}

.c-feat7-sectionhead-image {
  margin-top: 20px;
  margin-bottom: 20px;
}

.c-gen-16 {
  padding: 80px 20px;
}

.c-gen16-container-width {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  max-width: 1000px;
  font-size: 14px;
  display: block;
  position: relative;
}

.c-gen16-grid-block {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  margin-bottom: 0;
  display: grid;
}

.c-gen16-panel-alt {
  text-align: center;
  background-color: #fff;
  border-radius: 8px;
  flex-direction: column;
  justify-content: space-between;
  padding: 40px;
  display: flex;
}

.c-gen16-panel-alt.c-gen16-panel-2-alt {
  display: flex;
}

.c-gen16-panel-image {
  width: auto;
  max-width: 250px;
  max-height: 200px;
  margin-bottom: 10px;
  margin-left: auto;
  margin-right: auto;
}

.c-gen16-panel-text-alt {
  color: var(--color-text);
  -webkit-text-stroke-color: var(--color-text);
  margin-bottom: 0;
  padding-left: 40px;
  padding-right: 40px;
}

.c-gen16-paragraph {
  margin: 20px 20px 0;
}

.c-res10 {
  color: var(--primary-inverse);
  font-size: 20px;
  line-height: 28px;
}

.c-res10.c-bb-ol.p3 {
  list-style-type: square;
}

.c-res10-link {
  color: var(--color-dark-mode-green);
  font-size: 20px;
  line-height: 28px;
  text-decoration: none;
}

.c-res10-link:hover {
  color: var(--color-dark-mode-hover);
}

.c-button-thin-inline-xlg {
  border: 1px solid var(--claris-primary-green);
  border-radius: var(--button-border-radius);
  color: var(--claris-primary-green);
  background-color: #0000;
  font-size: 24px;
  line-height: 30px;
  transition: all .2s;
}

.c-button-thin-inline-xlg:hover {
  border-color: var(--color-primary-hover);
  background-color: var(--color-primary-hover);
  color: var(--primary-inverse);
}

.c-button-thin-inline-xlg.c-thin {
  border: 1px solid var(--claris-primary-green);
  color: var(--claris-primary-green);
  background-color: #0000;
}

.c-button-thin-inline-xlg.c-thin:hover {
  border-color: var(--claris-primary-green);
  background-color: var(--claris-primary-green);
  color: var(--primary-inverse);
  -webkit-text-stroke-color: var(--color-primary-hover);
}

.c-button-thin-inline-xlg.c-button.c-thin {
  font-size: 24px;
  line-height: 30px;
  display: inline-block;
}

.c-button-inline-xlg {
  border: 1px solid var(--claris-primary-green);
  border-radius: var(--button-border-radius);
  background-color: var(--claris-primary-green);
  color: var(--primary-inverse);
  text-align: center;
  font-size: 24px;
  line-height: 30px;
  transition: all .2s;
  display: inline-block;
}

.c-button-inline-xlg:hover {
  border-color: var(--color-primary-hover);
  background-color: var(--color-primary-hover);
  color: var(--primary-inverse);
}

._wf-image-viewer-plus-mobile {
  min-height: 0;
}

.c-gen18-background-full {
  z-index: -1;
  background-color: var(--color-bg-grey);
  width: 100%;
  height: 100%;
  position: absolute;
}

.x-button-block-dark {
  background-color: var(--color-bg-dark);
}

.c-button-thin-inline-dark {
  border: 1px solid var(--color-dark-mode-hover);
  border-radius: var(--button-border-radius);
  color: var(--color-dark-mode-green);
  background-color: #0000;
  transition: all .2s;
}

.c-button-thin-inline-dark:hover {
  border-color: var(--color-primary-hover);
  background-color: var(--color-dark-mode-hover);
  color: var(--primary-inverse);
}

.c-button-thin-inline-dark.c-thin {
  border: 1px solid var(--claris-primary-green);
  color: var(--claris-primary-green);
  background-color: #0000;
}

.c-button-thin-inline-dark.c-thin:hover {
  border-color: var(--claris-primary-green);
  background-color: var(--claris-primary-green);
  color: var(--primary-inverse);
  -webkit-text-stroke-color: var(--color-primary-hover);
}

.c-button-thin-inline-dark.c-button.c-thin {
  border-color: var(--color-dark-mode-green);
  color: var(--color-dark-mode-green);
  text-decoration: none;
  display: inline-block;
}

.c-button-thin-inline-dark.c-button.c-thin:hover {
  background-color: var(--color-dark-mode-green);
  color: var(--primary-inverse);
  -webkit-text-stroke-color: var(--color-dark-mode-hover);
}

.c-button-thin-inline-dark.p-security {
  background-color: var(--color-dark-mode-hover);
  color: var(--primary-inverse);
}

.c-button-thin-inline-dark.p-security:hover {
  background-color: var(--color-dark-mode-green);
}

.c-button-thin-inline-white {
  border: 1px solid var(--primary-inverse);
  border-radius: var(--button-border-radius);
  color: var(--primary-inverse);
  background-color: #0000;
  transition: all .2s;
}

.c-button-thin-inline-white:hover {
  border-color: var(--primary-inverse);
  background-color: var(--color-text-inverse);
  color: var(--color-text);
}

.c-button-thin-inline-white.c-thin {
  border: 1px solid var(--claris-primary-green);
  color: var(--claris-primary-green);
  background-color: #0000;
}

.c-button-thin-inline-white.c-thin:hover {
  border-color: var(--claris-primary-green);
  background-color: var(--claris-primary-green);
  color: var(--primary-inverse);
  -webkit-text-stroke-color: var(--color-primary-hover);
}

.c-button-thin-inline-white.c-button.c-thin {
  border-color: var(--primary-inverse);
  color: var(--primary-inverse);
  -webkit-text-stroke-color: var(--primary-inverse);
  display: inline-block;
}

.c-button-thin-inline-white.c-button.c-thin:hover {
  background-color: var(--primary-inverse);
  color: var(--color-text);
  -webkit-text-stroke-color: var(--color-dark-mode-hover);
}

.c-gen12-panel-background {
  background-color: green;
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0% auto auto 0%;
}

.c-gen12-panel-bgimage {
  object-fit: cover;
  object-position: 0% 0%;
  width: 100%;
  height: 100%;
}

.c-gen12-panel-header-inverse {
  color: var(--color-heading-inverse);
  text-align: left;
  margin-top: 0;
  padding-top: 20px;
}

.c-gen12-panel-desc-inverse {
  color: var(--color-text-inverse);
  text-align: left;
}

.c-gen17-singleimage {
  width: 115%;
  max-width: 115%;
  display: block;
  position: absolute;
  inset: -15px auto auto 0%;
}

.c-gen-12-panel-pad {
  width: 100%;
  height: 300px;
  position: relative;
}

.c-gen-12-panel-pad.c-gen12-panel-pad1 {
  height: 220px;
}

.c-gen-12-panel-pad.c-gen12-panel-pad1.p-fm {
  height: auto;
  padding-bottom: 20px;
  padding-left: 20px;
  padding-right: 20px;
}

.c-gen12-panel-top {
  margin-bottom: 20px;
  padding: 40px 40px 0;
}

.c-gen17-imagewrap-single {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-flow: row;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  width: 40%;
  height: 100%;
  min-height: 360px;
  position: relative;
}

.p-magical-text {
  color: var(--color-dark-mode-green);
  background-color: #000;
}

.heading2-cinched {
  padding-left: 100px;
  padding-right: 100px;
}

.g-heading4 {
  font-size: 26px;
  line-height: 28px;
}

.c-gen14x-image {
  align-self: flex-start;
  width: 50px;
  margin-bottom: 20px;
  margin-left: 0;
  display: block;
  position: static;
}

.c-feat9.get-fm {
  opacity: 1;
  mix-blend-mode: normal;
  background-color: #000;
  background-image: url('../images/fm24-hero.jpg');
  background-position: 0 0;
  background-size: cover;
  padding-top: 120px;
  padding-bottom: 60px;
}

.c-gen-7-flex-block {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  margin-bottom: 0;
  display: grid;
}

.c-gen-7-flex-block.get-fm {
  grid-column-gap: 16px;
  flex-flow: wrap;
  grid-template-rows: auto auto;
  grid-auto-flow: row;
  justify-content: center;
  align-items: center;
  display: flex;
}

.get-fm-sticky-banner {
  background-color: #2da0bd;
  position: sticky;
}

.get-fm-sticky-banner.c-banner-nav-top {
  background-color: #2da0be;
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 20px;
  padding-bottom: 20px;
}

.c-cta-7-triple-panel {
  background-color: #222a41;
}

.c-cta-7-triple-panel.c-section-3 {
  background-image: url('../images/bg_pattern.jpg');
  background-position: 0 0;
  background-size: cover;
  background-attachment: fixed;
}

.c-cta-7-triple-panel.c-section-3.get-fm {
  background-image: url('../images/bg_pattern.jpg');
}

.c-cta-7-triple-panel-grid {
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
}

.c-cta-triple-panel-1 {
  text-align: center;
  background-image: linear-gradient(to top, #111, #1e272b);
  border-radius: 4px;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
  padding: 30px 50px 50px;
  display: flex;
}

.c-cta-7-triple-text-wrap {
  text-align: left;
}

.c-cta-7-triple-panel-heading {
  color: var(--color-heading-inverse);
}

.c-cta-7-triple-panel-heading.h4 {
  text-align: center;
}

.c-cta-7-triple-panel-paragraph {
  color: var(--color-text-inverse);
  text-align: center;
  margin-bottom: 40px;
}

.c-gen19-grid {
  align-items: stretch;
  display: flex;
}

.c-gen19-column {
  width: 40%;
  padding-left: 40px;
  position: relative;
}

.c-gen19-column.c-gen19-column-right {
  width: 60%;
  padding-left: 0;
}

.c-gen19-copy-wrap {
  justify-content: flex-start;
  align-items: center;
  height: 100vh;
  display: flex;
}

.c-gen19-img-tablet-down {
  display: none;
}

.c-gen19-img {
  object-fit: cover;
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0%;
}

.c-gen19-img.c-gen19-img1 {
  z-index: 4;
  height: 100%;
}

.c-gen19-img.c-gen19-img1.c-gen19-img1-wrap {
  flex-flow: row;
  justify-content: center;
  align-items: center;
  width: 100%;
  display: flex;
}

.c-gen19-img.c-gen19-img1.c-gen19-img-desktop {
  align-self: center;
  height: auto;
}

.c-gen19-img.c-gen19-img2 {
  z-index: 3;
  align-self: center;
  height: auto;
}

.c-gen19-img.c-gen19-img2.c-gen19-img2-wrap {
  justify-content: center;
  align-items: center;
  display: flex;
}

.c-gen19-img.c-gen19-img3 {
  z-index: 2;
  align-self: center;
  height: auto;
}

.c-gen19-img.c-gen19-img3.c-gen19-img3-wrap {
  justify-content: center;
  align-items: center;
  display: flex;
}

.c-gen19-img.c-gen19-img4 {
  z-index: 1;
  vertical-align: baseline;
  align-self: center;
  height: auto;
  position: absolute;
}

.c-gen19-img.c-gen19-img4.c-gen19-img4-wrap {
  justify-content: center;
  align-items: center;
  display: flex;
}

.c-gen19-copy {
  max-width: 650px;
  padding-right: 30px;
}

.c-gen19-p-xs-start {
  padding-top: 1em;
}

.c-gen19-img-wrap {
  height: 90vh;
  position: sticky;
  top: 10vh;
  overflow: hidden;
}

.c-gen19-scroll-header {
  margin-top: 80px;
}

.c-gen19-list {
  padding-left: 20px;
}

.c-general-7-flex {
  background-color: #313131;
}

.c-general-7-flex.c-section-4 {
  background-image: linear-gradient(113deg, #0e174d, #1c3551 31%, #3f7e5a);
  padding-top: 60px;
  padding-bottom: 60px;
}

.c-general-7-flex.c-section-4.get-fm {
  background-color: #f2f2f7;
  background-image: linear-gradient(225deg, #002f25, #1b5b6b 56%, #34c759);
}

.c-gen-7-flex-panel {
  text-align: center;
  background-color: #222;
  border-radius: 8px;
  flex-direction: column;
  justify-content: space-between;
  width: 30%;
  padding: 40px;
  display: flex;
}

.c-gen-7-flex-panel.get-fm {
  width: 48%;
}

.c-gen-7-flex-panel-image {
  max-height: 80px;
  margin-bottom: 10px;
}

.c-gen-7-flex-panel-text {
  color: var(--primary-inverse);
  margin-bottom: 50px;
  padding-left: 10px;
  padding-right: 10px;
}

.c-gen-7-flex-panel-text.get-fm {
  margin-bottom: 0;
  padding-left: 2px;
  padding-right: 2px;
}

.filemaker-fast-sticky-banner, .security-campaign-sticky-banner {
  background-color: #2da0bd;
  position: sticky;
}

.security-campaign-sticky-banner.security-campaign-banner {
  background-color: #292c55;
  padding-left: 20px;
  padding-right: 20px;
}

.c-gen19-list-listitem {
  font-family: var(--font-family-text);
  padding-bottom: 10px;
  font-size: 16px;
  font-weight: 300;
}

.c-bb-sh1-scroll-header.get-fm {
  color: var(--color-heading);
}

.c-bb-sh1-scroll-subhead.p2.get-fm {
  color: var(--color-text);
  padding-top: 10px;
}

.sh1-header-icon {
  max-width: 336px;
  margin-bottom: 10px;
  padding-top: 40px;
}

.sh1-header-icon.get-fm {
  max-width: 100%;
  max-height: 42px;
  margin-top: 40px;
  padding-top: 0;
}

.c-bb-sh1-scroll {
  text-align: center;
  padding-bottom: 60px;
  padding-left: 100px;
  padding-right: 100px;
}

.c-bb-sh1-scroll.get-fm {
  padding-bottom: 0;
}

.img-fm-timeline-desktop-no-grid {
  text-align: center;
  max-height: 100%;
}

.img-fm-timeline-mobile-no-grid {
  display: none;
}

.c-gen-5c-alt.c-section-3.p-integration {
  padding-top: 0;
  padding-bottom: 40px;
}

.c-gen5c-block {
  text-align: center;
}

.c-gen-5c-main-image-alt {
  width: 50px;
  height: auto;
}

.c-cta11.c-section-3.p-pf {
  background-color: var(--color-bg-dark-blue);
}

.c-cta11.c-section-3.p-workplace {
  background-color: var(--color-bg-grey);
}

.c-cta11-contain {
  text-align: center;
}

.c-cta11-contain.c-container-width {
  padding-bottom: 0;
  padding-left: 70px;
  padding-right: 70px;
}

.c-cta11-head {
  margin-bottom: 50px;
}

.c-cta11-head.heading2 {
  margin-bottom: 10px;
}

.c-cta11-head.heading2.p-pf {
  color: var(--primary-inverse);
}

.c-cta11-sub {
  margin-top: 50px;
  margin-bottom: 40px;
  font-weight: 500;
}

.c-cta11-sub.p2 {
  margin-top: auto;
  font-weight: 300;
}

.c-cta11-sub.p2.p-pf {
  font-family: var(--font-family-text);
  color: var(--primary-inverse);
}

.c-gen16b {
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 80px;
  padding-bottom: 80px;
  font-size: 2.5rem;
  line-height: 2.75rem;
}

.c-gen16b-head {
  text-align: center;
  margin-bottom: 20px;
}

.c-gen16b-head.heading2-cinched.p-pf {
  margin-top: auto;
  margin-bottom: 10px;
}

.c-gen16b-sub {
  text-align: center;
  margin-bottom: 44px;
  padding-left: 50px;
  padding-right: 50px;
}

.c-gen16b-sub.heading2-cinched.p-pf {
  padding-left: 140px;
  padding-right: 140px;
}

.c-gen16b-wrap {
  grid-column-gap: 80px;
  grid-row-gap: 30px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.c-gen16b-item {
  text-align: center;
}

.c-gen16b-imgwrap {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  height: 100px;
  margin-bottom: 10px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.c-gen16b-image {
  text-align: left;
  object-fit: fill;
  width: auto;
  max-width: none;
  height: 100%;
  max-height: 100%;
  margin-bottom: 0;
  margin-left: auto;
  margin-right: auto;
  display: block;
  overflow: visible;
}

.c-gen16b-image.c-gen16b-img1.p-pf, .c-gen16b-image.c-gen16b-img2.p-pf, .c-gen16b-image.c-gen16b-img3.p-pf, .c-gen16b-image.c-gen16b-img4.p-pf, .c-gen16b-image.c-gen16b-img5.p-pf, .c-gen16b-image.c-gen16b-img6.p-pf {
  height: 80%;
}

.c-gen16b-item-head {
  margin-bottom: 24px;
}

.c-gen16b-item-head.h4 {
  white-space: normal;
  word-break: normal;
  padding-left: 10px;
  padding-right: 10px;
}

.c-gen16b-item-paragraph {
  text-align: center;
  margin-bottom: 10px;
}

.c-gen19 {
  font-size: 2.5rem;
  line-height: 2.75rem;
}

.c-gen19.c-section-3.p-pf {
  background-image: linear-gradient(337deg, #34c759, #1b5b6b 39%, #020d16);
}

.c-gen19contain {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  max-width: 1000px;
  font-size: 14px;
  display: block;
  position: relative;
}

.c-gen19contain.p-pf {
  padding-left: 0;
  padding-right: 0;
}

.c-gen19head {
  text-align: center;
  margin-bottom: 20px;
}

.c-gen19head.heading2-cinched.p-pf {
  color: var(--primary-inverse);
  margin-bottom: 50px;
  padding-left: 80px;
  padding-right: 80px;
}

.c-gen19sub {
  text-align: center;
  margin-bottom: 44px;
  padding-left: 50px;
  padding-right: 50px;
}

.c-gen19sub.heading2-cinched.p-pf {
  color: var(--primary-inverse);
  padding-left: 140px;
  padding-right: 140px;
  display: none;
}

.c-gen19wrap {
  grid-column-gap: 80px;
  grid-row-gap: 30px;
  flex-flow: column;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  display: flex;
}

.c-gen19wrap.p-pf {
  border-radius: 8px;
}

.c-gen19item {
  grid-column-gap: 100px;
  grid-row-gap: 100px;
  background-color: var(--color-bg-grey);
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  width: 100%;
  display: flex;
}

.c-gen19item.p-pf {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  background-color: var(--black\<deleted\|variable-a6d90001\>);
  border-radius: 8px;
  height: 320px;
  min-height: 320px;
  max-height: 320px;
  overflow: hidden;
}

.c-gen19item.p-workplace {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  background-color: #2c2c2e;
  border-radius: 2px;
  height: 340px;
  min-height: 340px;
  max-height: 340px;
  overflow: hidden;
}

.c-gen19item-left {
  flex-flow: column;
  justify-content: center;
  width: 50%;
  display: flex;
}

.c-gen19item-left.c-gen19item-left1 {
  padding: 30px;
}

.c-gen19item-left.c-gen19item-left1.p-pf {
  margin-left: 30px;
  padding-left: 30px;
  padding-right: 0;
  display: flex;
}

.c-gen19item-left.c-gen19item-left2.p-pf {
  width: 60%;
}

.c-gen19item-left.c-gen19item-left3 {
  padding: 30px;
}

.c-gen19item-left.c-gen19item-left3.p-pf {
  width: 49%;
  margin-left: 30px;
}

.c-gen19item-left.c-gen19item-left3.p-workplace {
  width: 65%;
  margin-left: 30px;
}

.c-gen19item-right {
  align-items: center;
  width: 50%;
  display: flex;
}

.c-gen19item-right.c-gen19item-right3.p-pf {
  width: 62%;
}

.c-gen19item-right.c-gen19item-right2 {
  padding: 30px;
}

.c-gen19item-right.c-gen19item-right2.p-pf {
  margin-right: 30px;
  padding-right: 0;
}

.c-gen19item-right.c-gen19item-right1.p-pf {
  border-radius: 8px;
  width: 98%;
}

.c-gen19item-image {
  width: 100%;
}

.c-gen19item-image.c-gen19item-image1.p-pf {
  object-fit: contain;
  border-radius: 0 8px 8px 0;
  width: 105%;
  max-width: 105%;
}

.c-gen19item-image.c-gen19item-image2.p-pf {
  object-fit: contain;
  border-top-left-radius: 8px;
  border-bottom-left-radius: 8px;
  width: 100%;
  height: auto;
}

.c-gen19item-image.c-gen19item-image3.p-pf {
  object-fit: contain;
  border-top-right-radius: 8px;
  border-bottom-right-radius: 8px;
}

.c-gen19item-image.c-gen19item-image3.p-workplace {
  height: 100%;
  display: none;
}

.c-gen19item-icon {
  align-self: flex-start;
  height: 60px;
}

.c-gen19item-icon.c-gen19item-icon3.p-pf, .c-gen19item-icon.c-gen19item-icon2.p-pf {
  object-fit: contain;
  height: 24px;
  margin-bottom: 8px;
}

.c-gen19item-icon.c-gen19item-icon1.p-pf {
  aspect-ratio: auto;
  object-fit: contain;
  height: 24px;
  margin-bottom: 8px;
  padding-bottom: 0;
}

.c-gen19item-head.p-pf {
  color: var(--color-heading-inverse);
  margin-bottom: 20px;
  font-size: 28px;
}

.c-gen19item-head.p-workplace {
  color: var(--color-heading-inverse);
  margin-top: 0;
}

.c-gen19item-secrethead {
  -webkit-clip-path: inset(0 0 99.9% 99.9%);
  clip-path: inset(0 0 99.9% 99.9%);
  clip: rect(1px, 1px, 1px, 1px);
  width: 1px;
  height: 1px;
  margin: 0;
  padding: 0;
  position: absolute;
}

.c-gen19action {
  margin-bottom: 0;
}

.c-gen19action-wrap {
  text-align: center;
  margin-top: 40px;
}

.c-gen16b-contain {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  max-width: 1000px;
  font-size: 14px;
  display: block;
  position: relative;
}

.c-gen16b-contain.p-pf {
  max-width: 1310px;
  padding-left: 30px;
  padding-right: 30px;
}

.c-cta7b-contain {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  max-width: 1000px;
  font-size: 14px;
  display: block;
  position: relative;
}

.c-cta7b-contain.p-pf {
  padding-left: 30px;
  padding-right: 30px;
}

.c-feat10 {
  text-align: center;
  position: relative;
}

.c-feat10.c-section-4.p-pf {
  background-color: #fff;
  padding-bottom: 60px;
  padding-left: 0;
  padding-right: 0;
}

.c-feat10bkg {
  z-index: -1;
  background-image: linear-gradient(323deg, #50e259, #1b5b6b 38%, #000);
  width: 100%;
  height: 60%;
  margin-left: -20px;
  position: absolute;
  top: 0;
}

.c-feat10bkg.p-pf {
  background-color: #000;
  background-image: none;
  margin-left: 0;
}

.c-feat10contain.p-pf {
  margin-bottom: 0;
}

.c-feat10eyebrow {
  text-align: center;
}

.c-feat10eyebrow.sh-eyebrow {
  color: var(--color-heading-inverse);
}

.c-feat10eyebrow.sh-eyebrow.p-pf {
  color: var(--color-heading);
}

.c-feat10head {
  text-align: center;
  line-height: 48px;
}

.c-feat10head.h1 {
  color: var(--color-heading-inverse);
  margin-bottom: 20px;
  padding-left: 150px;
  padding-right: 150px;
}

.c-feat10head.h1.p-pf {
  color: var(--color-heading);
}

.c-feat10sub {
  color: var(--color-text);
}

.c-feat10img-marquee {
  flex-flow: column;
  justify-content: flex-start;
  width: 100%;
  max-width: 100%;
  margin-top: 40px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.c-feat10-imgwrap {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  flex-flow: row;
  justify-content: space-around;
  align-items: center;
  min-width: 100%;
  max-width: 100%;
  margin-bottom: 0;
  padding-left: 20px;
  padding-right: 20px;
  display: flex;
}

.c-feat10image {
  object-fit: contain;
  border-radius: 4px;
  width: 100%;
  height: 100%;
  margin-left: auto;
  margin-right: auto;
  display: block;
  overflow: hidden;
}

.c-gen20 {
  font-size: 2.5rem;
  line-height: 2.75rem;
}

.c-gen20.c-section-3, .c-gen20.c-section-3.p-pf {
  background-color: var(--color-bg-grey);
}

.c-gen20contain {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  max-width: 1000px;
  font-size: 14px;
  display: block;
  position: relative;
}

.c-gen20contain.p-pf {
  padding-left: 30px;
  padding-right: 30px;
}

.c-gen20head {
  text-align: center;
  margin-bottom: 20px;
}

.c-gen20head.heading2-cinched.p-pf {
  margin-bottom: 50px;
  padding-left: 80px;
  padding-right: 80px;
}

.c-gen20contain-slider, .c-gen20contain-slider.p-pf {
  max-width: 1350px;
}

.c-gen20slide {
  flex-flow: column;
  max-width: 1350px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 120px;
  padding-right: 120px;
}

.c-gen20slide-image {
  width: 100%;
}

.c-gen20slide-image.p-pf {
  object-fit: cover;
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
  max-height: 530px;
}

.c-gen20slide-head {
  margin-top: 0;
  margin-bottom: 0;
}

.c-gen20slide-head.h4 {
  font-weight: 300;
}

.c-gen20slide-head2 {
  font-size: 16px;
  line-height: 20px;
  display: none;
}

.c-gen20slide-quote {
  margin-top: 0;
  margin-bottom: 8px;
}

.c-gen20slide-quote.h5 {
  color: var(--color-text-inverse);
}

.c-gen20slide-quote.h5.p-pf {
  padding-left: 40px;
  font-weight: 300;
}

.c-gen20slide-detail {
  color: var(--color-text-inverse);
  margin-bottom: 4px;
}

.c-gen20slide-detail.p-pf {
  margin-bottom: 8px;
  padding-right: 40px;
}

.c-gen20slide-link.icon.icon-after.more {
  display: block;
}

.c-gen20slide-link.icon.icon-after.more.p-pf {
  color: var(--color-dark-mode-green);
}

.c-gen20slide-story {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  background-color: #000;
  flex-flow: row;
  width: 100%;
  padding: 30px;
  display: flex;
}

.c-gen20slide-story.p-pf {
  border-bottom-right-radius: 8px;
  border-bottom-left-radius: 8px;
  padding: 40px 60px;
}

.c-gen20slide-storyfocus {
  background-color: #fff;
  width: 400px;
  margin-left: -100px;
  padding: 40px 50px 50px;
  font-family: SF Pro Display, sans-serif;
  position: absolute;
}

.c-gen20slide-storyfocus.p-pf {
  border-radius: 8px;
  box-shadow: 0 2px 5px #0003;
}

.c-gen20slidewrap {
  flex-flow: column;
  align-items: center;
  display: flex;
}

.c-gen20slide-storyleft.p-pf {
  border-right: 1px solid #666;
}

.c-gen20slide-top {
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  display: flex;
}

.c-feat10imgdiv {
  border-radius: 20px;
  height: auto;
  position: relative;
  overflow: visible;
  box-shadow: 2px 2px 5px #0003;
}

.c-feat10image-notetop {
  background-color: #fff;
  border-radius: 8px;
  width: 60%;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  position: absolute;
  inset: 0% auto auto 50%;
  overflow: hidden;
  transform: translate(-50%, -50%);
  box-shadow: 0 2px 13px 2px #0003;
}

.c-feat10img-noteimgwrap {
  border-radius: 0;
  width: 60px;
  height: 60px;
  display: flex;
}

.c-feat10img-noteimgwrap.c-feat10img-noteimgwrap-purple {
  background-color: #5e509a;
}

.c-feat10img-noteimgwrap.c-feat10img-noteimgwrap-blue {
  background-color: #20758a;
  overflow: hidden;
}

.c-feat10img-noteimgwrap.c-feat10img-noteimgwrap-green {
  background-color: #57aa6e;
}

.c-feat10img-noteimgwrap.c-feat10img-noteimgwrap-orange {
  background-color: #d9a926;
  overflow: hidden;
}

.c-feat10img-noteimg {
  object-fit: contain;
  width: auto;
  max-width: 60%;
  margin-left: auto;
  margin-right: auto;
}

.c-feat10img-notetext {
  color: var(--primary-inverse);
  text-align: left;
  width: 100%;
  padding: 8px 20px;
  font-family: SF Pro Text, sans-serif;
  font-size: 14px;
  font-weight: 300;
}

.c-feat10img-notetext.c-feat10img-notetext-purple {
  color: var(--color-text-inverse);
  background-color: #433c5f;
}

.c-feat10img-notetext.c-feat10img-notetext-blue {
  color: var(--color-text-inverse);
  background-color: #113a44;
}

.c-feat10img-notetext.c-feat10img-notetext-orange {
  color: var(--color-text-inverse);
  background-color: #b4880d;
}

.c-feat10img-notetext.c-feat10img-notetext-green {
  color: var(--color-text-inverse);
  background-color: #3d6d4a;
}

.c-feat10image-notebot {
  background-color: #fff;
  border-radius: 8px;
  width: 60%;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  position: absolute;
  inset: auto 0% 0% 50%;
  overflow: hidden;
  transform: translate(-50%, 50%);
  box-shadow: 0 2px 13px 2px #0003;
}

.c-gen20slide-storyfocus-icon {
  width: 40px;
  height: 40px;
  margin-bottom: 10px;
}

.c-gen19itemlink {
  text-decoration: none;
}

.b-btn4m-textblock-thin-grn-dark {
  border: 1px solid var(--color-dark-mode-green);
  border-radius: var(--button-border-radius);
  font-family: var(--font-family-text);
  color: var(--color-dark-mode-green);
  cursor: pointer;
  padding: 9px 16px;
  font-size: 16px;
  font-weight: 300;
  line-height: 24px;
  display: inline-block;
}

.b-btn4m-textblock-thin-grn-dark:hover {
  border-color: var(--color-dark-mode-hover);
  background-color: var(--color-dark-mode-hover);
  color: var(--primary-inverse);
}

.paragraph-21 {
  color: var(--primary-inverse);
}

.b-btn-4m-txtblk-thin-wht-dark {
  border: 1px solid var(--primary-inverse);
  border-radius: var(--button-border-radius);
  font-family: var(--font-family-text);
  color: var(--primary-inverse);
  cursor: pointer;
  padding: 9px 16px;
  font-size: 16px;
  font-weight: 300;
  line-height: 24px;
  display: inline-block;
}

.b-btn-4m-txtblk-thin-wht-dark:hover {
  border-color: var(--primary-inverse);
  background-color: var(--primary-inverse);
  color: var(--color-text);
}

.c-btn-3lg-thin-wht-dark {
  border: 1px solid var(--primary-inverse);
  border-radius: var(--button-border-radius);
  color: var(--primary-inverse);
  background-color: #0000;
  font-size: 20px;
  line-height: 26px;
  transition: all .2s;
}

.c-btn-3lg-thin-wht-dark:hover {
  border-color: var(--primary-inverse);
  background-color: var(--primary-inverse);
  color: var(--color-text);
}

.c-btn-3xlg-thin-wht-dark {
  border: 1px solid var(--primary-inverse);
  border-radius: var(--button-border-radius);
  color: var(--primary-inverse);
  background-color: #0000;
  font-size: 24px;
  line-height: 30px;
  transition: all .2s;
}

.c-btn-3xlg-thin-wht-dark:hover {
  border-color: var(--primary-inverse);
  background-color: var(--primary-inverse);
  color: var(--color-text);
}

.c-btn2lg-thin-grn-dark {
  border: 1px solid var(--color-dark-mode-green);
  border-radius: var(--button-border-radius);
  color: var(--color-dark-mode-green);
  -webkit-text-stroke-color: var(--color-dark-mode-green);
  background-color: #0000;
  font-size: 20px;
  line-height: 26px;
  transition: all .2s;
}

.c-btn2lg-thin-grn-dark:hover {
  border-color: var(--color-dark-mode-hover);
  background-color: var(--color-dark-mode-hover);
  color: var(--primary-inverse);
}

.c-feat10img-slide {
  flex-flow: column;
  justify-content: flex-start;
  width: 100%;
  max-width: 100%;
  margin-top: 30px;
  margin-left: auto;
  margin-right: auto;
  display: block;
}

.c-feat10imgwrap {
  height: auto;
  padding-left: 40px;
  padding-right: 40px;
  display: inline-block;
  position: relative;
  overflow: visible;
}

.c-feat10slidewrap {
  padding-top: 40px;
  padding-bottom: 30px;
}

.c-feat10img {
  object-fit: contain;
  border-radius: 4px;
  margin-bottom: 30px;
  margin-left: auto;
  margin-right: auto;
  display: block;
  overflow: hidden;
  box-shadow: 2px 2px 5px #0003;
}

.c-feat10img-notetop {
  background-color: #fff;
  border-radius: 8px;
  justify-content: flex-start;
  align-items: center;
  width: 50%;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  overflow: hidden;
  transform: translate(0);
  box-shadow: 0 2px 13px 2px #0003;
}

.c-feat10img-notetop.c-feat10img-note3 {
  background-color: #5e509a;
}

.c-feat10img-notetop.c-feat10img-note1 {
  background-color: #5e509a;
  transform: none;
}

.c-feat10img-notetop.c-feat10img-note5 {
  background-color: #d9a926;
}

.c-feat10img-notebot {
  background-color: #fff;
  border-radius: 8px;
  align-items: center;
  width: 50%;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  overflow: hidden;
  box-shadow: 0 2px 13px 2px #0003;
}

.c-feat10img-notebot.c-feat10img-note2, .c-feat10img-notebot.c-feat10img-note4 {
  background-color: #20758a;
}

.c-feat10img-notebot.c-feat10img-note6 {
  background-color: #57aa6e;
}

.c-feat10-img-notetxtwrp {
  align-self: stretch;
  width: 100%;
}

.c-feat10-img-notetxtwrp.c-feat10-img-notetxtwrp1 {
  background-color: #433c5f;
}

.c-feat10-img-notetxtwrp.c-feat10-img-notetxtwrp2 {
  background-color: #113a44;
}

.c-feat10-img-notetxtwrp.c-feat10-img-notetxtwrp6 {
  background-color: #3d6d4a;
}

.c-feat10-img-notetxtwrp.c-feat10-img-notetxtwrp5 {
  background-color: #b4880d;
}

.c-feat10-img-notetxtwrp.c-feat10-img-notetxtwrp4 {
  background-color: #113a44;
}

.c-feat10-img-notetxtwrp.c-feat10-img-notetxtwrp3 {
  background-color: #433c5f;
}

.c-feat10alt-contain.p-pf {
  margin-bottom: 50px;
}

.c-feat10alt-eyebrow {
  text-align: center;
}

.c-feat10alt-eyebrow.sh-eyebrow {
  color: var(--color-heading-inverse);
}

.c-feat10alt-eyebrow.sh-eyebrow.p-pf {
  color: var(--color-heading);
}

.c-feat10alt-head {
  text-align: center;
  line-height: 48px;
}

.c-feat10alt-head.h1 {
  color: var(--color-heading-inverse);
  margin-bottom: 20px;
  padding-left: 150px;
  padding-right: 150px;
}

.c-feat10alt-head.h1.p-pf {
  color: var(--color-heading);
}

.c-feat10alt-sub {
  color: var(--color-text);
}

.c-feat10alt {
  text-align: center;
  position: relative;
}

.c-feat10alt.c-section-4.p-pf {
  background-color: #fff;
  padding-bottom: 60px;
  padding-left: 0;
  padding-right: 0;
}

.span-green-highlight {
  color: var(--claris-primary-green);
}

.span-bold-text {
  font-weight: 700;
}

.c-int7 {
  padding-right: var(--c-section-lr-pad);
  padding-bottom: 60px;
  padding-left: var(--c-section-lr-pad);
  overflow: hidden;
}

.c-int7contain {
  max-width: 1000px;
}

.c-int7-toggle {
  color: var(--claris-primary-green);
  font-family: SF Pro Text, sans-serif;
  font-size: var(--p-font-size-desktop);
  font-weight: 300;
  line-height: 24px;
  text-decoration: underline;
  display: inline-block;
}

.c-int7-toggle.icon.icon-after.icon-chevrondown {
  cursor: pointer;
  text-decoration: none;
}

.c-int7-toggle.icon.icon-after.icon-chevronup {
  cursor: pointer;
  text-decoration: none;
  display: none;
}

.c-int7-togglewrap {
  text-align: center;
}

.c-int7-contentwrap {
  z-index: -999;
  opacity: 1;
  height: 100%;
}

.c-int7-arrowwrap {
  padding-left: 40px;
  padding-right: 10px;
  font-size: 24px;
  line-height: 24px;
  display: inline-block;
}

.c-int7-question {
  font-family: SF Pro Text, sans-serif;
  font-size: 16px;
  font-weight: 700;
  line-height: 24px;
  display: inline-block;
}

.c-gen19item-para.p-workplace {
  color: var(--primary-inverse);
  margin-bottom: 20px;
}

.workplace-sticky-banner {
  background-color: #2da0bd;
  position: sticky;
}

.workplace-sticky-banner.c-banner-nav-top {
  background-color: #000;
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 0;
  padding-bottom: 0;
}

.c-gen21 {
  background-color: var(--color-bg-grey);
  padding: 80px 20px;
}

.c-gen22.c-section-4 {
  background-color: var(--color-bg-dark);
  background-image: linear-gradient(90deg, #48484a, #2c2c2e);
  padding-top: 80px;
  padding-bottom: 80px;
}

.c-gen22-contain-dark.c-container-width.p-workplace {
  max-width: 1200px;
}

.c-gen22-wrap-dark {
  align-items: center;
  display: flex;
}

.c-gen22-left-dark {
  flex-direction: column;
  width: 34%;
  padding-left: 40px;
  padding-right: 40px;
}

.c-gen22-sectionhead-header-dark {
  color: var(--color-heading-inverse);
  margin-top: 0;
  margin-bottom: 28px;
}

.c-gen22-sectionhead-subhead-dark {
  color: var(--primary-inverse);
}

.c-gen22-sectionhead-subhead-dark.p2 {
  color: var(--color-text-inverse);
  margin-bottom: 0;
  font-size: 18px;
  line-height: 26px;
}

.c-gen22-right-dark {
  justify-content: center;
  align-items: center;
  width: 65%;
  padding-left: 20px;
}

.c-gen22-form {
  width: 100%;
  padding: 0 40px;
}

.c-gen22-formplaceholder {
  background-color: #efefef;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 400px;
  margin-top: 30px;
  display: flex;
}

.c-gen22-formplaceholder-text {
  font-size: 30px;
}

.c-gen22-form-thankyou {
  display: none;
}

.c-gen22-form-thankyou-header.h4, .c-gen22-form-thankyou-sub1 {
  color: var(--primary-inverse);
}

.c-feat11-dark.c-section-4 {
  background-color: var(--color-bg-dark);
  background-image: linear-gradient(100deg, #48484a, #2c2c2e);
  padding-bottom: 80px;
}

.c-feat11-dark-wrap {
  display: block;
}

.c-gen21-sh1 {
  text-align: center;
  padding-bottom: 60px;
  padding-left: 100px;
  padding-right: 100px;
}

.c-gen21-sh1-sub-heading.p2 {
  margin-bottom: 0;
}

.c-gen6b-btnwrap.p-hp {
  z-index: 1;
  text-align: center;
  margin-top: 30px;
  position: relative;
}

.c-int7-questionwrap {
  justify-content: space-between;
  display: flex;
}

.c-int7-collapse {
  display: none;
}

.c-int7-answerwrap {
  overflow: hidden;
}

.c-int7-answer {
  padding-right: 80px;
}

.c-int7-faqitem {
  margin-bottom: 20px;
}

.c-int7-faqtitle {
  margin-bottom: 30px;
  font-family: SF Pro Display, sans-serif;
  font-size: 24px;
  font-weight: 600;
  line-height: 28px;
  text-decoration: underline;
}

.c-int7-faqhead {
  margin-top: 40px;
  margin-bottom: 30px;
  font-family: SF Pro Display, sans-serif;
  font-size: 24px;
  font-weight: 600;
  line-height: 28px;
}

.c-button-wrap.p-integrate {
  text-align: center;
}

.code-embed {
  max-width: 1200px;
  margin-left: auto;
  margin-right: auto;
}

.c-gen19item-image4.p-workplace {
  height: 100%;
}

.c-btn2xl-thin-grn-dark {
  border: 1px solid var(--color-dark-mode-green);
  border-radius: var(--button-border-radius);
  color: var(--color-dark-mode-green);
  -webkit-text-stroke-color: var(--color-dark-mode-green);
  background-color: #0000;
  font-size: 24px;
  line-height: 30px;
  transition: all .2s;
}

.c-btn2xl-thin-grn-dark:hover {
  border-color: var(--color-dark-mode-hover);
  background-color: var(--color-dark-mode-hover);
  color: var(--primary-inverse);
}

.paragraph-23 {
  color: var(--primary-inverse);
}

.b-btn4lg-textblock-thin-grn-dark {
  border: 1px solid var(--color-dark-mode-green);
  border-radius: var(--button-border-radius);
  font-family: var(--font-family-text);
  color: var(--color-dark-mode-green);
  cursor: pointer;
  padding: 9px 16px;
  font-size: 20px;
  font-weight: 300;
  line-height: 26px;
  display: inline-block;
}

.b-btn4lg-textblock-thin-grn-dark:hover {
  border-color: var(--color-dark-mode-hover);
  background-color: var(--color-dark-mode-hover);
  color: var(--primary-inverse);
}

.b-btn4xl-textblock-thin-grn-dark {
  border: 1px solid var(--color-dark-mode-green);
  border-radius: var(--button-border-radius);
  font-family: var(--font-family-text);
  color: var(--color-dark-mode-green);
  cursor: pointer;
  padding: 9px 16px;
  font-size: 24px;
  font-weight: 300;
  line-height: 30px;
  display: inline-block;
}

.b-btn4xl-textblock-thin-grn-dark:hover {
  border-color: var(--color-dark-mode-hover);
  background-color: var(--color-dark-mode-hover);
  color: var(--primary-inverse);
}

.b-btn-4lg-txtblk-thin-wht-dark {
  border: 1px solid var(--primary-inverse);
  border-radius: var(--button-border-radius);
  font-family: var(--font-family-text);
  color: var(--primary-inverse);
  cursor: pointer;
  padding: 9px 16px;
  font-size: 20px;
  font-weight: 300;
  line-height: 26px;
  display: inline-block;
}

.b-btn-4lg-txtblk-thin-wht-dark:hover {
  border-color: var(--primary-inverse);
  background-color: var(--primary-inverse);
  color: var(--color-text);
}

.b-btn-4xl-txtblk-thin-wht-dark {
  border: 1px solid var(--primary-inverse);
  border-radius: var(--button-border-radius);
  font-family: var(--font-family-text);
  color: var(--primary-inverse);
  cursor: pointer;
  padding: 9px 16px;
  font-size: 24px;
  font-weight: 300;
  line-height: 30px;
  display: inline-block;
}

.b-btn-4xl-txtblk-thin-wht-dark:hover {
  border-color: var(--primary-inverse);
  background-color: var(--primary-inverse);
  color: var(--color-text);
}

.b-btn4xl-textblock-thin-grn-dark-5 {
  color: #4fe669;
  cursor: pointer;
  border: 1px solid #4fe669;
  border-radius: 3px;
  padding: 9px 16px;
  font-family: SF Pro Text, sans-serif;
  font-size: 24px;
  font-weight: 300;
  line-height: 30px;
  display: inline-block;
}

.b-btn4xl-textblock-thin-grn-dark-5:hover {
  color: #fff;
  background-color: #34c759;
  border-color: #34c759;
}

.c-button-thin-inline-2 {
  color: #208a3d;
  background-color: #0000;
  border: 1px solid #208a3d;
  border-radius: 3px;
  transition: all .2s;
}

.c-button-thin-inline-2:hover {
  color: #fff;
  background-color: #2da14a;
  border-color: #2da14a;
}

.image-33 {
  position: absolute;
  top: -80px;
  bottom: auto;
  left: -80px;
}

.image-34 {
  position: absolute;
  top: 300px;
  left: -130px;
}

.image-35 {
  position: absolute;
  top: 500px;
  left: -190px;
}

.image-36 {
  position: absolute;
  top: 690px;
  left: -100px;
}

.image-37 {
  position: absolute;
  inset: -40px 0% auto auto;
}

.image-38 {
  position: absolute;
  inset: 80px -150px auto auto;
}

.image-39 {
  position: absolute;
  inset: 220px -120px auto auto;
}

.image-40 {
  position: absolute;
  inset: 400px -180px auto auto;
}

.image-41 {
  position: absolute;
  inset: 590px -160px auto auto;
}

.image-42 {
  position: absolute;
  top: -80px;
  bottom: auto;
  left: -80px;
}

.image-43 {
  position: absolute;
  top: 300px;
  left: -130px;
}

.image-44 {
  position: absolute;
  top: 500px;
  left: -190px;
}

.image-45 {
  position: absolute;
  top: 690px;
  left: -100px;
}

.image-46 {
  position: absolute;
  inset: -40px 0% auto auto;
}

.image-47 {
  position: absolute;
  inset: 80px -150px auto auto;
}

.image-48 {
  position: absolute;
  inset: 220px -120px auto auto;
}

.image-49 {
  position: absolute;
  inset: 400px -180px auto auto;
}

.image-50 {
  position: absolute;
  inset: 590px -160px auto auto;
}

.image-51 {
  position: absolute;
  top: -80px;
  bottom: auto;
  left: -80px;
}

.image-52 {
  position: absolute;
  top: 80px;
  left: -180px;
}

.image-53 {
  position: absolute;
  top: 300px;
  left: -130px;
}

.image-54 {
  position: absolute;
  top: 500px;
  left: -190px;
}

.image-55 {
  position: absolute;
  top: 690px;
  left: -100px;
}

.image-56 {
  position: absolute;
  inset: -40px 0% auto auto;
}

.image-57 {
  position: absolute;
  inset: 80px -150px auto auto;
}

.image-58 {
  position: absolute;
  inset: 220px -120px auto auto;
}

.image-59 {
  position: absolute;
  inset: 400px -180px auto auto;
}

.p-workplace-feature-video {
  max-width: 900px;
  margin-bottom: 20px;
  margin-left: auto;
  margin-right: auto;
}

.div-block-86 {
  text-align: center;
}

.b-btn4xl-textblock-thin-grn-dark-6 {
  border: 1px solid var(--color-dark-mode-green);
  border-radius: var(--button-border-radius);
  color: var(--color-dark-mode-green);
  cursor: pointer;
  padding: 9px 16px;
  font-size: 24px;
  font-weight: 300;
  line-height: 30px;
  display: inline-block;
}

.b-btn4xl-textblock-thin-grn-dark-6:hover {
  border-color: var(--color-dark-mode-hover);
  background-color: var(--color-dark-mode-hover);
  color: var(--primary-inverse);
}

.b-btn4xl-textblock-thin-grn-dark-7 {
  border: 1px solid var(--color-dark-mode-green);
  border-radius: var(--button-border-radius);
  color: var(--color-dark-mode-green);
  cursor: pointer;
  padding: 9px 16px;
  font-size: 24px;
  font-weight: 300;
  line-height: 30px;
  display: inline-block;
}

.b-btn4xl-textblock-thin-grn-dark-7:hover {
  border-color: var(--color-dark-mode-hover);
  background-color: var(--color-dark-mode-hover);
  color: var(--primary-inverse);
}

.green-text.p-workplace {
  color: var(--color-dark-mode-green);
}

.bold-text-20, .bold-text-21, .banner-bold, .bold-text-22 {
  font-weight: 600;
}

.image-60 {
  max-width: 30px;
  min-height: 30px;
  margin-left: 0;
  margin-right: 20px;
}

.z-h1 {
  font-family: var(--font-family-heading);
  text-align: center;
  min-width: 0;
  max-width: 600px;
  margin-top: 0;
  margin-bottom: 20px;
  padding-bottom: 0;
  font-weight: 600;
}

.z-h2 {
  font-family: var(--font-family-heading);
  text-align: center;
  max-width: 600px;
  margin-top: 0;
  margin-bottom: 15px;
  padding-bottom: 0;
  font-size: 40px;
  font-weight: 500;
  line-height: 44px;
}

.z-h3 {
  text-align: center;
  max-width: 600px;
  margin-top: 0;
  margin-bottom: 15px;
  font-size: 32px;
  line-height: 36px;
}

.z-h4 {
  text-align: center;
  max-width: 600px;
  margin-top: 0;
  margin-bottom: 15px;
  font-size: 26px;
  line-height: 28px;
}

.heading-34-2 {
  text-align: center;
}

.z-h5 {
  font-family: var(--font-family-heading);
  text-align: center;
  margin-top: 0;
  margin-bottom: 10px;
  font-size: 24px;
  font-weight: 100;
  line-height: 28px;
}

.z-h6 {
  font-family: var(--font-family-text);
  text-align: center;
  margin-top: 0;
  margin-bottom: 10px;
  font-size: 20px;
  font-weight: 300;
  line-height: 24px;
}

.z-p1 {
  text-align: center;
  max-width: 600px;
  font-size: 21px;
  font-weight: 300;
  line-height: 27px;
}

.z-p2 {
  text-align: center;
  max-width: 600px;
  margin-bottom: 15px;
  font-size: 18px;
}

.z-p3 {
  text-align: center;
  max-width: 600px;
}

.z-p4 {
  text-align: center;
  max-width: 600px;
  font-size: 14px;
  line-height: 20px;
}

.section-12 {
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  padding-bottom: 100px;
  display: flex;
}

.section-13 {
  margin-bottom: 100px;
}

.container-12, .container-13 {
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.section-14-2, .section-15-2, .section-16 {
  padding-bottom: 100px;
}

.btn-solid-green {
  background-color: var(--claris-primary-green);
  color: var(--primary-inverse);
  border-radius: 3px;
  margin-top: 10px;
  padding: 10px 20px;
}

.btn-solid-green:hover {
  background-color: var(--color-primary-hover);
  color: var(--primary-inverse);
}

.btn-solid-green.p-security:hover {
  background-color: var(--color-dark-mode-green);
}

.container-14 {
  grid-column-gap: 25px;
  grid-row-gap: 25px;
  display: flex;
}

.z-button2 {
  color: var(--claris-primary-green);
  background-color: #3898ec00;
  border: 1px solid #228a3e;
  border-radius: 3px;
  margin-top: 10px;
  padding: 10px 20px;
}

.link-1 {
  text-decoration: none;
}

.z-p1-display {
  text-align: center;
  max-width: 600px;
  font-family: SF Pro Display, sans-serif;
  font-size: 21px;
  line-height: 27px;
}

.t1 {
  font-family: var(--font-family-heading);
  color: var(--color-heading);
  margin-top: 0;
  margin-bottom: 20px;
  padding-bottom: 0;
  font-size: 48px;
  font-weight: 500;
  line-height: 52px;
}

.t2 {
  font-family: var(--font-family-heading);
  color: var(--color-heading);
  margin-top: 0;
  margin-bottom: 15px;
  padding-bottom: 0;
  font-size: 40px;
  font-weight: 500;
  line-height: 44px;
}

.t2.txt-inverse {
  color: var(--color-text-inverse);
}

.t5 {
  font-family: var(--font-family-heading);
  color: var(--color-heading);
  margin-top: 0;
  margin-bottom: 10px;
  font-size: 24px;
  font-weight: 500;
  line-height: 28px;
}

.t6 {
  font-family: var(--font-family-heading);
  color: var(--color-heading);
  margin-top: 0;
  margin-bottom: 10px;
  font-size: 20px;
  font-weight: 500;
  line-height: 24px;
}

.t3 {
  font-family: var(--font-family-heading);
  color: var(--color-heading);
  margin-top: 0;
  margin-bottom: 15px;
  font-size: 32px;
  font-weight: 500;
  line-height: 36px;
}

.t4 {
  font-family: var(--font-family-heading);
  color: var(--color-heading);
  margin-top: 0;
  margin-bottom: 15px;
  font-size: 26px;
  font-weight: 500;
  line-height: 28px;
}

.d1 {
  font-size: 21px;
  font-weight: 300;
  line-height: 28px;
}

.d1.c-gen23-p {
  max-width: 80%;
  margin-left: auto;
  margin-right: auto;
}

.d1-display {
  text-align: center;
  font-family: SF Pro Display, sans-serif;
  font-size: 21px;
  line-height: 27px;
}

.d2 {
  margin-bottom: 15px;
  font-size: 18px;
  font-weight: 300;
}

.d3 {
  font-weight: 300;
}

.d4 {
  font-size: 14px;
  font-weight: 300;
  line-height: 20px;
}

.t-eyebrow {
  font-family: var(--font-family-heading);
  margin-top: 0;
  margin-bottom: 10px;
  font-size: 24px;
  font-weight: 100;
  line-height: 28px;
}

.btn-outline-green {
  color: var(--claris-primary-green);
  background-color: #3898ec00;
  border: 1px solid #228a3e;
  border-radius: 3px;
  margin-top: 10px;
  margin-left: auto;
  padding: 10px 20px;
}

.btn-outline-green.btn-secondary {
  margin-left: 20px;
}

.section {
  text-align: center;
  padding-top: 60px;
  padding-bottom: 60px;
}

.paragraph-18-2 {
  text-align: center;
}

.sg-container {
  padding-top: 40px;
}

.div-block-85-2 {
  grid-column-gap: 80px;
  grid-row-gap: 80px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: flex;
  position: static;
}

.txt-bold {
  color: var(--color-heading);
  font-weight: 700;
}

.d1-txt-link {
  text-align: center;
  font-size: 21px;
  font-weight: 300;
  line-height: 28px;
}

.da {
  text-decoration: none;
}

.bg-dark {
  background-color: var(--color-bg-dark);
}

.txt-inverse {
  color: var(--color-text-inverse);
}

.a-inverse {
  color: var(--color-dark-mode-green);
}

.a-inverse:hover {
  color: var(--color-dark-mode-hover);
}

.c-button-copy {
  border: 1px solid var(--claris-primary-green);
  border-radius: var(--button-border-radius);
  background-color: var(--claris-primary-green);
  color: var(--primary-inverse);
  text-align: center;
  transition: all .2s;
  display: inline;
}

.c-button-copy:hover {
  border-color: var(--color-primary-hover);
  background-color: var(--color-primary-hover);
  color: var(--primary-inverse);
}

.c-button-copy.c-thin {
  border: 1px solid var(--claris-primary-green);
  color: var(--claris-primary-green);
  background-color: #0000;
}

.c-button-copy.c-thin:hover {
  border-color: var(--claris-primary-green);
  background-color: var(--claris-primary-green);
  color: var(--primary-inverse);
  -webkit-text-stroke-color: var(--color-primary-hover);
}

.c-button-copy.c-thin.c-dark-alt {
  border-color: var(--color-dark-alt-1);
  color: var(--color-dark-alt-1);
}

.c-button-copy.c-thin.c-dark-alt:hover {
  -webkit-text-stroke-color: var(--color-dark-alt-1);
}

.c-button-copy.c-thin.c-light {
  border-color: var(--primary-inverse);
  color: var(--primary-inverse);
  display: inline;
}

.c-button-copy.c-thin.c-light:hover {
  border-color: var(--primary-inverse);
  background-color: var(--primary-inverse);
  color: var(--color-dark-alt-1);
}

.c-button-copy.c-thin.c-light.p-integration {
  flex: 0 auto;
}

.c-button-copy.c-thin.c-boxy {
  border-radius: 0;
}

.c-button-copy.c-thin.c-green-alt {
  border-color: var(--color-dark-mode-green);
  color: var(--color-dark-mode-green);
}

.c-button-copy.c-thin.c-green-alt:hover {
  border-color: var(--color-dark-mode-hover);
  background-color: var(--color-dark-mode-hover);
  color: var(--primary-inverse);
}

.c-button-copy.c-thin.p-hp {
  display: inline-block;
}

.c-button-copy.c-dark-alt {
  border: 1px solid var(--color-dark-alt-1);
}

.c-button-copy.c-dark-alt:hover {
  background-color: var(--color-dark-alt-1);
  color: var(--primary-inverse);
}

.c-button-copy.c-button-thin.c-thin.c-light-alt.c-cta-6-button {
  margin-top: 20px;
  display: inline-block;
}

.c-button-thin-copy {
  border: 1px solid var(--claris-primary-green);
  border-radius: var(--button-border-radius);
  background-color: var(--claris-primary-green);
  color: var(--primary-inverse);
  transition: all .2s;
}

.c-button-thin-copy:hover {
  border-color: var(--color-primary-hover);
  background-color: var(--color-primary-hover);
  color: var(--primary-inverse);
}

.c-button-thin-copy.c-thin {
  border: 1px solid var(--claris-primary-green);
  color: var(--claris-primary-green);
  background-color: #0000;
}

.c-button-thin-copy.c-thin:hover {
  border-color: var(--claris-primary-green);
  background-color: var(--claris-primary-green);
  color: var(--primary-inverse);
  -webkit-text-stroke-color: var(--color-primary-hover);
}

.c-button-thin-copy.c-thin.c-light-alt {
  border-color: var(--primary-inverse);
  color: var(--primary-inverse);
}

.c-button-thin-copy.c-thin.c-light-alt:hover {
  border-color: var(--primary-inverse);
  background-color: var(--primary-inverse);
  color: var(--color-dark-alt-1);
}

.link-5 {
  font-family: var(--font-family-heading);
  color: var(--color-heading);
  font-size: var(--h4-font-size-desktop);
  font-weight: 500;
  line-height: 32px;
}

.c-gen23 {
  text-align: center;
  background-color: #2a2c52;
  padding-top: 60px;
  padding-bottom: 60px;
}

.c-gen23-container-width {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  max-width: 1000px;
  font-size: 14px;
  display: block;
  position: relative;
}

.c-gen23-container-width.c-container-centered {
  text-align: center;
}

.c-gen23-container-width.cs-container-even-more {
  text-align: center;
  max-width: 1250px;
}

.c-gen23-container-width.c-general-6-container {
  align-self: center;
  max-width: 900px;
  padding-left: 90px;
  padding-right: 90px;
}

.c-gen23-container-width.hp-claris-partners {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  text-align: center;
  grid-template-rows: auto auto;
  grid-template-columns: .5fr .5fr;
  grid-auto-columns: 1fr;
  font-size: 0;
  display: block;
}

.c-gen23-container-width.feature-graphic-container {
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  max-width: 800px;
  height: 100%;
  display: flex;
}

.c-gen23-container-width.get-fm-wide {
  max-width: 1400px;
}

.c-gen23-container-width.p-pf {
  max-width: 1310px;
  padding-left: 30px;
  padding-right: 30px;
}

.c-gen23-container-width.c-gen19.p-workplace {
  max-width: 800px;
  margin-top: 80px;
}

.c-gen23-container-width.p-security {
  flex-flow: row;
  justify-content: center;
  align-items: center;
  display: block;
}

.c-gen23-img {
  max-width: 150px;
  margin-bottom: 20px;
}

.c-gen23-img.p-security {
  align-self: center;
}

.paragraph-24, .c-gen23-p {
  color: var(--color-text-inverse);
}

.image-61 {
  position: static;
}

.security-featuregraphic {
  display: none;
}

.c-gen23-content {
  margin-left: 10px;
}

.code-embed-2 {
  display: block;
}

.italic-text {
  color: var(--color-text);
}

.c-form1-thankyou {
  display: none;
}

@media screen and (max-width: 991px) {
  h1 {
    font-size: var(--h1-font-size-tablet);
    line-height: var(--h1-line-height-tablet);
  }

  h2 {
    font-size: var(--h2-font-size-tablet);
    line-height: var(--h2-line-height-tablet);
  }

  h3 {
    font-size: var(--h3-font-size-tablet);
    line-height: 32px;
  }

  h4 {
    font-size: var(--h4-font-size-tablet);
    line-height: 28px;
  }

  h5 {
    font-size: var(--h5-font-size-tablet);
    line-height: 28px;
  }

  h6 {
    font-size: var(--h6-font-size-tablet);
    line-height: 28px;
  }

  p {
    font-size: 16px;
    line-height: 24px;
  }

  .container-2 {
    padding-left: 10%;
    padding-right: 10%;
  }

  .div-block {
    grid-column-gap: 20px;
  }

  .c-res4-textwrap {
    max-width: 80%;
    max-height: 100%;
    padding: 50px 0;
  }

  .c-res4-textwrap.c-res4-textwrapleft {
    max-width: 80%;
    padding-left: 0;
    padding-right: 0;
  }

  .c-res4-image-left {
    width: 100%;
  }

  .cs-container-full-wdith {
    flex-direction: column;
    align-items: center;
  }

  .cs-container-full-wdith.cs-gen-section-1 {
    flex-direction: column;
  }

  .c-container-width {
    max-width: 90%;
  }

  .c-container-width.cs-container-even-more {
    text-align: center;
    padding-left: 30px;
    padding-right: 30px;
  }

  .c-container-width.c-general-6-container {
    max-width: 1000px;
    padding: 60px 100px;
  }

  .c-container-width.feature-graphic-container {
    max-width: 80%;
    overflow: visible;
  }

  .image-5 {
    min-width: 0;
    min-height: 0;
    max-height: 500px;
    position: static;
  }

  .div-block-28 {
    text-align: center;
    margin-top: 60px;
    padding-left: 0;
  }

  .div-block-30 {
    flex: 0 auto;
    min-width: 90%;
    max-width: 90%;
    min-height: 0;
    position: static;
  }

  .div-block-31 {
    grid-template-columns: 1fr 1fr;
  }

  .c-feature-1-image-group {
    grid-template-columns: 1fr 1fr 1fr;
    grid-template-areas: "Area-9 Area-9 Area-4"
                         "Area-8 Area-7 Area-7";
  }

  .h4, .h6 {
    font-size: 24px;
    line-height: 28px;
  }

  .h6.award-winner {
    font-size: 20px;
    line-height: 24px;
  }

  .image-7 {
    padding-left: 1px;
  }

  .image-9, .image-10 {
    display: none;
  }

  .cs-gen-3-circle-grid {
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
  }

  .div-block-39 {
    grid-template: "Area"
                   "Area"
                   "Area-2"
                   "Area-3"
                   / 1fr;
  }

  .c-bb-sh1 {
    padding-left: 40px;
    padding-right: 40px;
  }

  .cs-section-more-info {
    padding-left: 60px;
    padding-right: 60px;
  }

  .div-block-42 {
    padding-left: 140px;
    padding-right: 140px;
  }

  .div-block-43 {
    grid-template-rows: auto auto;
    grid-template-columns: 1fr;
  }

  .div-block-44 {
    text-align: center;
    margin-top: 50px;
    padding-left: 0;
  }

  .c-interactive-1-slider {
    height: 360px;
  }

  .c-interactive-1-slide-text {
    display: block;
  }

  .c-interactive-1-slide-block {
    height: 100%;
    padding-left: 30px;
    padding-right: 30px;
    display: block;
  }

  .c-interactive-1 {
    padding-top: 30px;
    padding-bottom: 30px;
  }

  .h3 {
    font-size: var(--h3-font-size-tablet);
    line-height: 32px;
  }

  .h2 {
    font-size: 32px;
    line-height: 36px;
  }

  .h1 {
    font-size: 40px;
    line-height: 44px;
  }

  .h5 {
    font-size: 24px;
    line-height: 28px;
  }

  .c-cta-7-double-panel {
    padding-top: var(--section-3-tablet);
    padding-bottom: var(--section-3-tablet);
  }

  .c-section-3 {
    padding-top: 60px;
    padding-bottom: 60px;
  }

  .c-feature-4-main-heading.h1 {
    padding-left: 60px;
    padding-right: 60px;
  }

  .c-feature-4-subhead {
    width: 45%;
    margin-left: auto;
    margin-right: auto;
    padding-left: 0;
    padding-right: 0;
  }

  .c-feature-4-main-image {
    max-width: 100%;
  }

  .c-interactive-2.c-section-2 {
    margin-top: auto;
    margin-bottom: auto;
    padding-top: 60px;
    padding-bottom: 60px;
  }

  .c-interactive-2-quote-wrapper {
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
  }

  .c-slider-2 {
    height: 220px;
  }

  .div-block-63 {
    width: 100%;
  }

  .div-block-64 {
    text-align: center;
    width: 100%;
    padding-right: 0;
  }

  .div-block-65 {
    flex-direction: column;
  }

  .c-general-6 {
    flex-direction: column;
    align-items: center;
  }

  .c-general-6-text {
    padding-left: 0;
    padding-right: 0;
  }

  .c-general-6-image-left-container {
    background-size: cover;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    width: 100%;
    height: 400px;
    margin-right: 0;
    display: none;
  }

  .c-general-6-image-right-container {
    display: none;
  }

  .image-20 {
    display: block;
  }

  .c-section-2 {
    padding-top: 40px;
    padding-bottom: 40px;
  }

  .c-section-1 {
    padding-top: 20px;
    padding-bottom: 20px;
  }

  .c-section-heading-1-inverse-sub-heading {
    width: 90%;
    font-size: 18px;
    line-height: 24px;
  }

  .c-section-heading-1-inverse-sub-heading.get-fm {
    padding-left: 20px;
    padding-right: 20px;
  }

  .c-section-4 {
    padding-top: 70px;
    padding-bottom: 70px;
  }

  .c-bb-sh1-main-heading.p-workplace {
    font-size: var(--h2-font-size-tablet);
    line-height: var(--h2-font-size-tablet);
  }

  .c-chasm {
    margin-bottom: 45px;
  }

  .c-bb-sh0 {
    padding-left: 40px;
    padding-right: 40px;
  }

  .c-res4b-image-right {
    width: 100%;
  }

  .c-cs-resource-section-text-block {
    max-width: 80%;
    max-height: 100%;
    padding: 50px 0 50px 0%;
  }

  .cs-container-full-wdith-right-justify {
    flex-direction: column;
    align-items: center;
  }

  .c-cs-cta-image-left-mini-head1-text {
    aspect-ratio: auto;
    word-break: normal;
    overflow-wrap: normal;
  }

  .c-cs-cta-image-left-image {
    width: 100%;
  }

  .c-gen-7-subhead.subheading2 {
    padding-left: 60px;
    padding-right: 60px;
  }

  .c-gen-7-grid-block {
    grid-column-gap: 8px;
    grid-row-gap: 8px;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr 1fr;
    grid-auto-flow: column;
  }

  .c-gen-7-panel {
    padding-left: 16px;
    padding-right: 16px;
  }

  .c-gen-7-panel-heading.h5 {
    font-size: 19px;
    line-height: 24px;
  }

  .c-gen-7-panel-text {
    margin-bottom: 20px;
    font-size: 14px;
    line-height: 20px;
  }

  .c-gen-7-panel-link.c-link-inverse.icon.icon-after.more {
    font-size: 14px;
  }

  .c-gen-8-panel-heading-eye.h4 {
    text-align: center;
  }

  .c-gen-8-heading {
    text-align: center;
    padding-right: 0;
  }

  .c-gen-8-heading.heading2 {
    margin-bottom: 40px;
    padding-right: 0;
  }

  .c-gen-8-panel {
    flex-direction: column;
    display: block;
  }

  .c-gen-8-panel-image-wrap {
    max-width: 100%;
    padding-top: 0;
  }

  .c-gen-8-panel-list-item.icon.icon-before.icon-checkcircle.p3 {
    display: inline-block;
  }

  .c-interactive-3-button {
    padding-left: 40px;
    padding-right: 40px;
    font-size: 18px;
  }

  .c-interactive-3-button.w--current {
    padding-left: 40px;
    padding-right: 40px;
  }

  .tabs-menu {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    flex-wrap: wrap;
    justify-content: center;
    width: auto;
    padding-left: 0;
    padding-right: 0;
  }

  .c-interactive-3b-tab-container {
    min-height: 600px;
  }

  .c-interactive-2-name-title.p4 {
    text-align: left;
  }

  .c-gen-8-panel-image {
    object-fit: cover;
    object-position: 50% 50%;
    min-width: 100%;
    min-height: 300%;
    max-height: 400px;
  }

  .c-gen-8-panel-image.panel-1-image {
    object-fit: contain;
  }

  .c-interactive-3-heading.h1 {
    padding-left: 0;
    padding-right: 0;
  }

  .c-banner-1-heading-link.p2.icon.icon-after.more {
    font-size: 18px;
  }

  .c-gen-7-emojis {
    display: none;
  }

  .text-block-12 {
    font-size: 20px;
  }

  .c-feature-4-quote.p3.c-blockquote-endonly {
    padding-bottom: 0;
    padding-left: 30px;
  }

  .c-interactive-3-tab-sidebyside {
    flex-direction: column;
    justify-content: space-between;
    min-height: 0;
  }

  .c-interactive-3-tab-col.c-interactive-3-tab-col-right {
    width: 100%;
  }

  .c-interactive-3-tab-col.c-interactive-3-tab-col-left {
    width: 100%;
    margin-top: 40px;
    padding-left: 20px;
    padding-right: 20px;
  }

  .c-interactive-3-image-sidebyside.c-interactive-3-image-sidebyside-1, .c-interactive-3-image-sidebyside.c-interactive-3-image-sidebyside-2, .c-interactive-3-image-sidebyside.c-interactive-3-image-sidebyside-3, .c-interactive-3-image-sidebyside.c-interactive-3-image-sidebyside-4 {
    min-width: 0;
    position: static;
    transform: translate(0);
  }

  .c-interactive-3-heading-sideby-side {
    text-align: center;
    margin-bottom: 8px;
  }

  .c-interactive-3-heading-sideby-side.c-interactive-3-heading-sideby-side-4 {
    padding-left: 100px;
    padding-right: 100px;
  }

  .c-interactive-3-subhead-sidebyside {
    text-align: center;
    font-size: 14px;
  }

  .c-gen-5b-left-col-wrap {
    padding-right: 0;
  }

  .c-gen-5b-detail-panel-description-copy.p2 {
    padding-left: 0;
  }

  .c-general-6b {
    background-color: #0000;
    flex-direction: column;
    align-items: center;
  }

  .c-gen-5b-wrapper {
    text-align: center;
    flex-direction: column;
    align-items: center;
  }

  .c-feature-4-image-wrap {
    max-width: 90%;
  }

  .c-feature-4-quote-box {
    width: 600px;
    margin-bottom: 0;
    position: absolute;
    inset: auto -4% -12% auto;
  }

  .c-general-6b-image-container {
    background-size: cover;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    width: 100%;
    height: 400px;
    margin-right: 0;
    display: none;
  }

  .c-general-6b-container-width.c-container-width {
    margin-top: 60px;
    margin-bottom: 0;
  }

  .div-block-80 {
    text-align: center;
  }

  .c-feature-4-quote-box-quote-container {
    flex-direction: row;
    display: flex;
  }

  .c-interactive-3-heading-sideby-side-cinched {
    text-align: center;
  }

  .c-interactive-3-heading-sideby-side-cinched.c-interactive-3-heading-sideby-side-2 {
    padding-right: 0;
  }

  .c-gen-5b-detail-panel-description-alt.p2 {
    padding-left: 0;
    padding-right: 0;
  }

  .div-block-80-alt {
    text-align: center;
  }

  .text-block-13, .text-block-14, .text-block-15 {
    font-size: 20px;
  }

  .heading2 {
    font-size: 36px;
    line-height: 38px;
  }

  .subheading2 {
    font-size: 16px;
    line-height: 24px;
  }

  .growth-partner-box {
    width: 48%;
  }

  .img-margin-bot-24.img-gpoty {
    width: 80%;
  }

  .img-margin-bot-24.img-tg-epoty {
    width: 65%;
  }

  .award-winners-boxes {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
  }

  .award-winner-box {
    width: 48%;
  }

  .award-winner-box.gpoy-award-winner-box {
    width: 80%;
  }

  .feature-graphic-awards {
    background-image: linear-gradient(to bottom, null, null);
    margin-right: auto;
    overflow: hidden;
  }

  .awards-feature-graphic-heading.awaards-feature-graphic-heading-mobile {
    display: none;
  }

  .awards-feature-graphic-heading.awards-feature-graphic-heading-nonmoibile {
    margin-top: auto;
    left: 22px;
  }

  .c-feature4-container-image {
    max-width: 100%;
    padding-bottom: 50px;
  }

  .feature-graphic-image {
    left: 100px;
    overflow: visible;
  }

  .c-interactive-3b-button {
    padding-left: 40px;
    padding-right: 40px;
    font-size: 18px;
  }

  .c-interactive-3b-button.w--current {
    padding-left: 40px;
    padding-right: 40px;
  }

  .c-interactive-3b-heading.h1, .c-interactive-3b-description {
    padding-left: 0;
    padding-right: 0;
  }

  .c-feat5-container-image {
    max-width: 100%;
    padding-bottom: 50px;
  }

  .c-feat5-image-wrap {
    max-width: 90%;
  }

  .c-feat5-main-image {
    max-width: 100%;
  }

  .c-feat5-logo {
    width: 600px;
    margin-bottom: 0;
    position: absolute;
    inset: auto -4% -12% auto;
  }

  .c-feature-5-main-heading.h1 {
    padding-left: 60px;
    padding-right: 60px;
  }

  .c-gen12-subhead {
    padding-left: 50px;
    padding-right: 50px;
  }

  .c-gen12-panel {
    padding: 30px;
  }

  .c-gen12-panel.c-gen-12-panel-full.p-fm {
    grid-column-gap: 30px;
    grid-row-gap: 30px;
  }

  .c-gen12-panel-header, .c-gen12-panel-header.g-heading4.c-gen12-panel-header1, .c-gen12-panel-header.g-heading4.c-gen12-panel-header2, .c-gen12-panel-header.g-heading4.c-gen12-panel-header6, .c-gen12-panel-desc.c-gen12-panel-desc6 {
    padding-right: 0;
  }

  .c-gen12-panel-image1.fm-features-img1.p-fm {
    width: 100%;
    max-width: 100%;
  }

  .c-gen12-panel-image2.p-fm {
    width: 100%;
  }

  .c-gen12-panel-image4 {
    width: 100%;
    max-width: 100%;
    top: 20px;
    bottom: -20px;
  }

  .c-gen12-panel-image4.p-fm {
    width: 120%;
    max-width: 125%;
    left: -25px;
    right: 0;
  }

  .c-gen13-panelwrapper {
    flex-flow: column;
  }

  .c-gen13-panel {
    width: 100%;
  }

  .c-gen17-wrap {
    text-align: center;
    flex-flow: column;
  }

  .c-gen17-tail-details {
    width: 100%;
    margin-top: 40px;
    margin-bottom: 0;
    padding-right: 0;
  }

  .c-gen17-imagewrap {
    order: -1;
    margin-bottom: 40px;
  }

  .c-gen14-container {
    flex-direction: column;
    width: 90%;
  }

  .c-gen14-sectionheader {
    align-self: auto;
    align-items: flex-start;
    width: 100%;
    margin-bottom: 40px;
  }

  .c-gen14-header.h3 {
    text-align: left;
    margin-bottom: 0;
    padding-right: 60px;
  }

  .c-gen14-details {
    width: 100%;
  }

  .c-gen9-panel {
    flex-direction: column;
    display: block;
  }

  .c-feat6-wrap {
    flex-direction: column;
  }

  .c-feat6-left {
    width: 100%;
    padding-bottom: 40px;
    padding-right: 0;
  }

  .c-feat6-right {
    width: 100%;
    padding-left: 0;
  }

  .c-accordion-heading.get-fm {
    line-height: 25px;
  }

  .c-gen14-image {
    margin-bottom: 20px;
  }

  .cs-container-full-width-right-justify-dark {
    flex-direction: column;
    align-items: center;
  }

  .c-gen-7-heading-alt.heading2 {
    padding-left: 0;
    padding-right: 0;
  }

  .c-gen-7-panel-alt {
    padding-left: 16px;
    padding-right: 16px;
  }

  .c-gen-7-panel-alt.c-gen-7-panel-3-alt, .c-gen-7-panel-alt.c-gen-7-panel-4-alt, .c-gen-7-panel-alt.c-gen-7-panel-5-alt, .c-gen-7-panel-alt.c-gen-7-panel-6-alt {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    justify-content: space-between;
  }

  .c-gen-7-panel-heading-alt.h5 {
    font-size: 19px;
    line-height: 24px;
  }

  .c-gen-7-panel-text-alt {
    margin-bottom: 20px;
    font-size: 14px;
    line-height: 20px;
  }

  .c-feat6-form-header.h4 {
    padding-left: 0;
    padding-right: 60px;
  }

  .c-feat6-form-subhead {
    margin-bottom: 20px;
  }

  .c-ban3-container-width.c-container-width {
    padding-top: 0;
  }

  .c-banner-4-heading-link.p2.icon.icon-after.more {
    text-align: center;
    padding: 20px 40px 20px 10px;
    font-size: 18px;
    line-height: 24px;
  }

  .c-feat6-wrap-alt {
    flex-direction: column;
  }

  .c-feat6-left-alt {
    width: 100%;
    padding-bottom: 40px;
    padding-right: 0;
  }

  .c-feat6-right-alt {
    width: 100%;
    padding-left: 0;
  }

  .c-feat6-form-header-alt.h4 {
    padding-left: 0;
    padding-right: 60px;
  }

  .c-feat6-form-subhead-alt {
    margin-bottom: 20px;
  }

  .c-general-6c {
    background-color: #0000;
    flex-direction: column;
    align-items: center;
  }

  .c-general-6c-container-width.c-container-width {
    width: 90%;
    margin-top: 0;
    margin-bottom: 0;
  }

  .c-gen-7-panel-text-alt-nolink {
    margin-bottom: 20px;
    font-size: 14px;
    line-height: 20px;
  }

  .c-gen-7-subhead-alt2.subheading2 {
    padding-left: 60px;
    padding-right: 60px;
  }

  .c-gen-7-grid-block-alt2 {
    grid-column-gap: 8px;
    grid-row-gap: 8px;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-flow: column;
  }

  .c-gen-7-panel-alt2 {
    padding-left: 16px;
    padding-right: 16px;
  }

  .c-gen-7-grid-block-alt {
    grid-column-gap: 8px;
    grid-row-gap: 8px;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr 1fr;
    grid-auto-flow: column;
  }

  .resource-image-left-text-right-alt {
    max-width: 80%;
    max-height: 100%;
    padding-top: 50px;
    padding-bottom: 50px;
    padding-left: 0%;
  }

  .resource-image-left-image-alt {
    width: 100%;
  }

  .c-cs-res-contain-fullwdith {
    flex-direction: column;
    align-items: center;
  }

  .c-cs-res-sectiontext {
    max-width: 80%;
    max-height: 100%;
    padding: 50px 0 50px 0%;
  }

  .c-cs-res-image {
    width: 100%;
  }

  .c-cs-res-contain-fullwdith-dark {
    flex-direction: column;
    align-items: center;
  }

  .c-cs-res-sectiontext-dark {
    max-width: 80%;
    max-height: 100%;
    padding: 50px 0 50px 0%;
  }

  .c-cs-res-image-dark {
    width: 100%;
  }

  .c-feat7-wrap {
    flex-direction: column;
  }

  .c-feat7-left {
    width: 100%;
    padding-bottom: 40px;
    padding-right: 0;
  }

  .c-feat7-right {
    width: 100%;
    padding-left: 0;
  }

  .c-feat7-form-header.h4 {
    padding-left: 0;
    padding-right: 60px;
  }

  .c-feat7-form-subhead {
    margin-bottom: 20px;
  }

  .c-feat7-dark.c-section-4 {
    background-image: linear-gradient(90deg, #2b74bc, #050f18);
    background-position: 0 0;
    background-repeat: repeat;
    background-size: auto;
    background-attachment: scroll;
    margin-top: 48px;
  }

  .c-feat7-dark.c-section-4.p-security {
    background-image: linear-gradient(0deg, #2b74bc, #050f18);
    background-position: 0 0;
    background-repeat: repeat;
    background-size: auto;
    background-attachment: scroll;
    margin-top: 48px;
    padding: 0 0 60px;
    display: block;
  }

  .c-feat7-contain-dark.c-container-width {
    padding-left: 20px;
    padding-right: 20px;
  }

  .c-feat7-wrap-dark {
    flex-direction: column;
  }

  .c-feat7-left-dark {
    width: 100%;
    padding-bottom: 40px;
    padding-right: 0;
  }

  .c-feat7-right-dark {
    width: 100%;
    padding-left: 0;
  }

  .c-gen14-alt-container {
    flex-direction: column;
    width: 90%;
  }

  .c-gen14-alt-sectionheader {
    align-self: auto;
    align-items: flex-start;
    width: 100%;
    margin-bottom: 40px;
    padding-right: 0;
  }

  .c-gen14-alt-header.h3 {
    text-align: left;
    padding-right: 60px;
  }

  .c-gen14-alt-header.h3.c-gen14-alt-header-marginbot.get-fm {
    padding-right: 40px;
  }

  .c-gen14-alt-details {
    width: 100%;
  }

  .c-gen15-alt-grid {
    grid-template-rows: auto auto auto;
    grid-template-columns: 1fr;
  }

  .c-gen16-wrap {
    grid-column-gap: 20px;
  }

  .c-gen16-item-head.h4 {
    padding-left: 0;
    padding-right: 0;
  }

  .c-bq4.c-section-3.fm-page {
    padding-left: 40px;
    padding-right: 40px;
  }

  .c-bq4-quote.p-workplace-bq2 {
    width: 100%;
  }

  .c-gen17 {
    padding-top: 80px;
    padding-bottom: 80px;
  }

  .c-gen17-detail {
    padding-right: 0;
  }

  .c-gen12-panel-left.p-fm {
    padding-top: 50px;
  }

  .c-gen12-panel-rightimage.p-fm {
    object-fit: contain;
    width: 70%;
  }

  .c-cta7b-panel-top {
    padding-left: 30px;
    padding-right: 30px;
  }

  .c-cta7b-panel-top.p-fm {
    border-radius: 0;
  }

  .c-cta7b-panel {
    background-color: #fff;
    flex-flow: column;
  }

  .c-cta7b-panel-bottom {
    padding: 30px;
  }

  .c-cta7b-image.p-fm {
    width: 60px;
  }

  .c-gen14x-container {
    flex-direction: column;
    width: 90%;
  }

  .c-gen14x-sectionheader {
    align-self: auto;
    align-items: flex-start;
    width: 100%;
    margin-bottom: 40px;
  }

  .c-gen14x-details {
    width: 100%;
  }

  .c-cta9-container {
    flex-direction: column;
    align-items: center;
  }

  .c-cta9-textwrap {
    max-width: 80%;
    max-height: 100%;
    padding-top: 50px;
    padding-bottom: 50px;
    padding-left: 0%;
  }

  .c-cta9-textwrap.c-cta9-textwrapleft {
    padding-right: 0;
  }

  .c-res9-image-right, .c-cta10-image-left {
    width: 100%;
  }

  .c-cta10-textwrap {
    max-width: 80%;
    max-height: 100%;
    padding: 50px 0 50px 0%;
  }

  .c-gen18 {
    position: relative;
  }

  .c-gen18-imagewarp {
    width: 100%;
  }

  .c-gen18-full-width {
    flex-direction: column;
    align-items: center;
  }

  .c-gen18-background {
    height: 100%;
    position: absolute;
  }

  .c-gen18-background.p-fm {
    height: 80%;
  }

  .c-gen18-containerwidth {
    max-width: 90%;
    padding-top: 60px;
  }

  .c-gen14-alt-paragraph.get-fm {
    padding-right: 0;
  }

  .c-feat5x-container-image {
    max-width: 100%;
    padding-bottom: 50px;
  }

  .c-feat5x-image-wrap {
    max-width: 90%;
  }

  .c-feat5x-main-heading.h1 {
    padding-left: 60px;
    padding-right: 60px;
  }

  .c-feat5x-main-image {
    max-width: 100%;
  }

  .c-gen15-alt-container-width {
    max-width: 90%;
  }

  .c-form1-wrap {
    flex-direction: column;
  }

  .c-form1-first {
    width: 100%;
    padding-bottom: 40px;
    padding-right: 0;
  }

  .c-form1-second {
    width: 100%;
    padding-left: 0;
  }

  .c-form1-form-header.h4 {
    padding-left: 0;
    padding-right: 60px;
  }

  .c-form1-form-subhead {
    margin-bottom: 20px;
  }

  .c-feat8.c-container-width {
    padding-left: 50px;
    padding-right: 50px;
  }

  .c-footnote.c-section-3 {
    padding-left: 0;
    padding-right: 0;
  }

  .c-container-width-footnote {
    max-width: 90%;
  }

  .c-gen7c-subhead.subheading2 {
    padding-left: 60px;
    padding-right: 60px;
  }

  .c-gen7c-grid {
    grid-column-gap: 8px;
    grid-row-gap: 8px;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-flow: column;
  }

  .c-gen-7c-panel {
    padding-left: 16px;
    padding-right: 16px;
  }

  .c-gen7c-panel-head.h5 {
    font-size: 19px;
    line-height: 24px;
  }

  .c-gen7c-panel-text {
    margin-bottom: 20px;
    font-size: 14px;
    line-height: 20px;
  }

  .c-gen16-container-width {
    max-width: 90%;
  }

  .c-gen16-grid-block {
    grid-column-gap: 8px;
    grid-row-gap: 8px;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-flow: column;
  }

  .c-gen16-panel-alt {
    padding-left: 16px;
    padding-right: 16px;
  }

  .c-gen16-panel-text-alt {
    margin-bottom: 0;
    font-size: 14px;
    line-height: 20px;
  }

  .c-gen17-singleimage {
    width: 50%;
    max-width: 100%;
    margin-left: auto;
    margin-right: auto;
    position: static;
  }

  .c-gen-12-panel-pad {
    height: 130px;
  }

  .c-gen-12-panel-pad.c-gen12-panel-pad1 {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    flex-flow: row;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    height: 220px;
    display: block;
  }

  .c-gen-12-panel-pad.c-gen12-panel-pad1.p-fm {
    margin-bottom: 20px;
    padding-left: 20px;
    padding-right: 20px;
  }

  .c-gen12-panel-top {
    padding-top: 30px;
    padding-left: 30px;
    padding-right: 30px;
  }

  .c-gen17-imagewrap-single {
    order: -1;
    width: 100%;
    min-height: 300px;
  }

  .heading2-cinched {
    padding-left: 60px;
    padding-right: 60px;
  }

  .c-gen14x-image {
    margin-bottom: 20px;
  }

  .c-gen-7-flex-block {
    grid-column-gap: 8px;
    grid-row-gap: 8px;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr 1fr;
    grid-auto-flow: column;
  }

  .get-fm-sticky-banner.c-banner-nav-top {
    padding-left: 0;
    padding-right: 0;
  }

  .c-cta-7-triple-panel-grid {
    grid-template-columns: 1fr;
  }

  .c-gen19-grid {
    flex-direction: column;
  }

  .c-gen19-column {
    width: 90%;
    margin-left: auto;
    margin-right: auto;
    padding-left: 0;
  }

  .c-gen19-copy-wrap {
    flex-direction: column;
    height: auto;
  }

  .c-gen19-img-tablet-down {
    display: block;
  }

  .c-gen19-img {
    position: relative;
    inset: auto;
  }

  .c-gen19-copy {
    margin-top: 0;
    margin-bottom: 5em;
    padding-right: 0%;
  }

  .c-gen19-img-wrap {
    display: none;
  }

  .c-gen-7-flex-panel {
    width: 48%;
    padding-left: 16px;
    padding-right: 16px;
  }

  .c-gen-7-flex-panel-text {
    margin-bottom: 20px;
    font-size: 14px;
    line-height: 20px;
  }

  .security-campaign-sticky-banner.security-campaign-banner {
    padding-left: 0;
    padding-right: 0;
  }

  .sh1-header-icon {
    max-height: 42px;
    margin-top: 40px;
    padding-top: 0;
  }

  .c-bb-sh1-scroll {
    padding-left: 40px;
    padding-right: 40px;
  }

  .c-gen5c-block {
    text-align: center;
  }

  .c-cta11-contain.c-container-width, .c-gen16b-sub.heading2-cinched.p-pf {
    padding-left: 50px;
    padding-right: 50px;
  }

  .c-gen16b-wrap {
    grid-column-gap: 20px;
  }

  .c-gen16b-item-head.h4 {
    padding-left: 0;
    padding-right: 0;
  }

  .c-gen19contain {
    max-width: 90%;
  }

  .c-gen19contain.p-pf {
    padding-left: 0;
    padding-right: 0;
  }

  .c-gen19head.heading2-cinched.p-pf {
    padding-left: 20px;
    padding-right: 20px;
  }

  .c-gen19sub.heading2-cinched.p-pf {
    padding-left: 50px;
    padding-right: 50px;
  }

  .c-gen19wrap {
    grid-column-gap: 20px;
  }

  .c-gen19item-left.c-gen19item-left1.p-pf {
    width: 55%;
    margin-left: 0;
    padding-left: 30px;
  }

  .c-gen19item-left.c-gen19item-left3.p-pf {
    margin-left: 0;
  }

  .c-gen19item-image.c-gen19item-image1.p-pf {
    object-fit: cover;
    object-position: 20% 50%;
    width: 100%;
    max-width: 100%;
    height: 100%;
  }

  .c-gen19item-image.c-gen19item-image2.p-pf {
    object-fit: cover;
    object-position: 0% 50%;
    width: 100%;
    max-width: 100%;
    height: 100%;
  }

  .c-gen19item-image.c-gen19item-image3.p-pf {
    object-fit: cover;
    object-position: 0% 50%;
    height: 100%;
    overflow: clip;
  }

  .c-gen19item-head.p-pf {
    font-size: 25px;
    line-height: 28px;
  }

  .c-gen16b-contain, .c-cta7b-contain {
    max-width: 90%;
  }

  .c-feat10head.h1 {
    padding-left: 60px;
    padding-right: 60px;
  }

  .c-feat10img-marquee {
    max-width: 100%;
    padding-bottom: 50px;
  }

  .c-feat10-imgwrap {
    max-width: 90%;
  }

  .c-feat10image {
    max-width: 100%;
  }

  .c-gen20contain {
    max-width: 90%;
  }

  .c-gen20contain.p-pf {
    padding-left: 0;
    padding-right: 0;
  }

  .c-gen20head.heading2-cinched.p-pf {
    padding-left: 20px;
    padding-right: 20px;
  }

  .c-gen20slide {
    padding-left: 0;
    padding-right: 0;
  }

  .c-gen20slide-image {
    width: 100%;
  }

  .c-gen20slide-image.p-pf {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
  }

  .c-gen20slide-head.h4.p-pf {
    text-align: left;
    margin-left: 20px;
  }

  .c-gen20slide-quote.h5.p-pf {
    padding-left: 20px;
  }

  .c-gen20slide-detail.p-pf {
    padding-right: 30px;
  }

  .c-gen20slide-story {
    flex-flow: row;
    width: 100%;
  }

  .c-gen20slide-story.p-pf {
    padding: 40px;
  }

  .c-gen20slide-storyfocus {
    text-align: center;
    width: 100%;
    margin-left: 0;
    padding-bottom: 40px;
    padding-left: 40px;
    padding-right: 40px;
    position: relative;
  }

  .c-gen20slide-storyfocus.p-pf {
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
    margin-bottom: 0;
    padding-top: 30px;
    padding-bottom: 30px;
    display: flex;
  }

  .c-gen20slidewrap, .c-gen20slide-top {
    flex-flow: column;
  }

  .c-feat10img-slide {
    max-width: 100%;
    padding-bottom: 50px;
  }

  .c-feat10img {
    max-width: 100%;
  }

  .c-feat10alt-head.h1 {
    padding-left: 60px;
    padding-right: 60px;
  }

  .workplace-sticky-banner.c-banner-nav-top {
    padding: 10px 0;
  }

  .c-gen22.c-section-4 {
    margin-top: 0;
  }

  .c-gen22-contain-dark.c-container-width.p-workplace {
    width: 90%;
  }

  .c-gen22-wrap-dark {
    flex-direction: column;
  }

  .c-gen22-left-dark {
    width: 100%;
    padding-bottom: 0;
    padding-left: 0;
    padding-right: 0;
  }

  .c-gen22-sectionhead-dark {
    margin-bottom: 40px;
  }

  .c-gen22-sectionhead-subhead-dark.p2 {
    margin-bottom: 0;
  }

  .c-gen22-right-dark {
    width: 100%;
    padding-left: 0;
  }

  .c-gen22-form {
    padding: 0;
  }

  .c-gen22-formplaceholder {
    margin-top: 0;
  }

  .c-feat11-dark-wrap {
    flex-direction: column;
  }

  .c-gen21-sh1 {
    padding-left: 40px;
    padding-right: 40px;
  }

  .image-60 {
    margin-right: 0;
  }

  .z-h2 {
    font-size: 36px;
    line-height: 38px;
  }

  .z-h3 {
    font-size: 30px;
    line-height: 32px;
  }

  .z-h4 {
    font-size: 24px;
    line-height: 26px;
  }

  .z-h6 {
    font-size: 18px;
  }

  .t1 {
    font-size: 38px;
    line-height: 40px;
  }

  .t2 {
    font-size: 32px;
    line-height: 36px;
  }

  .t5 {
    font-size: 21px;
    line-height: 24px;
  }

  .t6 {
    font-size: 18px;
  }

  .t3 {
    font-size: 28px;
    line-height: 32px;
  }

  .t4 {
    font-size: 24px;
    line-height: 26px;
  }

  .d1 {
    font-size: 18px;
    line-height: 24px;
  }

  .d1.c-gen23-p {
    max-width: 100%;
  }

  .d3 {
    line-height: 22px;
  }

  .d4 {
    font-size: 12px;
    line-height: 16px;
  }

  .t-eyebrow {
    font-size: 21px;
    line-height: 24px;
  }

  .d1-txt-link {
    font-size: 18px;
    line-height: 24px;
  }

  .link-5 {
    font-size: var(--h4-font-size-tablet);
    line-height: 28px;
  }

  .c-gen23-container-width {
    max-width: 90%;
  }

  .c-gen23-container-width.cs-container-even-more {
    text-align: center;
    padding-left: 30px;
    padding-right: 30px;
  }

  .c-gen23-container-width.c-general-6-container {
    max-width: 1000px;
    padding: 60px 100px;
  }

  .c-gen23-container-width.feature-graphic-container {
    max-width: 80%;
    overflow: visible;
  }

  .security-featuregraphic {
    max-height: 600px;
    margin-bottom: 20px;
    margin-left: auto;
    margin-right: auto;
    display: block;
  }
}

@media screen and (max-width: 767px) {
  h1 {
    font-size: var(--h1-font-size-lmobile);
    line-height: var(--h1-line-height-lmobile);
  }

  h2 {
    font-size: var(--h2-font-size-lmobile);
    line-height: var(--h2-line-height-lmobile);
  }

  h3 {
    font-size: var(--h3-font-size-lmobile);
  }

  h4 {
    font-size: var(--h4-font-size-lmobile);
  }

  h5 {
    font-size: var(--h5-font-size-lmobile);
  }

  h6 {
    font-size: var(--h6-font-size-lmobile);
  }

  .div-block {
    grid-template-columns: 1fr;
  }

  .cs-container-full-wdith.cs-gen-section-1 {
    max-width: 90%;
  }

  .c-container-width.c-general-6-container {
    padding-left: 40px;
    padding-right: 40px;
  }

  .c-container-width.feature-graphic-container {
    text-align: left;
    align-items: flex-start;
  }

  .div-block-38 {
    padding-left: 40px;
    padding-right: 40px;
  }

  .cs-gen-3-circle-grid {
    grid-template-columns: 1fr;
  }

  .cs-gen-3-circle-info {
    border-radius: 0%;
    width: auto;
    height: auto;
    margin-top: 0;
    margin-left: 0;
    position: static;
  }

  .cs-gen-3-circle-container {
    width: auto;
    height: auto;
  }

  .cs-section-more-info {
    padding-left: 40px;
    padding-right: 40px;
  }

  .div-block-42 {
    padding-left: 80px;
    padding-right: 80px;
  }

  .image-12 {
    max-width: 100%;
    max-height: 100%;
  }

  .c-interactive-1-blockquote {
    text-align: center;
  }

  .c-interactive-1-slider {
    height: 400px;
  }

  .c-interactive-1-slide-text {
    display: block;
  }

  .h3 {
    font-size: var(--h3-font-size-lmobile);
  }

  .c-cta-7-panel-grid {
    grid-template-columns: 1fr;
  }

  .c-cta-7-double-panel {
    padding-top: var(--section-3-lmobile);
    padding-bottom: var(--section-3-lmobile);
  }

  .c-feature-4-main-heading.h1 {
    padding-left: 0;
    padding-right: 0;
    font-size: 36px;
    line-height: 38px;
  }

  .c-feature-4-subhead {
    width: 73%;
    padding-left: 0;
    padding-right: 0;
  }

  .c-feature-4-main-image {
    width: 100%;
  }

  .c-gen-4-detail-panel-text-wrapper {
    margin-bottom: 0;
  }

  .c-gen-4-detail-panel {
    min-height: 0;
  }

  .c-gen-4-left-col-wrap {
    text-align: center;
    margin-bottom: 40px;
    padding-right: 0;
  }

  .c-interactive-2-quote-text.p3 {
    padding-right: 0;
    font-size: 18px;
    line-height: 23px;
  }

  .c-slider-2 {
    height: 280px;
  }

  .c-general-6-image-left-container {
    background-position: 50%;
    background-size: cover;
    display: none;
  }

  .c-section-heading-1-inverse-sub-heading {
    width: 95%;
    line-height: 24px;
  }

  .c-bb-sh1-main-heading.p-workplace {
    font-size: var(--h2-font-size-lmobile);
    line-height: var(--h2-font-size-lmobile);
  }

  .c-gen-7-grid-block {
    grid-template-rows: auto auto auto;
    grid-template-columns: 1fr;
  }

  .c-gen-7-panel {
    padding-left: 60px;
    padding-right: 60px;
  }

  .c-gen-8-heading {
    padding-right: 0;
  }

  .c-gen-8-panel-image-wrap, .c-gen-8-panel-image-wrap.c-gen-8-panel-image-wrap-right {
    padding-top: 0;
  }

  .c-gen-8-panel-text-wrap {
    padding-left: 40px;
    padding-right: 40px;
  }

  .c-gen-8-panel-heading.h5 {
    font-size: 26px;
    line-height: 30px;
  }

  .c-interactive-3-button, .c-interactive-3-button.w--current {
    padding-left: 20px;
    padding-right: 20px;
    font-size: 18px;
  }

  .c-interactive-3b-tab-container {
    min-height: 500px;
  }

  .c-banner-1-wrapper {
    text-align: center;
    flex-direction: column;
    padding: 20px 10px;
  }

  .c-banner-1-image {
    margin-bottom: 10px;
    padding-right: 0;
  }

  .icon-2 {
    margin-right: 46px;
  }

  .icon-3 {
    margin-left: 46px;
  }

  .text-block-12 {
    font-size: 18px;
  }

  .c-feature-4-quote.p3.c-blockquote-endonly {
    color: var(--color-text);
    padding-left: 0;
  }

  .c-feature-4-quote-name-title.p4 {
    color: var(--color-text);
  }

  .c-interactive-3-tab-sidebyside {
    flex-direction: column;
    min-height: 0;
  }

  .c-interactive-3-tab-col.c-interactive-3-tab-col-right, .c-interactive-3-tab-col.c-interactive-3-tab-col-left {
    width: 100%;
  }

  .c-interactive-3-image-sidebyside {
    position: static;
    transform: translate(0);
  }

  .c-interactive-3-heading-sideby-side.c-interactive-3-heading-sideby-side-4, .c-interactive-3-subhead-sidebyside.c-interactive-3-subhead-sidebyside-1 {
    padding-left: 40px;
    padding-right: 40px;
  }

  .c-gen-5b-left-col-wrap {
    text-align: center;
    margin-bottom: 0;
    padding-right: 0;
  }

  .c-gen-5b-detail-panel {
    min-height: 0;
  }

  .c-gen-5b-detail-panel-text-wrapper {
    margin-bottom: 0;
  }

  .c-gen-5b-detail-panel-description-copy.p2 {
    padding-left: 20px;
    padding-right: 20px;
  }

  .c-banner-2-wrapper {
    text-align: center;
    flex-direction: column;
    padding: 20px 10px;
  }

  .c-banner-2-image {
    margin-bottom: 10px;
    padding-right: 0;
  }

  .c-banner-2-heading-link {
    margin-bottom: 20px;
  }

  .c-banner-2-heading-link.p2 {
    margin-bottom: 10px;
    margin-right: 0;
  }

  .c-general-6b-sub-heading.h2.heading2 {
    padding-left: 20px;
    padding-right: 20px;
  }

  .c-gen-5b-wrapper {
    flex-direction: column;
    align-items: center;
  }

  .c-feature-4-quote-box {
    box-shadow: none;
    background-color: #f5f5f5;
    border-color: #eee;
    width: 100%;
    position: relative;
    top: 20px;
    left: auto;
    right: 0%;
  }

  .c-general-6b-image-container {
    background-position: 50%;
    background-size: cover;
    display: none;
  }

  .div-block-80 {
    text-align: center;
  }

  .c-feature-4-quote-image {
    width: auto;
    height: 24px;
    padding-right: 20px;
  }

  .c-gen-5b-detail-panel-description-alt.p2 {
    padding-left: 20px;
    padding-right: 20px;
  }

  .div-block-80-alt {
    text-align: center;
  }

  .text-block-13, .text-block-14, .text-block-15 {
    font-size: 18px;
  }

  .img-margin-bot-24 {
    width: 65%;
  }

  .visit-again-p {
    padding-left: 20px;
    padding-right: 20px;
  }

  .award-winner-box, .award-winner-box.gpoy-award-winner-box {
    width: 100%;
  }

  .feature-graphic-awards {
    background-image: linear-gradient(#00000080, #00000080);
    height: 400px;
  }

  .awards-feature-graphic-heading {
    font-size: 48px;
    line-height: 50px;
  }

  .awards-feature-graphic-heading.awaards-feature-graphic-heading-mobile {
    display: none;
  }

  .awards-feature-graphic-heading.awards-feature-graphic-heading-nonmoibile {
    margin-top: 0;
    left: 22px;
  }

  .c-feature4-container-image {
    width: 90%;
    padding-bottom: 0;
    display: block;
  }

  .feature-graphic-image {
    text-align: left;
    max-width: 526px;
    max-height: 400px;
    position: absolute;
    top: 0%;
    bottom: 0%;
    left: 100px;
  }

  .c-interactive-3b-button, .c-interactive-3b-button.w--current {
    padding-left: 20px;
    padding-right: 20px;
    font-size: 18px;
  }

  .c-feat5-container-image {
    width: 90%;
    padding-bottom: 0;
    display: block;
  }

  .c-feat5-main-image {
    width: 100%;
  }

  .c-feat5-logo {
    box-shadow: none;
    background-color: #f5f5f5;
    border-color: #eee;
    width: 100%;
    position: relative;
    top: 20px;
    left: auto;
    right: 0%;
  }

  .c-feature-5-main-heading.h1 {
    padding-left: 0;
    padding-right: 0;
    font-size: 36px;
    line-height: 38px;
  }

  .c-feature-5-button-1.c-button {
    border-width: 0;
  }

  .c-gen12-subhead {
    padding-left: 0;
    padding-right: 0;
  }

  .c-gen-12-panel-container {
    grid-row-gap: 16px;
    grid-template-rows: auto minmax(166px, 3.75fr) auto auto auto;
    grid-template-areas: "Area-2 Area-2"
                         "Area-3 Area-3"
                         "Area Area"
                         "Area-4 Area-4"
                         "Area-5 Area-5";
    grid-auto-columns: auto;
  }

  .c-gen12-panel.c-gen-12-panel-full {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    flex-flow: column;
    display: flex;
  }

  .c-gen12-panel-header.g-heading4.c-gen12-panel-header6 {
    padding-right: 140px;
  }

  .c-gen12-panel-header.g-heading4.c-gen12-panel-header6.p-fm {
    padding-right: 0;
  }

  .c-gen12-panel-desc.c-gen12-panel-desc6 {
    padding-right: 140px;
  }

  .c-gen12-panel-desc.c-gen12-panel-desc6.p-fm {
    padding-right: 0;
  }

  .c-gen12-panel-image1.fm-features-img1.p-fm {
    width: 100%;
  }

  .c-gen12-panel-image2 {
    width: 100%;
    max-width: 100%;
  }

  .c-gen12-panel-image3.p-fm {
    width: 100%;
  }

  .c-gen12-panel-image4 {
    width: 110%;
    max-width: 120%;
    left: -29px;
  }

  .c-gen13-panel {
    padding-left: 40px;
    padding-right: 40px;
  }

  .c-gen17-tail-details {
    width: 100%;
  }

  .c-gen14-header.h3 {
    padding-right: 0;
  }

  .img-fm-timeline-desktop {
    display: none;
  }

  .c-accordion-heading.icon.icon-before.icon-checkcircle {
    font-size: 20px;
    line-height: 20px;
  }

  .fm-info-box-h3 {
    text-align: center;
  }

  .c-gen-7-panel-alt {
    padding-left: 60px;
    padding-right: 60px;
  }

  .img-fm-timeline-mobile {
    display: block;
  }

  .c-ban3-wrapper {
    text-align: center;
    flex-direction: column;
    padding: 20px 10px;
  }

  .c-ban3-wrapper.c-banner-3-wrapper-more {
    padding-left: 0;
  }

  .c-ban3-heading-link {
    margin-bottom: 20px;
  }

  .c-ban3-heading-link.p2 {
    margin-bottom: 10px;
    margin-right: 0;
    padding-left: 0;
    padding-right: 0;
  }

  .c-ban3-heading-link.p2.p-workplace {
    font-size: 20px;
  }

  .c-banner-4-wrapper {
    text-align: center;
    flex-direction: column;
    padding: 20px 10px;
  }

  .c-banner-4-heading-link.p2.icon.icon-after.more {
    padding: 0;
  }

  .c-general-6c-sub-heading.h2.heading2 {
    padding-left: 20px;
    padding-right: 20px;
  }

  .c-gen-7-grid-block-alt2 {
    grid-template-rows: auto auto auto;
    grid-template-columns: 1fr;
  }

  .c-gen-7-panel-alt2 {
    padding-left: 60px;
    padding-right: 60px;
  }

  .c-gen-7-grid-block-alt {
    grid-template-rows: auto auto auto auto auto auto;
    grid-template-columns: 1fr;
  }

  .c-gen14-alt-sectionheader {
    padding-right: 0;
  }

  .c-gen15-alt-grid {
    grid-template-columns: 1fr 1fr;
    grid-auto-flow: row;
  }

  .c-gen16-wrap {
    grid-template-columns: 1fr;
  }

  .c-bq4-quote.fm-page {
    font-size: 38px;
    line-height: 42px;
  }

  .c-bq4-text.fm-page {
    font-size: 24px;
    line-height: 28px;
  }

  .c-gen12-panel-left {
    width: 100%;
  }

  .c-gen12-panel-left.p-fm {
    width: 60%;
    padding-top: 70px;
  }

  .c-gen12-panel-rightimage.p-fm {
    width: 100%;
  }

  .c-cta7b-panel-grid {
    grid-template-columns: 1fr;
  }

  .c-gen18-containerwidth {
    padding-top: 40px;
  }

  .c-feat5x-container-image {
    width: 90%;
    padding-bottom: 0;
    display: block;
  }

  .c-feat5x-main-heading.h1 {
    padding-left: 0;
    padding-right: 0;
    font-size: 36px;
    line-height: 38px;
  }

  .c-feat5x-main-image {
    width: 100%;
  }

  .c-form1-form.p-security {
    padding-left: 40px;
    padding-right: 40px;
  }

  .c-feat8.c-container-width {
    padding-left: 20px;
    padding-right: 20px;
  }

  .c-gen7c-grid {
    grid-template-rows: auto auto auto;
    grid-template-columns: 1fr;
  }

  .c-gen-7c-panel {
    padding-left: 60px;
    padding-right: 60px;
  }

  .c-gen16-grid-block {
    grid-template-rows: auto auto auto auto;
    grid-template-columns: 1fr;
  }

  .c-gen16-panel-alt {
    padding-left: 60px;
    padding-right: 60px;
  }

  .c-gen16-panel-image {
    margin-left: auto;
    margin-right: auto;
  }

  .c-gen-12-panel-pad {
    height: 250px;
  }

  .c-gen-12-panel-pad.c-gen12-panel-pad1 {
    height: auto;
  }

  .c-gen-12-panel-pad.p-fm {
    height: 350px;
  }

  .c-gen17-imagewrap-single {
    min-height: 200px;
  }

  .heading2-cinched {
    padding-left: 0;
    padding-right: 0;
  }

  .c-gen-7-flex-block {
    grid-template-rows: auto auto auto;
    grid-template-columns: 1fr;
  }

  .c-cta-7-triple-panel-grid {
    grid-template-columns: 1fr;
  }

  .c-gen19-copy {
    padding-right: 0%;
  }

  .c-gen-7-flex-panel {
    width: 100%;
    padding-left: 60px;
    padding-right: 60px;
  }

  .c-gen-7-flex-panel.get-fm {
    width: 100%;
  }

  .img-fm-timeline-desktop-no-grid {
    display: none;
  }

  .img-fm-timeline-mobile-no-grid {
    display: block;
  }

  .c-gen5c-block {
    text-align: center;
  }

  .c-cta11-contain.c-container-width {
    padding-left: 20px;
    padding-right: 20px;
  }

  .c-gen16b-sub.heading2-cinched.p-pf {
    padding-left: 30px;
    padding-right: 30px;
  }

  .c-gen16b-wrap {
    grid-template-columns: 1fr;
  }

  .c-gen19.c-section-3, .c-gen19head.heading2-cinched.p-pf {
    padding-left: 0;
    padding-right: 0;
  }

  .c-gen19sub.heading2-cinched.p-pf {
    padding-left: 30px;
    padding-right: 30px;
  }

  .c-gen19wrap {
    grid-template-columns: 1fr;
  }

  .c-gen19item {
    flex-flow: column;
  }

  .c-gen19item.p-pf {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    height: auto;
    min-height: auto;
    max-height: 100%;
  }

  .c-gen19item.p-workplace {
    height: 100%;
    min-height: 100%;
    max-height: 100%;
  }

  .c-gen19item-left {
    width: 100%;
  }

  .c-gen19item-left.c-gen19item-left1.p-pf {
    text-align: center;
    width: 100%;
    margin-left: 0;
    padding-right: 30px;
  }

  .c-gen19item-left.c-gen19item-left2.p-pf {
    width: 100%;
  }

  .c-gen19item-left.c-gen19item-left3.p-pf {
    text-align: center;
    width: 100%;
    margin-left: 0;
  }

  .c-gen19item-left.c-gen19item-left3.p-workplace {
    width: 100%;
    margin-left: 0;
  }

  .c-gen19item-right {
    width: 100%;
  }

  .c-gen19item-right.c-gen19item-right3.p-pf {
    order: -1;
    width: 100%;
  }

  .c-gen19item-right.c-gen19item-right2 {
    order: -1;
  }

  .c-gen19item-right.c-gen19item-right2.p-pf {
    text-align: center;
    order: 1;
    margin-right: 0;
    padding-right: 30px;
  }

  .c-gen19item-right.c-gen19item-right1.p-pf {
    order: -1;
    width: 100%;
  }

  .c-gen19item-image.c-gen19item-image1.p-pf {
    width: 115%;
    max-width: 115%;
    margin-left: -64px;
  }

  .c-gen19item-image.c-gen19item-image2.p-pf {
    width: 105%;
    max-width: 105%;
  }

  .c-gen19item-image.c-gen19item-image3.p-pf {
    width: 115%;
    max-width: 115%;
    margin-left: -58px;
  }

  .c-gen19item-image.c-gen19item-image3.p-workplace {
    display: inline-flex;
  }

  .c-gen19item-head.p-pf {
    margin-bottom: 8px;
  }

  .c-feat10head.h1 {
    padding-left: 0;
    padding-right: 0;
    font-size: 36px;
    line-height: 38px;
  }

  .c-feat10img-marquee {
    width: 90%;
    padding-bottom: 0;
    display: block;
  }

  .c-feat10image {
    width: 100%;
  }

  .c-gen20.c-section-3, .c-gen20head.heading2-cinched.p-pf {
    padding-left: 0;
    padding-right: 0;
  }

  .c-gen20slide {
    padding-left: 20px;
    padding-right: 20px;
  }

  .c-gen20slide-image {
    width: 100%;
  }

  .c-gen20slide-quote.h5.p-pf {
    padding-left: 0;
  }

  .c-gen20slide-story.p-pf {
    flex-flow: column;
    padding: 30px;
  }

  .c-gen20slide-storyfocus {
    width: 100%;
  }

  .c-gen20slide-storyfocus.p-pf {
    margin-bottom: 0;
  }

  .c-gen20slide-storyleft.p-pf {
    border-right-width: 0;
  }

  .c-gen20slide-storyright.p-pf {
    border-bottom: 1px solid #666;
    order: -1;
    padding-bottom: 16px;
  }

  .c-gen19item-buttonwrap {
    padding-top: 20px;
  }

  .c-gen19item-buttonwrap.p-workplace {
    padding-top: 10px;
  }

  .c-feat10img-slide {
    width: 90%;
    padding-bottom: 0;
    display: block;
  }

  .c-feat10img {
    width: 100%;
  }

  .c-feat10alt-head.h1 {
    padding-left: 0;
    padding-right: 0;
    font-size: 36px;
    line-height: 38px;
  }

  .c-gen19item-para.p-workplace {
    margin-bottom: 10px;
  }

  .c-gen22-left-dark {
    padding-left: 0;
  }

  .c-gen19item-image4.p-workplace {
    display: none;
  }

  .image-60 {
    max-width: 30px;
    margin-bottom: 10px;
  }

  .z-h1 {
    font-size: 36px;
    line-height: 40px;
  }

  .z-h2 {
    font-size: 34px;
    line-height: 36px;
  }

  .z-h3 {
    font-size: 28px;
    line-height: 30px;
  }

  .t1 {
    font-size: 32px;
    line-height: 34px;
  }

  .t2 {
    font-size: 28px;
    line-height: 30px;
  }

  .t5 {
    font-size: 19px;
    line-height: 22px;
  }

  .t6 {
    font-size: 16px;
    line-height: 20px;
  }

  .t3 {
    font-size: 24px;
    line-height: 28px;
  }

  .t4 {
    font-size: 21px;
    line-height: 24px;
  }

  .d1, .d2 {
    font-size: 16px;
    line-height: 22px;
  }

  .d3 {
    font-size: 14px;
    line-height: 20px;
  }

  .d4 {
    font-size: 11px;
    line-height: 15px;
  }

  .t-eyebrow {
    font-size: 19px;
  }

  .d1-txt-link {
    font-size: 16px;
    line-height: 22px;
  }

  .link-5 {
    font-size: var(--h4-font-size-lmobile);
  }

  .c-gen23-container-width.c-general-6-container {
    padding-left: 40px;
    padding-right: 40px;
  }

  .c-gen23-container-width.feature-graphic-container {
    text-align: left;
    align-items: flex-start;
  }

  .c-gen23-container-width.p-security {
    flex-flow: column;
  }

  .c-gen23-img.p-security {
    margin-bottom: 20px;
  }
}

@media screen and (max-width: 479px) {
  h1 {
    font-size: var(--h1-font-size-pmobile);
    line-height: var(--h1-line-height-pmobile);
  }

  h2 {
    font-size: var(--h2-font-size-pmobile);
    line-height: var(--h2-line-height-pmobile);
  }

  h3 {
    font-size: var(--h3-font-size-pmobile);
    line-height: 28px;
  }

  h4 {
    font-size: var(--h4-font-size-pmobile);
    line-height: 24px;
  }

  h5 {
    font-size: var(--h5-font-size-pmobile);
    line-height: 24px;
  }

  h6 {
    font-size: var(--h6-font-size-pmobile);
    line-height: 24px;
  }

  p {
    font-size: 16px;
    line-height: 24px;
  }

  .block-quote-2 {
    text-align: center;
    font-size: 20px;
    line-height: 26px;
  }

  .text-block {
    float: none;
    text-align: center;
    font-size: 14px;
    line-height: 19px;
  }

  .link.icon.icon-after.more {
    float: none;
    clear: none;
    text-align: left;
    font-size: 14px;
    line-height: 19px;
    display: inline-block;
  }

  .c-res4-textwrap {
    padding-right: 0;
  }

  .c-container-width.cs-container-even-more {
    padding-left: 20px;
    padding-right: 20px;
  }

  .c-container-width.c-general-6-container {
    padding-left: 10px;
    padding-right: 10px;
  }

  .c-container-width.feature-graphic-container {
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
  }

  .div-block-27 {
    flex-direction: column;
  }

  .c-block-quote-3-quote {
    text-align: center;
    font-size: 20px;
    line-height: 26px;
  }

  .c-block-quote-3-text, .c-block-quote-2 {
    text-align: center;
  }

  .div-block-28 {
    margin-top: 30px;
  }

  .div-block-31 {
    grid-template-rows: auto;
    grid-template-columns: 1fr;
  }

  .h4, .h6 {
    font-size: 20px;
    line-height: 24px;
  }

  .h6.award-winner {
    font-size: 18px;
  }

  .div-block-38 {
    padding-left: 20px;
    padding-right: 20px;
  }

  .cs-gen-3-circle-info {
    padding: 20px;
  }

  .c-bb-sh1 {
    padding-left: 10px;
    padding-right: 10px;
  }

  .cs-section-more-info {
    padding-left: 20px;
    padding-right: 20px;
  }

  .block-quote-4 {
    font-size: 20px;
    line-height: 26px;
  }

  .div-block-42 {
    padding-left: 0;
    padding-right: 0;
  }

  .div-block-44 {
    margin-top: 20px;
  }

  .c-interactive-1-blockquote {
    font-size: 24px;
    line-height: 28px;
  }

  .c-interactive-1-slide-text {
    padding-left: 20px;
    padding-right: 20px;
    font-family: SF Pro Text, sans-serif;
    font-weight: 300;
  }

  .c-interactive-1-slide-block {
    padding-left: 0;
    padding-right: 0;
  }

  .h3 {
    font-size: var(--h3-font-size-pmobile);
    line-height: 28px;
  }

  .h2 {
    font-size: 28px;
    line-height: 32px;
  }

  .div-block-50 {
    padding-left: 10px;
    padding-right: 10px;
  }

  .h1 {
    font-size: 34px;
    line-height: 38px;
  }

  .h5 {
    font-size: 20px;
    line-height: 24px;
  }

  .c-cta-6.c-section-2 {
    padding-top: 40px;
    padding-bottom: 40px;
  }

  .c-cta-7-double-panel {
    padding-top: var(--section-3-pmobile);
    padding-bottom: var(--section-3-pmobile);
  }

  .c-cta-panel-1 {
    padding-left: 20px;
    padding-right: 20px;
  }

  .c-section-3 {
    padding-top: 40px;
    padding-bottom: 40px;
  }

  .sh-eyebrow {
    margin-bottom: 8px;
    font-size: 21px;
    line-height: 24px;
  }

  .c-feature-4-main-heading.h1 {
    margin-bottom: 10px;
    padding-left: 0;
    padding-right: 0;
    font-size: 28px;
    line-height: 32px;
  }

  .c-feature-4-subhead {
    width: 85%;
    padding-left: 0;
    padding-right: 0;
  }

  .c-feature-4-cta-block {
    grid-column-gap: 8px;
    grid-row-gap: 8px;
    flex-direction: column;
    margin-bottom: 20px;
  }

  .c-gen-4-right-wrapper {
    text-align: center;
  }

  .c-gen-4-detail-panel-heading {
    text-align: center;
    margin-top: 20px;
  }

  .c-gen-4-detail-panel-text-wrapper {
    padding-left: 0;
  }

  .c-gen-4-detail-panel {
    flex-direction: column;
    align-items: center;
    margin-top: 30px;
  }

  .c-gen-4-left-col-wrap {
    text-align: center;
    margin-bottom: 40px;
    padding-right: 0;
  }

  .c-gen-4-detail-panel-image {
    text-align: left;
  }

  .c-intertactive-2-main-heading {
    text-align: left;
    font-size: 24px;
    line-height: 25px;
  }

  .c-interactive-2-quote-text.p3 {
    padding-right: 0;
    font-size: 16px;
    line-height: 20px;
  }

  .c-interactive-2-quote-wrapper {
    flex-direction: column;
  }

  .c-slider-2-quote-wrapper {
    text-align: center;
    padding-left: 20px;
    padding-right: 20px;
  }

  .c-slider-2 {
    height: 290px;
  }

  .c-section-2 {
    padding-top: 20px;
    padding-bottom: 20px;
  }

  .c-section-1 {
    padding-top: 10px;
    padding-bottom: 10px;
  }

  .c-section-heading-1-inverse-main-heading, .c-section-heading-1-inverse-main-heading.heading2 {
    text-align: center;
  }

  .c-section-heading-1-inverse-main-heading.get-fm {
    padding-left: 20px;
    padding-right: 20px;
  }

  .c-section-heading-1-inverse-sub-heading {
    text-align: center;
    width: 100%;
    font-size: 16px;
    line-height: 20px;
  }

  .c-section-4 {
    padding-top: 50px;
    padding-bottom: 50px;
  }

  .c-bb-sh1-main-heading.get-fm {
    padding-left: 10px;
    padding-right: 10px;
  }

  .c-bb-sh1-main-heading.p-workplace {
    font-size: var(--h2-font-size-pmobile);
    line-height: var(--h2-font-size-pmobile);
  }

  .c-bb-sh0 {
    padding-left: 10px;
    padding-right: 10px;
  }

  .c-bb-sh0-inverse-main-heading.heading2 {
    text-align: center;
  }

  .c-gen-7-subhead.subheading2 {
    margin-bottom: 30px;
    padding-left: 0;
    padding-right: 0;
  }

  .c-gen-7-panel {
    padding-left: 20px;
    padding-right: 20px;
  }

  .c-gen-7-panel.c-gen-7-panel-2 {
    padding-top: 40px;
    padding-bottom: 40px;
  }

  .c-gen-7-panel-heading.h5 {
    margin-bottom: 12px;
    font-size: 22px;
    line-height: 24px;
  }

  .c-gen-7-panel-text {
    margin-bottom: 20px;
    font-size: 14px;
    line-height: 20px;
  }

  .c-gen-7-panel-link.c-link-inverse.icon.icon-after.more {
    font-size: 14px;
    line-height: 18px;
  }

  .c-gen-8-panel-heading-eye.h6 {
    font-size: 18px;
    line-height: 20px;
  }

  .c-gen-8-heading {
    font-size: 28px;
    line-height: 30px;
  }

  .c-gen-8-panel-image-wrap {
    padding-top: 0;
  }

  .c-gen-8-panel-text-wrap {
    padding: 20px 20px 30px;
  }

  .c-gen-8-panel-heading.h5 {
    font-size: 24px;
    line-height: 26px;
  }

  .c-gen-8-panel-text, .c-gen-8-panel-link.icon.icon-after.more, .c-gen-8-panel-list-item.icon.icon-before.icon-checkcircle.p3 {
    font-size: 14px;
    line-height: 20px;
  }

  .c-gen-8-list {
    font-size: 14px;
  }

  .tabs-menu {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
  }

  .c-interactive-3b-tab-container {
    min-height: 500px;
  }

  .icon-2, .icon-3 {
    display: none;
  }

  .text-block-12 {
    font-size: 16px;
  }

  .c-feature-4-quote.p3.c-blockquote-endonly {
    color: var(--color-text);
    padding-left: 0;
    font-size: 16px;
    line-height: 21px;
  }

  .c-feature-4-quote-name-title.p4 {
    color: var(--color-text);
  }

  .c-interactive-3-tab-col.c-interactive-3-tab-col-left, .c-interactive-3-heading-sideby-side {
    padding-left: 0;
    padding-right: 0;
  }

  .c-interactive-3-heading-sideby-side.c-interactive-3-heading-sideby-side-3 {
    padding-left: 40px;
    padding-right: 40px;
  }

  .c-interactive-3-heading-sideby-side.c-interactive-3-heading-sideby-side-4 {
    padding-left: 10px;
    padding-right: 10px;
  }

  .c-interactive-3-subhead-sidebyside {
    line-height: 20px;
  }

  .c-interactive-3-subhead-sidebyside.c-interactive-3-subhead-sidebyside-1 {
    padding-left: 0;
    padding-right: 0;
  }

  .c-gen-5b-left-col-wrap {
    text-align: center;
    margin-bottom: 0;
    padding-right: 0;
  }

  .c-gen-5b-right-large-wrap {
    text-align: center;
  }

  .c-gen-5b-detail-panel {
    flex-direction: column;
    align-items: center;
    margin-top: 30px;
  }

  .c-gen-5b-detail-panel-text-wrapper, .c-gen-5b-detail-panel-description-copy.p2 {
    padding-left: 0;
  }

  .c-banner-2-heading-link.p2 {
    padding-left: 20px;
    padding-right: 20px;
    line-height: 24px;
  }

  .c-general-6b-sub-heading.h2.heading2 {
    padding-left: 10px;
    padding-right: 10px;
  }

  .c-feature-4-image-wrap {
    margin-bottom: 0;
  }

  .c-feature-4-quote-box {
    box-shadow: none;
    background-color: #f5f5f5;
    border-color: #eee;
    margin-top: 20px;
    padding: 20px;
    position: static;
  }

  .award-winner-description {
    font-size: 14px;
    line-height: 20px;
  }

  .c-feature-4-quote-image {
    width: auto;
    height: 24px;
    padding-right: 14px;
  }

  .c-gen-5b-detail-panel-description-alt.p2 {
    padding-left: 0;
    padding-right: 0;
    font-size: 14px;
    line-height: 20px;
  }

  .text-block-13, .text-block-14, .text-block-15 {
    font-size: 16px;
  }

  .heading2 {
    font-size: 28px;
    line-height: 30px;
  }

  .subheading2 {
    font-size: 14px;
    line-height: 20px;
  }

  .growth-partner-box, .img-margin-bot-24, .img-margin-bot-24.img-tg-epoty {
    width: 100%;
  }

  .visit-again-p {
    text-align: center;
    font-size: 16px;
    line-height: 22px;
  }

  .award-winner-box, .award-winner-box.gpoy-award-winner-box {
    width: 100%;
  }

  .feature-graphic-awards {
    background-image: linear-gradient(to bottom, null, null);
    height: 100%;
    margin-right: auto;
  }

  .awards-feature-graphic-heading {
    font-size: 40px;
    line-height: 45px;
  }

  .awards-feature-graphic-heading.awaards-feature-graphic-heading-mobile {
    text-align: center;
    margin-left: auto;
    margin-right: auto;
    font-size: 34px;
    line-height: 39px;
    display: block;
  }

  .awards-feature-graphic-heading.awards-feature-graphic-heading-nonmoibile {
    display: none;
  }

  .feature-graphic-image {
    aspect-ratio: 1643 / 1249;
    object-fit: cover;
    max-width: 100%;
    height: 100%;
    max-height: 100%;
    display: block;
    position: relative;
    left: 0%;
    right: 0;
  }

  .text-span-2 {
    font-weight: 100;
  }

  .c-feat5-image-wrap {
    margin-bottom: 0;
  }

  .c-feat5-logo {
    box-shadow: none;
    background-color: #f5f5f5;
    border-color: #eee;
    margin-top: 20px;
    padding: 20px;
    position: static;
  }

  .c-feature-5-main-heading.h1 {
    margin-bottom: 10px;
    padding-left: 0;
    padding-right: 0;
    font-size: 28px;
    line-height: 32px;
  }

  .c-feature-5-cta-block {
    grid-column-gap: 8px;
    grid-row-gap: 8px;
    flex-direction: column;
    margin-bottom: 20px;
  }

  .c-feature-5-button-1.c-button {
    border-width: 0;
  }

  .c-gen12-panel-header.g-heading4.c-gen12-panel-header1 {
    font-size: 26px;
    line-height: 28px;
  }

  .c-gen12-panel-header.g-heading4.c-gen12-panel-header6 {
    padding-right: 0;
  }

  .c-gen12-panel-desc {
    font-size: 14px;
    line-height: 20px;
  }

  .c-gen12-panel-desc.c-gen12-panel-desc6 {
    padding-right: 0;
  }

  .c-gen12-panel-image4 {
    max-width: 110%;
    margin-left: -14px;
    position: static;
    top: -20px;
    bottom: -20px;
  }

  .c-gen13-panel {
    padding: 20px;
  }

  .c-gen17-imagewrap {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    flex-flow: column;
    flex: 1;
    width: 100%;
    height: 220px;
  }

  .c-gen14-header.h3 {
    padding-right: 0;
  }

  .c-feat6-sectionhead-header {
    padding-left: 0;
    padding-right: 0;
  }

  .c-accordion-dropdown {
    padding-right: 20px;
  }

  .c-accordion-heading.icon.icon-before.icon-checkcircle {
    font-size: 18px;
  }

  .c-accordion-heading.get-fm {
    font-size: 19px;
  }

  .c-gen-7-heading-alt.heading2 {
    padding-left: 10px;
    padding-right: 10px;
  }

  .c-block-quote-4-quote {
    text-align: center;
    font-size: 20px;
    line-height: 26px;
  }

  .c-block-quote-4-note, .c-block-quote-4-text {
    text-align: center;
  }

  .c-gen-7-panel-alt {
    padding-left: 20px;
    padding-right: 20px;
  }

  .c-gen-7-panel-heading-alt.h5 {
    margin-bottom: 12px;
    font-size: 22px;
    line-height: 24px;
  }

  .c-gen-7-panel-text-alt {
    margin-bottom: 20px;
    font-size: 14px;
    line-height: 20px;
  }

  .c-feat6-form-header.h4 {
    padding-right: 0;
  }

  .c-ban3-heading-link.p2 {
    padding-left: 0;
    padding-right: 0;
    line-height: 24px;
  }

  .c-feat6-form-alt {
    padding: 20px;
  }

  .c-feat6-sectionhead-header-alt {
    padding-left: 0;
    padding-right: 0;
  }

  .c-feat6-form-header-alt.h4 {
    padding-right: 0;
  }

  .c-block-quote-5-quote {
    text-align: center;
    font-size: 20px;
    line-height: 26px;
  }

  .c-block-quote-5-text {
    text-align: center;
  }

  .c-general-6c-sub-heading.h2.heading2 {
    padding-left: 10px;
    padding-right: 10px;
  }

  .c-gen-7-panel-text-alt-nolink {
    margin-bottom: 20px;
    font-size: 14px;
    line-height: 20px;
  }

  .c-gen-7-subhead-alt2.subheading2 {
    margin-bottom: 30px;
    padding-left: 0;
    padding-right: 0;
  }

  .c-gen-7-panel-alt2 {
    padding-left: 20px;
    padding-right: 20px;
  }

  .res-image-ol-li.c-bb-li.res-image-ol-item1, .res-image-ol-li.c-bb-li.res-image-ol-item2, .res-image-ol-li.c-bb-li.res-image-ol-item3 {
    font-size: 14px;
    line-height: 20px;
  }

  .c-cs-res-heading-dark.k12-integrate.heading2 {
    padding-right: 0;
  }

  .c-feat7-sectionhead-header {
    padding-left: 0;
    padding-right: 0;
  }

  .c-feat7-form {
    padding: 20px;
  }

  .c-feat7-form-header.h4 {
    padding-right: 0;
  }

  .c-feat7-sectionhead-header-dark {
    padding-left: 0;
    padding-right: 0;
  }

  .c-gen14-alt-sectionheader, .c-gen14-alt-header.h3 {
    padding-right: 0;
  }

  .c-block-quote-6-quote {
    text-align: center;
    font-size: 20px;
    line-height: 26px;
  }

  .c-block-quote-6-text {
    text-align: center;
  }

  .c-bq4.c-section-3.fm-page {
    padding-left: 20px;
    padding-right: 20px;
  }

  .c-bq4-quote {
    text-align: center;
    font-size: 20px;
    line-height: 26px;
  }

  .c-bq4-quote.fm-page {
    text-align: left;
    font-size: 22px;
    line-height: 26px;
  }

  .c-bq4-text {
    text-align: center;
    font-size: 16px;
    line-height: 20px;
  }

  .c-bq4-text.fm-page {
    text-align: left;
    font-size: 16px;
    line-height: 20px;
  }

  .c-gen12-panel-left.p-fm {
    width: 70%;
  }

  .c-cta7b-panel-top {
    padding-left: 20px;
    padding-right: 20px;
  }

  .c-cta7b-panel-bottom {
    padding: 30px 20px;
  }

  .c-gen14x-sectionheader {
    padding-right: 0;
  }

  .c-gen14x-item {
    padding: 20px 20px 20px 16px;
  }

  .c-gen14x-text.icon.icon-before.icon-checkcircle {
    padding-left: 36px;
  }

  .c-cta9-buttons {
    flex-flow: column;
  }

  .c-cta10-action {
    padding-left: 20px;
    padding-right: 20px;
  }

  .c-cta10-quote {
    font-size: 20px;
    line-height: 28px;
  }

  .c-gen18-subhead, .c-gen18-imagewarp {
    padding-left: 20px;
    padding-right: 20px;
  }

  .c-gen18-background.p-fm {
    height: 90%;
  }

  .c-gen18-containerwidth {
    padding-top: 30px;
  }

  .c-feat5x-container-image {
    width: 100%;
  }

  .c-feat5x-image-wrap {
    margin-bottom: 0;
  }

  .c-feat5x-main-heading.h1 {
    margin-bottom: 10px;
    padding-left: 0;
    padding-right: 0;
    font-size: 28px;
    line-height: 32px;
  }

  .c-feat5x-cta-block {
    grid-column-gap: 8px;
    grid-row-gap: 8px;
    flex-direction: column;
    margin-bottom: 20px;
  }

  .c-bq6-quote {
    text-align: center;
    font-size: 20px;
    line-height: 26px;
  }

  .c-bq6-text {
    text-align: center;
  }

  .c-form1-sh-head {
    padding-left: 0;
    padding-right: 0;
  }

  .c-form1-form {
    padding: 20px;
  }

  .c-form1-form-header.h4, .c-form1-form-subhead {
    padding-right: 0;
  }

  .c-feat8.c-container-width {
    padding-bottom: 0;
    padding-left: 0;
    padding-right: 0;
  }

  .c-feat8-sub.p2 {
    line-height: 24px;
  }

  .c-gen7c-subhead.subheading2 {
    margin-bottom: 30px;
    padding-left: 0;
    padding-right: 0;
  }

  .c-gen-7c-panel {
    padding-left: 20px;
    padding-right: 20px;
  }

  .c-gen-7c-panel.c-gen-7-panel-2 {
    padding-top: 40px;
    padding-bottom: 40px;
  }

  .c-gen7c-panel-head.h5 {
    margin-bottom: 12px;
    font-size: 22px;
    line-height: 24px;
  }

  .c-gen7c-panel-text {
    margin-bottom: 20px;
    font-size: 14px;
    line-height: 20px;
  }

  .c-gen16-panel-alt {
    padding-left: 20px;
    padding-right: 20px;
  }

  .c-gen16-panel-alt.c-gen16-panel-2-alt {
    padding-left: 0;
    padding-right: 0;
  }

  .c-gen16-panel-image {
    max-width: 150px;
    margin-bottom: 20px;
  }

  .c-gen16-panel-text-alt {
    margin-bottom: 0;
    font-size: 14px;
    line-height: 20px;
  }

  .c-res10-link, .bold-text-19 {
    font-size: 14px;
    line-height: 20px;
  }

  .c-gen17-singleimage {
    width: 70%;
  }

  .c-gen-12-panel-pad {
    height: 150px;
  }

  .c-gen-12-panel-pad.p-fm {
    height: 170px;
  }

  .c-gen17-imagewrap-single {
    min-height: 150px;
  }

  .g-heading4 {
    font-size: 22px;
    line-height: 24px;
  }

  .c-cta-triple-panel-1, .c-gen-7-flex-panel {
    padding-left: 20px;
    padding-right: 20px;
  }

  .c-gen-7-flex-panel-text {
    margin-bottom: 20px;
    font-size: 14px;
    line-height: 20px;
  }

  .c-bb-sh1-scroll-header.get-fm, .c-bb-sh1-scroll {
    padding-left: 10px;
    padding-right: 10px;
  }

  .c-cta11-contain.c-container-width {
    padding-bottom: 0;
    padding-left: 0;
    padding-right: 0;
  }

  .c-cta11-sub.p2 {
    line-height: 24px;
  }

  .c-gen16b-sub.heading2-cinched.p-pf, .c-gen19sub.heading2-cinched.p-pf {
    padding-left: 0;
    padding-right: 0;
  }

  .c-gen19item-left.c-gen19item-left1.p-pf {
    padding-left: 30px;
    padding-right: 30px;
  }

  .c-gen19item-image.c-gen19item-image1.p-pf {
    margin-left: -41px;
  }

  .c-gen19item-image.c-gen19item-image3.p-pf {
    margin-left: -43px;
  }

  .c-gen19item-icon.c-gen19item-icon1.p-pf {
    height: 22px;
  }

  .c-gen19item-head.p-pf {
    font-size: 23px;
    line-height: 24px;
  }

  .c-feat10head.h1 {
    margin-bottom: 10px;
    padding-left: 0;
    padding-right: 0;
    font-size: 28px;
    line-height: 32px;
  }

  .c-feat10img-marquee {
    width: 100%;
  }

  .c-feat10-imgwrap {
    margin-bottom: 0;
  }

  .c-gen20slide-image {
    width: 100%;
  }

  .c-gen20slide-image.p-pf {
    object-fit: cover;
    height: 200px;
  }

  .c-gen20slide-detail.p-pf {
    padding-right: 0;
  }

  .c-gen20slide-story {
    flex-flow: column;
  }

  .c-gen20slide-storyfocus {
    width: 100%;
    padding: 20px;
  }

  .c-gen20slide-storyleft.p-pf {
    border-right-style: none;
  }

  .c-gen20slide-storyright {
    order: -1;
  }

  .c-feat10img-slide {
    width: 100%;
  }

  .c-feat10alt-head.h1 {
    margin-bottom: 10px;
    padding-left: 0;
    padding-right: 0;
    font-size: 28px;
    line-height: 32px;
  }

  .c-int7-arrowwrap {
    padding-left: 10px;
  }

  .c-gen22-sectionhead-header-dark {
    padding-left: 0;
    padding-right: 0;
  }

  .c-gen22-form {
    padding: 0;
  }

  .c-gen21-sh1 {
    padding-left: 10px;
    padding-right: 10px;
  }

  .c-int7-answer {
    padding-right: 50px;
  }

  .z-h1 {
    font-size: 30px;
    line-height: 32px;
  }

  .z-h2 {
    font-size: 28px;
    line-height: 30px;
  }

  .z-h3 {
    font-size: 24px;
    line-height: 28px;
  }

  .z-h4 {
    font-size: 21px;
    line-height: 24px;
  }

  .z-h5 {
    font-size: 21px;
    line-height: 26px;
  }

  .section-12 {
    padding-bottom: 40px;
  }

  .t1 {
    font-size: 32px;
    line-height: 34px;
  }

  .t2 {
    font-size: 28px;
    line-height: 30px;
  }

  .t5 {
    font-size: 19px;
    line-height: 22px;
  }

  .t6 {
    font-size: 16px;
    line-height: 20px;
  }

  .t3 {
    font-size: 24px;
    line-height: 28px;
  }

  .t4 {
    font-size: 21px;
    line-height: 24px;
  }

  .d1 {
    font-size: 16px;
  }

  .d3 {
    font-size: 14px;
    line-height: 20px;
  }

  .d4 {
    font-size: 11px;
    line-height: 15px;
  }

  .t-eyebrow {
    font-size: 19px;
    line-height: 22px;
  }

  .d1-txt-link {
    font-size: 16px;
  }

  .link-5 {
    font-size: var(--h4-font-size-pmobile);
  }

  .c-gen23-container-width.cs-container-even-more {
    padding-left: 20px;
    padding-right: 20px;
  }

  .c-gen23-container-width.c-general-6-container {
    padding-left: 10px;
    padding-right: 10px;
  }

  .c-gen23-container-width.feature-graphic-container {
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
  }
}

#w-node-df7b0d0f-db95-b934-ea26-f23722a8e858-22a8e852, #w-node-df7b0d0f-db95-b934-ea26-f23722a8e869-22a8e852, #w-node-_83b8c8db-3fae-c77b-68a7-9555a9563b02-a9563afd, #w-node-_83b8c8db-3fae-c77b-68a7-9555a9563b09-a9563afd, #w-node-_83b8c8db-3fae-c77b-68a7-9555a9563b0a-a9563afd, #w-node-_83b8c8db-3fae-c77b-68a7-9555a9563b0c-a9563afd {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-aa438517-7735-df9a-6608-e1e69f153683-9f15367b, #w-node-df1bf43e-731a-7a5b-61bc-5bfcd580a05f-d580a057, #w-node-c29a964a-7111-4030-6f56-8e4cd28cca82-d28cca77 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  justify-self: center;
}

#w-node-f65d46ad-2b96-097c-e48d-c1db14d789fa-14d789f3 {
  grid-area: Area-6;
  align-self: center;
}

#w-node-f65d46ad-2b96-097c-e48d-c1db14d789fb-14d789f3 {
  grid-area: Area;
  place-self: center end;
}

#w-node-f65d46ad-2b96-097c-e48d-c1db14d789fc-14d789f3 {
  grid-area: Area-5;
  align-self: center;
}

#w-node-f65d46ad-2b96-097c-e48d-c1db14d789fd-14d789f3 {
  grid-area: Area-7;
  align-self: center;
}

#w-node-f65d46ad-2b96-097c-e48d-c1db14d789fe-14d789f3 {
  grid-area: Area-4;
  align-self: center;
}

#w-node-f65d46ad-2b96-097c-e48d-c1db14d789ff-14d789f3 {
  grid-area: Area-8;
  align-self: center;
}

#w-node-_9c78fd2a-d548-a24d-2f85-ce2cb03278c9-833da058, #w-node-_9c78fd2a-d548-a24d-2f85-ce2cb03278d4-833da058 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_3d3138ea-7952-ab18-83aa-c3bf5daa23e2-5daa23cf {
  grid-area: span 1 / span 1 / span 1 / span 1;
  place-self: auto;
}

#w-node-_834dfa5f-0c24-ecaf-14c2-6cbcb7710889-b7710882, #w-node-_834dfa5f-0c24-ecaf-14c2-6cbcb7710892-b7710882, #w-node-_834dfa5f-0c24-ecaf-14c2-6cbcb771089b-b7710882, #w-node-_834dfa5f-0c24-ecaf-14c2-6cbcb77108a4-b7710882, #w-node-_834dfa5f-0c24-ecaf-14c2-6cbcb77108ad-b7710882, #w-node-_834dfa5f-0c24-ecaf-14c2-6cbcb77108b6-b7710882, #w-node-_3a6160bb-b135-6ed0-5efd-6ce5c8283176-c828316f, #w-node-_3a6160bb-b135-6ed0-5efd-6ce5c828317f-c828316f, #w-node-_3a6160bb-b135-6ed0-5efd-6ce5c8283188-c828316f {
  place-self: auto;
}

#w-node-_1a40b6a7-27ff-23df-2d78-481252a4cc90-52a4cc82 {
  align-self: stretch;
}

#w-node-_1a40b6a7-27ff-23df-2d78-481252a4cc96-52a4cc82 {
  grid-area: Area;
}

#w-node-_1a40b6a7-27ff-23df-2d78-481252a4cc9d-52a4cc82 {
  grid-area: Area-4;
}

#w-node-_1a40b6a7-27ff-23df-2d78-481252a4cca3-52a4cc82 {
  grid-area: Area-5;
}

#w-node-ed240a98-edfc-de85-002c-cfbbf1cd3974-f1cd396d, #w-node-_829b29ac-6f61-3692-212b-554fc442d235-f1cd396d, #w-node-ed240a98-edfc-de85-002c-cfbbf1cd3986-f1cd396d, #w-node-ed240a98-edfc-de85-002c-cfbbf1cd3998-f1cd396d, #w-node-_8d175e70-4969-3d5d-57b8-e333af31278e-af312787, #w-node-_8d175e70-4969-3d5d-57b8-e333af312798-af312787, #w-node-_8d175e70-4969-3d5d-57b8-e333af3127a2-af312787 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_9a30ff25-9925-f7fb-4ca3-eb52ce3ab3a0-ce3ab39c {
  grid-area: span 2 / span 1 / span 2 / span 1;
  align-self: auto;
}

#w-node-_9a30ff25-9925-f7fb-4ca3-eb52ce3ab3b8-ce3ab39c {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_9a30ff25-9925-f7fb-4ca3-eb52ce3ab3ba-ce3ab39c {
  grid-area: Area-3;
}

#w-node-a8540f4b-3f0b-891c-36f5-ab7df55d27af-f55d27a7 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  align-self: auto;
}

#w-node-a8540f4b-3f0b-891c-36f5-ab7df55d27b0-f55d27a7, #w-node-a8540f4b-3f0b-891c-36f5-ab7df55d27b1-f55d27a7, #w-node-a8540f4b-3f0b-891c-36f5-ab7df55d27b3-f55d27a7, #w-node-a8540f4b-3f0b-891c-36f5-ab7df55d27b5-f55d27a7, #w-node-a8540f4b-3f0b-891c-36f5-ab7df55d27b6-f55d27a7, #w-node-a8540f4b-3f0b-891c-36f5-ab7df55d27b7-f55d27a7, #w-node-a8540f4b-3f0b-891c-36f5-ab7df55d27b9-f55d27a7, #w-node-a8540f4b-3f0b-891c-36f5-ab7df55d27bb-f55d27a7, #w-node-a8540f4b-3f0b-891c-36f5-ab7df55d27bc-f55d27a7, #w-node-a8540f4b-3f0b-891c-36f5-ab7df55d27bd-f55d27a7, #w-node-a8540f4b-3f0b-891c-36f5-ab7df55d27bf-f55d27a7, #w-node-a8540f4b-3f0b-891c-36f5-ab7df55d27c1-f55d27a7, #w-node-a8540f4b-3f0b-891c-36f5-ab7df55d27c2-f55d27a7, #w-node-a8540f4b-3f0b-891c-36f5-ab7df55d27c3-f55d27a7, #w-node-a8540f4b-3f0b-891c-36f5-ab7df55d27c5-f55d27a7, #w-node-dfc100c5-cc4f-2207-8bbe-6e3d8fd1404f-8fd1404f, #w-node-dfc100c5-cc4f-2207-8bbe-6e3d8fd14053-8fd1404f, #w-node-dfc100c5-cc4f-2207-8bbe-6e3d8fd14055-8fd1404f {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_9886ad92-e20a-e663-b79b-e81fc5b92ef4-c5b92ef1 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  align-self: center;
}

#w-node-_9886ad92-e20a-e663-b79b-e81fc5b92ef7-c5b92ef1, #w-node-_9886ad92-e20a-e663-b79b-e81fc5b92f07-c5b92ef1, #w-node-_4b084c08-9174-89bf-302a-f1ed6a017615-c5b92ef1, #w-node-_8b58de53-e96a-881c-967a-cd1d93759b4b-c5b92ef1, #w-node-_0e93d8c1-fc9f-c277-b198-0cc879d1c9b9-c5b92ef1, #w-node-_87269d20-a2ab-411a-737e-3e38242afe2e-242afe29, #w-node-_87269d20-a2ab-411a-737e-3e38242afe30-242afe29, #w-node-_87269d20-a2ab-411a-737e-3e38242afe32-242afe29, #w-node-_87269d20-a2ab-411a-737e-3e38242afe34-242afe29 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-fff118c6-4588-6451-c6b5-dd24f3bd8037-f3bd8037 {
  place-self: auto;
}

#w-node-fb862408-ee8f-0141-51c1-86e80de65f4f-5d04d236 {
  grid-area: Area-2;
}

#w-node-_250f292f-ed5e-35e4-0a82-752af63d3153-5d04d236 {
  grid-area: Area-11;
}

#w-node-b5aa09ae-6bca-85f6-e991-f752d49686c0-5d04d236 {
  grid-area: Area-12;
}

#w-node-a9c6c981-5bcb-e3f2-f79d-798e507a0b68-5d04d236 {
  grid-area: Area-9;
}

#w-node-_2c0e975d-fdf8-1125-8753-2ed5e4b13b69-5d04d236 {
  grid-area: Area-7;
}

#w-node-b473d797-312f-eafe-982b-fb004eaf7f6c-5d04d236 {
  grid-area: Area-8;
}

#w-node-b7b2bf52-3105-97cd-9031-78a9bcfd2bf6-5d04d236 {
  grid-area: Area-5;
}

#w-node-_1608fde0-5431-faf2-0ec9-f68799617ea6-5d04d236 {
  grid-area: Area-4;
}

#w-node-d64ded9a-9d5b-cc5c-6379-6a9b14b3f8cc-5d04d236 {
  grid-area: Area-6;
}

#w-node-_86550170-91f5-c35a-e873-ebbd5e9d76a2-5d04d236 {
  grid-area: Area-3;
}

#w-node-_158cb023-79e0-b171-440e-f3e2b24cb176-5d04d236 {
  grid-area: Area;
}

#w-node-_7b3b9e71-d148-943e-8b9c-bc794deafdac-5d04d236, #w-node-_2f2c0397-4c84-f0d4-b067-b3f201070555-5d04d236 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_533910c7-d0eb-0e94-cc86-c08a7533c2e0-5d04d236 {
  grid-area: Area-13;
}

#w-node-cf73b612-276f-884f-fb8c-e87f44bfa4a6-5d04d236 {
  grid-area: Area-14;
}

#w-node-b4b3804a-229e-6d28-d646-608e6f182d72-5d04d236 {
  grid-area: Area-15;
}

#w-node-_52f0e2b2-a264-dda9-d304-1b87d2d64568-5d04d236 {
  grid-area: Area-17;
}

#w-node-_2608eb87-a2d3-480f-e7c7-199ba20eda8e-5d04d236 {
  grid-area: Area-16;
}

#w-node-d7665dc7-4e3d-bc68-5190-e256d2df1e0d-5d04d236, #w-node-_7fd077bc-5d05-ba9e-7954-5ed9dcec9eb9-5d04d236, #w-node-_75be8ef0-df86-76c6-499c-a88bfd132764-5d04d236 {
  grid-area: Area-5;
}

#w-node-f5f4c74e-d638-8f16-83be-f9985114af56-5d04d236 {
  grid-area: Area-6;
}

#w-node-ca091e7d-d14a-0573-a248-07ac73b2a5e3-5d04d236 {
  grid-area: Area-7;
}

#w-node-_0019d644-b08a-b5e5-f95d-cd4982b69279-5d04d236, #w-node-_96188417-1f14-35bf-b2e9-2ac321773eaa-5d04d236, #w-node-ab39920a-ba32-a34a-25bd-eee6497f2afa-5d04d236 {
  grid-area: Area-12;
}

#w-node-_2ff8ef7e-f5a4-cf29-8b6e-6b0e71e1e0c3-5d04d236, #w-node-_5d0d87cc-3729-009e-bd33-0023edaa2316-5d04d236, #w-node-_2b545562-5c01-684a-b255-ed29b80a8021-5d04d236 {
  grid-area: Area-11;
}

#w-node-_4879bf7d-924a-d7ca-6bdb-e4cd6f21a872-5d04d236, #w-node-bb9f1018-95ba-56ee-f5a7-a87614bcf85d-5d04d236 {
  grid-area: Area-14;
}

#w-node-_2e562fda-6806-f1a8-6def-9f34232a4e20-5d04d236 {
  grid-area: Area-15;
}

#w-node-b58a0e30-9cfd-3457-4b41-ca62964c40c9-5d04d236 {
  grid-area: Area-8;
}

#w-node-_01477f91-83f8-b47f-6401-a9582247207a-5d04d236 {
  grid-area: Area-9;
}

#w-node-a5496adb-ee08-d371-6cc0-f00bbaff521d-5d04d236, #w-node-a6b3073f-76c6-8d96-9f97-122d8be5ea25-5d04d236, #w-node-_0f3011e8-f696-362c-310d-70c9c81ad641-5d04d236 {
  grid-area: Area-13;
}

#w-node-_4f4b10ec-b77d-3862-cc4c-fa9163462436-5d04d236 {
  grid-area: Area-10;
}

#w-node-_7c720784-83e3-75ad-72f0-31a41c80317b-5d04d236 {
  grid-area: Area-4;
}

#w-node-_6257a962-ff0d-e478-c17f-63e228b64ffd-5d04d236 {
  grid-area: Area-2;
}

#w-node-fd1508e6-fb8a-e2ca-b496-ce4eeccd181a-5d04d236 {
  grid-area: Area;
}

#w-node-_411f4ae0-9139-118f-e9dd-4fe93a79cca4-5d04d236 {
  grid-area: Area-3;
}

#w-node-_9c1ca632-585f-66ed-049e-0ff8cc6e3282-5d04d236 {
  grid-area: Area-2;
}

#w-node-_78d6560d-2836-25d7-40fe-7b4be85d352f-5d04d236, #w-node-_0a514325-adf1-a6e5-62ee-d41242984d22-5d04d236, #w-node-_6f51da98-29b0-74e8-bdf9-02d3cd71b2ad-5d04d236, #w-node-_72b53df3-914d-3814-0a8a-64323b500d76-5d04d236, #w-node-_27637390-f224-81c4-0a0d-9d24af37dd70-5d04d236, #w-node-d13ed140-67ec-f75f-d6e9-2df4d63f44bf-5d04d236, #w-node-_5ecc00be-087f-64d5-12c1-be987c4ebb13-5d04d236, #w-node-_871ed656-97a6-a2e0-c7b0-942f1ad41dba-5d04d236, #w-node-a559f52d-a475-12f5-1c80-c3228e2f0d87-5d04d236, #w-node-fb0595b0-97db-b047-ac48-387020df83a3-5d04d236 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_3c668d90-b282-d4e5-af05-dcbb95cae0b4-5d04d236 {
  grid-area: Area-5;
}

#w-node-_3c668d90-b282-d4e5-af05-dcbb95cae0b5-5d04d236 {
  grid-area: Area-2;
}

#w-node-c5825d19-6c89-1fb0-c412-56fec27d02a3-5d04d236, #w-node-_3313cecf-067d-1370-edd5-3d4b14edc88e-5d04d236 {
  grid-area: Area;
}

#w-node-d551bb85-25eb-a385-900e-6980c3ede628-5d04d236, #w-node-_24459240-ed07-a66b-5941-7a893489c08d-5d04d236 {
  grid-area: Area-2;
}

#w-node-_443ebeb0-c049-f05b-b189-bbc61b9272bc-5d04d236 {
  grid-area: Area-7;
}

#w-node-_443ebeb0-c049-f05b-b189-bbc61b9272bd-5d04d236 {
  grid-area: Area-2;
}

#w-node-a7bb3ed8-8836-d9ae-5425-e4f1d3732e17-5d04d236 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-a7bb3ed8-8836-d9ae-5425-e4f1d3732e18-5d04d236 {
  grid-area: Area-2;
}

#w-node-_5784bf6b-2773-e5f8-9bca-9dbb22a66ad3-5d04d236 {
  grid-area: Area-9;
}

#w-node-_5784bf6b-2773-e5f8-9bca-9dbb22a66ad4-5d04d236 {
  grid-area: Area-2;
}

#w-node-_89f12bba-bf74-6d57-c6ba-516e720f2a67-87c4e67c, #w-node-a9d40d64-5bee-0f28-27b4-d68aded42cd9-87c4e67c, #w-node-a75caf04-6847-3515-1f20-78760de64702-0de64702, #w-node-_224de01e-ab1f-b54f-b2a3-9594662f4f9f-662f4f9f, #w-node-_3445de9f-e11c-6c64-d5f9-f8e1fab81886-fab81886, #w-node-dcca4d1f-1645-2edc-7fc4-74d7c47f9529-f5fa5182, #w-node-dcca4d1f-1645-2edc-7fc4-74d7c47f9531-f5fa5182, #w-node-dcca4d1f-1645-2edc-7fc4-74d7c47f9533-f5fa5182, #w-node-dcca4d1f-1645-2edc-7fc4-74d7c47f9535-f5fa5182 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_50b6629e-003c-3254-08fe-b4f6b9232dad-06313efd {
  grid-area: span 1 / span 1 / span 1 / span 1;
  justify-self: center;
}

#w-node-_3bca51b4-5f8c-4ce4-568c-20770815f93f-06313efd {
  align-self: stretch;
}

#w-node-_3bca51b4-5f8c-4ce4-568c-20770815f947-06313efd {
  grid-area: Area;
}

#w-node-_3bca51b4-5f8c-4ce4-568c-20770815f950-06313efd {
  grid-area: Area-4;
}

#w-node-_3bca51b4-5f8c-4ce4-568c-20770815f956-06313efd {
  grid-area: Area-5;
}

#w-node-_13e499e7-1512-973b-db23-26b3fd73adc6-06313efd, #w-node-_13e499e7-1512-973b-db23-26b3fd73add7-06313efd, #w-node-_9060d76f-fb21-0dc6-ec5b-cb5e735b43b0-fa3a0e6e, #w-node-_038d11ac-16b6-5c5f-44b8-635837f98a8f-37f98a8e, #w-node-_47964614-1c03-a38a-617b-350653f4ef62-b398533f, #w-node-_47964614-1c03-a38a-617b-350653f4ef67-b398533f {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_47964614-1c03-a38a-617b-350653f4ef6c-b398533f {
  grid-area: span 1 / span 3 / span 1 / span 3;
}

#w-node-e9a58021-e680-21d1-0044-302a7979fd43-b398533f, #w-node-e9a58021-e680-21d1-0044-302a7979fd4d-b398533f, #w-node-e9a58021-e680-21d1-0044-302a7979fd57-b398533f, #w-node-_8204ae19-9539-dfd7-a015-8ecd444a12bf-0bea2e2d, #w-node-_8204ae19-9539-dfd7-a015-8ecd444a12c1-0bea2e2d, #w-node-_8204ae19-9539-dfd7-a015-8ecd444a12d2-0bea2e2d, #w-node-_8204ae19-9539-dfd7-a015-8ecd444a12e6-0bea2e2d, #w-node-b5067281-bf4a-8e73-e75a-4906029940a5-b4cf2129, #w-node-b5067281-bf4a-8e73-e75a-4906029940af-b4cf2129, #w-node-b5067281-bf4a-8e73-e75a-4906029940b9-b4cf2129, #w-node-_8f4b9856-5f2d-3647-9f3a-7c25af0bda29-f25add15, #w-node-dfbcaa16-aa4b-c258-a113-f0b65a6842b2-f25add15, #w-node-_77954eee-61c3-d9da-a623-c11f3a9b27dc-f25add15, #w-node-_379b225e-d069-2bbf-6593-bc9785256363-f25add15, #w-node-_695daa46-ea4c-6597-dc82-6a540354d35f-f25add15, #w-node-_666b6c03-3f1a-f857-431b-91784e226cd5-f25add15 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-c1c0fc86-d2e7-196f-dbb3-bb89285140d2-f25add15 {
  grid-area: span 1 / span 3 / span 1 / span 3;
}

#w-node-e9a58021-e680-21d1-0044-302a7979fd43-f25add15, #w-node-e9a58021-e680-21d1-0044-302a7979fd4d-f25add15, #w-node-e9a58021-e680-21d1-0044-302a7979fd57-f25add15, #w-node-_4e4a57b8-16a1-fee4-8eb3-6d7d43c52e58-ff2dfbcb, #w-node-_9903629f-901f-12b4-385f-57167ed206aa-ff2dfbcb, #w-node-_76d65c92-de4d-f58e-70f5-741a3fe6320d-ff2dfbcb, #w-node-dafb9e8c-0455-5086-789b-7ddd04b1aa66-ff2dfbcb, #w-node-d7f1b7cb-3f35-1a3e-5186-0f2f3da16387-efc6c558, #w-node-d7f1b7cb-3f35-1a3e-5186-0f2f3da1638a-efc6c558, #w-node-d7f1b7cb-3f35-1a3e-5186-0f2f3da16391-efc6c558, #w-node-d7f1b7cb-3f35-1a3e-5186-0f2f3da16398-efc6c558, #w-node-d7f1b7cb-3f35-1a3e-5186-0f2f3da1639f-efc6c558, #w-node-d7f1b7cb-3f35-1a3e-5186-0f2f3da163a6-efc6c558, #w-node-e817a406-3117-dba2-7e87-30214220107e-42201078, #w-node-e817a406-3117-dba2-7e87-302142201087-42201078, #w-node-e817a406-3117-dba2-7e87-302142201090-42201078 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-a1ace064-22c0-c92b-5495-f626f2e975fc-6e9803c1 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  place-self: auto;
}

#w-node-e6f84879-4562-57fa-47a4-211b078b68dd-6e9803c1, #w-node-e6f84879-4562-57fa-47a4-211b078b68e4-6e9803c1, #w-node-e6f84879-4562-57fa-47a4-211b078b68eb-6e9803c1, #w-node-e6f84879-4562-57fa-47a4-211b078b68f2-6e9803c1, #w-node-e6f84879-4562-57fa-47a4-211b078b68f9-6e9803c1, #w-node-e6f84879-4562-57fa-47a4-211b078b6900-6e9803c1 {
  place-self: auto;
}

#w-node-a8cb86f4-71f7-f0e3-7348-851bed763623-6e9803c1, #w-node-a8cb86f4-71f7-f0e3-7348-851bed763634-6e9803c1, #w-node-aed54589-3953-d7e4-4be3-81f0b31275a7-ec8f9dc2, #w-node-_3c98131a-eb60-0a8c-c89d-029c2970a36c-ec8f9dc2, #w-node-_89f12bba-bf74-6d57-c6ba-516e720f2a67-edc42174, #w-node-a9d40d64-5bee-0f28-27b4-d68aded42cd9-edc42174 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

@media screen and (max-width: 991px) {
  #w-node-f65d46ad-2b96-097c-e48d-c1db14d789fa-14d789f3 {
    grid-area: Area-9;
  }

  #w-node-f65d46ad-2b96-097c-e48d-c1db14d789fb-14d789f3 {
    justify-self: end;
  }

  #w-node-f65d46ad-2b96-097c-e48d-c1db14d789fc-14d789f3 {
    justify-self: auto;
  }

  #w-node-_47964614-1c03-a38a-617b-350653f4ef5d-b398533f, #w-node-_47964614-1c03-a38a-617b-350653f4ef62-b398533f, #w-node-_47964614-1c03-a38a-617b-350653f4ef67-b398533f, #w-node-a955a3b2-8dbc-ef51-bada-f9b7059ed6f7-f25add15, #w-node-_695daa46-ea4c-6597-dc82-6a540354d35f-f25add15, #w-node-_666b6c03-3f1a-f857-431b-91784e226cd5-f25add15 {
    grid-area: span 1 / span 3 / span 1 / span 3;
  }
}

@media screen and (max-width: 767px) {
  #w-node-_1a40b6a7-27ff-23df-2d78-481252a4cc8a-52a4cc82 {
    grid-area: Area-2;
  }

  #w-node-_1a40b6a7-27ff-23df-2d78-481252a4cc90-52a4cc82 {
    grid-area: Area-3;
  }

  #w-node-_3bca51b4-5f8c-4ce4-568c-20770815f939-06313efd {
    grid-area: Area-2;
  }

  #w-node-_3bca51b4-5f8c-4ce4-568c-20770815f93f-06313efd {
    grid-area: Area-3;
  }

  #w-node-_47964614-1c03-a38a-617b-350653f4ef5d-b398533f, #w-node-_47964614-1c03-a38a-617b-350653f4ef62-b398533f, #w-node-_47964614-1c03-a38a-617b-350653f4ef67-b398533f, #w-node-a955a3b2-8dbc-ef51-bada-f9b7059ed6f7-f25add15, #w-node-_695daa46-ea4c-6597-dc82-6a540354d35f-f25add15, #w-node-_666b6c03-3f1a-f857-431b-91784e226cd5-f25add15 {
    grid-area: span 1 / span 3 / span 1 / span 3;
  }
}


@font-face {
  font-family: 'SF Pro Text';
  src: url('../fonts/sf-pro-text_regular.woff2') format('woff2');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'SF Pro Display';
  src: url('../fonts/sf-pro-display_light.woff2') format('woff2');
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'SF Pro Display';
  src: url('../fonts/sf-pro-display_medium.woff2') format('woff2');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'SF Pro Display';
  src: url('../fonts/sf-pro-display_semibold.woff2') format('woff2');
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'SF Pro Text';
  src: url('../fonts/sf-pro-text_light.woff2') format('woff2');
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'SF Pro Text';
  src: url('../fonts/sf-pro-text_bold.woff2') format('woff2');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'SF Pro Text';
  src: url('../fonts/sf-pro-text_semibold.woff2') format('woff2');
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'SF Pro Display';
  src: url('../fonts/sf-pro-display_thin.woff2') format('woff2');
  font-weight: 100;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'SF Pro JP';
  src: url('../fonts/SFProJP_medium.woff2') format('woff2');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'SF Pro KR';
  src: url('../fonts/SFProKR_medium.woff2') format('woff2');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'SF Pro SC';
  src: url('../fonts/PingFangSC-Medium.woff2') format('woff2');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'SF Pro Icons';
  src: url('../fonts/SFProIcons_regular.woff') format('woff');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'SF Pro Icons';
  src: url('../fonts/SFProIcons_light.woff') format('woff');
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}