@font-face {
  font-family: Satoshi;
  src: url('../fonts/Satoshi-Medium.otf') format("opentype");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Satoshi;
  src: url('../fonts/Satoshi-Black.otf') format("opentype");
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}

:root {
  --_color---body-bg: var(--color--white);
  --_typography---font-family--body: Satoshi, Georgia, sans-serif;
  --_color---body-text: var(--color--gray-1);
  --_typography---body--body-md: 18px;
  --_typography---body--line-height-2: 1.5em;
  --_typography---body--font-weight-1: 500;
  --_typography---font-family--heading: Satoshi, Georgia, sans-serif;
  --_color---heading: var(--color--black);
  --_typography---h1--h1: 56px;
  --_typography---h1--line-height: 1.3em;
  --_typography---h1--font-weight: 900;
  --color--heading: var(--color--black);
  --_typography---h2--h2: 50px;
  --_typography---h2--line-height: 1.3em;
  --_typography---h2--font-weight: 900;
  --_typography---h3--h3: 48px;
  --_typography---h3--line-height: 1.3em;
  --_typography---h3--font-weight: 900;
  --_typography---h4--h4: 38px;
  --_typography---h4--line-height: 1.3em;
  --_typography---h4--font-weight: 900;
  --_typography---h5--h5: 28px;
  --_typography---h5--line-height: 1.3em;
  --_typography---h5--font-weight: 900;
  --_typography---h6--h6: 22px;
  --_typography---h6--line-height: 1.3em;
  --_typography---h6--font-weight: 900;
  --color--black: #1e1e1e;
  --border-radius--sm: 5px;
  --color--primary-2: #fed00e;
  --border-radius--md: 10px;
  --color--white: white;
  --color--primary-1: #443dfc;
  --color--gray-2: #f1f1f1;
  --border-radius--button: 5px;
  --_typography---body--line-height-1: 1.6em;
  --color--gray-1: #787878;
  --_typography---body--font-weight-2: 900;
  --_typography---body--line-height-3: 1.2em;
  --color--transparent: #0000;
  --color--gray-3: #e5f1ff;
  --_typography---body--body-sm: 16px;
  --_typography---h1--h1-xxl: 150px;
  --_typography---body--line-height-5: 1em;
  --_typography---h2--h2-lg: 64px;
  --_typography---h1--h1-lg: 68px;
  --_typography---body--line-height-4: 1.1em;
  --_typography---body--body-lg: 24px;
  --_typography---h1--h1-xl: 72px;
  --_typography---body--body-xs: 14px;
  --_typography---body--font-weight-3: 700;
  --border-radius--form-input: 10px;
  --color--body: var(--color--gray-1);
  --_color---border-color: var(--color--gray-2);
}

.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-backgroundvideo-backgroundvideoplaypausebutton:focus-visible {
  outline-offset: 2px;
  border-radius: 50%;
  outline: 2px solid #3b79c3;
}

.w-form-formradioinput--inputType-custom {
  border: 1px solid #ccc;
  border-radius: 50%;
  width: 12px;
  height: 12px;
}

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

.w-form-formradioinput--inputType-custom.w--redirected-checked {
  border-width: 4px;
  border-color: #3898ec;
}

.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;
}

.w-pagination-wrapper {
  flex-wrap: wrap;
  justify-content: center;
  display: flex;
}

.w-pagination-previous {
  color: #333;
  background-color: #fafafa;
  border: 1px solid #ccc;
  border-radius: 2px;
  margin-left: 10px;
  margin-right: 10px;
  padding: 9px 20px;
  font-size: 14px;
  display: block;
}

.w-pagination-previous-icon {
  margin-right: 4px;
}

.w-page-count {
  text-align: center;
  width: 100%;
  margin-top: 20px;
}

.w-pagination-next {
  color: #333;
  background-color: #fafafa;
  border: 1px solid #ccc;
  border-radius: 2px;
  margin-left: 10px;
  margin-right: 10px;
  padding: 9px 20px;
  font-size: 14px;
  display: block;
}

.w-pagination-next-icon {
  margin-left: 4px;
}

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

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

html {
  font-size: clamp(14px, 0.9vw, 18px);
}

body {
  background-color: var(--_color---body-bg);
  font-family: var(--_typography---font-family--body);
  color: var(--_color---body-text);
  font-size: var(--_typography---body--body-md);
  line-height: var(--_typography---body--line-height-2);
  font-weight: var(--_typography---body--font-weight-1);
}

h1 {
  font-family: var(--_typography---font-family--heading);
  color: var(--_color---heading);
  font-size: var(--_typography---h1--h1);
  line-height: var(--_typography---h1--line-height);
  font-weight: var(--_typography---h1--font-weight);
  margin-top: 0;
  margin-bottom: 10px;
}

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

h3 {
  font-family: var(--_typography---font-family--heading);
  color: var(--color--heading);
  font-size: var(--_typography---h3--h3);
  line-height: var(--_typography---h3--line-height);
  font-weight: var(--_typography---h3--font-weight);
  margin-top: 0;
  margin-bottom: 10px;
}

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

h5 {
  font-family: var(--_typography---font-family--heading);
  color: var(--color--heading);
  font-size: var(--_typography---h5--h5);
  line-height: var(--_typography---h5--line-height);
  font-weight: var(--_typography---h5--font-weight);
  margin-top: 0;
  margin-bottom: 10px;
}

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

p {
  margin-bottom: 10px;
}

a {
  color: var(--color--black);
  text-decoration: underline;
}

ul, ol {
  margin-top: 0;
  margin-bottom: 10px;
  padding-left: 20px;
}

li {
  margin-bottom: 10px;
}

img {
  max-width: 100%;
  display: inline-block;
}

label {
  color: var(--color--black);
  margin-bottom: 5px;
  font-weight: 900;
  display: block;
}

strong {
  font-weight: bold;
}

blockquote {
  border-radius: var(--border-radius--sm);
  background-color: var(--color--primary-2);
  color: var(--color--black);
  text-align: center;
  border-left-style: none;
  margin-bottom: 10px;
  padding: 50px 20px;
  font-size: 18px;
  line-height: 28px;
}

figure {
  margin-bottom: 10px;
}

figcaption {
  text-align: center;
  margin-top: 5px;
}

.error-message {
  border-radius: var(--border-radius--md);
  color: var(--color--white);
  text-align: center;
  background-color: #e92222;
  padding: 15px;
}

.heading-h2 {
  font-family: var(--_typography---font-family--heading);
  color: var(--color--heading);
  font-size: var(--_typography---h2--h2);
  line-height: var(--_typography---h2--line-height);
  font-weight: var(--_typography---h2--font-weight);
  margin-bottom: 10px;
}

.more-templates {
  z-index: 1000;
  grid-column-gap: 6px;
  grid-row-gap: 6px;
  background-color: var(--color--white);
  color: var(--color--black);
  border: 1px solid #0000001a;
  border-radius: 30px;
  align-items: center;
  padding: 1px 10px 1px 2px;
  font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
  font-size: 12px;
  font-weight: 700;
  text-decoration: none;
  display: flex;
  position: fixed;
  inset: auto 30px 30px auto;
}

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

.utility-page-content {
  border-radius: var(--border-radius--md);
  background-color: var(--color--primary-2);
  text-align: center;
  flex-direction: column;
  align-items: center;
  width: 600px;
  padding: 60px;
  display: flex;
}

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

.error-description {
  color: var(--color--black);
  margin-bottom: 30px;
}

