/*!********************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[4].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[4].use[2]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[4].use[3]!./src/suite-hero-block/style.scss ***!
  \********************************************************************************************************************************************************************************************************************************************************/
.suite-hero {
  width: 100%;
  max-width: 1440px;
  margin: 0 auto;
  display: flex;
  padding: 10rem 0;
  justify-content: center;
}
@media screen and (max-width: 576px) {
  .suite-hero {
    padding: var(--spacing-s, 24px) 0 !important;
  }
}
.suite-hero h1,
.suite-hero p {
  font-weight: 400 !important;
  color: var(--color-grey-900, #171717);
}
.suite-hero h6 {
  margin-bottom: 0;
}
.suite-hero__heading {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: var(--spacing-3xs, 12px);
}
.suite-hero__icon {
  width: 24px;
  height: 24px;
  -o-object-fit: contain;
     object-fit: contain;
}
@media screen and (max-width: 1025px) {
  .suite-hero .btn-wrapper {
    width: 100% !important;
  }
}
.suite-hero__element {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  border-radius: var(--border-radius-2xl, 32px);
  padding: 2rem;
}
.suite-hero__element--green {
  flex-grow: 1;
  background-color: var(--color-grey-0, #ffffff);
  border: var(--spacing-b-s, 1px) solid var(--color-grey-100, #e4e5e7);
}
.suite-hero__element--transparent {
  background-color: transparent;
}
.suite-hero__value {
  font-size: 82px;
  line-height: normal;
  white-space: nowrap;
}
.suite-hero__value--green {
  color: var(--color-grey-900, #171717);
}
.suite-hero__value--transparent {
  color: var(--color-grey-0, #ffffff);
}
@media screen and (max-width: 576px) {
  .suite-hero__value {
    font-size: 48px;
    line-height: 1;
  }
}
.suite-hero__description {
  font-size: 20px;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}
.suite-hero__description--green {
  color: var(--color-grey-900, #171717);
}
.suite-hero__description--transparent {
  color: var(--color-grey-0, #ffffff);
}
@media screen and (max-width: 576px) {
  .suite-hero__description {
    font-size: 14px;
  }
}
.suite-hero--green {
  padding-bottom: 0 !important;
  gap: var(--spacing-3xs, 12px);
}
@media screen and (max-width: 1025px) {
  .suite-hero--green {
    justify-content: space-between;
    flex-wrap: wrap;
    gap: var(--spacing-3xs, 12px);
  }
  .suite-hero--green .suite-hero__element {
    padding: var(--spacing-s, 24px) var(--spacing-xs, 20px) var(--spacing-2xs, 16px) var(--spacing-xs, 20px) !important;
    border-radius: var(--border-radius-xs, 8px) !important;
    width: 100%;
  }
}
.suite-hero--transparent {
  background-color: transparent;
}
@media screen and (max-width: 1025px) {
  .suite-hero--transparent {
    flex-direction: column;
    gap: 0;
  }
}
.suite-hero--image-wrapper {
  max-width: unset !important;
  height: -moz-fit-content;
  height: fit-content;
  padding: 0 !important;
  position: relative;
  display: none;
}
.suite-hero--image-wrapper:has(img[src^=http]) {
  display: block !important;
}
.suite-hero--image {
  width: 50vw !important;
  height: 50vw !important;
  max-width: 520px !important;
  max-height: 520px !important;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: var(--border-radius-s, 1.2rem);
}
@media screen and (max-width: 1025px) {
  .suite-hero--image {
    max-width: unset !important;
    max-height: unset !important;
    width: calc(100vw - 40px) !important;
    height: calc(100vw - 40px) !important;
    border-radius: var(--border-radius-2xs, 6px);
  }
}
.suite-hero .gap-96 {
  gap: 96px;
}
@media screen and (max-width: 1025px) {
  .suite-hero .gap-96 {
    gap: var(--spacing-s, 2.4rem);
  }
}
.suite-hero .has-arrow .suite-hero__value::after {
  content: "";
  position: relative;
  display: inline-block;
  background-image: url("data:image/svg+xml,<svg width=\"28\" height=\"28\" viewBox=\"0 0 28 28\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\"><path d=\"M25.6655 4.67104L25.3881 5.18671C24.421 6.9827 23.7362 9.28914 23.609 11.5668C23.4815 13.8506 23.9174 16.0197 25.0876 17.6234L25.4841 18.1675L22.4147 21.2369L21.8899 20.4023C19.9595 17.3363 19.303 13.91 19.8495 10.7714L4.95432 25.6666L2.33449 23.0468L17.2289 8.15083C14.0931 8.69689 10.6752 8.04176 7.64332 6.10891L6.81641 5.58249L9.88581 2.51308L10.4307 2.91655C12.0074 4.0829 14.1727 4.51965 16.4581 4.39208C18.7365 4.26485 21.0417 3.58009 22.8105 2.61529L23.3277 2.33325L25.6655 4.67104Z\" fill=\"#5FCBD0%22/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: top center;
  background-size: contain;
  width: 28px;
  height: 1ch;
  margin-left: var(--spacing-4xs, 8px);
  transition: transform 0.3s ease;
}
@media screen and (max-width: 576px) {
  .suite-hero .has-arrow .suite-hero__value::after {
    width: 16px;
  }
}
.suite-hero .has-arrow.arrow-up .suite-hero__value::after {
  transform: rotate(0deg);
}
.suite-hero .has-arrow.arrow-down .suite-hero__value::after {
  transform: rotate(0deg) translateY(32px);
  background-image: url("data:image/svg+xml,<svg width=\"28\" height=\"28\" viewBox=\"0 0 28 28\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\"><path d=\"M23.3289 25.6655L22.8132 25.3881C21.0172 24.421 18.7108 23.7362 16.4331 23.609C14.1493 23.4815 11.9802 23.9173 10.3765 25.0876L9.83238 25.4841L6.76297 22.4147L7.59757 21.8898C10.6636 19.9594 14.0899 19.303 17.2285 19.8495L2.33331 4.9543L4.95315 2.33447L19.8491 17.2289C19.303 14.0931 19.9581 10.6752 21.891 7.6433L22.4174 6.81639L25.4868 9.8858L25.0834 10.4307C23.917 12.0074 23.4802 14.1727 23.6078 16.458C23.735 18.7365 24.4198 21.0416 25.3846 22.8105L25.6666 23.3277L23.3289 25.6655Z\" fill=\"#FF92AA%22/%3E%3C/svg%3E");
}
@media screen and (max-width: 576px) {
  .suite-hero .has-arrow.arrow-down .suite-hero__value::after {
    transform: rotate(0deg) translateY(16px);
  }
}
.suite-hero .checked-1 .suite-hero__value::after,
.suite-hero .checked-true .suite-hero__value::after {
  content: "";
  position: relative;
  display: inline-block;
  background-image: url("data:image/svg+xml,<svg width=\"28\" height=\"28\" viewBox=\"0 0 28 28\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\"><path d=\"M25.6655 4.67104L25.3881 5.18671C24.421 6.9827 23.7362 9.28914 23.609 11.5668C23.4815 13.8506 23.9174 16.0197 25.0876 17.6234L25.4841 18.1675L22.4147 21.2369L21.8899 20.4023C19.9595 17.3363 19.303 13.91 19.8495 10.7714L4.95432 25.6666L2.33449 23.0468L17.2289 8.15083C14.0931 8.69689 10.6752 8.04176 7.64332 6.10891L6.81641 5.58249L9.88581 2.51308L10.4307 2.91655C12.0074 4.0829 14.1727 4.51965 16.4581 4.39208C18.7365 4.26485 21.0417 3.58009 22.8105 2.61529L23.3277 2.33325L25.6655 4.67104Z\" fill=\"#5FCBD0%22/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: top center;
  width: 28px;
  height: 1ch;
  margin-left: var(--spacing-4xs, 8px);
}

.suite-hero-container.suite {
  color: var(--color-grey-0, #ffffff);
  height: 100%;
  max-width: unset;
}
.suite-hero-container.suite .btn-primary-l,
.suite-hero-container.suite .btn-secondary-l {
  border: none !important;
}
@media screen and (max-width: 1025px) {
  .suite-hero-container.suite .btn-primary-l,
  .suite-hero-container.suite .btn-secondary-l {
    width: 100% !important;
  }
}
.suite-hero-container.suite button {
  border-radius: var(--border-radius-xl, 24px);
  background-color: var(--color-grey-black, #000000);
  color: var(--color-grey-0, #ffffff);
}
.suite-hero-container.suite .btn-secondary-l {
  background-color: var(--color-grey-0, #ffffff);
  color: var(--color-grey-900, #171717);
}
.suite-hero-container.suite .item-banner__content {
  align-items: flex-start !important;
  width: 100%;
  gap: var(--spacing-m, 32px);
  max-width: 1440px;
  padding: var(--spacing-m, 3.2rem) 0 0;
  text-align: left !important;
}
@media screen and (max-width: 1025px) {
  .suite-hero-container.suite .item-banner__content {
    gap: var(--spacing-xs, 20px);
    padding: 2.4rem 0;
  }
}

.max {
  padding-right: 3rem;
  padding-left: 3rem;
}

.checkLabel {
  line-height: 32px;
  font-size: 12px;
  margin-bottom: 4px;
}

.gap-96 {
  gap: 96px;
}

.has-arrow .suite-hero__value::after {
  content: "";
  position: relative;
  display: inline-block;
  background-image: url("data:image/svg+xml,<svg width=\"28\" height=\"28\" viewBox=\"0 0 28 28\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\"><path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M7.08638 2.3335H21.9503C24.0065 2.3335 25.6663 3.99331 25.6663 6.04949V20.9135C25.6663 22.9696 24.0065 24.6294 21.9503 24.6294C19.8942 24.6294 18.2344 22.9696 18.2344 20.9135V15.0174L8.67187 24.5799C7.22263 26.0291 4.86917 26.0291 3.41994 24.5799C1.9707 23.1307 1.9707 20.7772 3.41994 19.328L12.9824 9.76548H7.08638C5.0302 9.76548 3.37039 8.10567 3.37039 6.04949C3.37039 3.99331 5.0302 2.3335 7.08638 2.3335Z\" fill=\"%235FCBD0\"/></svg>");
  background-repeat: no-repeat;
  background-position: center;
  width: 28px;
  height: 28px;
  margin-left: var(--spacing-4xs, 8px);
  transition: transform 0.3s ease;
  transform-origin: center center;
}
.has-arrow.arrow-up .suite-hero__value::after {
  transform: rotate(0deg);
}
.has-arrow.arrow-down .suite-hero__value::after {
  transform: rotate(90deg);
}

.checked-1 .suite-hero__value::after,
.checked-true .suite-hero__value::after {
  content: "";
  position: relative;
  display: inline-block;
  background-image: url("data:image/svg+xml,<svg width=\"28\" height=\"28\" viewBox=\"0 0 28 28\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\"><path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M7.08638 2.3335H21.9503C24.0065 2.3335 25.6663 3.99331 25.6663 6.04949V20.9135C25.6663 22.9696 24.0065 24.6294 21.9503 24.6294C19.8942 24.6294 18.2344 22.9696 18.2344 20.9135V15.0174L8.67187 24.5799C7.22263 26.0291 4.86917 26.0291 3.41994 24.5799C1.9707 23.1307 1.9707 20.7772 3.41994 19.328L12.9824 9.76548H7.08638C5.0302 9.76548 3.37039 8.10567 3.37039 6.04949C3.37039 3.99331 5.0302 2.3335 7.08638 2.3335Z\" fill=\"%235FCBD0\"/></svg>");
  background-repeat: no-repeat;
  background-position: top center;
  width: 28px;
  height: 1ch;
  margin-left: var(--spacing-4xs, 8px);
}

/*# sourceMappingURL=style-index.css.map*/