.radio-button-field {
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.text-mark {
  background-color: var(--color--primary-1);
  color: var(--color--white);
  padding-left: 3px;
  padding-right: 3px;
}

.success-message {
  border-radius: var(--border-radius--md);
  color: var(--color--white);
  text-align: center;
  background-color: #03cd69;
  padding: 15px;
}

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

.checkbox-field {
  align-items: center;
  margin-bottom: 20px;
  display: flex;
}

.style-guide-spacing-box {
  border-radius: var(--border-radius--sm);
  background-color: var(--color--gray-2);
  text-align: center;
}

.text-left {
  text-align: left;
}

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

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

.form-input {
  border: 1px solid var(--color--gray-2);
  border-radius: var(--border-radius--button);
  background-color: var(--color--gray-2);
  color: var(--color--black);
  font-size: var(--_typography---body--body-md);
  line-height: var(--_typography---body--line-height-1);
  width: 100%;
  height: 50px;
  margin-bottom: 10px;
  padding: 10px 15px;
  transition: all .3s ease-in-out;
}

.form-input:focus {
  border-color: var(--color--black);
  color: var(--color--black);
}

.form-input::placeholder {
  color: var(--color--black);
}

.form-input.form-textarea {
  height: 130px;
}

.form-input.contact-input {
  border-color: var(--color--gray-2);
  background-color: var(--color--white);
}

.form-input.contact-input:focus {
  border-color: var(--color--black);
  background-color: var(--color--white);
}

.form-input.contact-input::placeholder {
  background-color: var(--color--white);
  color: var(--color--gray-1);
}

.style-guide-alignment {
  width: 100%;
}

.heading-class-badge {
  color: var(--color--white);
  background-color: #0073e6;
  border-radius: 3px;
  padding: 0 6px;
  font-size: 12px;
}

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

.heading-h1 {
  font-family: var(--_typography---font-family--heading);
  color: var(--color--heading);
  font-size: var(--_typography---h1--h1);
  line-height: var(--_typography---h1--line-height);
  font-weight: var(--_typography---h1--font-weight);
  margin-bottom: 10px;
}

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

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

.styled-guide-heading-wrap {
  flex-direction: column;
  width: 100%;
  display: flex;
}

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

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

.style-guide-title {
  color: var(--color--heading);
  font-size: var(--_typography---h4--h4);
  line-height: var(--_typography---h4--line-height);
  font-weight: var(--_typography---h4--font-weight);
}

.color-box {
  border: 1px solid var(--color--black);
  border-radius: var(--border-radius--sm);
  width: 150px;
  height: 60px;
}

.style-guide-wrapper {
  margin-bottom: 60px;
}

.style-guide-wrapper.last {
  margin-bottom: 0;
}

.style-guide-content {
  flex-wrap: wrap;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  padding-left: 10px;
  padding-right: 10px;
  display: flex;
  position: static;
}

.style-guide-content.list-style {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  flex-direction: column;
}

.style-guide-content.form {
  display: block;
}

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

.button-primary-2 {
  border: 1px solid var(--color--primary-2);
  border-radius: var(--border-radius--sm);
  background-color: var(--color--primary-2);
  color: var(--color--black);
  font-weight: var(--_typography---body--font-weight-2);
  text-align: center;
  padding: 10px 20px;
  transition: all .3s ease-in-out;
}

.button-primary-2:hover {
  border: 1px solid var(--color--white);
  background-color: var(--color--primary-1);
  color: var(--color--white);
}

.button-primary-2.button-full {
  width: 100%;
}

.button-primary-1-icon {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  border-radius: var(--border-radius--sm);
  background-color: var(--color--primary-1);
  color: var(--color--white);
  line-height: var(--_typography---body--line-height-3);
  font-weight: var(--_typography---body--font-weight-2);
  text-align: center;
  justify-content: flex-start;
  align-items: center;
  padding: 5px 5px 5px 20px;
  text-decoration: none;
  transition: all .3s ease-in-out;
  display: flex;
}

.styled-guide-heading-badge {
  grid-column-gap: 15px;
  grid-row-gap: 15px;
  align-items: center;
  margin-bottom: 10px;
  display: flex;
}

.styled-guide-heading-badge.center {
  justify-content: center;
}

.styled-guide-heading-badge.right {
  justify-content: flex-end;
}

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

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

.checkbox-label {
  padding-left: 6px;
}

.container-box {
  border-radius: var(--border-radius--sm);
  background-color: var(--color--gray-2);
  text-align: center;
  padding: 15px 20px;
}

.text-underline {
  text-decoration: underline;
}

.margin-class-box {
  border-radius: var(--border-radius--sm);
  background-color: var(--color--gray-2);
  width: 100%;
  display: flex;
}

.radio-button-label {
  padding-left: 6px;
}

.style-guide-box {
  border: 1px solid var(--color--gray-2);
  border-radius: var(--border-radius--sm);
  padding: 10px 10px 20px;
}

.button-icon {
  width: 24px;
  height: 24px;
  margin: auto;
}

.container-medium {
  max-width: 1200px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 30px;
  padding-right: 30px;
}

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

.radio-button {
  border: 1px solid var(--color--black);
  background-color: var(--color--transparent);
  width: auto;
  min-width: 20px;
  height: auto;
  min-height: 20px;
  margin-top: 0;
  transition: border .3s ease-in-out;
}

.radio-button.w--redirected-checked {
  border: 5px solid var(--color--primary-2);
  background-color: var(--color--white);
}

.radio-button.w--redirected-focus {
  border-color: var(--color--black);
  box-shadow: none;
}

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

.style-guide-section {
  padding-top: 90px;
  padding-bottom: 90px;
}

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

.button-primary-icon-wrap {
  border-radius: var(--border-radius--sm);
  background-color: var(--color--white);
  justify-content: center;
  align-items: center;
  width: 40px;
  height: 40px;
  display: flex;
  position: relative;
  overflow: hidden;
}

.guide-item {
  text-align: center;
  margin-bottom: 30px;
  padding-right: 30px;
}

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

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

.color-box-name {
  margin-top: 10px;
  margin-bottom: 0;
}

.inner-container {
  max-width: 800px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 30px;
  padding-right: 30px;
}

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

.styled-guide-heading {
  border-bottom: 1px solid var(--color--gray-2);
  flex-direction: column;
  align-items: flex-start;
  margin-bottom: 20px;
  padding-bottom: 20px;
}

.styled-guide-heading.last {
  border-bottom-width: 0;
  margin-bottom: 0;
  padding-bottom: 0;
}

.hero-inner {
  background-color: var(--color--gray-3);
  padding-top: 90px;
  padding-bottom: 90px;
}

.rich-text img {
  border-radius: var(--border-radius--sm);
}

.no-margin {
  margin-bottom: 0;
}

.input-group {
  align-items: center;
  width: 100%;
  margin-bottom: 20px;
}

.input-group.no-margin {
  margin-bottom: 0;
}

.text-small {
  font-size: 14px;
  line-height: 1.4em;
}

.form-select {
  border: 1px solid var(--color--gray-2);
  border-radius: var(--border-radius--button);
  background-color: var(--color--gray-2);
  color: var(--color--black);
  font-size: var(--_typography---body--body-md);
  line-height: var(--_typography---body--line-height-1);
  width: 100%;
  height: 50px;
  margin-bottom: 10px;
  padding-left: 15px;
  padding-right: 15px;
  transition: border-color .3s ease-in-out;
}

.form-select:focus {
  border: 1px solid var(--color--black);
}

.form-select.contact-input {
  border-color: var(--color--gray-2);
  background-color: var(--color--white);
}

.form-select.contact-input:focus {
  border-color: var(--color--black);
  background-color: var(--color--white);
  color: var(--color--black);
}

.text-delete {
  text-decoration: line-through;
}

.text-lead {
  font-size: 20px;
  line-height: 1.4em;
}

.button-hover-icon {
  object-fit: cover;
  width: 24px;
  height: 24px;
  position: absolute;
}

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

.checkbox {
  border: 1px solid var(--color--black);
  width: auto;
  min-width: 20px;
  height: auto;
  min-height: 20px;
  margin-top: 0;
  transition: all .3s ease-in-out;
}

.checkbox.w--redirected-checked {
  border: 0px solid var(--color--black);
  background-color: var(--color--black);
  background-image: url('../images/check-white.svg');
  background-position: 50%;
  background-size: auto;
  border-radius: 3px;
}

.checkbox.w--redirected-focus {
  border: 1px solid var(--color--black);
  box-shadow: none;
}

.heading-h3 {
  font-family: var(--_typography---font-family--heading);
  color: var(--color--heading);
  font-size: var(--_typography---h3--h3);
  line-height: var(--_typography---h3--line-height);
  font-weight: var(--_typography---h3--font-weight);
  margin-bottom: 10px;
}

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

.text-italic {
  font-style: italic;
}

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

.button-primary-1 {
  border-radius: 12px;

  box-shadow: 0 10px 20px rgba(68, 61, 252, 0.25);

  transition: all 0.25s ease;
}

.button-primary-1:hover {
  transform: translateY(-2px);

  box-shadow: 0 15px 30px rgba(68, 61, 252, 0.35);
}

.button-primary-1:hover {
  border: 1px solid var(--color--black);
  background-color: var(--color--primary-2);
  color: var(--color--black);
}

.style-guide-header {
  border-radius: var(--border-radius--sm);
  background-color: var(--color--gray-3);
  margin-bottom: 30px;
  padding: 20px;
}

.text-right {
  text-align: right;
}

.container {
  max-width: 1580px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 30px;
  padding-right: 30px;
}

.heading-badge {
  color: var(--color--white);
  background-color: #be4aa5;
  border-radius: 3px;
  padding: 0 6px;
  font-size: 12px;
}

.button-primary-2-icon {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  border-radius: var(--border-radius--sm);
  background-color: var(--color--primary-2);
  color: var(--color--black);
  line-height: var(--_typography---body--line-height-3);
  font-weight: var(--_typography---body--font-weight-2);
  text-align: center;
  justify-content: flex-start;
  align-items: center;
  padding: 5px 5px 5px 20px;
  text-decoration: none;
  transition: all .3s ease-in-out;
  display: flex;
}

.bg-primary-1 {
  background-color: var(--color--primary-1);
}

.bg-primary-2 {
  background-color: var(--color--primary-2);
}

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

.bg-gray-1 {
  background-color: var(--color--gray-1);
}

.bg-gray-2 {
  background-color: var(--color--gray-2);
}

.bg-gray-3 {
  background-color: var(--color--gray-3);
}

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

.dropdown-icon {
  margin-right: 0;
  font-weight: 900;
}

.logo {
  width: auto;
  height: clamp(70px, 6vw, 105px);
  object-fit: contain;
  display: block;
}

.right-nav {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  justify-content: flex-end;
  align-items: center;
  display: flex;
}

.grid-nav {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  grid-template-rows: auto;
  grid-template-columns: .5fr 1fr .5fr;
  align-items: center;
}

.dropdown-link {
  color: var(--color--white);
  width: 100%;
  margin-top: 10px;
  margin-bottom: 10px;
  padding: 0;
  font-weight: 900;
  line-height: 1.3em;
  transition: color .3s ease-in-out;
}

.dropdown-link:hover, .dropdown-link.w--current {
  color: var(--color--primary-2);
}

.nav-link {
  margin: 15px;
  padding: 0;
  font-weight: 900;
  transition: color .3s ease-in-out;
}

.nav-link:hover, .nav-link.w--current {
  color: var(--color--primary-1);
}

.dropdown-toggle {
  padding: 0 20px 0 0;
}

.dropdown-list {
  border: 1px solid var(--color--gray-2);
  border-radius: var(--border-radius--md);
  background-color: var(--color--black);
  flex-direction: column;
  width: 200px;
  margin-top: 15px;
  padding: 10px 20px;
}

.navbar {
  background-color: var(--color--transparent);
  padding-top: 30px;
  padding-bottom: 30px;
}

.footer-divider {
  background-color: var(--color--white);
  opacity: .1;
  width: 100%;
  height: 1.5px;
  margin-top: 50px;
  margin-bottom: 50px;
}

.footer-link {
  color: var(--color--white);
  text-decoration: none;
  transition: color .3s ease-in-out;
}

.footer-link:hover, .footer-link.w--current {
  color: var(--color--primary-2);
}

.grid-footer {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  border-radius: var(--border-radius--md);
  background-color: var(--color--primary-2);
  grid-template-rows: auto;
  grid-template-columns: .75fr 1fr;
  place-items: center stretch;
  margin-bottom: 50px;
  padding: 30px 20px;
}

.grid-footer-item {
  grid-column-gap: 50px;
  grid-row-gap: 50px;
  grid-template-rows: auto;
  grid-template-columns: 1.5fr 1.75fr 1fr;
}

.footer-detail {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  color: var(--color--white);
  justify-content: flex-start;
  align-items: flex-start;
  margin-bottom: 12px;
  display: flex;
}

.footer-item {
  flex-direction: column;
  justify-content: space-between;
  height: 100%;
}

.footer-social-icon {
  width: 30px;
  height: 30px;
}

.button-inline {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  display: flex;
}

.footer-bottom {
  justify-content: space-between;
  display: flex;
}

.footer-icon {
  width: 25px;
  height: 25px;
}

.footer-links {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  flex-direction: column;
  align-items: flex-start;
  display: flex;
}

.footer {
  background-color: var(--color--black);
  padding-top: 80px;
  padding-bottom: 80px;
}

.footer-social-inline {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  flex-wrap: wrap;
  align-items: center;
  display: flex;
}

.footer-logo {
  width: 100%;
  height: 50px;
}

.footer-description {
  color: var(--color--white);
  margin-top: 30px;
  margin-bottom: 0;
}

.copyright-link {
  color: var(--color--primary-2);
  font-weight: 900;
  text-decoration: none;
  transition: color .3s ease-in-out;
}

.copyright-link:hover {
  color: var(--color--white);
}

.footer-copyright {
  color: var(--color--white);
  align-items: flex-end;
  margin-bottom: 0;
}

.footer-social-link {
  width: 30px;
  height: 30px;
  transition: transform .3s ease-in-out;
}

.footer-social-link:hover {
  transform: translate(0, 5px);
}

.grid-footer-items {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
}

.social-icon {
  width: 20px;
  height: 20px;
}

.coming-subscribe-wrap {
  width: 80%;
  margin-top: 30px;
  margin-left: auto;
  margin-right: auto;
}

.coming-soon-title {
  margin-bottom: 20px;
  font-size: 60px;
}

.coming-soon-icon {
  height: 150px;
  margin-bottom: 20px;
}

.social-icon-wrap {
  grid-column-gap: 15px;
  grid-row-gap: 15px;
  display: flex;
}

.social-link {
  border-radius: var(--border-radius--sm);
  background-color: var(--color--primary-1);
  justify-content: center;
  align-items: center;
  width: 30px;
  height: 30px;
  transition: background-color .3s ease-in-out;
  display: flex;
}

.social-link:hover {
  background-color: var(--color--black);
}

.coming-soon-social {
  grid-column-gap: 15px;
  grid-row-gap: 15px;
  color: var(--color--black);
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  margin-top: 30px;
  display: flex;
}

.subscribe-form {
  align-items: flex-start;
}

.utility-page-coming-soon {
  border-radius: var(--border-radius--md);
  background-color: var(--color--primary-2);
  text-align: center;
  flex-direction: column;
  width: 800px;
  height: auto;
  padding: 50px;
  display: flex;
  position: relative;
}

.link-in-bio-item {
  z-index: 99;
  border-radius: var(--border-radius--md);
  background-color: var(--color--primary-2);
  text-align: center;
  flex-direction: column;
  width: 600px;
  padding: 50px;
  display: flex;
}

.link-in-bio-social-icon {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  color: var(--color--black);
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.link-in-bio-wrap {
  justify-content: center;
  align-items: center;
  padding-top: 60px;
  padding-bottom: 60px;
  display: flex;
}

.link-in-bio-title {
  margin-bottom: 20px;
  font-size: 48px;
}

.link-in-bio-icon-wrap {
  background-color: var(--color--white);
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  width: 150px;
  height: 150px;
  margin-bottom: 30px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.link-in-bio-content {
  color: var(--color--black);
  margin-bottom: 0;
}

.link-in-bio-button-wrap {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  flex-direction: column;
  padding-top: 40px;
  padding-bottom: 40px;
  display: flex;
}

.link-in-bio-image {
  height: 60px;
}

.error-title {
  font-size: var(--_typography---h1--h1-xxl);
  line-height: var(--_typography---body--line-height-5);
}

.text-primary-1 {
  color: var(--color--primary-1);
}

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

.privacy-section {
  padding-top: 80px;
}

.section-spacing-bottom {
  padding-bottom: 80px;
}

.nav-link-light {
  color: var(--color--white);
  font-weight: var(--_typography---body--font-weight-2);
  margin: 15px;
  padding: 0;
  transition: color .3s ease-in-out;
}

.nav-link-light:hover, .nav-link-light.w--current {
  color: var(--color--primary-2);
}

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

.simple-navbar {
  background-color: var(--color--transparent);
  padding-top: 10px;
  padding-bottom: 10px;
  position: relative;
  z-index: 30;
}



.hero-title {
  color: var(--color--white);
  font-size: var(--_typography---h2--h2-lg);
}

.hero-form-button-wrap {
  margin-top: 20px;
}

.hero-form-title {
  font-size: var(--_typography---h4--h4);
  line-height: var(--_typography---body--line-height-4);
  margin-bottom: 30px;
}

.hero-overlay {
  display: none;
}

.hero-form-wrap {
  border-radius: 20px;

  background: rgba(255, 255, 255, 0.85);

  backdrop-filter: blur(20px);
  -webkit-backdrop-filter: blur(20px);

  width: 100%;
  max-width: 100%;
  padding: clamp(24px, 3vw, 50px);

border: 1px solid rgba(255,255,255,0.4);

box-shadow:
  0 20px 60px rgba(0, 0, 0, 0.12),
  0 8px 25px rgba(0, 0, 0, 0.08);

  transition: all 0.3s ease;
}
.hero-form-wrap:hover {
  transform: translateY(-4px);

  box-shadow:
    0 25px 60px rgba(0, 0, 0, 0.15),
    0 10px 25px rgba(0, 0, 0, 0.08);
}

.hero-form-wrap {
  font-size: clamp(14px, 0.9vw, 16px);
}

.hero-form-wrap {
  border: 1px solid rgba(255,255,255,0.4);
}

/* SCALE REAL (NO SOLO WIDTH) */
@media screen and (min-width: 1600px) {
  .hero-form-wrap {
    max-width: 750px;
  }
}

@media screen and (min-width: 1920px) {
  .hero-form-wrap {
    max-width: 820px;
  }
}



.form-input-wrap {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  display: flex;
}

.hero-description {
  color: var(--color--white);
  margin-bottom: 0;
}

.grid-hero {

  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
align-items: center;
  position: relative;
  width: 100%;
  max-width: 1580px;
  margin-left: auto;
  margin-right: auto;
  grid-column-gap: clamp(30px, 4vw, 80px);
  grid-row-gap: clamp(30px, 4vw, 80px);
}

.client-section {
  background-color: var(--color--black);
  padding-top: 50px;
  padding-bottom: 50px;
  overflow: hidden;
}

.client-marquee-wrap {
  position: relative;
  overflow: hidden;
}

.client-marquee-list {
  grid-column-gap: 120px;
  grid-row-gap: 120px;
  display: flex;
  position: relative;
}

.client-marquee-item {
  grid-column-gap: 120px;
  grid-row-gap: 120px;
  flex: none;
  display: flex;
}

.client-logo {
  width: 100%;
  height: 40px;
}

.client-decoration-one {
  background-color: var(--color--black);
  filter: blur(10px);
  width: 80px;
  height: 80px;
  position: absolute;
  inset: -20px auto auto -40px;
}

.client-decoration-two {
  background-color: var(--color--black);
  filter: blur(10px);
  width: 80px;
  height: 80px;
  position: absolute;
  inset: -20px -44px auto auto;
}

.about-counter-title {
  font-size: var(--_typography---body--body-lg);
  margin-bottom: 15px;
}

.about-counter-number {
  color: var(--color--primary-1);
  font-size: var(--_typography---h1--h1);
  line-height: var(--_typography---body--line-height-4);
  margin-bottom: 0;
}

.about-section-title {
  margin-bottom: 0;
}

.about-content {
  grid-column-gap: 80px;
  grid-row-gap: 80px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.about-image {
  border-radius: var(--border-radius--md);
  object-fit: cover;
  width: 100%;
  height: 100%;
}

.grid-about-counter {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
}

.text-primary-2 {
  color: var(--color--primary-2);
}

.about-counter-item {
  grid-column-gap: 50px;
  grid-row-gap: 50px;
  border-radius: var(--border-radius--md);
  background-color: var(--color--gray-3);
  flex-flow: column;
  justify-content: space-between;
  padding: 20px;
  display: flex;
}

.grid-about {
  grid-column-gap: 50px;
  grid-row-gap: 50px;
  grid-template-rows: auto;
  grid-template-columns: 1fr .75fr;
  margin-bottom: 60px;
}

.about-counter-description {
  margin-bottom: 0;
}

.arrow-hover-icon {
  flex: none;
  position: absolute;
  inset: auto;
}

.service-hover-image {
  border-radius: var(--border-radius--md);
  object-fit: cover;
  width: 100%;
  height: 100%;
  margin: auto;
  position: absolute;
  inset: -50px 0% 0% auto;
  transform: rotate(-20deg)translate(0);
}

.service-section {
  background-color: var(--color--black);
}

.grid-service-item {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  grid-template-rows: auto;
  grid-template-columns: 1.25fr .5fr 1.25fr;
  grid-auto-columns: 1fr;
  justify-content: space-between;
  place-items: start stretch;
  width: 100%;
  text-decoration: none;
  display: grid;
  position: relative;
}

.service-wrap {
  grid-column-gap: 50px;
  grid-row-gap: 50px;
  border-radius: var(--border-radius--md);
  background-color: var(--color--white);
  flex-flow: column;
  padding: 80px 20px;
  display: flex;
}

.service-icon {
  width: 44px;
  height: 44px;
}

.service-icon-wrap {
  flex: none;
  margin-top: -3px;
  position: relative;
}

.service-divider {
  z-index: 0;
  background-color: var(--color--black);
  opacity: .1;
  width: 100%;
  height: 1px;
  margin-top: 40px;
  position: relative;
}

.service-section-title {
  color: var(--color--white);
  margin-bottom: 0;
}

.service-title-wrap {
  grid-column-gap: 15px;
  grid-row-gap: 15px;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.service-hover-icon {
  width: 44px;
  height: 44px;
  position: absolute;
  inset: 0%;
}

.service-hover-image-wrap {
  z-index: 2;
  border-radius: var(--border-radius--md);
  object-fit: cover;
  justify-content: center;
  align-items: flex-start;
  width: 200px;
  height: 150px;
  margin-top: -170px;
  position: relative;
  top: 150px;
}

.service-content-wrap {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.service-arrow-icon-wrap {
  border-radius: var(--border-radius--sm);
  background-color: var(--color--white);
  flex: none;
  justify-content: center;
  align-items: center;
  width: 40px;
  height: 40px;
  display: flex;
  position: relative;
}

.service-arrow-icon-wrap.hide {
  display: flex;
}

.service-title {
  font-size: var(--_typography---h5--h5);
  line-height: var(--_typography---body--line-height-2);
  margin-bottom: 0;
}

.service-description {
  color: var(--color--gray-1);
  margin-bottom: 0;
}

.service-section-title-wrap {
  justify-content: space-between;
  align-items: center;
  margin-bottom: 30px;
  display: flex;
}

.arrow-icon {
  width: 24px;
  height: 24px;
}

.service-item {
  grid-column-gap: 70px;
  grid-row-gap: 70px;
  flex-flow: column;
  grid-template-rows: auto;
  grid-template-columns: .75fr .5fr 1fr;
  grid-auto-columns: 1fr;
  width: 100%;
  text-decoration: none;
  position: relative;
}

.testimonial-info {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  flex: none;
  display: flex;
}

.testimonial-image {
  border-radius: 50%;
  width: 50px;
  height: 50px;
}

.section-title {
  margin-bottom: 40px;
}

.testimonial-item {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  border-radius: var(--border-radius--md);
  background-color: var(--color--white);
  flex-flow: column;
  justify-content: space-between;
  align-items: stretch;
  height: 100%;
  padding: 30px;
  display: flex;
}

.testimonial-item.one {
  margin-top: 80px;
}

.rating-image {
  object-fit: cover;
  height: 20px;
}

.right-arrow {
  border-radius: var(--border-radius--sm);
  background-color: var(--color--primary-1);
  justify-content: center;
  align-items: center;
  width: 40px;
  height: 40px;
  transition: background-color .3s ease-in-out;
  display: flex;
  inset: auto 45% 0% auto;
}

.right-arrow:hover {
  background-color: var(--color--primary-2);
}

.testimonial-slide {
  height: 100%;
  margin-right: 50px;
}

.arrow {
  width: 24px;
  height: 24px;
}

.testimonial-slider {
  background-color: var(--color--transparent);
  justify-content: space-between;
  width: 100%;
  height: 100%;
  padding-bottom: 180px;
}

.testimonial-slider-wrapper {
  height: 100%;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  position: relative;
  overflow: hidden;
}

.hide {
  display: none;
}

.left-arrow {
  border-radius: var(--border-radius--sm);
  background-color: var(--color--primary-1);
  justify-content: center;
  align-items: center;
  width: 40px;
  height: 40px;
  transition: background-color .3s ease-in-out;
  display: flex;
  inset: auto auto 0% 45%;
}

.left-arrow:hover {
  background-color: var(--color--primary-2);
}

.testimonial-slider-wrap {
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.testimonial-name {
  font-size: var(--_typography---body--body-md);
  margin-bottom: 5px;
}

.testimonial-content {
  font-size: var(--_typography---h6--h6);
  font-weight: var(--_typography---body--font-weight-1);
  margin-bottom: 0;
}

.testimonial-mask {
  max-width: 440px;
  height: 100%;
  position: relative;
  overflow: visible;
}

.testimonial-section {
  background-color: var(--color--gray-3);
}

.testimonial-title-wrap {
  grid-column-gap: 50px;
  grid-row-gap: 50px;
  flex-flow: column;
  flex: none;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.background-video {
  width: 100%;
  height: 600px;
}

.play-pause-button {
  border-radius: var(--border-radius--md);
  background-color: var(--color--primary-1);
  justify-content: center;
  align-items: center;
  padding: 5px 15px;
  display: flex;
  position: absolute;
  bottom: 50px;
  right: 50px;
}

.play-icon {
  width: 16px;
  height: 16px;
  margin-top: 2px;
}

.pause-icon {
  width: 16px;
  height: 16px;
  margin-top: 5px;
}

.pricing-icon {
  width: 18px;
  height: 18px;
  margin-top: 2px;
}

.pricing-price {
  margin-bottom: 0;
}

.pricing-price.text-white {
  font-size: var(--_typography---h1--h1);
}

.pricing-list-wrap {
  margin-bottom: 30px;
}

.pricing-title {
  font-size: var(--_typography---h6--h6);
  margin-bottom: 15px;
}

.pricing-title.text-white {
  margin-top: -5px;
}

.pricing-list-item {
  grid-column-gap: 7px;
  grid-row-gap: 7px;
  color: var(--color--black);
  line-height: var(--_typography---body--line-height-3);
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.pricing-wrap {
  color: var(--color--black);
  justify-content: flex-start;
  align-items: center;
  margin-bottom: 20px;
  display: flex;
}

.pricing-list {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-flow: column;
  display: flex;
}

.grid-pricing {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
}

.text-white {
  color: var(--color--white);
}

.pricing-description {
  margin-bottom: 30px;
}

.pricing-list-title {
  font-size: var(--_typography---h6--h6);
  margin-bottom: 20px;
}

.pricing-item {
  border-radius: var(--border-radius--md);
  flex-flow: column;
  justify-content: flex-start;
  align-items: stretch;
  padding: 30px;
  display: flex;
}

.blog-section {
  background-color: var(--color--gray-3);
}

.blog-section-title-wrap {
  justify-content: space-between;
  align-items: center;
  margin-bottom: 50px;
  display: flex;
}

.grid-blog {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.empty-state {
  border: 1px solid var(--color--white);
  border-radius: var(--border-radius--md);
  background-color: var(--color--primary-1);
  color: var(--color--white);
  text-align: center;
  padding: 10px;
}

.blog-item {
  text-decoration: none;
}

.blog-image-wrap {
  border-radius: var(--border-radius--md);
  margin-bottom: 20px;
  overflow: hidden;
}

.blog-image {
  border-radius: var(--border-radius--md);
}

.blog-detail {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  font-size: var(--_typography---body--body-sm);
  flex-flow: wrap;
  margin-bottom: 15px;
  display: flex;
}

.blog-category {
  border-radius: var(--border-radius--md);
  background-color: var(--color--primary-2);
  color: var(--color--black);
  font-size: var(--_typography---body--body-xs);
  line-height: var(--_typography---body--line-height-4);
  padding: 5px 10px;
}

.blog-title {
  font-size: var(--_typography---h6--h6);
  margin-bottom: 0;
}

.split-hero-content {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  border-top-right-radius: 10px;
  border-bottom-right-radius: 10px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 30px;
  display: flex;
}

.split-hero-title {
  color: var(--color--white);
  margin-bottom: 0;
}

.split-hero-section {
  background-color: var(--color--gray-3);
  margin-top: -160px;
  padding-top: 160px;
}

.split-hero-description {
  color: var(--color--white);
  margin-bottom: 0;
}

.client-marquee-wrapper {
  padding-top: 50px;
  padding-bottom: 50px;
  overflow: hidden;
}

.split-hero-image {
  object-fit: cover;
  width: 100%;
  height: 100%;
}

.grid-split-hero {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  border-radius: var(--border-radius--md);
  background-color: var(--color--primary-1);
  grid-template-rows: auto;
  grid-template-columns: .75fr 1fr;
  overflow: hidden;
}

.grid-counter {
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  width: 80%;
  margin-left: auto;
  margin-right: auto;
}

.about-center-title {
  margin-bottom: 0;
}

.counter-title {
  font-size: var(--_typography---body--body-lg);
  margin-bottom: 0;
}

.counter-number {
  color: var(--color--primary-1);
  font-size: var(--_typography---h1--h1);
  line-height: var(--_typography---body--line-height-5);
  margin-bottom: 15px;
}

.about-center-wrap {
  grid-column-gap: 50px;
  grid-row-gap: 50px;
  text-align: center;
  flex-flow: column;
  width: 90%;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.split-service-content {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  color: var(--color--gray-1);
  flex-flow: column;
  justify-content: space-between;
  align-items: flex-start;
  height: 100%;
  padding: 30px;
  display: flex;
}

.split-service-item-wrap {
  grid-column-gap: 50px;
  grid-row-gap: 50px;
  flex-flow: column;
  display: flex;
}

.split-service-one-image {
  object-fit: cover;
  width: 100%;
  height: 100%;
}

.split-service-content-wrap {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  color: var(--color--gray-1);
  flex-flow: column;
  padding: 30px;
  display: flex;
}

.split-service-section-wrap {
  justify-content: space-between;
  align-items: center;
  margin-bottom: 40px;
  display: flex;
}

.split-service-item-one {
  border-radius: var(--border-radius--md);
  background-color: var(--color--gray-3);
  justify-content: space-between;
  height: 100%;
  text-decoration: none;
  overflow: hidden;
}

.split-service-image-wrap {
  width: 100%;
  height: 100%;
  overflow: hidden;
}

.grid-service-item-one {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  border-radius: var(--border-radius--md);
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  height: 100%;
}

.split-service-one-image-wrap {
  width: 100%;
  height: 100%;
  overflow: hidden;
}

.grid-service-item-two {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  border-radius: var(--border-radius--md);
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  height: 100%;
}

.split-service-title {
  font-size: var(--_typography---h5--h5);
  margin-bottom: 0;
}

.split-service-info {
  flex-flow: column;
  justify-content: space-between;
  align-items: flex-start;
}

.split-service-section-title {
  margin-bottom: 0;
}

.button-icon-wrap {
  border-radius: var(--border-radius--sm);
  background-color: var(--color--primary-2);
  justify-content: center;
  align-items: center;
  width: 40px;
  height: 40px;
  display: flex;
}

.split-service-image {
  object-fit: cover;
  width: 100%;
  height: 100%;
}

.grid-split-service {
  grid-column-gap: 50px;
  grid-row-gap: 50px;
  grid-template-rows: auto;
  grid-template-columns: 1fr .5fr;
}

.split-service-description {
  margin-bottom: 15px;
}

.step-description {
  margin-bottom: 0;
}

.step-section-description {
  width: 60%;
  margin-bottom: 0;
  margin-left: auto;
  margin-right: auto;
}

.step-icon-wrap {
  border-radius: var(--border-radius--md);
  background-color: var(--color--primary-1);
  margin-bottom: 30px;
  padding: 50px;
}

.grid-step {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
}

.step-item {
  text-align: center;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.step-title {
  font-size: var(--_typography---h5--h5);
  margin-bottom: 20px;
}

.step-icon {
  width: 80px;
  height: 80px;
}

.grid-bg-testimonial {
  grid-column-gap: 50px;
  grid-row-gap: 50px;
  flex: none;
  grid-template-rows: auto;
  grid-template-columns: .75fr 1fr;
  height: 100%;
}

.testimonial-title {
  font-size: var(--_typography---h4--h4);
  margin-bottom: 0;
}

.bg-testimonial-slider {
  background-color: var(--color--transparent);
  width: 100%;
  height: 100%;
}

.bg-right-arrow {
  border-radius: var(--border-radius--sm);
  background-color: var(--color--primary-1);
  justify-content: center;
  align-items: center;
  width: 40px;
  height: 40px;
  transition: background-color .3s ease-in-out;
  display: flex;
  inset: auto 44% 0% auto;
}

.bg-right-arrow:hover {
  background-color: var(--color--primary-2);
}

.bg-testimonial-image {
  border-radius: var(--border-radius--md);
  object-fit: cover;
  width: 100%;
  height: 100%;
}

.bg-testimonial-item {
  flex-flow: column;
  justify-content: space-between;
  height: 100%;
  display: flex;
}

.bg-testimonial-slider-wrap {
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.bg-testimonial-slide {
  height: 100%;
  margin-right: 30px;
}

.bg-left-arrow {
  border-radius: var(--border-radius--sm);
  background-color: var(--color--primary-1);
  justify-content: center;
  align-items: center;
  width: 40px;
  height: 40px;
  transition: background-color .3s ease-in-out;
  display: flex;
  inset: auto auto 0% 45.5%;
}

.bg-left-arrow:hover {
  background-color: var(--color--primary-2);
}

.bg-testimonial-section {
  background-color: var(--color--gray-3);
}

.bg-testimonial-mask {
  height: 100%;
  position: relative;
}

.bg-testimonial-image-wrap {
  width: 100%;
  height: 100%;
}

.bg-testimonial-content {
  grid-column-gap: 80px;
  grid-row-gap: 80px;
  flex-flow: column;
  justify-content: space-between;
  height: 100%;
  padding-bottom: 80px;
  display: flex;
}

.bg-testimonial-slider-wrapper {
  margin-left: auto;
  margin-right: auto;
  display: flex;
  position: relative;
  overflow: hidden;
}

.request-demo-title {
  margin-bottom: 30px;
}

.request-demo-form-wrap {
  border-radius: var(--border-radius--md);
  background-color: var(--color--gray-3);
  padding: 30px;
}

.request-demo-image {
  border-radius: var(--border-radius--md);
  object-fit: cover;
  width: 100%;
  height: 100%;
}

.grid-request-form {
  grid-column-gap: 50px;
  grid-row-gap: 50px;
  grid-template-rows: auto;
}

.grid-team {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.team-item {
  width: 100%;
  text-decoration: none;
}

.team-image-wrap {
  border-radius: var(--border-radius--md);
  margin-bottom: 15px;
  overflow: hidden;
}

.team-image {
  border-radius: var(--border-radius--md);
  object-fit: cover;
  width: 100%;
  height: 100%;
}

.team-title {
  font-size: var(--_typography---h6--h6);
  margin-bottom: 5px;
}

.job-title {
  color: var(--color--gray-1);
  font-size: var(--_typography---body--body-sm);
}

.grid-cta {
  grid-column-gap: 50px;
  grid-row-gap: 50px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1.25fr;
  place-items: start stretch;
}

.cta-content {
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  margin-top: 40px;
  margin-bottom: 50px;
  display: flex;
}

.cta-section {
  background-color: var(--color--gray-3);
  overflow: hidden;
}

.cta-list {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  flex-flow: column;
  margin-bottom: 50px;
  display: flex;
}

.cta-list-wrap {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-flow: column;
  display: flex;
}

.cta-list-item {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  color: var(--color--black);
  line-height: var(--_typography---h4--line-height);
  display: flex;
}

.cta-list-icon {
  width: 20px;
  height: 20px;
  line-height: 1.5em;
}

.app-icon-wrap {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.cta-title {
  margin-bottom: 50px;
}

.app-icon-link {
  transition: transform .3s ease-in-out;
}

.app-icon-link:hover {
  transform: translate(0, 5px);
}

.cta-image-wrap {
  margin-bottom: -360px;
}

.cta-list-title {
  font-size: var(--_typography---body--body-md);
  margin-bottom: 0;
}

.about-hero-description {
  color: var(--color--black);
  font-size: var(--_typography---h6--h6);
  line-height: var(--_typography---body--line-height-2);
  margin-bottom: 0;
}

.about-hero-section {
  background-color: var(--color--gray-3);
  margin-top: -180px;
  padding-top: 200px;
}

.about-hero-image-wrap {
  border-radius: var(--border-radius--md);
  margin-bottom: 50px;
  overflow: hidden;
}

.our-value-title {
  font-size: var(--_typography---h5--h5);
}

.our-value-description, .about-hero-title {
  margin-bottom: 0;
}

.grid-our-value-item {
  grid-column-gap: 50px;
  grid-row-gap: 50px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
}

.about-hero-image {
  border-radius: var(--border-radius--md);
  object-fit: cover;
  width: 100%;
  height: 100%;
}

.grid-about-hero {
  grid-column-gap: 50px;
  grid-row-gap: 50px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  margin-bottom: 50px;
}

.split-about-list {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  flex-flow: wrap;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  margin-bottom: 30px;
  display: grid;
}

.split-about-list-item {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  font-size: var(--_typography---body--body-md);
  line-height: var(--_typography---body--line-height-2);
  display: flex;
}

.split-about-icon {
  width: 24px;
  height: 24px;
}

.split-about-content-wrap {
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.split-about-title {
  margin-bottom: 20px;
}

.split-about-description {
  margin-bottom: 0;
}

.split-about-image {
  border-radius: var(--border-radius--md);
  object-fit: cover;
  width: 100%;
  height: 100%;
}

.grid-split-about {
  grid-column-gap: 50px;
  grid-row-gap: 50px;
  grid-template-rows: auto;
}

.bg-counter-section {
  background-color: var(--color--black);
  padding-top: 80px;
  padding-bottom: 80px;
}

.bg-grid-counter {
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
}

.bg-counter-item {
  color: var(--color--white);
  text-align: center;
}

.bg-counter-numbers {
  color: var(--color--white);
  line-height: var(--_typography---body--line-height-5);
  margin-bottom: 20px;
}

.bg-counter-title {
  color: var(--color--white);
  font-size: var(--_typography---body--body-lg);
  font-weight: var(--_typography---body--font-weight-1);
  margin-bottom: 0;
}

.service-box-title {
  font-size: var(--_typography---h5--h5);
  margin-bottom: 20px;
}

.grid-service-box {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
}

.service-box-icon-rounded {
  background-color: var(--color--white);
  border-radius: 50%;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 80px;
  height: 80px;
  margin-bottom: 20px;
  display: flex;
}

.service-box-icon {
  width: 40px;
  height: 40px;
}

.service-box-item {
  border-radius: var(--border-radius--md);
  background-color: var(--color--gray-3);
  text-align: center;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  padding: 30px;
  display: flex;
}

.service-box-description {
  margin-bottom: 0;
}

.grid-service-hero {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  border-radius: var(--border-radius--md);
  background-color: var(--color--primary-1);
  grid-template-rows: auto;
  overflow: hidden;
}

.service-hero-title-wrap {
  padding: 30px;
}

.service-hero-title {
  color: var(--color--white);
  margin-bottom: 20px;
}

.service-hero-description {
  color: var(--color--white);
  margin-bottom: 0;
}

.service-hero-image {
  object-fit: cover;
  width: 100%;
  height: 100%;
}

.service-one-info {
  flex-flow: column;
  justify-content: space-between;
  align-items: flex-start;
  padding: 15px;
  display: flex;
}

.button-link {
  color: var(--color--black);
  font-size: var(--_typography---h6--h6);
  font-weight: var(--_typography---body--font-weight-1);
  text-decoration: underline;
  transition: color .3s ease-in-out;
}

.button-link:hover {
  color: var(--color--primary-1);
}

.service-one-image {
  object-fit: cover;
  width: 100%;
  height: 100%;
}

.service-one-image-wrap, .service-one-section {
  overflow: hidden;
}

.service-one-title {
  font-size: var(--_typography---body--body-lg);
  margin-bottom: 10px;
}

.service-one-description {
  font-size: var(--_typography---body--body-sm);
  margin-bottom: 10px;
}

.grid-service-one {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  height: 100%;
}

.service-one-item {
  border-radius: var(--border-radius--md);
  background-color: var(--color--gray-3);
  flex-flow: column;
  justify-content: space-between;
  align-items: flex-start;
  text-decoration: none;
  display: flex;
  overflow: hidden;
}

.pricing-button-wrap {
  margin-top: auto;
}

.horizontal-icon {
  background-color: var(--color--black);
  width: 14px;
  height: 2px;
}

.accordion-content {
  margin-bottom: 0;
  padding-bottom: 20px;
  padding-left: 20px;
  padding-right: 20px;
  overflow: hidden;
}

.accordion-content-wrapper {
  overflow: hidden;
}

.faq-wrap {
  margin-bottom: 40px;
}

.faq-wrap.last {
  margin-bottom: 0;
}

.accordion-item {
  border-radius: var(--border-radius--md);
  background-color: var(--color--gray-2);
  margin-bottom: 30px;
}

.accordion-item.last {
  margin-bottom: 0;
}

.vertical-icon {
  background-color: var(--color--black);
  width: 2px;
  height: 14px;
  position: absolute;
}

.faq-section {
  overflow: hidden;
}

.accordion-title {
  font-size: var(--_typography---h6--h6);
  line-height: var(--_typography---body--line-height-4);
  margin-top: 0;
  margin-bottom: 0;
}

.accordion-icon-wrap {
  justify-content: center;
  align-items: center;
  margin-top: 12px;
  display: flex;
  position: relative;
}

.accordion-heading {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  cursor: pointer;
  justify-content: space-between;
  align-items: flex-start;
  padding: 20px;
  display: flex;
}

.text-black {
  color: var(--color--black);
}

.service-list-item {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  line-height: var(--_typography---h6--line-height);
  display: flex;
}

.grid-service-overview {
  grid-column-gap: 50px;
  grid-row-gap: 50px;
  grid-template-rows: auto;
  grid-template-columns: .75fr 1fr;
}

.service-static-image, .service-image {
  border-radius: var(--border-radius--md);
}

.service-detail-title {
  font-size: var(--_typography---h4--h4);
  margin-bottom: 20px;
}

.service-list-wrap {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  flex-flow: column;
  display: flex;
}

.service-overview-description {
  margin-bottom: 30px;
}

.service-list-icon {
  width: 24px;
  height: 24px;
}

.service-static-image-wrap {
  margin-bottom: 50px;
}

.service-static-description {
  width: 60%;
  margin-bottom: 0;
  margin-left: auto;
  margin-right: auto;
}

.service-detail-description {
  margin-bottom: 20px;
}

.grid-service {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
}

.bg-cta-wrap {
  border-radius: var(--border-radius--md);
  background-color: var(--color--primary-2);
  text-align: center;
  padding: 30px;
}

.bg-cta-title {
  margin-bottom: 20px;
}

.bg-cta-description {
  color: var(--color--black);
  width: 70%;
  margin-bottom: 50px;
  margin-left: auto;
  margin-right: auto;
}

.pagination {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  place-items: center stretch;
  margin-top: 50px;
  display: grid;
}

.page-count {
  width: auto;
  margin-top: 0;
}

.contact-hero-section {
  background-color: var(--color--gray-3);
  margin-top: -180px;
  padding-top: 180px;
}

.contact-form-title {
  color: var(--color--primary-2);
  font-size: var(--_typography---h4--h4);
  margin-bottom: 30px;
}

.contact-section-description {
  width: 50%;
  margin-bottom: 0;
  margin-left: auto;
  margin-right: auto;
}

.contact-image {
  object-fit: cover;
  width: 100%;
  height: 100%;
}

.contact-hero-content {
  background-color: var(--color--primary-1);
  padding: 30px;
}

.grid-contact-hero {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  border-radius: var(--border-radius--md);
  background-color: var(--color--primary-1);
  grid-template-rows: auto;
  margin-bottom: 50px;
  overflow: hidden;
}

.contact-title-wrap {
  color: var(--color--black);
}

.grid-contact {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
}

.contact-icon {
  width: 30px;
  height: 30px;
}

.contact-title {
  font-size: var(--_typography---h5--h5);
  margin-bottom: 5px;
}

.contact-item {
  grid-column-gap: 15px;
  grid-row-gap: 15px;
  border-radius: var(--border-radius--md);
  background-color: var(--color--white);
  font-size: var(--_typography---body--body-sm);
  width: 100%;
  height: 100%;
  padding: 20px;
  display: flex;
}

.contact-link {
  text-decoration: none;
  transition: color .3s ease-in-out;
}

.contact-link:hover {
  color: var(--color--primary-1);
}

.contact-icon-wrap {
  border-radius: var(--border-radius--sm);
  background-color: var(--color--primary-1);
  flex-flow: column;
  flex: none;
  justify-content: center;
  align-items: center;
  width: 50px;
  height: 50px;
  display: flex;
}

.team-detail-image-wrap {
  object-fit: cover;
  width: 100%;
  height: 600px;
}

.grid-team-detail {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  border-radius: var(--border-radius--md);
  background-color: var(--color--primary-1);
  grid-template-rows: auto;
  margin-bottom: 50px;
  overflow: hidden;
}

.team-meta-title {
  color: var(--color--white);
  font-size: var(--_typography---body--body-lg);
  margin-bottom: 0;
}

.team-job-title {
  border-radius: var(--border-radius--sm);
  background-color: var(--color--primary-2);
  color: var(--color--black);
  font-size: var(--_typography---body--body-sm);
  line-height: var(--_typography---body--line-height-4);
  margin-bottom: 20px;
  padding: 5px 10px;
}

.team-meta-item {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  margin-bottom: 20px;
  display: flex;
}

.team-detail-image {
  object-fit: cover;
  width: 100%;
  height: 100%;
}

.team-detail-title {
  color: var(--color--white);
  line-height: var(--_typography---body--line-height-4);
  margin-bottom: 20px;
}

.team-link {
  color: var(--color--white);
  font-size: var(--_typography---body--body-md);
  line-height: var(--_typography---body--line-height-2);
  text-decoration: none;
  transition: color .3s ease-in-out;
}

.team-link:hover {
  color: var(--color--primary-2);
}

.team-detail-title-wrap {
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.team-detail {
  width: 80%;
}

.team-detail-description {
  color: var(--color--white);
  margin-bottom: 0;
}

.team-detail-content {
  grid-column-gap: 50px;
  grid-row-gap: 50px;
  background-color: var(--color--primary-1);
  flex-flow: column;
  justify-content: space-between;
  align-items: stretch;
  padding: 30px;
  display: flex;
}

.blog-detail-description {
  color: var(--color--black);
  margin-bottom: 0;
}

.grid-blog-detail {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  border-radius: var(--border-radius--md);
  background-color: var(--color--gray-3);
  grid-template-rows: auto;
  margin-bottom: 50px;
  overflow: hidden;
}

.blog-detail-image {
  object-fit: cover;
  width: 100%;
  height: 100%;
}

.blog-content {
  padding: 30px;
}

.blog-detail-title {
  font-size: var(--_typography---h2--h2);
  margin-bottom: 30px;
}

.blog-detail-wrap {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  color: var(--color--black);
  flex-flow: wrap;
  margin-bottom: 20px;
  display: flex;
}

.blog-rich-text ul {
  margin-bottom: 40px;
  padding-left: 70px;
}

.blog-rich-text p {
  margin-bottom: 40px;
  padding-left: 50px;
  padding-right: 50px;
}

.blog-rich-text h1, .blog-rich-text h6 {
  padding-left: 50px;
  padding-right: 50px;
}

.blog-rich-text figure {
  border-radius: var(--border-radius--md);
  margin-bottom: 40px;
  overflow: hidden;
}

.blog-rich-text blockquote {
  margin-bottom: 40px;
}

.blog-rich-text h2, .blog-rich-text h4, .blog-rich-text h5 {
  padding-left: 50px;
  padding-right: 50px;
}

.blog-rich-text ol {
  margin-bottom: 40px;
  padding-left: 70px;
}

.blog-rich-text h3 {
  padding-left: 50px;
  padding-right: 50px;
}

.pricing-hero-image-wrap {
  width: 100%;
  height: 100%;
}

.pricing-hero-title {
  color: var(--color--white);
  line-height: var(--_typography---h3--line-height);
  margin-bottom: 20px;
}

.pricing-hero-title-wrap {
  background-color: var(--color--primary-1);
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  padding: 30px;
  display: flex;
}

.pricing-hero-description {
  color: var(--color--white);
  margin-bottom: 0;
}

.pricing-hero-image {
  object-fit: cover;
  width: 100%;
  height: 100%;
}

.grid-pricing-hero {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  border-radius: var(--border-radius--md);
  background-color: var(--color--primary-1);
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  overflow: hidden;
}

.bg-pricing-section {
  background-color: var(--color--gray-3);
}

.section-spacing-top {
  padding-top: 80px;
}

.contact-list-items {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1.25fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.contact-list-wrap {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.contact-list {
  margin-bottom: 0;
}

.contact-list-item {
  font-size: var(--_typography---h6--h6);
  line-height: var(--_typography---body--line-height-2);
  font-weight: var(--_typography---body--font-weight-3);
  margin-bottom: 15px;
}

.play-state {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  justify-content: space-between;
  align-items: center;
  font-size: 14px;
  display: flex;
}

.pause-state {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  justify-content: flex-start;
  align-items: center;
  font-size: 14px;
  display: flex;
}

.request-demo-detail {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  font-size: var(--_typography---body--body-sm);
  text-align: center;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  margin-top: 40px;
  display: flex;
}

.request-demo-wrap {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  justify-content: center;
  align-items: flex-start;
  text-decoration: none;
  display: flex;
}

.contact-icons {
  width: 30px;
  height: 30px;
}

.request-a-demo-title {
  color: var(--color--primary-1);
  font-size: var(--_typography---h6--h6);
  margin-bottom: 0;
}

.request-demo-link {
  color: var(--color--primary-1);
  text-decoration: underline;
  transition: color .3s ease-in-out;
}

.request-demo-link:hover {
  color: var(--color--black);
}

.access-btn {
  grid-column-gap: 4px;
  grid-row-gap: 4px;
  color: #fff;
  text-align: center;
  background-color: #000;
  border-radius: 7px;
  justify-content: center;
  align-items: center;
  padding-top: 8px;
  padding-bottom: 8px;
  font-size: 12px;
  font-weight: 700;
  line-height: 1em;
  display: flex;
}

.access-image {
  border-radius: 7px;
}

.access-title {
  color: #000;
  text-align: center;
  font-size: 13px;
  font-weight: 700;
  line-height: 1em;
}

.access-title-wrap {
  grid-column-gap: 3px;
  grid-row-gap: 3px;
  flex-flow: wrap;
  justify-content: center;
  align-items: flex-start;
  padding-top: 8px;
  padding-bottom: 8px;
  display: flex;
}

.access-code-embed {
  margin-bottom: 0;
  font-size: 13px;
  line-height: 0;
}

.access-close {
  cursor: pointer;
  background-color: #fff;
  border: 1px solid #0000001a;
  border-radius: 20px;
  justify-content: center;
  align-items: center;
  width: 26px;
  height: 26px;
  display: flex;
  position: absolute;
  inset: -10px -10px auto auto;
  box-shadow: 0 2px 5px #0000001a;
}

.access-paas-link {
  padding: 6px;
  text-decoration: none;
}

.access-paas-inner {
  background-color: #fff;
  border: 1px solid #00000008;
  border-radius: 10px;
  box-shadow: 0 0 15px #0003;
}

.access-btn-icon {
  width: 13px;
  height: 13px;
}

.access-close-icon {
  width: 16px;
  height: 16px;
}

.access-paas {
  z-index: 1000;
  width: 132px;
  font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
  position: fixed;
  inset: auto 30px 70px auto;
}

.style-title {
  font-family: var(--_typography---font-family--heading);
  color: var(--color--heading);
  font-size: var(--_typography---h6--h6);
  line-height: var(--_typography---h6--line-height);
  font-weight: var(--_typography---h6--font-weight);
  margin-bottom: 0;
}

@media screen and (min-width: 1280px) {
  h1 {
    font-size: 60px;
  }

  h2, .heading-h2 {
    font-size: 54px;
  }

  .heading-h1 {
    font-size: 60px;
  }

  .grid-footer {
    grid-column-gap: 40px;
    grid-row-gap: 40px;
    grid-template-columns: .75fr .75fr;
    padding: 50px;
  }

  .grid-footer-item {
    grid-column-gap: 100px;
    grid-row-gap: 100px;
    grid-template-columns: 1.5fr 1.75fr .75fr;
  }

  .footer {
    padding-top: 100px;
    padding-bottom: 100px;
  }

  .grid-footer-items {
    grid-column-gap: 100px;
    grid-row-gap: 100px;
  }

  .section-spacing {
    padding-top: 100px;
    padding-bottom: 100px;
  }

  .section-spacing-bottom {
    padding-bottom: 100px;
  }

  .hero-title {
  font-size: clamp(36px, 4vw, 72px);
  line-height: 1.1;
}

  .grid-hero {
    grid-column-gap: 200px;
    grid-row-gap: 200px;
  }

  .about-counter-number {
    font-size: var(--_typography---h2--h2-lg);
  }

  .about-content {
    grid-column-gap: 81px;
    grid-row-gap: 81px;
  }

  .grid-about-counter {
    grid-column-gap: 50px;
    grid-row-gap: 50px;
  }

  .about-counter-item {
    padding: 30px;
  }

  .grid-about {
    grid-column-gap: 150px;
    grid-row-gap: 150px;
    grid-template-columns: 1fr 1fr;
  }

  .grid-service-item {
    grid-column-gap: 40px;
    grid-row-gap: 40px;
    grid-template-columns: 1fr .5fr 1.25fr;
  }

  .service-wrap {
    padding-left: 30px;
    padding-right: 30px;
  }

  .service-icon {
    width: 60px;
    height: 60px;
  }

  .service-title-wrap {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
  }

  .service-hover-icon {
    width: 60px;
    height: 60px;
  }

  .service-hover-image-wrap {
    width: 300px;
    height: 200px;
  }

  .service-content-wrap {
    grid-column-gap: 80px;
    grid-row-gap: 80px;
  }

  .service-title {
    font-size: var(--_typography---h5--h5);
  }

  .section-title {
    margin-bottom: 50px;
  }

  .right-arrow {
    right: 46.3%;
  }

  .left-arrow {
    left: 46.3%;
  }

  .testimonial-mask {
    max-width: 470px;
  }

  .pricing-price.text-white {
    font-size: var(--_typography---h1--h1);
  }

  .pricing-list-wrap {
    margin-bottom: 45px;
  }

  .grid-pricing {
    grid-column-gap: 50px;
    grid-row-gap: 50px;
  }

  .pricing-description {
    margin-bottom: 45px;
  }

  .pricing-item {
    padding: 50px;
  }

  .grid-blog {
    grid-column-gap: 50px;
    grid-row-gap: 50px;
  }

  .blog-detail {
    font-size: var(--_typography---body--body-md);
  }

  .split-hero-content {
    grid-column-gap: 50px;
    grid-row-gap: 50px;
    padding: 50px 60px;
  }

  .grid-split-hero {
    grid-template-columns: 1fr 1fr;
  }

  .counter-number {
    font-size: var(--_typography---h1--h1);
  }

  .about-center-wrap {
    width: 85%;
  }

  .split-service-content, .split-service-item-wrap {
    grid-column-gap: 40px;
    grid-row-gap: 40px;
  }

  .split-service-content-wrap {
    grid-column-gap: 50px;
    grid-row-gap: 50px;
  }

  .split-service-title {
    font-size: var(--_typography---h5--h5);
  }

  .grid-split-service {
    grid-column-gap: 40px;
    grid-row-gap: 40px;
    grid-template-columns: 1fr .75fr;
  }

  .grid-step {
    grid-column-gap: 80px;
    grid-row-gap: 80px;
  }

  .grid-bg-testimonial {
    grid-template-columns: .5fr 1fr;
  }

  .bg-right-arrow {
    right: 57%;
  }

  .bg-left-arrow {
    left: 36%;
  }

  .bg-testimonial-content {
    grid-column-gap: 100px;
    grid-row-gap: 100px;
  }

  .request-demo-form-wrap {
    padding: 50px;
  }

  .grid-team {
    grid-column-gap: 50px;
    grid-row-gap: 50px;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
  }

  .job-title {
    font-size: var(--_typography---body--body-md);
  }

  .grid-cta {
    grid-column-gap: 100px;
    grid-row-gap: 100px;
    grid-template-columns: .75fr 1.25fr;
  }

  .cta-content {
    margin-bottom: 100px;
  }

  .cta-image-wrap {
    bottom: -260px;
  }

  .about-hero-description {
    font-size: 24px;
  }

  .grid-about-hero {
    grid-column-gap: 80px;
    grid-row-gap: 80px;
    grid-template-columns: 1fr 1fr;
  }

  .split-about-list {
    margin-bottom: 50px;
  }

  .bg-grid-counter {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
  }

  .grid-service-box {
    grid-column-gap: 50px;
    grid-row-gap: 50px;
  }

  .service-hero-title-wrap {
    padding: 50px;
  }

  .service-one-info {
    padding-top: 20px;
    padding-left: 20px;
    padding-right: 20px;
  }

  .service-one-title {
    font-size: var(--_typography---h5--h5);
  }

  .contact-hero-section {
    margin-top: -160px;
  }

  .contact-section-description {
    width: 50%;
  }

  .contact-hero-content {
    padding: 50px;
  }

  .grid-contact {
    grid-column-gap: 50px;
    grid-row-gap: 50px;
  }

  .contact-item {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    padding: 40px 30px;
  }

  .pricing-hero-title-wrap {
    padding: 50px;
  }

  .grid-pricing-hero {
    grid-template-columns: .75fr 1fr;
  }

  .section-spacing-top {
    padding-top: 100px;
  }
}

@media screen and (min-width: 1440px) {
  h1 {
    font-size: 64px;
  }

  h2, .heading-h2 {
    font-size: 56px;
  }

  .heading-h1 {
    font-size: 64px;
  }

  .grid-footer {
    grid-column-gap: 50px;
    grid-row-gap: 50px;
    grid-template-columns: 1fr .75fr;
  }

  .grid-footer-item {
    grid-column-gap: 170px;
    grid-row-gap: 170px;
  }

  .button-inline {
    grid-column-gap: 30px;
    grid-row-gap: 30px;
  }

  .footer {
    padding-top: 130px;
  }

  .section-spacing {
    padding-top: 130px;
    padding-bottom: 130px;
  }

  .section-spacing-bottom {
    padding-bottom: 130px;
  }

  .hero-title {
    font-size: var(--_typography---h1--h1-lg);
  }

  .about-counter-number {
    font-size: var(--_typography---h1--h1-xl);
  }

  .grid-service-item {
    grid-column-gap: 50px;
    grid-row-gap: 50px;
  }

  .service-content-wrap {
    grid-column-gap: 150px;
    grid-row-gap: 150px;
  }

  .service-title {
    font-size: var(--_typography---h4--h4);
  }

  .right-arrow {
    right: 46.5%;
  }

  .left-arrow {
    left: 46.5%;
  }

  .split-hero-content {
    grid-column-gap: 100px;
    grid-row-gap: 100px;
  }

  .counter-number {
    font-size: var(--_typography---h1--h1-xl);
  }

  .split-service-content {
    grid-column-gap: 90px;
    grid-row-gap: 90px;
  }

  .split-service-item-wrap {
    grid-column-gap: 50px;
    grid-row-gap: 50px;
  }

  .split-service-content-wrap {
    grid-column-gap: 100px;
    grid-row-gap: 100px;
  }

  .grid-service-item-one {
    grid-template-columns: .75fr 1fr;
  }

  .split-service-title {
    font-size: var(--_typography---h4--h4);
  }

  .grid-split-service {
    grid-column-gap: 50px;
    grid-row-gap: 50px;
  }

  .bg-left-arrow {
    left: 35.6%;
  }

  .bg-testimonial-content {
    grid-column-gap: 130px;
    grid-row-gap: 130px;
  }

  .grid-cta {
    grid-column-gap: 150px;
    grid-row-gap: 150px;
  }

  .cta-image-wrap {
    bottom: -340px;
  }

  .service-one-title {
    font-size: var(--_typography---h5--h5);
  }

  .team-detail-image-wrap {
    height: 700px;
  }

  .section-spacing-top {
    padding-top: 130px;
  }
}

@media screen and (min-width: 1920px) {
  h1 {
    font-size: 68px;
  }

  h2, .heading-h2 {
    font-size: 58px;
  }

  .heading-h1 {
    font-size: 68px;
  }

  .grid-footer {
    grid-column-gap: 150px;
    grid-row-gap: 150px;
  }

  .footer {
    padding-top: 130px;
  }

  .section-spacing {
    padding-top: 150px;
    padding-bottom: 150px;
  }

  .section-spacing-bottom {
    padding-bottom: 150px;
  }

  .grid-service-item {
    grid-template-columns: 1fr .5fr 1.25fr;
  }

  .service-wrap {
    grid-column-gap: 50px;
    grid-row-gap: 50px;
    padding: 80px 50px;
  }

  .service-icon-wrap {
    margin-top: 0;
  }

  .service-hover-image-wrap {
    width: 300px;
    height: 200px;
    margin-top: -170px;
  }

  .service-title {
    font-size: var(--_typography---h4--h4);
  }

  .right-arrow {
    right: 47%;
  }

  .left-arrow {
    left: 47%;
  }

  .background-video {
    height: 800px;
  }

  .grid-split-service {
    grid-template-columns: 1fr 1fr;
  }

  .bg-right-arrow {
    right: 58%;
  }

  .bg-left-arrow {
    left: 35.5%;
  }

  .cta-image-wrap {
    margin-bottom: -420px;
    bottom: -420px;
  }

  .section-spacing-top {
    padding-top: 150px;
  }
}

@media screen and (max-width: 991px) {
  body {
    --_typography---font-family--body: Satoshi, Georgia, sans-serif;
    --_typography---body--body-md: 18px;
    --_typography---body--line-height-2: 1.5em;
    --_typography---body--font-weight-1: 500;
    --_typography---font-family--heading: Satoshi, Georgia, sans-serif;
    --_typography---h1--h1: 50px;
    --_typography---h1--line-height: 1.3em;
    --_typography---h1--font-weight: 900;
    --_typography---h2--h2: 48px;
    --_typography---h2--line-height: 1.3em;
    --_typography---h2--font-weight: 900;
    --_typography---h3--h3: 40px;
    --_typography---h3--line-height: 1.3em;
    --_typography---h3--font-weight: 900;
    --_typography---h4--h4: 36px;
    --_typography---h4--line-height: 1.3em;
    --_typography---h4--font-weight: 900;
    --_typography---h5--h5: 26px;
    --_typography---h5--line-height: 1.3em;
    --_typography---h5--font-weight: 900;
    --_typography---h6--h6: 22px;
    --_typography---h6--line-height: 1.3em;
    --_typography---h6--font-weight: 900;
    --_typography---body--line-height-1: 1.6em;
    --_typography---body--font-weight-2: 900;
    --_typography---body--line-height-3: 1.2em;
    --_typography---body--body-sm: 16px;
    --_typography---h1--h1-xxl: 100px;
    --_typography---body--line-height-5: 1em;
    --_typography---h2--h2-lg: 56px;
    --_typography---h1--h1-lg: 60px;
    --_typography---body--line-height-4: 1.1em;
    --_typography---body--body-lg: 20px;
    --_typography---h1--h1-xl: 65px;
    --_typography---body--body-xs: 14px;
    --_typography---body--font-weight-3: 700;
  }

  .form-input.form-textarea {
    height: 100%;
  }

  .button-primary-1-icon {
    font-size: 16px;
  }

  .container-medium {
    padding-left: 20px;
    padding-right: 20px;
  }

  .style-guide-section {
    padding-top: 70px;
    padding-bottom: 70px;
  }

  .guide-item {
    margin-bottom: 30px;
  }

  .inner-container {
    padding-left: 20px;
    padding-right: 20px;
  }

  .hero-inner {
    padding-top: 50px;
    padding-bottom: 50px;
  }

  .no-margin {
    align-self: auto;
  }

  .container {
    padding-left: 20px;
    padding-right: 20px;
  }

  .button-primary-2-icon {
    font-size: var(--_typography---body--body-sm);
  }

  .brand {
    padding-left: 0;
  }

  .menu-button {
    border-radius: var(--border-radius--md);
    background-color: var(--color--primary-1);
    color: var(--color--white);
    padding: 13px;
  }

  .menu-button.w--open {
    background-color: var(--color--primary-1);
  }

  .right-nav {
    grid-column-gap: 15px;
    grid-row-gap: 15px;
  }

  .grid-nav {
    grid-template-columns: 1fr 1fr;
  }

  .nav-menu {
    border: 1px solid var(--color--gray-1);
    border-radius: var(--border-radius--md);
    background-color: var(--color--white);
    margin-left: 20px;
    margin-right: 20px;
    padding: 10px 15px;
  }

  .dropdown {
    margin-left: auto;
    margin-right: auto;
  }

  .dropdown-list {
    width: auto;
    margin-top: 20px;
  }

  .navbar {
    padding-top: 20px;
    padding-bottom: 20px;
  }

  .footer-divider {
    margin-top: 40px;
    margin-bottom: 40px;
  }

  .grid-footer {
    grid-column-gap: 30px;
    grid-row-gap: 30px;
    grid-template-columns: 1fr;
    margin-bottom: 40px;
    padding: 30px;
  }

  .grid-footer-item {
    grid-template-columns: 1fr 1fr;
  }

  .button-inline, .footer-bottom {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    flex-flow: wrap;
  }

  .footer {
    padding-top: 60px;
    padding-bottom: 60px;
  }

  .social-icon {
    width: 18px;
    height: 18px;
  }

  .coming-soon-title {
    font-size: 48px;
  }

  .coming-soon-social {
    margin-top: 20px;
  }

  .utility-page-coming-soon {
    width: 600px;
    padding: 30px;
  }

  .link-in-bio-wrap {
    padding-left: 20px;
    padding-right: 20px;
  }

  .error-title {
    font-size: var(--_typography---h1--h1-xxl);
  }

  .section-spacing {
    padding-top: 70px;
    padding-bottom: 70px;
  }

  .privacy-section {
    padding-top: 60px;
  }

  .section-spacing-bottom {
    padding-bottom: 70px;
  }

  .nav-link-light {
    color: var(--color--black);
  }

  .simple-navbar {
    padding-top: 20px;
    padding-bottom: 20px;
  }

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

  .hero-title {
    font-size: var(--_typography---h2--h2-lg);
  }

  .hero-form-title {
    font-size: var(--_typography---h4--h4);
    margin-bottom: 20px;
  }

  .hero-form-wrap {
    width: auto;
    padding: 20px;
  }

  .form-input-wrap {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    flex-flow: column;
  }

  .grid-hero {
    grid-column-gap: 30px;
    grid-row-gap: 30px;
    grid-template-columns: 1fr 1fr;
  }

  .client-marquee-list, .client-marquee-item {
    grid-column-gap: 80px;
    grid-row-gap: 80px;
  }

  .client-logo {
    height: 34px;
  }

  .about-counter-number {
    font-size: var(--_typography---h1--h1);
  }

  .about-content {
    grid-column-gap: 30px;
    grid-row-gap: 30px;
  }

  .grid-about-counter {
    grid-column-gap: 40px;
    grid-row-gap: 40px;
    grid-template-columns: 1fr 1fr;
  }

  .about-counter-item {
    grid-column-gap: 30px;
    grid-row-gap: 30px;
    padding: 20px;
  }

  .grid-about {
    grid-column-gap: 30px;
    grid-row-gap: 30px;
    grid-template-columns: 1.5fr 1fr;
    margin-bottom: 30px;
  }

  .service-hover-image {
    position: static;
    top: 0;
    transform: none;
  }

  .grid-service-item {
    grid-column-gap: 30px;
    grid-row-gap: 30px;
    grid-template-columns: 1.25fr .75fr 1fr;
    place-items: center stretch;
  }

  .service-wrap {
    grid-column-gap: 40px;
    grid-row-gap: 40px;
    padding: 20px;
  }

  .service-icon {
    width: 40px;
    height: 40px;
  }

  .service-icon-wrap {
    flex: none;
  }

  .service-divider {
    margin-top: 30px;
  }

  .service-title-wrap {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
  }

  .service-hover-icon {
    width: 40px;
    height: 40px;
  }

  .service-hover-image-wrap {
    width: 100%;
    height: 100%;
    margin-top: 0;
    top: 0;
  }

  .service-content-wrap {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
  }

  .service-arrow-icon-wrap.hide {
    display: none;
  }

  .service-title {
    font-size: var(--_typography---h6--h6);
  }

  .service-section-title-wrap {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
  }

  .section-title {
    margin-bottom: 30px;
  }

  .testimonial-item {
    padding: 20px;
  }

  .testimonial-item.one {
    margin-top: 30px;
  }

  .right-arrow {
    right: 43%;
  }

  .testimonial-slide {
    margin-right: 30px;
  }

  .testimonial-slider {
    padding-bottom: 120px;
  }

  .left-arrow {
    left: 43%;
  }

  .testimonial-content {
    font-size: var(--_typography---body--body-lg);
  }

  .testimonial-mask {
    max-width: 48%;
  }

  .testimonial-title-wrap {
    grid-column-gap: 30px;
    grid-row-gap: 30px;
  }

  .background-video {
    height: 400px;
  }

  .play-pause-button {
    bottom: 30px;
    right: 30px;
  }

  .pricing-icon {
    margin-top: 0;
  }

  .pricing-price.text-white {
    font-size: var(--_typography---h1--h1);
  }

  .pricing-list-wrap {
    margin-bottom: 30px;
  }

  .pricing-title {
    font-size: var(--_typography---h6--h6);
  }

  .grid-pricing {
    grid-column-gap: 40px;
    grid-row-gap: 40px;
    grid-template-columns: 1fr 1fr;
  }

  .pricing-description {
    margin-bottom: 30px;
  }

  .pricing-item {
    padding: 20px;
  }

  .blog-section-title-wrap {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    flex-flow: wrap;
    margin-bottom: 40px;
  }

  .grid-blog {
    grid-column-gap: 40px;
    grid-row-gap: 40px;
    grid-template-columns: 1fr 1fr;
  }

  .blog-detail {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
  }

  .split-hero-content {
    grid-column-gap: 30px;
    grid-row-gap: 30px;
    padding: 20px;
  }

  .grid-split-hero {
    grid-template-columns: 1fr 1fr;
  }

  .grid-counter {
    grid-column-gap: 30px;
    grid-row-gap: 30px;
    grid-template-columns: 1fr 1fr;
    width: 100%;
  }

  .counter-number {
    font-size: var(--_typography---h1--h1);
  }

  .about-center-wrap {
    width: 100%;
  }

  .split-service-content {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    width: 100%;
    padding: 20px;
  }

  .split-service-item-wrap {
    grid-column-gap: 40px;
    grid-row-gap: 40px;
  }

  .split-service-content-wrap {
    grid-column-gap: 30px;
    grid-row-gap: 30px;
    padding: 20px;
  }

  .split-service-section-wrap {
    margin-bottom: 30px;
  }

  .grid-service-item-one {
    grid-template-columns: 1fr;
  }

  .grid-split-service {
    grid-column-gap: 40px;
    grid-row-gap: 40px;
    grid-template-columns: 1fr;
  }

  .step-section-description {
    width: 90%;
  }

  .step-icon-wrap {
    margin-bottom: 20px;
    padding: 20px;
  }

  .grid-step {
    grid-column-gap: 30px;
    grid-row-gap: 30px;
  }

  .step-title {
    font-size: var(--_typography---h5--h5);
    margin-bottom: 15px;
  }

  .step-icon {
    width: 50px;
    height: 50px;
  }

  .grid-bg-testimonial {
    grid-column-gap: 40px;
    grid-row-gap: 40px;
    grid-template-columns: 1fr 1fr;
  }

  .testimonial-title {
    font-size: var(--_typography---h5--h5);
  }

  .bg-right-arrow {
    right: 34%;
  }

  .bg-left-arrow {
    left: 53%;
  }

  .bg-testimonial-content {
    grid-column-gap: 30px;
    grid-row-gap: 30px;
  }

  .request-demo-title {
    margin-bottom: 20px;
  }

  .request-demo-form-wrap {
    padding: 20px;
  }

  .grid-request-form {
    grid-column-gap: 40px;
    grid-row-gap: 40px;
  }

  .grid-team {
    grid-column-gap: 40px;
    grid-row-gap: 40px;
    grid-template-columns: 1fr 1fr;
  }

  .team-image-wrap {
    margin-bottom: 10px;
  }

  .grid-cta {
    grid-column-gap: 40px;
    grid-row-gap: 40px;
  }

  .cta-content {
    margin-top: 0;
    margin-bottom: 30px;
  }

  .cta-list {
    margin-bottom: 30px;
  }

  .cta-list-item {
    font-size: var(--_typography---body--body-sm);
  }

  .cta-title {
    font-size: var(--_typography---h4--h4);
    margin-bottom: 20px;
  }

  .cta-image-wrap {
    bottom: 30px;
  }

  .about-hero-description {
    font-size: 18px;
  }

  .about-hero-section {
    padding-top: 200px;
  }

  .our-value-title {
    font-size: var(--_typography---h5--h5);
  }

  .grid-our-value-item {
    grid-column-gap: 30px;
    grid-row-gap: 30px;
    grid-template-columns: 1fr 1fr;
  }

  .grid-about-hero {
    grid-column-gap: 30px;
    grid-row-gap: 30px;
    grid-template-columns: 1.25fr 1fr;
    margin-bottom: 30px;
  }

  .split-about-list {
    grid-column-gap: 15px;
    grid-row-gap: 15px;
    margin-bottom: 30px;
  }

  .split-about-list-item {
    grid-column-gap: 5px;
    grid-row-gap: 5px;
    font-size: var(--_typography---body--body-sm);
    line-height: var(--_typography---h6--line-height);
  }

  .split-about-icon {
    width: 20px;
    height: 20px;
  }

  .split-about-title {
    margin-bottom: 15px;
  }

  .grid-split-about {
    grid-column-gap: 40px;
    grid-row-gap: 40px;
  }

  .bg-counter-section {
    padding-top: 60px;
    padding-bottom: 60px;
  }

  .bg-grid-counter {
    grid-column-gap: 30px;
    grid-row-gap: 30px;
    grid-template-columns: 1fr 1fr;
  }

  .bg-counter-numbers {
    margin-bottom: 15px;
  }

  .service-box-title {
    font-size: var(--_typography---h5--h5);
  }

  .grid-service-box {
    grid-template-columns: 1fr 1fr;
  }

  .service-hero-title-wrap {
    padding: 20px;
  }

  .service-hero-description {
    margin-bottom: 30px;
  }

  .grid-service-one {
    grid-template-columns: 1fr 1fr;
  }

  .accordion-content {
    padding-bottom: 15px;
    padding-left: 15px;
    padding-right: 15px;
  }

  .accordion-title {
    font-size: var(--_typography---body--body-lg);
  }

  .accordion-heading {
    padding: 15px;
  }

  .service-list-item {
    line-height: 1.3em;
  }

  .grid-service-overview {
    grid-column-gap: 30px;
    grid-row-gap: 30px;
    grid-template-columns: 1fr 1fr;
  }

  .service-detail-title {
    font-size: var(--_typography---h4--h4);
  }

  .service-list-wrap {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
  }

  .service-list-icon {
    width: 22px;
    height: 22px;
  }

  .service-static-image-wrap {
    margin-bottom: 30px;
  }

  .grid-service {
    grid-template-columns: 1fr 1fr;
  }

  .contact-hero-section {
    padding-top: 180px;
  }

  .contact-form-title {
    font-size: var(--_typography---h4--h4);
    margin-bottom: 20px;
  }

  .contact-section-description {
    width: 80%;
  }

  .contact-hero-content {
    padding: 20px;
  }

  .grid-contact {
    grid-template-columns: 1fr 1fr;
  }

  .contact-title {
    font-size: var(--_typography---h5--h5);
  }

  .team-detail-image-wrap {
    height: 100%;
  }

  .team-meta-title {
    font-size: var(--_typography---body--body-lg);
  }

  .team-meta-item {
    grid-column-gap: 5px;
    grid-row-gap: 5px;
  }

  .team-link {
    font-size: var(--_typography---body--body-md);
  }

  .team-detail {
    width: 100%;
  }

  .team-detail-content {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    padding: 20px;
  }

  .blog-content {
    padding: 20px;
  }

  .blog-detail-wrap {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
  }

  .blog-rich-text ul {
    padding-left: 40px;
  }

  .blog-rich-text p, .blog-rich-text h1, .blog-rich-text h6, .blog-rich-text h2, .blog-rich-text h4, .blog-rich-text h5 {
    padding-left: 20px;
    padding-right: 20px;
  }

  .blog-rich-text ol {
    padding-left: 40px;
  }

  .blog-rich-text h3 {
    padding-left: 20px;
    padding-right: 20px;
  }

  .pricing-hero-image-wrap {
    height: 100%;
  }

  .pricing-hero-title-wrap {
    padding: 20px;
  }

  .grid-pricing-hero {
    grid-template-columns: 1fr 1fr;
  }

  .section-spacing-top {
    padding-top: 70px;
  }

  .contact-list-items {
    grid-template-columns: 1fr;
  }

  .contact-list-item {
    font-size: var(--_typography---body--body-md);
  }

  .request-demo-detail {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    margin-top: 30px;
  }

  .contact-icons {
    width: 22px;
    height: 22px;
  }

  .request-a-demo-title {
    font-size: var(--_typography---body--body-md);
    align-self: auto;
  }

  .style-title {
    align-self: auto;
  }
}

@media screen and (max-width: 767px) {
  body {
    --_typography---font-family--body: Satoshi, Georgia, sans-serif;
    --_typography---body--body-md: 16px;
    --_typography---body--line-height-2: 1.5em;
    --_typography---body--font-weight-1: 500;
    --_typography---font-family--heading: Satoshi, Georgia, sans-serif;
    --_typography---h1--h1: 48px;
    --_typography---h1--line-height: 1.3em;
    --_typography---h1--font-weight: 900;
    --_typography---h2--h2: 40px;
    --_typography---h2--line-height: 1.3em;
    --_typography---h2--font-weight: 900;
    --_typography---h3--h3: 36px;
    --_typography---h3--line-height: 1.3em;
    --_typography---h3--font-weight: 900;
    --_typography---h4--h4: 30px;
    --_typography---h4--line-height: 1.3em;
    --_typography---h4--font-weight: 900;
    --_typography---h5--h5: 24px;
    --_typography---h5--line-height: 1.3em;
    --_typography---h5--font-weight: 900;
    --_typography---h6--h6: 20px;
    --_typography---h6--line-height: 1.3em;
    --_typography---h6--font-weight: 900;
    --_typography---body--line-height-1: 1.6em;
    --_typography---body--font-weight-2: 900;
    --_typography---body--line-height-3: 1.2em;
    --_typography---body--body-sm: 16px;
    --_typography---h1--h1-xxl: 80px;
    --_typography---body--line-height-5: 1em;
    --_typography---h2--h2-lg: 54px;
    --_typography---h1--h1-lg: 56px;
    --_typography---body--line-height-4: 1.1em;
    --_typography---body--body-lg: 20px;
    --_typography---h1--h1-xl: 58px;
    --_typography---body--body-xs: 14px;
    --_typography---body--font-weight-3: 700;
  }

  .more-templates {
    bottom: 10px;
    right: 10px;
  }

  .utility-page-wrap {
    width: auto;
    height: auto;
    padding-top: 15px;
    padding-left: 15px;
    padding-right: 15px;
  }

  .utility-page-content {
    padding: 40px;
  }

  .form-input {
    height: 100%;
    font-size: 16px;
  }

  .button-primary-1-icon {
    font-size: 18px;
  }

  .button-primary-1-icon.mobile-hide {
    display: none;
  }

  .container-medium {
    padding-left: 15px;
    padding-right: 15px;
  }

  .style-guide-section {
    padding-top: 40px;
    padding-bottom: 40px;
  }

  .inner-container {
    padding-left: 15px;
    padding-right: 15px;
  }

  .hero-inner {
    padding-top: 40px;
    padding-bottom: 40px;
  }

  .input-group {
    font-size: 16px;
  }

  .form-select {
    height: 100%;
  }

  .text-lead {
    font-size: 20px;
  }

  .container {
    padding-left: 15px;
    padding-right: 15px;
  }

  .button-primary-2-icon {
    font-size: var(--_typography---body--body-md);
  }

  .right-nav {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
  }

  .grid-nav {
    grid-template-columns: .75fr 1fr;
  }

  .footer-divider {
    margin-top: 30px;
    margin-bottom: 30px;
  }

  .grid-footer {
    padding: 20px;
  }

  .grid-footer-item {
    grid-template-columns: 1fr;
  }

  .footer {
    padding-top: 50px;
    padding-bottom: 50px;
  }

  .social-icon {
    width: 18px;
    height: 18px;
  }

  .coming-soon-icon {
    height: 120px;
  }

  .subscribe-form {
    max-width: 100%;
  }

  .utility-page-coming-soon, .link-in-bio-item {
    width: 100%;
    margin-top: 15px;
    margin-left: 15px;
    margin-right: 15px;
    padding: 30px;
  }

  .link-in-bio-wrap {
    padding: 0;
  }

  .link-in-bio-button-wrap {
    padding-top: 30px;
    padding-bottom: 30px;
  }

  .error-title {
    font-size: var(--_typography---h1--h1-xxl);
  }

  .section-spacing {
    padding-top: 60px;
    padding-bottom: 60px;
  }

  .privacy-section {
    padding-top: 50px;
  }

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

  .hero-section {
    background-position: 50% -130px;
    background-size: cover;
    margin-top: -200px;
    padding-top: 450px;
    padding-bottom: 50px;
  }

  .hero-title {
    font-size: var(--_typography---h1--h1);
  }

  .hero-form-button-wrap {
    margin-top: 10px;
  }

  .hero-form-title {
    font-size: var(--_typography---h4--h4);
  }

  .hero-overlay {
    opacity: .5;
  }

  .grid-hero {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    grid-template-columns: 1fr;
  }

  .client-section {
    padding-top: 40px;
    padding-bottom: 40px;
  }

  .client-marquee-list, .client-marquee-item {
    grid-column-gap: 50px;
    grid-row-gap: 50px;
  }

  .client-decoration-two {
    right: -13px;
  }

  .about-counter-title {
    font-size: var(--_typography---h6--h6);
  }

  .about-counter-number {
    font-size: var(--_typography---h2--h2);
  }

  .grid-about-counter {
    grid-column-gap: 30px;
    grid-row-gap: 30px;
  }

  .grid-about {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    grid-template-columns: 1.5fr;
  }

  .grid-service-item {
    grid-column-gap: 15px;
    grid-row-gap: 15px;
    grid-template-columns: 1fr;
    place-items: start stretch;
  }

  .service-divider {
    margin-top: 20px;
  }

  .service-hover-image-wrap {
    width: 100%;
    height: auto;
    margin-top: 0;
    top: 0;
  }

  .service-section-title-wrap {
    flex-flow: wrap;
  }

  .testimonial-item {
    grid-column-gap: 30px;
    grid-row-gap: 30px;
  }

  .testimonial-item.one {
    margin-top: 0;
  }

  .right-arrow {
    width: 35px;
    height: 35px;
    right: 41%;
  }

  .testimonial-slide {
    height: auto;
  }

  .arrow {
    width: 20px;
    height: 20px;
  }

  .testimonial-slider {
    padding-bottom: 80px;
  }

  .left-arrow {
    width: 35px;
    height: 35px;
    left: 41%;
  }

  .testimonial-name {
    font-size: var(--_typography---body--body-sm);
    margin-bottom: 3px;
  }

  .testimonial-mask {
    max-width: 100%;
  }

  .testimonial-title-wrap {
    grid-column-gap: 15px;
    grid-row-gap: 15px;
  }

  .background-video {
    height: 350px;
  }

  .pricing-price.text-white {
    font-size: var(--_typography---h2--h2);
  }

  .pricing-title {
    font-size: var(--_typography---h6--h6);
    margin-bottom: 10px;
  }

  .grid-pricing {
    grid-template-columns: 1fr;
  }

  .pricing-description {
    margin-bottom: 20px;
  }

  .pricing-list-title {
    font-size: var(--_typography---h6--h6);
    margin-bottom: 15px;
  }

  .blog-section-title-wrap {
    margin-bottom: 30px;
  }

  .grid-blog {
    grid-template-columns: 1fr;
  }

  .blog-image-wrap, .blog-detail {
    margin-bottom: 10px;
  }

  .blog-title {
    font-size: var(--_typography---h6--h6);
  }

  .grid-split-hero {
    grid-template-columns: 1fr;
  }

  .counter-item {
    text-align: left;
  }

  .grid-counter {
    grid-template-columns: 1fr 1fr;
  }

  .about-center-title {
    text-align: left;
  }

  .counter-title {
    font-size: var(--_typography---h6--h6);
  }

  .counter-number {
    font-size: var(--_typography---h2--h2);
    margin-bottom: 10px;
  }

  .about-center-wrap {
    grid-column-gap: 30px;
    grid-row-gap: 30px;
  }

  .split-service-section-wrap {
    grid-column-gap: 15px;
    grid-row-gap: 15px;
    flex-flow: wrap;
    margin-bottom: 20px;
  }

  .split-service-title {
    font-size: var(--_typography---h5--h5);
  }

  .step-section-description {
    width: 100%;
  }

  .grid-step {
    grid-template-columns: 1fr 1fr;
  }

  .step-title {
    font-size: var(--_typography---h5--h5);
  }

  .grid-bg-testimonial {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    grid-template-columns: 1fr 1.25fr;
  }

  .testimonial-title {
    font-size: var(--_typography---body--body-lg);
  }

  .bg-right-arrow {
    width: 30px;
    height: 30px;
    right: 38.5%;
  }

  .bg-left-arrow {
    width: 30px;
    height: 30px;
    left: 47%;
  }

  .bg-testimonial-image-wrap {
    height: auto;
  }

  .bg-testimonial-content {
    grid-column-gap: 30px;
    grid-row-gap: 30px;
  }

  .grid-request-form {
    grid-column-gap: 30px;
    grid-row-gap: 30px;
    grid-template-columns: 1fr;
  }

  .grid-team {
    grid-column-gap: 30px;
    grid-row-gap: 30px;
  }

  .team-title {
    font-size: var(--_typography---h6--h6);
    margin-bottom: 3px;
  }

  .job-title {
    font-size: var(--_typography---body--body-xs);
  }

  .grid-cta {
    grid-column-gap: 30px;
    grid-row-gap: 30px;
    grid-template-columns: 1fr;
  }

  .cta-content {
    margin-bottom: 0;
  }

  .cta-section {
    padding-bottom: 50px;
  }

  .cta-list {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    margin-bottom: 20px;
  }

  .cta-list-item {
    font-size: var(--_typography---body--body-xs);
    line-height: var(--_typography---h2--line-height);
  }

  .app-icon-wrap {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
  }

  .cta-title {
    font-size: var(--_typography---h5--h5);
    margin-bottom: 10px;
  }

  .cta-image-wrap {
    margin-bottom: -400px;
    padding-left: 30px;
    padding-right: 30px;
  }

  .about-hero-section {
    margin-top: -180px;
  }

  .about-hero-image-wrap {
    margin-bottom: 30px;
  }

  .our-value-title {
    font-size: var(--_typography---h5--h5);
  }

  .grid-our-value-item {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    grid-template-columns: 1fr;
  }

  .grid-about-hero {
    grid-column-gap: 15px;
    grid-row-gap: 15px;
    grid-template-columns: 1fr;
  }

  .grid-split-about {
    grid-column-gap: 30px;
    grid-row-gap: 30px;
    grid-template-columns: 1fr;
  }

  .bg-counter-section {
    padding-top: 50px;
    padding-bottom: 50px;
  }

  .bg-grid-counter {
    grid-template-columns: 1fr 1fr;
  }

  .bg-counter-title {
    font-size: var(--_typography---h6--h6);
  }

  .service-box-title {
    font-size: var(--_typography---h5--h5);
  }

  .grid-service-box {
    grid-column-gap: 40px;
    grid-row-gap: 40px;
    grid-template-columns: 1fr;
  }

  .service-box-icon-rounded {
    margin-bottom: 15px;
  }

  .service-box-item {
    padding: 20px;
  }

  .grid-service-hero {
    grid-template-columns: 1fr;
  }

  .service-hero-description {
    margin-bottom: 0;
  }

  .button-link {
    font-size: var(--_typography---h6--h6);
  }

  .button-link.w--current {
    font-size: 18px;
  }

  .service-one-title {
    font-size: var(--_typography---h5--h5);
  }

  .grid-service-one {
    grid-template-columns: 1fr;
  }

  .accordion-content-wrapper {
    padding-left: 0;
  }

  .accordion-title {
    font-size: var(--_typography---h6--h6);
  }

  .grid-service-overview {
    grid-template-columns: 1fr;
  }

  .service-detail-title {
    font-size: var(--_typography---h4--h4);
    margin-bottom: 15px;
  }

  .service-list-icon {
    width: 22px;
    height: 22px;
  }

  .service-static-description {
    width: 100%;
  }

  .service-detail-description {
    margin-bottom: 15px;
  }

  .grid-service {
    grid-template-columns: 1fr;
  }

  .bg-cta-description {
    width: 100%;
    margin-bottom: 30px;
  }

  .pagination {
    grid-template-columns: 1fr;
  }

  .contact-hero-section {
    margin-top: -180px;
  }

  .contact-form-title {
    font-size: var(--_typography---h4--h4);
  }

  .contact-section-description {
    width: 100%;
  }

  .grid-contact-hero {
    grid-template-columns: 1fr;
  }

  .grid-contact {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    grid-template-columns: 1fr;
  }

  .contact-title {
    font-size: var(--_typography---h5--h5);
  }

  .contact-item {
    padding: 20px;
  }

  .grid-team-detail {
    grid-template-columns: 1fr;
  }

  .team-meta-title {
    font-size: var(--_typography---h6--h6);
  }

  .team-job-title, .team-meta-item {
    margin-bottom: 15px;
  }

  .team-link {
    font-size: var(--_typography---body--body-md);
  }

  .grid-blog-detail {
    grid-template-columns: 1fr;
  }

  .blog-detail-title {
    font-size: var(--_typography---h1--h1);
    margin-bottom: 15px;
  }

  .blog-detail-wrap {
    margin-bottom: 10px;
  }

  .blog-rich-text ul, .blog-rich-text p, .blog-rich-text figure, .blog-rich-text blockquote, .blog-rich-text ol {
    margin-bottom: 30px;
  }

  .grid-pricing-hero {
    grid-template-columns: 1fr;
  }

  .section-spacing-top {
    padding-top: 60px;
  }

  .contact-list-items {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
  }

  .contact-list-item {
    font-size: var(--_typography---body--body-sm);
  }

  .request-a-demo-title {
    font-size: var(--_typography---body--body-md);
  }

  .access-paas {
    bottom: 42px;
    right: 15px;
  }
}

@media screen and (max-width: 479px) {
  body {
    --_typography---font-family--body: Satoshi, Georgia, sans-serif;
    --_typography---body--body-md: 16px;
    --_typography---body--line-height-2: 1.5em;
    --_typography---body--font-weight-1: 500;
    --_typography---font-family--heading: Satoshi, Georgia, sans-serif;
    --_typography---h1--h1: 36px;
    --_typography---h1--line-height: 1.3em;
    --_typography---h1--font-weight: 900;
    --_typography---h2--h2: 30px;
    --_typography---h2--line-height: 1.3em;
    --_typography---h2--font-weight: 900;
    --_typography---h3--h3: 28px;
    --_typography---h3--line-height: 1.3em;
    --_typography---h3--font-weight: 900;
    --_typography---h4--h4: 26px;
    --_typography---h4--line-height: 1.3em;
    --_typography---h4--font-weight: 900;
    --_typography---h5--h5: 22px;
    --_typography---h5--line-height: 1.3em;
    --_typography---h5--font-weight: 900;
    --_typography---h6--h6: 20px;
    --_typography---h6--line-height: 1.3em;
    --_typography---h6--font-weight: 900;
    --_typography---body--line-height-1: 1.6em;
    --_typography---body--font-weight-2: 900;
    --_typography---body--line-height-3: 1.2em;
    --_typography---body--body-sm: 14px;
    --_typography---h1--h1-xxl: 80px;
    --_typography---body--line-height-5: 1em;
    --_typography---h2--h2-lg: 50px;
    --_typography---h1--h1-lg: 40px;
    --_typography---body--line-height-4: 1.1em;
    --_typography---body--body-lg: 18px;
    --_typography---h1--h1-xl: 52px;
    --_typography---body--body-xs: 14px;
    --_typography---body--font-weight-3: 700;
  }

  .utility-page-content {
    padding: 20px;
  }

  .form-input, .form-input.form-textarea {
    height: 100%;
  }

  .style-guide-wrapper {
    margin-bottom: 50px;
  }

  .button-primary-1-icon {
    padding: 10px 30px;
    font-size: 16px;
  }

  .container-medium {
    padding-left: 15px;
    padding-right: 15px;
  }

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

  .guide-item {
    padding-right: 0;
  }

  .hero-inner {
    padding-top: 30px;
    padding-bottom: 30px;
  }

  .input-group {
    flex-direction: column;
    align-items: flex-start;
    margin-bottom: 0;
  }

  .form-select {
    height: 100%;
  }

  .menu-button {
    padding: 10px;
  }

  .logo {
    height: 40px;
  }

  .grid-nav {
    grid-template-columns: 1fr .5fr;
  }

  .navbar {
    padding-top: 15px;
    padding-bottom: 15px;
  }

  .grid-footer {
    padding: 15px;
  }

  .grid-footer-item {
    grid-column-gap: 40px;
    grid-row-gap: 40px;
  }

  .footer-links {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
  }

  .footer {
    padding-top: 40px;
    padding-bottom: 40px;
  }

  .footer-social-inline {
    grid-column-gap: 15px;
    grid-row-gap: 15px;
  }

  .footer-description {
    margin-top: 20px;
  }

  .footer-social-link {
    width: 20px;
    height: 24px;
  }

  .grid-footer-items {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    grid-template-columns: 1fr;
  }

  .coming-soon-title {
    font-size: 30px;
  }

  .coming-soon-icon {
    height: 100px;
    margin-bottom: 10px;
  }

  .coming-soon-social {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
  }

  .link-in-bio-item {
    padding: 20px;
  }

  .link-in-bio-title {
    font-size: 36px;
  }

  .link-in-bio-icon-wrap {
    width: 90px;
    height: 90px;
    margin-bottom: 20px;
  }

  .link-in-bio-content {
    font-size: 16px;
  }

  .link-in-bio-button-wrap {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    padding-top: 20px;
    padding-bottom: 20px;
  }

  .link-in-bio-image {
    height: 50px;
  }

  .privacy-section {
    padding-top: 40px;
  }

  .simple-navbar {
    padding-top: 15px;
    padding-bottom: 15px;
  }

  .hero-section {
    background-position: 48% -130px;
    margin-top: -140px;
    padding-bottom: 40px;
  }

  .hero-title {
    font-size: var(--_typography---h1--h1);
  }

  .hero-form-title {
    font-size: var(--_typography---h4--h4);
  }

  .hero-overlay {
    opacity: .6;
  }

  .hero-form-wrap {
    padding: 15px;
  }

  .client-logo {
    height: 30px;
  }

  .client-decoration-one {
    top: -24px;
    left: -44px;
  }

  .client-decoration-two {
    right: -50px;
  }

  .about-counter-number {
    font-size: var(--_typography---h1--h1);
  }

  .about-content {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
  }

  .grid-about-counter {
    grid-template-columns: 1fr;
  }

  .about-counter-item {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    padding: 15px;
  }

  .grid-service-item {
    grid-column-gap: 15px;
    grid-row-gap: 15px;
  }

  .service-wrap {
    grid-column-gap: 30px;
    grid-row-gap: 30px;
  }

  .service-icon {
    width: 40px;
    height: 40px;
  }

  .service-title-wrap {
    grid-column-gap: 15px;
    grid-row-gap: 15px;
    flex-flow: column;
  }

  .service-hover-icon {
    width: 40px;
    height: 40px;
  }

  .service-title {
    font-size: var(--_typography---h5--h5);
  }

  .arrow-icon {
    width: 20px;
    height: 20px;
  }

  .section-title {
    margin-bottom: 20px;
  }

  .right-arrow {
    right: 34%;
  }

  .left-arrow {
    left: 34%;
  }

  .testimonial-content {
    font-size: var(--_typography---body--body-lg);
  }

  .background-video {
    height: 300px;
  }

  .play-pause-button {
    bottom: 20px;
    right: 20px;
  }

  .pricing-price.text-white {
    font-size: var(--_typography---h2--h2);
  }

  .pricing-title, .pricing-list-title {
    font-size: var(--_typography---body--body-lg);
  }

  .pricing-item {
    padding: 15px;
  }

  .blog-detail {
    grid-column-gap: 15px;
    grid-row-gap: 15px;
    font-size: var(--_typography---body--body-xs);
  }

  .blog-title {
    font-size: var(--_typography---body--body-lg);
  }

  .split-hero-content {
    padding: 15px;
  }

  .grid-counter {
    grid-template-columns: 1fr;
  }

  .counter-number {
    font-size: var(--_typography---h2--h2);
  }

  .split-service-content-wrap {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    padding: 15px;
  }

  .button-icon-wrap {
    width: 30px;
    height: 30px;
  }

  .grid-step {
    grid-template-columns: 1fr;
  }

  .step-title {
    font-size: var(--_typography---h5--h5);
  }

  .grid-bg-testimonial {
    grid-template-columns: 1fr;
  }

  .testimonial-title {
    font-size: var(--_typography---body--body-lg);
  }

  .bg-right-arrow {
    right: 75%;
  }

  .bg-left-arrow {
    left: 0%;
  }

  .bg-testimonial-content {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    padding-bottom: 60px;
  }

  .request-demo-form-wrap {
    padding: 15px;
  }

  .grid-team {
    grid-template-columns: 1fr;
  }

  .team-title {
    font-size: var(--_typography---body--body-lg);
  }

  .grid-cta {
    grid-column-gap: 30px;
    grid-row-gap: 30px;
  }

  .cta-section {
    padding-bottom: 40px;
  }

  .cta-image-wrap {
    margin-bottom: -250px;
  }

  .our-value-title {
    font-size: var(--_typography---h5--h5);
  }

  .split-about-list {
    grid-template-columns: 1fr;
    width: 100%;
  }

  .split-about-list-item {
    grid-column-gap: 8px;
    grid-row-gap: 8px;
  }

  .bg-counter-section {
    padding-top: 40px;
    padding-bottom: 40px;
  }

  .bg-grid-counter {
    grid-template-columns: 1fr;
  }

  .bg-counter-title {
    font-size: var(--_typography---body--body-lg);
  }

  .service-box-title {
    font-size: var(--_typography---h5--h5);
  }

  .service-hero-title-wrap {
    padding: 15px;
  }

  .service-hero-title {
    margin-bottom: 15px;
  }

  .service-hero-description {
    margin-bottom: 20px;
  }

  .service-one-info {
    padding-top: 15px;
    padding-left: 15px;
    padding-right: 15px;
  }

  .button-link {
    font-size: var(--_typography---body--body-md);
  }

  .service-one-title {
    font-size: var(--_typography---h5--h5);
  }

  .accordion-title {
    font-size: var(--_typography---body--body-lg);
  }

  .accordion-icon-wrap.open {
    margin-top: 10px;
  }

  .accordion-heading {
    justify-content: space-between;
    align-items: flex-start;
  }

  .service-detail-title {
    font-size: var(--_typography---h4--h4);
  }

  .service-overview-description {
    margin-bottom: 20px;
  }

  .bg-cta-wrap {
    padding: 20px;
  }

  .bg-cta-description {
    margin-bottom: 20px;
  }

  .contact-form-title {
    font-size: var(--_typography---h4--h4);
  }

  .contact-hero-content {
    padding: 15px;
  }

  .contact-icon {
    width: 24px;
    height: 24px;
  }

  .contact-title {
    font-size: var(--_typography---h5--h5);
  }

  .contact-item {
    grid-column-gap: 15px;
    grid-row-gap: 15px;
    padding: 15px;
  }

  .contact-icon-wrap {
    width: 40px;
    height: 40px;
  }

  .team-job-title {
    font-size: var(--_typography---body--body-xs);
    margin-bottom: 15px;
  }

  .team-meta-item {
    grid-column-gap: 5px;
    grid-row-gap: 5px;
    flex-flow: wrap;
    margin-bottom: 10px;
  }

  .team-detail-title {
    margin-bottom: 15px;
  }

  .team-link {
    font-size: var(--_typography---body--body-md);
  }

  .team-detail-content, .blog-content {
    padding: 15px;
  }

  .blog-detail-title {
    font-size: var(--_typography---h1--h1);
  }

  .blog-detail-wrap {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
  }


  .elabels-left-content {
  display: flex;
  flex-direction: column;
  justify-content: center;

  max-width: 600px;

  gap: clamp(18px, 2.2vw, 32px);
}

  .blog-rich-text ul, .blog-rich-text p, .blog-rich-text figure, .blog-rich-text blockquote, .blog-rich-text ol {
    margin-bottom: 20px;
  }

  .pricing-hero-title-wrap {
    padding: 15px;
  }

  .contact-list-wrap {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    grid-template-columns: 1fr;
  }

  .play-state {
    font-size: 13px;
  }

  .request-demo-detail {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
  }

  .contact-icons {
    width: 20px;
    height: 20px;
  }
}

#w-node-_607fb7b3-920b-99d4-545e-3eaa48f6ff92-43e11a78 {
  align-self: end;
}

#w-node-e6c21580-4303-3c7d-fe01-9320f533b0a0-43e11a78 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-d7558fd6-59ae-df5d-4e33-ad7117a64f20-17a64f1b {
  justify-self: end;
}

#w-node-_4125c8a6-95eb-b2fa-c1f6-e90c9b743b67-9b743b64 {
  justify-self: start;
}

#w-node-_4125c8a6-95eb-b2fa-c1f6-e90c9b743b69-9b743b64 {
  justify-self: center;
}

#w-node-_4125c8a6-95eb-b2fa-c1f6-e90c9b743b88-9b743b64 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_7dbd73bf-e274-c7d4-2781-fa51868e94ec-868e94e9 {
  justify-self: start;
}

#w-node-_7dbd73bf-e274-c7d4-2781-fa51868e94ee-868e94e9 {
  justify-self: center;
}

#w-node-_7dbd73bf-e274-c7d4-2781-fa51868e950d-868e94e9, #w-node-_8fc46d94-1564-a43a-2ec4-c0799c685d6f-43e11b63 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_1bc51462-ca96-cb8c-6429-b492818a3e6a-43e11b65 {
  align-self: center;
}

#w-node-e0fc904b-c02f-e09c-e279-271795e83134-43e11b66 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

@media screen and (max-width: 991px) {
  #w-node-d7558fd6-59ae-df5d-4e33-ad7117a64f20-17a64f1b {
    justify-self: auto;
  }

  #w-node-d7558fd6-59ae-df5d-4e33-ad7117a64f26-17a64f1b {
    order: -9999;
  }

  #w-node-_4125c8a6-95eb-b2fa-c1f6-e90c9b743b69-9b743b64, #w-node-_7dbd73bf-e274-c7d4-2781-fa51868e94ee-868e94e9 {
    justify-self: auto;
  }
}

@media screen and (max-width: 767px) {
  #w-node-d7558fd6-59ae-df5d-4e33-ad7117a64f4e-17a64f1b {
    order: 9999;
  }

  #w-node-aabe9452-045d-9713-909f-ee928ee52583-43e11b63 {
    justify-self: center;
  }

  #w-node-aabe9452-045d-9713-909f-ee928ee52585-43e11b63 {
    order: -9999;
  }

  #w-node-_29fb8fe7-6b45-6903-c868-ad3a1019a3ea-43e11b67 {
    justify-self: center;
  }
}


@font-face {
  font-family: 'Satoshi';
  src: url('../fonts/Satoshi-Medium.otf') format('opentype');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Satoshi';
  src: url('../fonts/Satoshi-Black.otf') format('opentype');
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}
/*Empieza CSS FORMULARIO*/


.elabels-hero {
  position: relative;
  z-index: 2;
  display: grid;
  grid-template-columns: 320px minmax(0, 660px);
  justify-content: space-between;
  align-items: center;
  gap: 36px;
  max-width: 1120px;
  margin: 0 auto;
}



.elabels-left {
  display: none !important;
}


.elabels-left-title {
  color: #fff;
  font-size: clamp(36px, 4vw, 72px);
  line-height: 1.05;
  letter-spacing: -0.035em;
  margin: 0;
  max-width: 600px;
}

.elabels-left-description {
  color: rgba(255,255,255,0.9);
  font-size: clamp(15px, 1.1vw, 20px);
  line-height: 1.6;
  max-width: 520px;
}

.elabels-feature-list {
  display: flex;
  flex-direction: column;
  gap: 8px;
  max-width: 320px;
}

.elabels-feature-item {
  display: flex;
  align-items: flex-start;
  gap: 12px;

  padding: 10px 12px;
  border-radius: 14px;

  background: rgba(8, 10, 20, 0.42);
  border: 1px solid rgba(255,255,255,0.08);
  backdrop-filter: blur(10px);
  box-shadow: 0 10px 30px rgba(0,0,0,0.18);

  font-size: clamp(14px, 1vw, 16px);
  line-height: 1.5;
}

.elabels-feature-icon {
  width: 34px;
  height: 34px;

  display: flex;
  align-items: center;
  justify-content: center;

  border-radius: 10px;

  background: rgba(255,255,255,0.08);
}

.elabels-left-title {
  text-wrap: balance;
}

.elabels-feature-title {
  color: #fff;
  font-size: 15px;
  font-weight: 600;
  margin-bottom: 2px;
  line-height: 1.15;
}

.elabels-feature-text {
  color: rgba(255,255,255,0.82);
  font-size: 12px;
  margin-top: 2px;
   opacity: 0.75;
}

.elabels-calculator {
  width: 100%;
  max-width: 660px;
  margin-left: auto;
  background: rgba(255, 255, 255, 0.96);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  padding: 16px;
  border-radius: 22px;
  box-shadow: 0 24px 60px rgba(0, 0, 0, 0.22);
}

.elabels-header {
  display: flex;
  gap: 10px;
  align-items: center;
  margin-bottom: 12px;
}

.elabels-header-icon {
  width: 48px;
  height: 48px;
  border-radius: 14px;
  background: linear-gradient(180deg, #7048ff, #4e29e7);
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  font-size: 20px;
  box-shadow: 0 10px 24px rgba(87, 45, 255, 0.22);
}

.elabels-header-title {
  color: #171a29;
  font-size: 22px;
  line-height: 1.05;
  margin-bottom: 2px;
}

.elabels-header-subtitle {
  color: #666d84;
  font-size: 13px;
  margin: 0;
}

.elabels-tabs {
    display: grid;
  gap: 10px;
  grid-template-columns: repeat(4, 1fr);
  background: #fff;
  border: 1px solid #e5e7f0;
  border-radius: 14px;
  overflow: hidden;
  margin-bottom: 12px;
}

.elabels-tab {
  display: flex !important;
  flex-direction: row !important;
  align-items: center !important;
  justify-content: flex-start !important;

  gap: 10px;
  padding: 12px 16px;
}


.elabels-tab,
.elabels-tab.active,
.elabels-tab:focus {
  display: flex !important;
  flex-direction: row !important;
  align-items: center !important;
  justify-content: flex-start !important;
}
.elabels-tab:last-child {
  border-right: none;
}

.elabels-tab-text {
  display: flex !important;
  flex-direction: column !important;
  align-items: flex-start !important;
  justify-content: center;
}

.elabels-tab.active {
  background: #f4efff;
  box-shadow: inset 0 3px 0 #5d35ff, inset 0 -3px 0 #5d35ff;
}


.elabels-tab-icon {
  font-size: 22px;
  margin-right: 6px;
}

.elabels-tab:hover {
  background: rgba(255,255,255,0.05);
  transform: translateY(-2px);
  transition: all 0.2s ease;
}

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

.elabels-tab-title {
    font-size: clamp(14px, 1vw, 16px);
  font-weight: 600;
  color: #171a29;
  text-align: center;
  line-height: 1.1;
}

.elabels-tab-sub {
  font-size: clamp(12px, 0.8vw, 13px);
  opacity: 0.7;
  color: #737991;
  text-align: center;
  line-height: 1.1;
}

.elabels-main-grid {
  display: grid;
  grid-template-columns: 1.12fr 0.84fr 0.84fr;
  gap: 10px;
  align-items: start;
}

.elabels-card {
  background: #fff;
  border: 1px solid #e5e7f0;
  border-radius: 16px;
  padding: 14px;
  min-width: 0;
}

.elabels-card {
  transition: 0.25s ease;
}

.elabels-card:hover {
  transform: translateY(-3px);
  box-shadow: 0 20px 40px rgba(0,0,0,0.12);
}

.elabels-card-title {
  color: #171a29;
  font-size: 16px;
  font-weight: 800;
  line-height: 1.1;
  margin-bottom: 12px;
}

.elabels-panel {
  display: none;
}

.elabels-panel.active {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px 12px;
}
.elabels-field {
  margin-bottom: 0;
}
.elabels-field:last-child {
  margin-bottom: 0;
}

.elabels-field label {
  display: block;
  color: #1f2334;
  font-size: 12px;
  font-weight: 700;
  margin-bottom: 5px;
}

.elabels-field .w-select {
  min-height: 40px;
  height: 40px;
  margin-bottom: 0;
  border: 1px solid #d9dcea;
  border-radius: 10px;
  background-color: #fff;
  color: #171a29;
  font-size: 12px;
  padding-top: 0;
  padding-bottom: 0;
}

.elabels-check {
  display: flex;
  gap: 8px;
  align-items: flex-start;
  padding: 10px;
  border-radius: 12px;
  background: #f8f9fd;
  border: 1px solid #e7eaf3;
  margin-bottom: 8px;
  cursor: pointer;
}

.elabels-check input {
  margin-top: 3px;
  transform: scale(1.05);
}

.elabels-check-content {
  display: flex;
  flex-direction: column;
}

.elabels-check-content strong {
  color: #171a29;
  font-size: 13px;
  line-height: 1.15;
}

.elabels-check-content small {
  color: #666d84;
  font-size: 11px;
  margin-top: 1px;
}

.elabels-summary-row {
  display: flex;
  justify-content: space-between;
  gap: 8px;
  margin-bottom: 8px;
  font-size: 11px;
  color: #2c3143;
}

.elabels-summary-button:hover {
  transform: translateY(-1px);
  box-shadow: 0 14px 30px rgba(77, 45, 255, 0.3);
}

.elabels-summary-row span {
  color: #666d84;
  flex: 1;
}

.elabels-summary-row strong {
  flex: 1;
  text-align: right;
  word-break: break-word;
}

.elabels-divider {
  border: none;
  border-top: 1px solid #e7e9f2;
  margin: 12px 0;
}


.elabels-total-wrap span {
  display: block;
  color: #666d84;
  font-size: 12px;
  margin-bottom: 3px;
}

.elabels-total-wrap strong {
  display: block;
  color: #4d2dff;
  font-size: 28px;
  line-height: 1.02;
}

.elabels-summary-note {
  text-align: center;
  color: #666d84;
  font-size: 12px;
  margin-top: 8px;
}

.elabels-footer-note {
  margin-top: 12px;
  padding: 10px 12px;
  border-radius: 12px;
  background: #eef1fb;
  color: #5c647d;
  font-size: 12px;
  line-height: 1.35;
}

@media screen and (max-width: 991px) {
  .elabels-hero {
    display: grid;
    grid-template-columns: 1fr;
    gap: 20px;
    max-width: 760px;
  }
  .elabels-panel.active {
    grid-template-columns: 1fr 1fr;
  }
  
  .elabels-main-grid {
    grid-template-columns: 1fr;
  }
  

  
  .hero-section {
    min-height: auto;
    padding-top: 130px;
    padding-bottom: 40px;
  }

  .elabels-left {
    min-height: 500px;
  }

  .elabels-main-grid {
    grid-template-columns: 1fr;
  }

  .elabels-tabs {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media screen and (max-width: 767px) {
  .elabels-panel.active {
    grid-template-columns: 1fr;
  }

  .elabels-calculator {
    padding: 16px;
  }



  .elabels-left-title {
    font-size: 38px;
  }

  .elabels-header-title {
    font-size: 28px;
  }

  .elabels-total-wrap strong {
    font-size: 28px;
  }
}

elabels-left::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(90deg, rgba(35, 18, 99, 0.18) 0%, rgba(35, 18, 99, 0.04) 38%, rgba(0, 0, 0, 0) 100%);
  z-index: 1;
}

.elabels-left::after {
  content: "";
  position: absolute;
  inset: auto 0 0 0;
  height: 42%;
  background: linear-gradient(180deg, rgba(8, 8, 12, 0) 0%, rgba(8, 8, 12, 0.78) 100%);
  z-index: 1;
}


.elabels-finishing-card {
  display: flex;
  flex-direction: column;
  gap: 0;
}

/*FIN CSS FORMULARIO*/

/* ===== ELABELS HERO FINAL ===== */

.hero-section {
  background-image:
    linear-gradient(
      90deg,
      rgba(0,0,0,0.20) 0%,
      rgba(0,0,0,0.15) 100%
    ),
    url('../images/MAIN WEB_p1.jpg') !important;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  display: flex !important;
  flex-flow: column;
  justify-content: center !important;
  align-items: center !important;
  position: relative;
  margin-top: -170px;
  min-height: 100svh !important;
  padding-top: 108px !important;
  padding-bottom: 6px !important;
}

.elabels-hero {
  width: min(1460px, calc(100vw - 64px)) !important;
  max-width: none !important;
  margin: 0 auto !important;
  display: grid !important;
  grid-template-columns: minmax(320px, 380px) minmax(920px, 1fr) !important;
  gap: 12px !important;
  align-items: center !important;
}



.elabels-feature-list {
  display: flex;
  flex-direction: column;
  gap: 8px !important;
  max-width: 310px !important;
}


.elabels-calculator {
  width: 100% !important;
  max-width: 1040px !important;
  margin-left: 0 !important;
  background: rgba(255, 255, 255, 0.97);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  padding: 12px !important;
  border-radius: 22px !important;
  box-shadow: 0 24px 70px rgba(0, 0, 0, 0.20);
}

.elabels-header {
  display: flex;
  gap: 14px;
  align-items: center;
  margin-bottom: 6px !important;
}

.elabels-header-icon {
  width: 48px !important;
  height: 48px !important;
  border-radius: 14px !important;
  background: linear-gradient(180deg, #7048ff, #4e29e7);
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  font-size: 18px !important;
  box-shadow: 0 12px 30px rgba(87, 45, 255, 0.22);
}

.elabels-header-title {
  color: #171a29;
  font-size: 22px !important;
  line-height: 1.05;
  margin-bottom: 1px !important;
}

.elabels-header-subtitle {
  color: #666d84;
  font-size: 12px !important;
  margin: 0;
}



.elabels-tab:last-child {
  border-right: none;
}



.elabels-tab-title {
  font-size: 11px !important;
  font-weight: 700;
  color: #171a29;
  text-align: center;
  line-height: 1.05 !important;
}


.elabels-main-grid {
  display: grid !important;
  grid-template-columns: 1.08fr 0.88fr 0.82fr !important;
  gap: 8px !important;
  align-items: stretch !important;
}

.elabels-card {
  background: #fff;
  border: 1px solid #e5e7f0;
  border-radius: 15px !important;
  padding: 12px !important;
  min-width: 0;
}

.elabels-card-title {
  color: #171a29;
  font-size: 15px !important;
  font-weight: 700 !important;
  line-height: 1.1;
  margin-bottom: 10px !important;
}

.elabels-panel.active {
  display: block !important;
}

.elabels-field {
  margin-bottom: 9px !important;
}

.elabels-field .w-select:focus {
  border-color: #4d2dff;
  box-shadow: 0 0 0 2px rgba(77,45,255,0.15);
}

.elabels-field:last-child {
  margin-bottom: 0;
}

.elabels-field label {
  display: block;
  color: #1f2334;
  font-size: 12px !important;
  font-weight: 600 !important;
  margin-bottom: 4px !important;
}

.elabels-field .w-select {
  min-height: 40px !important;
  height: 40px !important;
  margin-bottom: 0;
  border: 1px solid #d9dcea;
  border-radius: 10px !important;
  background-color: #fff;
  color: #171a29;
  font-size: 13px !important;
  padding-top: 0;
  padding-bottom: 0;
}

.elabels-check {
  display: flex;
  gap: 10px;
  align-items: flex-start;
  padding: 8px !important;
  border-radius: 12px !important;
  background: #f8f9fd;
  border: 1px solid #e7eaf3;
  margin-bottom: 6px !important;
  cursor: pointer;
}

.elabels-check-content strong {
  color: #171a29;
  font-size: 13px !important;
  line-height: 1.2;
}

.elabels-check-content small {
  color: #666d84;
  font-size: 11px !important;
  margin-top: 2px;
}

.elabels-summary-row {
  display: flex;
  justify-content: space-between;
  gap: 6px !important;
  margin-bottom: 6px !important;
  font-size: 12px !important;
  color: #2c3143;
}

.elabels-divider {
  border: none;
  border-top: 1px solid #e7e9f2;
  margin: 10px 0 !important;
}

.elabels-total-wrap span {
  display: block;
  color: #666d84;
  font-size: 12px !important;
  margin-bottom: 2px !important;
}

.elabels-total-wrap strong {
  display: block;
  color: #4d2dff;
  font-size: 26px !important;
  line-height: 1.05 !important;
}

.elabels-summary-button {
  width: 100% !important;
  margin-top: 8px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  border-radius: 10px !important;
  background: linear-gradient(180deg, #6d45ff, #4d2dff);
  color: #fff;
  text-align: center;
  font-weight: 700;
  font-size: 13px !important;
  padding: 9px 12px !important;
  text-decoration: none;
  box-shadow: 0 12px 24px rgba(77, 45, 255, 0.22);
}

.elabels-summary-helper {
  margin-top: 4px !important;
  text-align: center;
  font-size: 11px !important;
  color: #666d84;
}

.elabels-footer-note {
  margin-top: 8px !important;
  padding: 6px 8px !important;
  border-radius: 12px;
  background: #eef1fb;
  color: #5c647d;
  font-size: 11px !important;
  line-height: 1.25 !important;
  text-align: center;
}

/* ===== TABLET ===== */
@media screen and (max-width: 991px) {
  .hero-section {
    min-height: auto !important;
    padding-top: 120px !important;
    padding-bottom: 32px !important;
  }

  @media screen and (max-width: 991px) {
  .grid-hero {
    grid-template-columns: 1fr;
    grid-row-gap: 40px;
  }
}

  .elabels-hero {
    width: min(760px, calc(100vw - 40px)) !important;
    grid-template-columns: 1fr !important;
    gap: 24px !important;
  }



  .elabels-left-title {
    font-size: 46px !important;
    max-width: 100% !important;
  }

  .elabels-left-description {
    max-width: 100% !important;
  }

  .elabels-feature-list {
    max-width: 100% !important;
  }

  .elabels-calculator {
    max-width: 100% !important;
  }

  .elabels-tabs {
    grid-template-columns: repeat(2, 1fr);
  }

  .elabels-main-grid {
    grid-template-columns: 1fr !important;
  }
}

/* ===== MOBILE ===== */
@media screen and (max-width: 767px) {
  .hero-section {
    padding-top: 108px !important;
    padding-bottom: 24px !important;
  }

  @media screen and (max-width: 767px) {
  .grid-hero {
    grid-template-columns: 1fr;
    grid-row-gap: 30px;
  }
}

  .elabels-hero {
    width: calc(100vw - 24px) !important;
  }

  .elabels-left-title {
    font-size: 38px !important;
    line-height: 0.98 !important;
  }

  .elabels-left-description {
    font-size: 15px !important;
  }

  .elabels-calculator {
    padding: 14px !important;
    border-radius: 18px !important;
  }

  .elabels-header {
    gap: 10px;
  }

  .elabels-header-icon {
    width: 44px !important;
    height: 44px !important;
    font-size: 16px !important;
  }

  .elabels-header-title {
    font-size: 20px !important;
  }

  .elabels-tabs {
    grid-template-columns: repeat(2, 1fr);
  }

  .elabels-tab {
    padding: 10px 6px !important;
  }

  .elabels-card {
    padding: 14px !important;
  }

  .elabels-total-wrap strong {
    font-size: 24px !important;
  }
}

/* ===== NAV + HERO SAFETY FOR ZOOM / NARROW DESKTOP ===== */
@media screen and (max-width: 1280px) {
  .simple-navbar {
    padding-top: 10px !important;
    padding-bottom: 10px !important;
  }

  .simple-navbar .container.w-container {
    max-width: 100% !important;
    width: calc(100vw - 40px) !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
  }

  .grid-nav {
    grid-template-columns: auto 1fr auto !important;
    column-gap: 18px !important;
    align-items: center !important;
  }

  .nav-menu {
    justify-content: center !important;
    column-gap: 18px !important;
  }

  .nav-link-light,
  .dropdown-toggle.nav-link-light {
    font-size: 15px !important;
    padding-left: 8px !important;
    padding-right: 8px !important;
  }

  .right-nav {
    gap: 12px !important;
  }

  .button-primary-1-icon {
    padding: 10px 14px !important;
    font-size: 14px !important;
  }

  .hero-section {
    padding-top: 124px !important;
    padding-bottom: 20px !important;
  }

  .hero-section > .container.w-container,
  .hero-section > .w-layout-blockcontainer.container.w-container {
    max-width: 100% !important;
    width: calc(100vw - 40px) !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
  }

  .elabels-hero {
    width: min(1280px, 100%) !important;
    grid-template-columns: minmax(280px, 330px) minmax(760px, 1fr) !important;
    gap: 12px !important;
  }



  .elabels-left-title {
    font-size: 48px !important;
    max-width: 310px !important;
    line-height: 0.95 !important;
  }

  .elabels-left-description {
    font-size: 14px !important;
    max-width: 290px !important;
  }

  .elabels-feature-list {
    max-width: 280px !important;
  }

  .elabels-calculator {
    max-width: 920px !important;
  }

  .elabels-main-grid {
    grid-template-columns: 1.02fr 0.84fr 0.78fr !important;
    gap: 8px !important;
  }
}

@media screen and (max-width: 1180px) {
  .simple-navbar .container.w-container {
    width: calc(100vw - 32px) !important;
  }

  .grid-nav {
    column-gap: 14px !important;
  }

  .nav-menu {
    column-gap: 14px !important;
  }

  .nav-link-light,
  .dropdown-toggle.nav-link-light {
    font-size: 14px !important;
    padding-left: 6px !important;
    padding-right: 6px !important;
  }

  .button-primary-1-icon {
    padding: 9px 12px !important;
    font-size: 13px !important;
  }

  .hero-section > .container.w-container,
  .hero-section > .w-layout-blockcontainer.container.w-container {
    width: calc(100vw - 32px) !important;
  }

  .elabels-hero {
    grid-template-columns: 1fr !important;
    width: min(900px, 100%) !important;
    gap: 22px !important;
  }



  .elabels-left-title,
  .elabels-left-description,
  .elabels-feature-list,
  .elabels-calculator {
    max-width: 100% !important;
  }
}
/* ===== FIX REAL PARA NAV + HERO OVERLAP ===== */

/* navbar siempre arriba */
.simple-navbar {
  position: relative;
  z-index: 30 !important;
}

/* hero debajo de navbar */
.hero-section {
  position: relative;
  z-index: 1 !important;
}

/* desktop normal */
@media screen and (min-width: 1181px) {
  .hero-section {
    margin-top: -120px !important;
    padding-top: 150px !important;
  }
}

/* desktop más estrecho / zoom 110% aprox */
@media screen and (max-width: 1400px) and (min-width: 1181px) {
  .hero-section {
    margin-top: -96px !important;
    padding-top: 168px !important;
    padding-bottom: 18px !important;
  }

  .elabels-hero {
    width: min(1320px, calc(100vw - 40px)) !important;
    grid-template-columns: minmax(290px, 340px) minmax(780px, 1fr) !important;
    gap: 14px !important;
  }



  .elabels-calculator {
    max-width: 960px !important;
  }
}

/* cuando ya no cabe cómodo, cambia antes a una sola columna */
@media screen and (max-width: 1180px) {
  .hero-section {
    margin-top: -80px !important;
    padding-top: 150px !important;
    padding-bottom: 28px !important;
  }

  .elabels-hero {
    grid-template-columns: 1fr !important;
    width: min(920px, calc(100vw - 32px)) !important;
    gap: 24px !important;
  }



  .elabels-left-title,
  .elabels-left-description,
  .elabels-feature-list,
  .elabels-calculator {
    max-width: 100% !important;
  }
}
/* ===== RESTORE TABLET / MOBILE AFTER DESKTOP ZOOM FIX ===== */

/* Tablet */
@media screen and (max-width: 991px) {
  .hero-section {
    margin-top: -72px !important;
    padding-top: 118px !important;
    padding-bottom: 28px !important;
  }

  .elabels-hero {
    width: min(760px, calc(100vw - 32px)) !important;
    grid-template-columns: 1fr !important;
    gap: 20px !important;
  }



  .elabels-left-title {
    font-size: 42px !important;
    line-height: 0.96 !important;
    max-width: 100% !important;
  }

  .elabels-left-description,
  .elabels-feature-list,
  .elabels-calculator {
    max-width: 100% !important;
  }

  .elabels-tabs {
    grid-template-columns: repeat(2, 1fr) !important;
  }

  .elabels-main-grid {
    grid-template-columns: 1fr !important;
    gap: 12px !important;
  }

  .elabels-card {
    padding: 14px !important;
  }

  .elabels-summary-row {
    font-size: 12px !important;
  }

  .elabels-total-wrap strong {
    font-size: 26px !important;
  }
}

/* Mobile */
@media screen and (max-width: 767px) {
  .hero-section {
    margin-top: -56px !important;
    padding-top: 96px !important;
    padding-bottom: 22px !important;
  }

  .hero-section > .container.w-container,
  .hero-section > .w-layout-blockcontainer.container.w-container {
    width: calc(100vw - 20px) !important;
    max-width: 100% !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
  }

  .elabels-hero {
    width: 100% !important;
    grid-template-columns: 1fr !important;
    gap: 16px !important;
  }

  .elabels-tab {
  display: flex;
  flex-direction: row !important;
  align-items: center !important;
  justify-content: flex-start !important;

  gap: 12px;
  text-align: left;
}



  .elabels-left-title {
    font-size: 36px !important;
    line-height: 1 !important;
    max-width: 100% !important;
    margin-bottom: 10px !important;
  }

  .elabels-left-description {
    font-size: 14px !important;
    line-height: 1.45 !important;
    max-width: 100% !important;
    margin-bottom: 12px !important;
  }

  .elabels-feature-list {
    max-width: 100% !important;
    gap: 8px !important;
  }

  .elabels-feature-item {
    padding: 10px !important;
  }

  .elabels-calculator {
    width: 100% !important;
    max-width: 100% !important;
    padding: 12px !important;
    border-radius: 18px !important;
  }

  .elabels-header {
    gap: 10px !important;
    margin-bottom: 10px !important;
  }

  .elabels-header-icon {
    width: 42px !important;
    height: 42px !important;
    font-size: 16px !important;
  }

  .elabels-header-title {
    font-size: 20px !important;
  }

  .elabels-header-subtitle {
    font-size: 11px !important;
  }

  .elabels-tabs {
    grid-template-columns: repeat(2, 1fr) !important;
    margin-bottom: 10px !important;
  }

  .elabels-tab {
    padding: 10px 6px !important;
  }



  .elabels-tab-title {
    font-size: 11px !important;
  }


  .elabels-main-grid {
    grid-template-columns: 1fr !important;
    gap: 10px !important;
  }

  .elabels-card {
    padding: 12px !important;
    border-radius: 14px !important;
  }

  .elabels-card-title {
    font-size: 15px !important;
    margin-bottom: 10px !important;
  }

  .elabels-field {
    margin-bottom: 10px !important;
  }

  .elabels-field label {
    font-size: 12px !important;
    margin-bottom: 4px !important;
  }

  .elabels-field .w-select {
    width: 100% !important;
    min-width: 0 !important;
    height: 42px !important;
    min-height: 42px !important;
    font-size: 12px !important;
  }

  .elabels-check {
    padding: 10px !important;
    margin-bottom: 8px !important;
  }

  .elabels-check-content strong {
    font-size: 13px !important;
  }

  .elabels-check-content small {
    font-size: 11px !important;
  }

  .elabels-summary-row {
    font-size: 12px !important;
    margin-bottom: 8px !important;
  }

  .elabels-total-wrap span {
    font-size: 12px !important;
  }

  .elabels-total-wrap strong {
    font-size: 24px !important;
    line-height: 1.05 !important;
  }

  .elabels-summary-button {
    padding: 10px 12px !important;
    font-size: 12px !important;
  }

  .elabels-summary-helper,
  .elabels-footer-note {
    font-size: 10px !important;
  }
}
/* ===== ELABELS TRUST SECTION ===== */

.elabels-trust-section {
  background: #0f1220;
  padding-top: 42px;
  padding-bottom: 42px;
  position: relative;
  overflow: hidden;
  border-bottom-left-radius: 24px;
border-bottom-right-radius: 24px;
}

.elabels-trust-wrap {
  display: grid;
  grid-template-columns: 1.1fr 0.9fr;
  gap: 28px;
  align-items: center;
}

.elabels-trust-intro {
  max-width: 680px;
}

.elabels-trust-kicker,
.elabels-section-kicker {
  color: #8c93ad;
  letter-spacing: .16em;
  font-size: 11px;
  font-weight: 700;
  margin-bottom: 12px;
}

.elabels-trust-title {
  color: #fff;
  font-size: 36px;
  line-height: 1.02;
  margin-bottom: 12px;
}

.elabels-trust-description {
  color: rgba(255,255,255,0.78);
  max-width: 560px;
  margin-bottom: 0;
  font-size: 16px;
  line-height: 1.5;
}

.elabels-trust-stats {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 14px;
}

.elabels-trust-stats {
  margin-top: 20px;
}

.elabels-stat-card {
  background: rgba(255,255,255,0.06);
  border: 1px solid rgba(255,255,255,0.08);
  border-radius: 18px;
  padding: 14px 14px;
  backdrop-filter: blur(10px);
}

.elabels-stat-number {
  color: #fff;
  font-size: 24px;
  line-height: 1;
  font-weight: 900;
  margin-bottom: 8px;
}

.elabels-stat-label {
  color: rgba(255,255,255,0.72);
  font-size: 13px;
  line-height: 1.4;
}

/* ===== ELABELS WHY SECTION ===== */

.elabels-why-section {
  background: #f7f8fc;
  padding-top: 60px;
  padding-bottom: 90px;
}

.elabels-section-heading {
  text-align: center;
  max-width: 760px;
  margin: 0 auto 44px;
}

.elabels-section-title {
  color: #171a29;
  font-size: 42px;
  line-height: 1.02;
  margin-bottom: 14px;
}

.elabels-section-description {
  color: #5a627a;
  font-size: 17px;
  line-height: 1.55;
  margin-bottom: 0;
  max-width: 600px;
  margin: 0 auto;
}

.elabels-why-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 18px;
}

.elabels-why-card {
  background: linear-gradient(180deg, #ffffff, #fafbff);
  border: 1px solid #e8ebf4;
  border-radius: 22px;
  padding: 24px 22px;
  box-shadow: 0 14px 40px rgba(17, 22, 44, 0.05);
  transition: transform .25s ease, box-shadow .25s ease, border-color .25s ease;
}

.elabels-why-card:hover {
  transform: translateY(-6px);
  box-shadow: 0 25px 60px rgba(17, 22, 44, 0.12);
  border-color: #d9def0;
}

.elabels-why-icon {
  width: 46px;
  height: 46px;
  font-size: 20px;
  border-radius: 16px;
  background: linear-gradient(180deg, #6d45ff, #4d2dff);
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 24px;
  margin-bottom: 18px;
}

.elabels-why-title {
  color: #171a29;
  font-size: 20px;
  line-height: 1.1;
  margin-bottom: 10px;
}

.elabels-why-text {
  color: #555c74;
  font-size: 14px;
  line-height: 1.55;
  margin-bottom: 0;
}

/* ===== RESPONSIVE ===== */

@media screen and (max-width: 991px) {
  .elabels-trust-wrap {
    grid-template-columns: 1fr;
    gap: 22px;
  }

  .elabels-trust-stats {
    grid-template-columns: 1fr 1fr 1fr;
  }

  .elabels-trust-title {
    font-size: 30px;
  }

  .elabels-section-title {
    font-size: 34px;
  }

  .elabels-why-grid {
    grid-template-columns: 1fr 1fr;
  }
}

@media screen and (max-width: 767px) {
  .elabels-trust-section {
    padding-top: 34px;
    padding-bottom: 34px;
  }

  .elabels-trust-title {
    font-size: 26px;
  }

  .elabels-trust-description {
    font-size: 15px;
  }

  .elabels-trust-stats {
    grid-template-columns: 1fr;
  }

  .elabels-stat-card {
    padding: 16px 14px;
  }

  .elabels-stat-number {
    font-size: 24px;
  }

  .elabels-why-section {
    padding-top: 70px;
    padding-bottom: 110px;
  }

  .elabels-section-heading {
    margin-bottom: 30px;
  }

  .elabels-section-title {
    font-size: 28px;
  }

  .elabels-section-description {
    font-size: 15px;
  }

  .elabels-why-grid {
    grid-template-columns: 1fr;
  }

  .elabels-why-card {
    padding: 20px 18px;
  }
}
/* ===== ELABELS HOW IT WORKS ===== */

.elabels-how-section {
  background: #ffffff;
  padding-top: 60px;
  padding-bottom: 110px;
}

.elabels-how-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 22px;
}

.elabels-how-step {
  background: linear-gradient(180deg, #ffffff, #fafbff);
  border: 1px solid #e7ebf4;
  border-radius: 24px;
  padding: 26px 24px;
  box-shadow: 0 16px 40px rgba(18, 23, 45, 0.05);
  
  transition: all 0.3s ease;
}

.elabels-how-step:hover {
  transform: translateY(-6px) scale(1.01);
  box-shadow: 0 25px 60px rgba(18, 23, 45, 0.12);
  border-color: #d9dff0;
}

.elabels-how-step:nth-child(2) {
  border-color: #e6e2ff;
  background: linear-gradient(180deg, #ffffff, #f6f4ff);
  box-shadow: 0 20px 50px rgba(77,45,255,0.08);
}

.elabels-how-top {
  display: flex;
  align-items: center;
  gap: 14px;
  margin-bottom: 18px;
}

.elabels-how-number {
  flex: none;
  font-size: 13px;
  font-weight: 800;
  color: #4d2dff;
  letter-spacing: .08em;
}

.elabels-how-line {
  max-width: 70%;
  opacity: 0.5;
  width: 100%;
  height: 1px;
  background: linear-gradient(90deg, rgba(77,45,255,0.22), rgba(77,45,255,0.04));
}

.elabels-how-icon {
  width: 48px;
  height: 48px;
  font-size: 20px;;
  border-radius: 16px;
  background: linear-gradient(180deg, #6d45ff, #4d2dff);
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 14px;
}

.elabels-how-title {
  color: #171a29;
  font-size: 22px;
  line-height: 1.08;
  margin-bottom: 12px;
  font-weight: 600;
  letter-spacing: -0.2px;
}

.elabels-how-text {
  color: #5a627a;
  font-size: 15px;
  line-height: 1.6;
  margin-bottom: 0;
}

@media screen and (max-width: 991px) {
  .elabels-how-section {
    padding-top: 72px;
    padding-bottom: 72px;
  }

  .elabels-how-grid {
    grid-template-columns: 1fr;
    gap: 18px;
  }

  .hide-mobile {
    display: none;
  }
}

@media screen and (max-width: 767px) {
  .elabels-how-section {
    padding-top: 60px;
    padding-bottom: 60px;
  }

  .elabels-how-step {
    padding: 22px 18px;
    border-radius: 20px;
  }

  .elabels-how-title {
    font-size: 20px;
  }

  .elabels-how-text {
    font-size: 14px;
  }

  .elabels-how-icon {
    width: 48px;
    height: 48px;
    font-size: 20px;
    border-radius: 14px;
  }
}

/* ===== ELABELS APPLICATIONS SECTION ===== */

.elabels-applications-section {
  background: #0f1220;
  padding-top: 90px;
  padding-bottom: 90px;
}

.elabels-applications-heading {
  align-items: flex-end;
  gap: 24px;
  margin-bottom: 28px;
}

.elabels-applications-title {
  color: #fff;
}

.elabels-applications-description {
  color: rgba(255,255,255,0.72);
  max-width: 480px;
  margin-bottom: 0;
  font-size: 15px;
  line-height: 1.6;
}

.elabels-applications-wrap {
  background: #ffffff;
  border-radius: 28px;
  padding: 20px 22px;
  box-shadow: 0 24px 60px rgba(0, 0, 0, 0.14);
}

.elabels-application-item {
  color: inherit;
  text-decoration: none;
  transition: transform .25s ease;
}

.elabels-application-item:hover {
  
  background: rgba(0,0,0,0.015);
  transform: translateY(-2px);
  
}

.elabels-application-icon {
  width: 56px;
  height: 56px;
  border-radius: 18px;
  background: linear-gradient(180deg, #6d45ff, #4d2dff);
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 26px;
  box-shadow: 0 14px 28px rgba(77, 45, 255, 0.18);
}

.elabels-application-title {
  color: #171a29;
  margin-bottom: 8px;
}

.elabels-application-text {
  color: #5d657d;
  margin-bottom: 0;
  max-width: 620px;
}

.elabels-application-tag {
  color: #4d2dff;
  background: rgba(77, 45, 255, 0.08);
  border: 1px solid rgba(77, 45, 255, 0.12);
  border-radius: 999px;
  padding: 8px 14px;
  font-size: 12px;
  font-weight: 700;
  line-height: 1;
  white-space: nowrap;
}

.elabels-applications-section .service-divider {
  margin-top: 26px;
  margin-bottom: 26px;
  opacity: 0.08;
}

.elabels-applications-section .service-arrow-icon-wrap {
  background: #f6f7fb;
}

.elabels-applications-section .service-arrow-icon-wrap:hover {
  background: #eceffd;
}

@media screen and (max-width: 991px) {
  .elabels-applications-section {
    padding-top: 72px;
    padding-bottom: 72px;
  }

  .elabels-applications-heading {
    align-items: flex-start;
    flex-direction: column;
    margin-bottom: 24px;
  }

  .elabels-applications-wrap {
    padding: 18px;
  }

  .elabels-application-item {
    grid-template-columns: 1fr;
    gap: 20px;
  }

  .elabels-applications-section .service-content-wrap {
    justify-content: space-between;
    width: 100%;
  }
}

@media screen and (max-width: 767px) {
  .elabels-applications-section {
    padding-top: 60px;
    padding-bottom: 60px;
  }

  .elabels-applications-wrap {
    border-radius: 22px;
    padding: 16px;
  }

  .elabels-application-icon {
    width: 48px;
    height: 48px;
    border-radius: 16px;
    font-size: 22px;
  }

  .elabels-application-tag {
    font-size: 11px;
    padding: 7px 12px;
  }

  .elabels-applications-section .service-divider {
    margin-top: 20px;
    margin-bottom: 20px;
  }
}
.elabels-application-img {
  width: 72px;
  height: 72px;
  border-radius: 18px;
  object-fit: cover;
  box-shadow: 0 12px 28px rgba(0,0,0,0.12);
  flex-shrink: 0;
}.elabels-application-item {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) auto !important;
  gap: 24px !important;
  align-items: start !important;
  transition: all 0.25s ease;
}

.elabels-application-item .service-title-wrap {
  display: flex;
  align-items: flex-start;
  gap: 18px;
}

.elabels-applications-section .service-content-wrap {
  display: flex;
  justify-content: flex-end;
  align-items: flex-start;
  padding-right: 8px;
  width: auto !important;
  gap: 0 !important;
}

.elabels-application-img {
  width: 58px;
  height: 58px;
  border-radius: 16px;
  object-fit: cover;
  box-shadow: 0 10px 24px rgba(0,0,0,0.08);
  flex-shrink: 0;
}

.elabels-application-tag {
  margin-top: 6px;
}

.elabels-applications-title {
  font-size: 48px;
  line-height: 0.98;
}

.elabels-application-item:hover .elabels-application-img {
  transform: scale(1.05);
}
.elabels-application-img {
  transition: all 0.25s ease;
}

/* ===== ELABELS FAQ ===== */

.elabels-faq-section {
  background: #f7f8fc;
  padding-top: 90px;
  padding-bottom: 90px;
}

.elabels-faq-section .faq-wrap {
  max-width: 920px;
  margin: 0 auto;
}

.elabels-faq-section .accordion-item {
  border: 1px solid #e7ebf4;
  background: #fff;
  box-shadow: 0 14px 40px rgba(18, 23, 45, 0.04);
}

.elabels-faq-section .accordion-heading {
  align-items: center;
}

.elabels-faq-section .accordion-title {
  color: #171a29;
  font-size: 22px;
  line-height: 1.2;
}

.elabels-faq-section .accordion-content {
  color: #5d657d;
  font-size: 15px;
  line-height: 1.65;
  margin-bottom: 0;
}

.elabels-faq-section .accordion-icon-wrap {
  margin-top: 0;
  flex: none;
}

.elabels-faq-section .horizontal-icon,
.elabels-faq-section .vertical-icon {
  background: linear-gradient(180deg, #6d45ff, #4d2dff);
}

/* ===== ELABELS FINAL CTA ===== */

.elabels-final-cta-section {
  background: #0f1220;
  padding-top: 70px;
  padding-bottom: 80px;
}

.elabels-final-cta-wrap {
  background: linear-gradient(135deg, #171c35, #11152a);
  border: 1px solid rgba(255,255,255,0.08);
  border-radius: 28px;
  padding: 34px 36px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 24px;
  box-shadow: 0 24px 60px rgba(0,0,0,0.18);
}

.elabels-final-cta-content {
  max-width: 700px;
}

.elabels-final-cta-title {
  color: #fff;
  font-size: 44px;
  line-height: 1;
  margin-bottom: 12px;
}

.elabels-final-cta-text {
  color: rgba(255,255,255,0.72);
  font-size: 16px;
  line-height: 1.6;
  margin-bottom: 0;
}

.elabels-final-cta-actions {
  flex: none;
}

.elabels-final-cta-button {
  background: linear-gradient(180deg, #6d45ff, #4d2dff);
  color: #fff;
  border-radius: 14px;
  padding: 16px 24px;
  font-weight: 700;
  text-decoration: none;
  box-shadow: 0 14px 30px rgba(77, 45, 255, 0.24);
}

.elabels-final-cta-button:hover {
  transform: translateY(-2px);
}

@media screen and (max-width: 991px) {
  .elabels-faq-section {
    padding-top: 72px;
    padding-bottom: 72px;
  }

  .elabels-faq-section .accordion-title {
    font-size: 20px;
  }

  .elabels-final-cta-section {
    padding-top: 60px;
    padding-bottom: 70px;
  }

  .elabels-final-cta-wrap {
    flex-direction: column;
    align-items: flex-start;
    padding: 28px 24px;
  }

  .elabels-final-cta-title {
    font-size: 36px;
  }
}

@media screen and (max-width: 767px) {
  .elabels-faq-section {
    padding-top: 60px;
    padding-bottom: 60px;
  }

  .elabels-faq-section .accordion-title {
    font-size: 18px;
  }

  .elabels-faq-section .accordion-content {
    font-size: 14px;
  }

  .elabels-final-cta-wrap {
    border-radius: 22px;
    padding: 24px 18px;
  }

  .elabels-final-cta-title {
    font-size: 30px;
  }

  .elabels-final-cta-text {
    font-size: 15px;
  }

  .elabels-final-cta-button {
    width: 100%;
    text-align: center;
  }

  .elabels-final-cta-actions {
    width: 100%;
  }
}
.elabels-faq-section .accordion-item {
  transition: all 0.25s ease;
}

.elabels-faq-section .accordion-item:hover {
  transform: translateY(-2px);
  box-shadow: 0 18px 45px rgba(18, 23, 45, 0.08);
}
.accordion-item.active .horizontal-icon {
  background: #4d2dff;
}
/*boton para subir al top*/
.scroll-top-btn {
  position: fixed;
  right: 24px;
  bottom: 24px;
  width: 48px;
  height: 48px;
  border: 1px solid rgba(255,255,255,0.14);
  border-radius: 14px;
  background: rgba(20, 24, 43, 0.42);
  color: #fff;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  opacity: 0;
  visibility: hidden;
  transform: translateY(10px);
  transition: opacity .25s ease, visibility .25s ease, transform .25s ease, background .25s ease, border-color .25s ease, box-shadow .25s ease;
  backdrop-filter: blur(14px);
  -webkit-backdrop-filter: blur(14px);
  box-shadow: 0 12px 30px rgba(0,0,0,0.18);
  z-index: 999;
}

.scroll-top-btn.show {
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
}

.scroll-top-btn:hover {
  background: rgba(77, 45, 255, 0.42);
  border-color: rgba(255,255,255,0.22);
  box-shadow: 0 16px 36px rgba(77, 45, 255, 0.22);
  transform: translateY(-2px);
}

.scroll-top-btn svg {
  width: 18px;
  height: 18px;
  display: block;
}

@media screen and (max-width: 767px) {
  .scroll-top-btn {
    right: 88px;
    bottom: 16px;
    width: 44px;
    height: 44px;
    border-radius: 12px;
  }
}

/* ===== ELABELS FOOTER ===== */

.elabels-footer {
  background: #090d1d;
  padding-top: 64px;
  padding-bottom: 28px;
}

.elabels-footer-top {
  display: grid;
  grid-template-columns: 1.15fr 1fr;
  gap: 40px;
  padding-bottom: 36px;
  border-bottom: 1px solid rgba(255,255,255,0.08);
}

.elabels-footer-brand {
  max-width: 520px;
}

.elabels-footer-logo {
  color: #fff;
  font-size: 28px;
  line-height: 1;
  font-weight: 900;
  margin-bottom: 16px;
  letter-spacing: -0.02em;
}

.elabels-footer-description {
  color: rgba(255,255,255,0.72);
  font-size: 15px;
  line-height: 1.7;
  margin-bottom: 0;
}

.elabels-footer-links-wrap {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 28px;
}

.elabels-footer-column {
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.elabels-footer-heading {
  color: #fff;
  font-size: 13px;
  font-weight: 800;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  margin-bottom: 6px;
}

.elabels-footer-link {
  color: rgba(255,255,255,0.72);
  text-decoration: none;
  font-size: 15px;
  line-height: 1.5;
  transition: color .25s ease;
}

.elabels-footer-link:hover {
  color: #ffffff;
}

.elabels-footer-meta {
  color: rgba(255,255,255,0.5);
  font-size: 14px;
  line-height: 1.5;
}

.elabels-footer-bottom {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 20px;
  padding-top: 22px;
}

.elabels-footer-copy {
  color: rgba(255,255,255,0.5);
  font-size: 14px;
  margin-bottom: 0;
}

.elabels-footer-mini-links {
  display: flex;
  gap: 18px;
  align-items: center;
}

.elabels-footer-mini-link {
  color: rgba(255,255,255,0.56);
  text-decoration: none;
  font-size: 14px;
  transition: color .25s ease;
}

.elabels-footer-mini-link:hover {
  color: #fff;
}

@media screen and (max-width: 991px) {
  .elabels-footer {
    padding-top: 56px;
  }

  .elabels-footer-top {
    grid-template-columns: 1fr;
    gap: 32px;
  }

  .elabels-footer-links-wrap {
    grid-template-columns: 1fr 1fr 1fr;
  }
}

@media screen and (max-width: 767px) {
  .elabels-footer {
    padding-top: 48px;
    padding-bottom: 24px;
  }

  .elabels-footer-logo {
    font-size: 24px;
  }

  .elabels-footer-description {
    font-size: 14px;
  }

  .elabels-footer-links-wrap {
    grid-template-columns: 1fr;
    gap: 22px;
  }

  .elabels-footer-bottom {
    flex-direction: column;
    align-items: flex-start;
  }
}

.elabels-tabs {
  grid-template-columns: repeat(3, 1fr) !important;
}

.button-primary-icon-wrap {
  display: none;
}


.elabels-size-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 12px;
}

.form-input {
  width: 100%;
  min-height: 48px;
  padding: 12px 14px;
  border: 1px solid #d9deea;
  border-radius: 12px;
  background: #fff;
  font-size: 14px;
  color: #1f2937;
  transition: border-color .2s ease, box-shadow .2s ease;
}

.form-input:focus {
  outline: none;
  border-color: #6f57ff;
  box-shadow: 0 0 0 3px rgba(111, 87, 255, 0.12);
}

#promo-code {
  text-transform: uppercase;
}


.elabels-turnaround-help {
  color: #666d84;
  font-size: 11px !important;
  line-height: 1.35 !important;
  margin-bottom: 8px;
}

.elabels-check input[type="radio"] {
  margin: 0;
  transform: translateY(1px); /* opcional para pixel perfect */
}

.elabels-check {
  display: flex;
  align-items: center; /* 🔥 esto es lo clave */
  gap: 10px;
}

.elabels-check-content {
  display: flex;
  flex-direction: column;
  gap: 4px;
  width: 100%;
}

.elabels-check-content strong {
  font-size: 13px;
  font-weight: 600;
}

.elabels-check-content small {
  font-size: 11px;
  color: #666d84;
}

.elabels-check-content {
  display: flex;
  flex-direction: column;
  gap: 2px;
}

.elabels-check-content strong {
  font-size: 13px;
  font-weight: 600;
}

.elabels-check-content small {
  font-size: 11px;
  color: #666d84;
} 
.elabels-check {
  padding: 14px;
}

.elabels-check {
  display: flex;
  align-items: center;
  gap: 10px;
}

.elabels-check-content {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}


.elabels-suggested-row {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
}

.elabels-suggested-left {
  display: flex;
  align-items: center;
  gap: 8px;
}

.elabels-suggested-right {
  display: flex;
  align-items: center;
}

.suggested-row {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
}

.elabels-suggested-right small {
  font-size: 11px;
  font-weight: 600;
  color: #6c5ce7;
   display: flex;
  align-items: center;
  gap: 10px;
  white-space: nowrap;
}
.elabels-suggested-right {
  width: 100%;
}

[data-save] {
  margin-left: auto;   /* 🔥 EMPUJA TODO A LA DERECHA */
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  min-width: 95px;
}

.suggested-unit {
  font-size: 10px;
  color: #999;
  line-height: 1;
}

.elabels-suggested-row:hover {
  background: rgba(108, 99, 255, 0.05);
  border-radius: 8px;
}

.suggested-total {
  font-weight: 600;
  font-size: 13px;
  color: #6c63ff;
  line-height: 1.1;
}

.suggested-total::before {
 content: none !important;
}

.suggested-wrap {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  gap: 2px;
}

.elabels-check-content {
  display: flex !important;
  justify-content: space-between;
  align-items: center;
  width: 100%;
}

.elabels-check-content strong {
  flex-shrink: 0;
}

.elabels-check-content small {
  flex-shrink: 0;
  white-space: nowrap;
}
.elabels-check-content small:empty {
  display: none;
}

.elabels-check-content small {
  font-size: 11px;
  font-weight: 600;
  color: #6c5ce7;
  margin-left: auto;
}
.elabels-suggested-hidden {
  display: none;
}
.elabels-suggested-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
}

.elabels-suggested-left {
  display: flex;
  align-items: center;
  gap: 8px;
}

.elabels-suggested-left strong {
  font-size: 14px;
}

.elabels-suggested-right {
  font-size: 11px;
  color: #6b7280;
  white-space: nowrap;
}

.elabels-check-content.elabels-suggested-row {
  display: flex !important;
  flex-direction: row !important;
  justify-content: space-between !important;
  align-items: center !important;
  width: 100%;
}

.elabels-suggested-left {
  display: flex;
  align-items: center;
}

.elabels-suggested-right {
  display: flex;
  align-items: center;
  margin-left: auto;
}

.elabels-suggested-right small {
  font-size: 11px;
  font-weight: 600;
  color: #6366f1;
}

.elabels-check-content.elabels-suggested-row {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between;
  margin: 0 !important;        /* 🔥 esto lo sube */
  padding-top: 0 !important;   /* 🔥 esto lo alinea */
  padding-bottom: 0 !important;
}

.elabels-check {
  display: flex !important;
  align-items: center !important;
}

.elabels-hidden {
  display: none !important;
}
.elabels-suggested-right small {
  font-weight: 600;
  font-size: 12px;
}

.elabels-suggested-right small:contains("Best Value") {
  color: #6c4cff;
}

.elabels-suggested-right small:contains("Recommended") {
  color: #3b82f6;
}

.elabels-suggested-right small:contains("Most Popular") {
  color: #10b981;
}

[data-save][data-label="best"] {
  color: #6c4cff;
  font-weight: 700;
}

[data-save][data-label="recommended"] {
  color: #3b82f6;
  font-weight: 600;
}

[data-save][data-label="popular"] {
  color: #10b981;
  font-weight: 600;
}


[data-qty]:has(input:checked) {
  border: 2px solid #6c4cff;
  background: rgba(108, 76, 255, 0.08);
  box-shadow: 0 4px 14px rgba(108, 76, 255, 0.15);
}

.elabels-check:has(input[name="turnaround"]:checked) {
  border: 2px solid #6c4cff;
  background: rgba(108, 76, 255, 0.08);
}


.auth-nav-btn {
  border-radius: 8px;
  padding: 8px 16px;
  font-weight: 500;
  transition: all 0.2s ease;
}
.auth-nav-btn:hover {
  transform: translateY(-1px);
}

.auth-nav-btn--ghost {
  background: transparent;
  border: 1px solid rgba(255,255,255,0.4);
  color: white;
} 

.auth-nav-btn--ghost:hover {
  background: rgba(255,255,255,0.14);
}

.auth-nav-btn--primary {
  background: linear-gradient(135deg, #6c63ff, #7c3aed);
  color: white;
}

.auth-nav-btn--primary:hover {
  transform: translateY(-1px);
  box-shadow: 0 14px 30px rgba(91,92,240,0.32);
}

.auth-modal-overlay {
  position: fixed;
  inset: 0;
  display: none;
  justify-content: center;
  align-items: center;
  padding: 20px;
  background: rgba(7, 12, 25, 0.56);
  backdrop-filter: blur(8px);
  z-index: 9999;
}

.auth-modal-card {
  position: relative;
  width: 100%;
  max-width: 440px;
  background: #fff;
  border-radius: 22px;
  padding: 28px;
  box-shadow: 0 30px 80px rgba(0,0,0,0.28);
}

.auth-modal-card--guest {
  max-width: 460px;
}

.auth-modal-header {
  margin-bottom: 20px;
}

.auth-modal-title {
  margin: 0 0 8px;
  font-size: 38px;
  line-height: 1;
  font-weight: 800;
  color: #111827;
}

.auth-modal-subtitle {
  margin: 0;
  font-size: 14px;
  line-height: 1.5;
  color: #667085;
}

/* ===== CLOSE BUTTON ===== */
.auth-modal-close {
  background: #f3f4f6;
  border-radius: 50%;
  width: 32px;
  height: 32px;
  border: none;
  cursor: pointer;
  font-size: 16px;
}

.auth-modal-close:hover {
  background: #e5e7eb;
}

.auth-form {
  display: flex;
  flex-direction: column;
  gap: 12px;
}

.auth-label {
  font-size: 13px;
  margin-bottom: 6px;
  display: block;
  color: #374151;
}

/* ===== AUTH INPUTS FIX ===== */
.auth-input {
  width: 100%;              /* 🔑 esto faltaba */
  height: 44px;             /* tamaño consistente */
  padding: 0 14px;
  border-radius: 10px;
  border: 1px solid #e5e7eb;
  font-size: 14px;
  background: #fff;
  transition: all 0.2s ease;
  box-sizing: border-box;   /* 🔑 evita que se encoja */
}

.auth-input:focus {
  border-color: #6c63ff;
  box-shadow: 0 0 0 2px rgba(108,99,255,0.15);
  outline: none;
}

/* ===== AUTH MODAL BUTTON ===== */
.auth-submit-btn {
  width: 100%;
  border-radius: 10px;
  padding: 12px 16px;
  font-weight: 600;
  background: linear-gradient(135deg, #6c63ff, #7c3aed);
  border: none;
  color: white;
  transition: all 0.2s ease;
  margin-top: 10px;
}

.auth-submit-btn:hover {
  transform: translateY(-1px);
  box-shadow: 0 6px 20px rgba(108,99,255,0.25);
}

/* espacio entre último input y botón */
.auth-modal form {
  display: flex;
  flex-direction: column;
  gap: 14px;
}

.custom-toast {
  position: fixed;
  top: 20px;
  right: 20px;
  background: #111;
  color: #fff;
  padding: 12px 18px;
  border-radius: 10px;
  font-size: 14px;
  opacity: 0;
  transform: translateY(-10px);
  transition: all 0.3s ease;
  z-index: 9999;
}

.custom-toast.show {
  opacity: 1;
  transform: translateY(0);
}

.custom-toast.error {
  background: #ff4d4f;
}

.quote-loader-wrap {
  display: flex;
  justify-content: center;
  padding: 10px 0 6px;
}

.quote-loader {
  width: 42px;
  height: 42px;
  border: 4px solid rgba(108, 99, 255, 0.18);
  border-top-color: #6c63ff;
  border-radius: 50%;
  animation: quoteSpin 0.8s linear infinite;
}

@keyframes quoteSpin {
  to {
    transform: rotate(360deg);
  }
}

/* círculo */
.checkmark-circle {
  width: 72px;
  height: 72px;
  border-radius: 50%;
  border: 3px solid #6c63ff;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 auto 15px;
  animation: scaleIn 0.3s ease;
}

/* svg */
.checkmark {
  width: 40px;
  height: 40px;
}

/* línea del check */
.checkmark path {
  stroke: #6c63ff;
  stroke-width: 4;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-dasharray: 48;
  stroke-dashoffset: 48;
  animation: drawCheck 0.4s ease forwards 0.2s;
}

/* animaciones */
@keyframes drawCheck {
  to {
    stroke-dashoffset: 0;
  }
}

@keyframes scaleIn {
  from {
    transform: scale(0.7);
    opacity: 0;
  }
  to {
    transform: scale(1);
    opacity: 1;
  }
}

.w-layout-blockcontainer {
  max-width: 1400px !important;
}

.w-layout-blockcontainer {
  max-width: 1580px !important;
}

@media (min-width: 1600px) {
  .grid-hero {
    max-width: 1600px;
  }
}


.msi-modal {
  position: fixed;
  inset: 0;
  background: rgba(0,0,0,0.65);
  display: none;
  align-items: center;
  justify-content: center;
  z-index: 9999;
}

.msi-modal-content {
  background: white;
  padding: 30px;
  border-radius: 16px;
  max-width: 420px;
  text-align: center;
}

.msi-contact {
  margin: 20px 0;
}

.msi-modal button {
  margin-top: 10px;
  padding: 10px 20px;
  border-radius: 8px;
  border: none;
  background: #6f5cff;
  color: white;
  cursor: pointer;
}