*,
*::before,
*::after {
  box-sizing: border-box;
  -webkit-tap-highlight-color: transparent;
}

html,
body {
  margin: 0;
  padding: 0;
  overflow-x: hidden;
  max-width: 100%;
}

body {
  font-family: 'Raleway', 'Inter', system-ui, sans-serif;
  background: #ffffff;
  color: #000000;
  overflow-x: hidden;
}

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

ul {
  margin: 0;
  padding-left: 20px;
}

li {
  margin-bottom: 4px;
}

@font-face {
  font-family: 'Raleway-Regular';
  src: local('Raleway');
  font-weight: 400;
}
@font-face {
  font-family: 'Raleway-Medium';
  src: local('Raleway');
  font-weight: 500;
}
@font-face {
  font-family: 'Raleway-Bold';
  src: local('Raleway');
  font-weight: 700;
}
@font-face {
  font-family: 'Handjet-Black';
  src: local('Handjet');
  font-weight: 900;
}

:is(.mp-6, .mp-8, .mp-15, .mp-16, .mp-18, .mp-27, .mp-29, .mp-31, .mp-32, .mp-33, .mp-35, .mp-41, .mp-42, .mp-48, .mp-50, .mp-51, .mp-55, .mp-56, .mp-59, .mp-61, .mp-67, .mp-71, .mp-72, .mp-74, .mp-77, .mp-83, .mp-84, .mp-87, .mp-90, .mp-97, .mp-102, .mp-107, .mp-112, .mp-119, .mp-124, .mp-125, .mp-128, .mp-129, .mp-137, .mp-140, .mp-144, .mp-151, .mp-152, .mp-156, .mp-161, .mp-164, .mp-166, .mp-168, .mp-171, .mp-175, .mp-176) {
  font-family: 'Raleway', 'Inter', system-ui, sans-serif !important;
}

:is(.mp-91, .mp-105) {
  font-family: 'Handjet', 'Press Start 2P', monospace !important;
  letter-spacing: 0.02em;
}

img[src*="Step number"] {
  width: auto !important;
  height: 75% !important;
  object-fit: contain !important;
}

img.vector7 {
  visibility: hidden !important;
  height: 24px !important;
  width: 80px !important;
}

img.vector8,
img.vector9,
img.vector10 {
  height: 24px !important;
  width: 80px !important;
}

div:has(> div > img.vector11) {
  align-items: stretch !important;
}

img.vector11,
img.vector12,
img.vector13 {
  flex-grow: 1 !important;
  visibility: hidden !important;
}

img.navigation-arrow {
  transform: scaleX(-1);
}

div:has(> div:is(.mp-104):is(.mp-104):is(.mp-104):is(.mp-104)) {
  align-items: stretch !important;
}

.hero-description-span,
.hero-description-span2 {
  font-size: 18px !important;
  line-height: 1.5 !important;
}

ul.hero-description-span2 {
  margin: 14px 0 0 0 !important;
  padding-left: 22px !important;
}

ul.hero-description-span2 li {
  margin-bottom: 0 !important;
  line-height: 1.5 !important;
}

.hero-main-mobile {
  display: none;
}

.pricing-dots-mobile {
  display: none;
}

.pricing-dots-mobile__dot {
  width: 14px;
  height: 14px;
  border-radius: 100px;
  background: var(--stroke, #e5e5e5);
  flex-shrink: 0;
}
.pricing-dots-mobile__dot.is-active {
  background: var(--violet, #aa80f1);
}

.div-3-span2 {
  display: inline-flex;
  align-items: center;
  vertical-align: -3px;
  margin-left: 6px;
}
.div-3-span2 svg {
  width: 1.3em;
  height: auto;
  display: inline-block;
  filter: drop-shadow(0 1px 1px rgba(0, 0, 0, 0.08));
}

.osvi-tech-span,
.company-name-span {
  font-family: 'Raleway', sans-serif;
  font-weight: 800;
  font-size: 32px;
}

.osvi-tech-span2,
.company-name-span2 {
  font-family: 'Raleway', sans-serif;
  font-weight: 400;
  font-size: 32px;
}

div:has(> div > span > .company-name-span) {
  max-width: 340px !important;
  flex: 0 0 340px !important;
}

.signup-modal {
  position: fixed;
  inset: 0;
  z-index: 9999;
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.18s ease;
  font-family: 'Raleway', sans-serif;
}

.signup-modal[aria-hidden="false"] {
  opacity: 1;
  pointer-events: auto;
}

.signup-modal__backdrop {
  position: absolute;
  inset: 0;
  background: rgba(0, 0, 0, 0.55);
}

.signup-modal__dialog {
  position: relative;
  z-index: 1;
  background: #ffffff;
  border-radius: 32px;
  padding: 40px 48px;
  width: min(92vw, 520px);
  box-shadow: 0 30px 80px rgba(0, 0, 0, 0.25);
  transform: translateY(20px);
  transition: transform 0.18s ease;
}

.signup-modal[aria-hidden="false"] .signup-modal__dialog {
  transform: translateY(0);
}

.signup-modal__close {
  position: absolute;
  top: 16px;
  right: 20px;
  width: 36px;
  height: 36px;
  border: none;
  background: transparent;
  font-size: 30px;
  line-height: 1;
  color: #959595;
  cursor: pointer;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: background 0.15s ease, color 0.15s ease;
}

.signup-modal__close:hover {
  background: #f5f0ff;
  color: #aa80f1;
}

.signup-modal__title {
  font-size: 26px;
  font-weight: 700;
  color: #000000;
  margin: 0 0 8px;
  text-align: center;
}

.signup-modal__subtitle {
  font-size: 15px;
  color: #5a5a5a;
  margin: 0 0 24px;
  text-align: center;
}

.signup-modal__form {
  display: flex;
  flex-direction: column;
  gap: 14px;
}

.signup-modal__field {
  display: flex;
  flex-direction: column;
  gap: 6px;
}

.signup-modal__label {
  font-size: 13px;
  font-weight: 600;
  color: #4a4a4a;
  padding-left: 4px;
}

.signup-modal__field input,
.signup-modal__field select {
  font-family: inherit;
  font-size: 16px;
  padding: 14px 20px;
  border: 2px solid #e5e5e5;
  border-radius: 100px;
  background: #ffffff;
  color: #000000;
  outline: none;
  transition: border-color 0.15s ease;
  appearance: none;
  -webkit-appearance: none;
}

.signup-modal__field select {
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 18 11' fill='none'><path d='M1 1L9 9L17 1' stroke='%23000' stroke-width='2' stroke-linecap='round'/></svg>");
  background-repeat: no-repeat;
  background-position: right 20px center;
  background-size: 14px;
  padding-right: 44px;
  cursor: pointer;
}

.signup-modal__field input:focus,
.signup-modal__field select:focus {
  border-color: #aa80f1;
}

.signup-modal__field input.signup-modal__input--invalid {
  border-color: #e0556a;
}

.signup-modal__error {
  font-size: 12px;
  color: #e0556a;
  padding-left: 16px;
}

.custom-select {
  position: relative;
}

.custom-select__trigger {
  width: 100%;
  font-family: inherit;
  font-size: 16px;
  padding: 14px 20px;
  padding-right: 44px;
  border: 2px solid #e5e5e5;
  border-radius: 100px;
  background: #ffffff;
  color: #000000;
  text-align: left;
  cursor: pointer;
  outline: none;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  transition: border-color 0.15s ease;
}

.custom-select__trigger:focus,
.custom-select[data-open] .custom-select__trigger {
  border-color: #aa80f1;
}

.custom-select__value {
  flex: 1;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.custom-select__value[data-placeholder]:not([data-filled]) {
  color: #959595;
}

.custom-select__arrow {
  width: 14px;
  height: auto;
  color: #6c6c6c;
  flex-shrink: 0;
  transition: transform 0.18s ease;
  pointer-events: none;
  position: absolute;
  right: 20px;
  top: 50%;
  transform: translateY(-50%);
}

.custom-select[data-open] .custom-select__arrow {
  transform: translateY(-50%) rotate(180deg);
  color: #aa80f1;
}

.custom-select__options {
  list-style: none;
  margin: 6px 0 0;
  padding: 8px;
  position: absolute;
  top: 100%;
  left: 0;
  right: 0;
  background: #ffffff;
  border: 2px solid #e5e5e5;
  border-radius: 20px;
  box-shadow: 0 12px 30px rgba(0, 0, 0, 0.12);
  z-index: 10;
  max-height: 240px;
  overflow-y: auto;
}

.custom-select__option {
  padding: 12px 18px;
  font-size: 15px;
  color: #000000;
  border-radius: 100px;
  cursor: pointer;
  transition: background 0.12s ease, color 0.12s ease;
}

.custom-select__option:hover,
.custom-select__option[data-active] {
  background: rgba(170, 128, 241, 0.12);
  color: #aa80f1;
  font-weight: 600;
}

.custom-select__option[data-selected] {
  background: #aa80f1;
  color: #ffffff;
  font-weight: 600;
}

.signup-modal__field input::placeholder {
  color: #959595;
}

.signup-modal__submit {
  font-family: inherit;
  font-size: 16px;
  font-weight: 700;
  color: #ffffff;
  text-transform: uppercase;
  letter-spacing: 0.02em;
  padding: 16px 32px;
  border: none;
  border-radius: 100px;
  background: #aa80f1;
  cursor: pointer;
  margin-top: 6px;
  transition: background 0.15s ease, transform 0.05s ease;
}

.signup-modal__submit:hover {
  background: #9466e6;
}

.signup-modal__submit:active {
  transform: scale(0.98);
}

.signup-modal__note {
  font-size: 12px;
  color: #959595;
  text-align: center;
  margin: 4px 0 0;
}

.signup-modal__view--success {
  text-align: center;
  padding: 12px 0;
}

.signup-modal__success-icon {
  width: 64px;
  height: 64px;
  margin: 0 auto 16px;
  border-radius: 50%;
  background: #e9fce9;
  color: #2da44e;
  font-size: 36px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 700;
}

[data-signup-trigger] {
  cursor: pointer;
}

div:has(> [data-currency-btn]) {
  justify-content: flex-end !important;
}

[data-currency-btn] {
  padding: 10px 24px !important;
  flex: 0 0 auto !important;
  transition: background 0.15s ease, border-color 0.15s ease;
}

[data-currency-btn]:hover {
  border-color: #aa80f1 !important;
}

[data-currency-btn] > div {
  font-size: 18px !important;
}

.inline-form__pill {
  position: relative;
  border-radius: 100px;
  border: 2px solid #e5e5e5;
  background: #ffffff;
  padding: 18px 32px;
  display: flex;
  align-items: center;
  transition: border-color 0.15s ease;
}

.inline-form__pill:focus-within {
  border-color: #aa80f1;
}

.inline-form__input {
  flex: 1;
  border: none;
  outline: none;
  background: transparent;
  font-family: 'Raleway', sans-serif;
  font-size: 18px;
  color: #000000;
  width: 100%;
}

.inline-form__input::placeholder {
  color: #959595;
}

.inline-form__pill.custom-select {
  padding: 0;
  border: 2px solid #e5e5e5;
}

.inline-form__pill.custom-select .custom-select__trigger {
  padding: 18px 32px;
  padding-right: 44px;
  border: none;
  background: transparent;
  font-size: 18px;
  border-radius: 100px;
  width: 100%;
}

.inline-form__pill.custom-select[data-open] {
  border-color: #aa80f1;
}

.inline-form__pill.custom-select[data-open] .custom-select__trigger {
  border-color: transparent;
}

.inline-form__pill .signup-modal__error,
.inline-form__pill .inline-form__error {
  position: absolute;
  bottom: -22px;
  left: 16px;
  font-size: 12px;
  color: #e0556a;
}

.inline-form__input--invalid {
  /* Border handled on pill via parent */
}

.inline-form__pill:has(.inline-form__input--invalid) {
  border-color: #e0556a;
}

.inline-form__submit {
  font-family: 'Raleway', sans-serif;
  font-size: 18px;
  font-weight: 700;
  color: #ffffff;
  text-transform: uppercase;
  letter-spacing: 0.02em;
  padding: 20px 32px;
  border: none;
  border-radius: 100px;
  background: #aa80f1;
  cursor: pointer;
  margin-top: 8px;
  transition: background 0.15s ease, transform 0.05s ease;
}

.inline-form__submit:hover {
  background: #9466e6;
}

.inline-form__submit:active {
  transform: scale(0.98);
}

.inline-form__view--success {
  text-align: center;
  padding: 24px 16px;
}

.inline-form__success-icon {
  width: 72px;
  height: 72px;
  margin: 0 auto 16px;
  border-radius: 50%;
  background: #e9fce9;
  color: #2da44e;
  font-size: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 700;
}

.inline-form__success-title {
  font-family: 'Raleway', sans-serif;
  font-weight: 700;
  font-size: 26px;
  margin-bottom: 8px;
}

.inline-form__success-text {
  font-family: 'Raleway', sans-serif;
  font-size: 16px;
  color: #5a5a5a;
}

.floating-phone {
  position: fixed !important;
  top: auto !important;
  bottom: 24px !important;
  right: 24px !important;
  width: 64px !important;
  height: 64px !important;
  border: none !important;
  border-radius: 50% !important;
  background: #aa80f1 !important;
  cursor: pointer;
  display: flex !important;
  align-items: center;
  justify-content: center;
  box-shadow: 0 8px 20px rgba(170, 128, 241, 0.4);
  z-index: 99999 !important;
  transition: background 0.15s ease;
}

.floating-phone:hover {
  background: #9466e6;
  transform: scale(1.05);
}

.floating-phone:active {
  transform: scale(0.95);
}

.floating-phone img {
  width: 28px;
  height: 28px;
  filter: brightness(0) invert(1);
}


/* ===== styles extracted from inline attributes (auto-generated) ===== */
.mp-1 { background: var(--white, #ffffff); display: flex; flex-direction: column; gap: 160px; align-items: center; justify-content: flex-start; position: relative; overflow: hidden; }
.mp-2 { display: flex; flex-direction: column; gap: 60px; align-items: flex-start; justify-content: flex-start; flex-shrink: 0; position: relative; }
.mp-3 { padding: 40px 0px 0px 0px; display: flex; flex-direction: row; align-items: center; justify-content: space-between; flex-shrink: 0; width: 1660px; position: relative; }
.mp-4 { color: #000000; text-align: right; position: relative; }
.mp-5 { display: flex; flex-direction: row; gap: 60px; align-items: center; justify-content: flex-start; flex-shrink: 0; position: relative; }
.mp-6 { color: var(--text, #000000); text-align: left; font-family: var( --d1920-c2-font-family, 'Raleway-Regular', sans-serif ); font-size: var(--d1920-c2-font-size, 18px); line-height: var(--d1920-c2-line-height, 150%); font-weight: var(--d1920-c2-font-weight, 400); position: relative; }
.mp-7 { background: var(--violet, #aa80f1); border-radius: 100px; padding: 16px 32px 16px 32px; display: flex; flex-direction: row; gap: 10px; align-items: center; justify-content: center; flex-shrink: 0; position: relative; }
.mp-8 { color: var(--white, #ffffff); text-align: center; font-family: 'Raleway-Bold', sans-serif; font-size: 16px; line-height: 150%; font-weight: 700; text-transform: uppercase; position: relative; }
.mp-9 { display: flex; flex-direction: row; gap: 60px; align-items: center; justify-content: flex-start; align-self: stretch; flex-shrink: 0; position: relative; }
.mp-10 { display: flex; flex-direction: column; gap: 60px; align-items: flex-start; justify-content: flex-start; flex-shrink: 0; width: 780px; position: relative; }
.mp-11 { display: flex; flex-direction: column; gap: 24px; align-items: flex-start; justify-content: flex-start; align-self: stretch; flex-shrink: 0; position: relative; }
.mp-12 { display: flex; flex-direction: column; gap: 12px; align-items: flex-start; justify-content: flex-start; align-self: stretch; flex-shrink: 0; position: relative; }
.mp-13 { display: flex; flex-direction: row; gap: 12px; align-items: center; justify-content: flex-start; align-self: stretch; flex-shrink: 0; position: relative; }
.mp-14 { color: var(--violet, #aa80f1); text-align: left; font-family: var(--d1920-b1-font-family, '-', sans-serif); font-size: var(--d1920-b1-font-size, 24px); line-height: var(--d1920-b1-line-height, 140%); font-weight: var(--d1920-b1-font-weight, 400); position: relative; }
.mp-15 { color: var(--text, #000000); text-align: left; font-family: var( --d1920-h1-font-family, 'Raleway-Bold', sans-serif ); font-size: var(--d1920-h1-font-size, 68px); line-height: var(--d1920-h1-line-height, 120%); font-weight: var(--d1920-h1-font-weight, 700); position: relative; align-self: stretch; }
.mp-16 { color: var(--text, #000000); text-align: left; font-family: var( --d1920-b2-font-family, 'Raleway-Regular', sans-serif ); font-size: var(--d1920-b2-font-size, 24px); line-height: var(--d1920-b2-line-height, 140%); font-weight: var(--d1920-b2-font-weight, 400); position: relative; width: 760px; }
.mp-17 { background: var(--violet, #aa80f1); border-radius: 100px; padding: 20px 32px 20px 32px; display: flex; flex-direction: row; gap: 10px; align-items: center; justify-content: center; align-self: stretch; flex-shrink: 0; position: relative; }
.mp-18 { color: var(--white, #ffffff); text-align: center; font-family: 'Raleway-Bold', sans-serif; font-size: 18px; line-height: 150%; font-weight: 700; text-transform: uppercase; position: relative; flex: 1; }
.mp-19 { flex-shrink: 0; width: 820px; height: 720px; position: relative; }
.mp-20 { border-radius: 60px; width: 780px; height: 680px; position: absolute; right: 0px; bottom: 0px; object-fit: cover; }
.mp-21 { background: var(--yellow, #ffd66c); border-radius: 40px; border-style: solid; border-color: var(--white, #ffffff); border-width: 20px; width: 280px; height: 140px; position: absolute; right: 0px; bottom: 0px; }
.mp-22 { width: 109px; height: 100px; position: absolute; right: 86px; bottom: 0px; overflow: hidden; }
.mp-23 { width: 99.94%; height: 100%; position: absolute; right: 0.4%; left: -0.34%; bottom: 0.5%; top: -0.5%; overflow: visible; }
.mp-24 { background: var(--white, #ffffff); border-radius: 40px; border-style: solid; border-color: var(--stroke, #e5e5e5); border-width: 1px; padding: 40px; display: flex; flex-direction: column; gap: 30px; align-items: center; justify-content: flex-start; position: absolute; left: 0px; top: 0px; }
.mp-25 { background: var(--yellow, #ffd66c); border-radius: 100px; padding: 10px 32px 10px 32px; display: flex; flex-direction: row; gap: 10px; align-items: center; justify-content: center; flex-shrink: 0; position: relative; transform-origin: 0 0; transform: rotate(0deg) scale(1, 1); }
.mp-26 { flex-shrink: 0; width: 20px; height: 20px; position: relative; transform-origin: 0 0; transform: rotate(0deg) scale(1, 1); object-fit: cover; aspect-ratio: 1; }
.mp-27 { color: var(--text, #000000); text-align: left; font-family: var( --d1920-c2-font-family, 'Raleway-Regular', sans-serif ); font-size: var(--d1920-c2-font-size, 18px); line-height: var(--d1920-c2-line-height, 150%); font-weight: var(--d1920-c2-font-weight, 400); position: relative; }
.mp-28 { display: flex; flex-direction: column; gap: 0px; align-items: center; justify-content: flex-start; align-self: stretch; flex-shrink: 0; position: relative; }
.mp-29 { color: var(--gray, #959595); text-align: left; font-family: var( --d1920-b2-font-family, 'Raleway-Regular', sans-serif ); font-size: var(--d1920-b2-font-size, 24px); line-height: var(--d1920-b2-line-height, 140%); font-weight: var(--d1920-b2-font-weight, 400); position: relative; }
.mp-30 { display: flex; flex-direction: row; gap: 20px; align-items: flex-end; justify-content: flex-start; flex-shrink: 0; position: relative; }
.mp-31 { color: var(--violet, #aa80f1); text-align: right; font-family: var( --d1920-h2-font-family, 'Raleway-Bold', sans-serif ); font-size: var(--d1920-h2-font-size, 48px); line-height: var(--d1920-h2-line-height, 120%); font-weight: var(--d1920-h2-font-weight, 700); position: relative; }
.mp-32 { color: var(--text, #000000); text-align: right; font-family: var( --d1920-b2-font-family, 'Raleway-Regular', sans-serif ); font-size: var(--d1920-b2-font-size, 24px); line-height: var(--d1920-b2-line-height, 140%); font-weight: var(--d1920-b2-font-weight, 400); position: relative; }
.mp-33 { color: var(--text, #000000); text-align: left; font-family: var( --d1920-c2-font-family, 'Raleway-Regular', sans-serif ); font-size: var(--d1920-c2-font-size, 18px); line-height: var(--d1920-c2-line-height, 150%); font-weight: var(--d1920-c2-font-weight, 400); position: relative; align-self: stretch; }
.mp-34 { cursor: pointer; border-radius: 100px; border-style: solid; border-color: var(--violet, #aa80f1); border-width: 2px; padding: 20px 32px 20px 32px; display: flex; flex-direction: row; gap: 10px; align-items: center; justify-content: center; align-self: stretch; flex-shrink: 0; position: relative; }
.mp-35 { color: var(--violet, #aa80f1); text-align: left; font-family: 'Raleway-Bold', sans-serif; font-size: 18px; line-height: 150%; font-weight: 700; text-transform: uppercase; position: relative; }
.mp-36 { display: flex; flex-direction: row; gap: 20px; row-gap: 60px; align-items: flex-start; justify-content: center; flex-wrap: wrap; align-content: flex-start; flex-shrink: 0; width: 1660px; position: relative; }
.mp-37 { border-radius: 60px; padding: 0px 40px 0px 40px; display: flex; flex-direction: column; gap: 40px; align-items: center; justify-content: flex-start; flex-shrink: 0; width: 540px; position: relative; }
.mp-38 { flex-shrink: 0; width: 40px; height: 60px; position: relative; }
.mp-39 { height: auto; position: absolute; left: 0.02px; top: 0px; overflow: visible; }
.mp-40 { display: flex; flex-direction: column; gap: 8px; align-items: center; justify-content: flex-start; align-self: stretch; flex-shrink: 0; position: relative; }
.mp-41 { color: var(--text, #000000); text-align: center; font-family: var( --d1920-h3-font-family, 'Raleway-Bold', sans-serif ); font-size: var(--d1920-h3-font-size, 28px); line-height: var(--d1920-h3-line-height, 130%); font-weight: var(--d1920-h3-font-weight, 700); position: relative; align-self: stretch; }
.mp-42 { color: var(--text, #000000); text-align: center; font-family: var( --d1920-c2-font-family, 'Raleway-Regular', sans-serif ); font-size: var(--d1920-c2-font-size, 18px); line-height: var(--d1920-c2-line-height, 150%); font-weight: var(--d1920-c2-font-weight, 400); position: relative; align-self: stretch; }
.mp-43 { flex-shrink: 0; width: 60px; height: 60px; position: relative; }
.mp-44 { width: 100%; height: 76.49%; position: absolute; right: 0.08%; left: -0.08%; bottom: 11.51%; top: 12%; overflow: visible; }
.mp-45 { flex-shrink: 0; width: 50px; height: 60px; position: relative; }
.mp-46 { width: 97.56%; height: 100%; position: absolute; right: 0.44%; left: 2%; bottom: 0%; top: 0%; overflow: visible; }
.mp-47 { background: var(--bg-violet, #f6f0ff); border-radius: 60px; padding: 80px 160px 80px 160px; display: flex; flex-direction: column; gap: 20px; align-items: center; justify-content: flex-start; flex-shrink: 0; width: 1660px; position: relative; }
.mp-48 { color: var(--violet, #aa80f1); text-align: left; font-family: var(--d1920-b1-font-family, 'Raleway-Medium', sans-serif); font-size: var(--d1920-b1-font-size, 24px); line-height: var(--d1920-b1-line-height, 140%); font-weight: var(--d1920-b1-font-weight, 500); position: relative; }
.mp-49 { display: flex; flex-direction: column; gap: 24px; align-items: center; justify-content: flex-start; align-self: stretch; flex-shrink: 0; position: relative; }
.mp-50 { color: var(--text, #000000); text-align: center; font-family: var(--d1920-h3-font-family, 'Raleway-Bold', sans-serif); font-size: var(--d1920-h3-font-size, 28px); line-height: var(--d1920-h3-line-height, 130%); font-weight: var(--d1920-h3-font-weight, 700); position: relative; align-self: stretch; }
.mp-51 { color: var(--text, #000000); text-align: center; font-family: var( --d1920-b2-font-family, 'Raleway-Regular', sans-serif ); font-size: var(--d1920-b2-font-size, 24px); line-height: var(--d1920-b2-line-height, 140%); font-weight: var(--d1920-b2-font-weight, 400); position: relative; width: 420px; }
.mp-52 { display: flex; flex-direction: column; gap: 60px; align-items: center; justify-content: flex-start; flex-shrink: 0; width: 1660px; position: relative; }
.mp-53 { display: flex; flex-direction: row; gap: 80px; align-items: flex-end; justify-content: flex-start; flex-shrink: 0; width: 1660px; position: relative; }
.mp-54 { display: flex; flex-direction: column; gap: 20px; align-items: center; justify-content: flex-start; flex-shrink: 0; width: 820px; position: relative; }
.mp-55 { color: var(--text, #000000); text-align: left; font-family: var( --d1920-h2-font-family, 'Raleway-Bold', sans-serif ); font-size: var(--d1920-h2-font-size, 48px); line-height: var(--d1920-h2-line-height, 120%); font-weight: var(--d1920-h2-font-weight, 700); position: relative; align-self: stretch; }
.mp-56 { color: var(--text, #000000); text-align: left; font-family: var( --d1920-b2-font-family, 'Raleway-Regular', sans-serif ); font-size: var(--d1920-b2-font-size, 24px); line-height: var(--d1920-b2-line-height, 140%); font-weight: var(--d1920-b2-font-weight, 400); position: relative; align-self: stretch; }
.mp-57 { display: flex; flex-direction: row; gap: 20px; align-items: flex-start; justify-content: flex-start; flex: 1; position: relative; }
.mp-58 { background: rgba(170, 128, 241, 0.1); border-radius: 100px; border-style: solid; border-color: var(--violet, #aa80f1); border-width: 2px; padding: 20px 32px 20px 32px; display: flex; flex-direction: row; gap: 10px; align-items: center; justify-content: center; flex: 1; position: relative; }
.mp-59 { color: var(--violet, #aa80f1); text-align: center; font-family: var( --osvitech-d1920-h3-font-family, 'Raleway-Bold', sans-serif ); font-size: var(--osvitech-d1920-h3-font-size, 28px); line-height: var(--osvitech-d1920-h3-line-height, 130%); font-weight: var(--osvitech-d1920-h3-font-weight, 700); position: relative; }
.mp-60 { border-radius: 100px; border-style: solid; border-color: var(--gray, #959595); border-width: 2px; padding: 20px 32px 20px 32px; display: flex; flex-direction: row; gap: 10px; align-items: center; justify-content: center; flex: 1; position: relative; }
.mp-61 { color: var(--gray, #959595); text-align: center; font-family: var( --osvitech-d1920-h3-font-family, 'Raleway-Bold', sans-serif ); font-size: var(--osvitech-d1920-h3-font-size, 28px); line-height: var(--osvitech-d1920-h3-line-height, 130%); font-weight: var(--osvitech-d1920-h3-font-weight, 700); position: relative; }
.mp-62 { display: flex; flex-direction: row; gap: 20px; align-items: flex-start; justify-content: flex-start; flex-shrink: 0; width: 1660px; position: relative; }
.mp-63 { border-radius: 40px; border-style: solid; border-color: var(--stroke, #e5e5e5); border-width: 2px; padding: 0px 0px 30px 0px; display: flex; flex-direction: column; gap: 24px; align-items: center; justify-content: flex-start; flex: 1; position: relative; overflow: hidden; }
.mp-64 { background: var(--stroke, #e5e5e5); padding: 10px 32px 10px 32px; display: flex; flex-direction: row; gap: 10px; align-items: center; justify-content: center; align-self: stretch; flex-shrink: 0; height: 47px; position: relative; transform-origin: 0 0; transform: rotate(0deg) scale(1, 1); }
.mp-65 { flex-shrink: 0; width: 24px; height: 24px; position: relative; transform-origin: 0 0; transform: rotate(0deg) scale(1, 1); object-fit: cover; }
.mp-66 { padding: 0px 30px 0px 30px; display: flex; flex-direction: column; gap: 30px; align-items: flex-start; justify-content: flex-start; align-self: stretch; flex-shrink: 0; position: relative; }
.mp-67 { color: var(--text, #000000); text-align: center; font-family: var( --d1920-h3-font-family, 'Raleway-Bold', sans-serif ); font-size: var(--d1920-h3-font-size, 28px); line-height: var(--d1920-h3-line-height, 130%); font-weight: var(--d1920-h3-font-weight, 700); position: relative; align-self: stretch; }
.mp-68 { display: flex; flex-direction: column; gap: 16px; align-items: flex-start; justify-content: flex-start; align-self: stretch; flex-shrink: 0; position: relative; }
.mp-69 { display: flex; flex-direction: row; gap: 20px; align-items: center; justify-content: flex-start; align-self: stretch; flex-shrink: 0; position: relative; }
.mp-70 { display: flex; flex-direction: column; gap: 4px; align-items: flex-start; justify-content: flex-start; flex: 1; position: relative; }
.mp-71 { color: var(--text, #000000); text-align: left; font-family: var( --d1920-b1-font-family, 'Raleway-Medium', sans-serif ); font-size: var(--d1920-b1-font-size, 24px); line-height: var(--d1920-b1-line-height, 140%); font-weight: var(--d1920-b1-font-weight, 500); position: relative; align-self: stretch; }
.mp-72 { color: var(--violet, #aa80f1); text-align: right; font-family: var( --d1920-h3-font-family, 'Raleway-Bold', sans-serif ); font-size: var(--d1920-h3-font-size, 28px); line-height: var(--d1920-h3-line-height, 130%); font-weight: var(--d1920-h3-font-weight, 700); position: relative; width: 140px; }
.mp-73 { align-self: stretch; flex-shrink: 0; height: 0px; position: relative; overflow: visible; }
.mp-74 { color: var(--gray, #959595); text-align: left; font-family: var( --d1920-c2-font-family, 'Raleway-Regular', sans-serif ); font-size: var(--d1920-c2-font-size, 18px); line-height: var(--d1920-c2-line-height, 150%); font-weight: var(--d1920-c2-font-weight, 400); position: relative; align-self: stretch; }
.mp-75 { border-radius: 40px; border-style: solid; border-color: var(--violet, #aa80f1); border-width: 2px; padding: 0px 0px 30px 0px; display: flex; flex-direction: column; gap: 24px; align-items: center; justify-content: flex-start; flex: 1; position: relative; overflow: hidden; }
.mp-76 { background: var(--violet, #aa80f1); padding: 10px 32px 10px 32px; display: flex; flex-direction: row; gap: 10px; align-items: center; justify-content: center; align-self: stretch; flex-shrink: 0; height: 47px; position: relative; transform-origin: 0 0; transform: rotate(0deg) scale(1, 1); }
.mp-77 { color: var(--white, #ffffff); text-align: left; font-family: var( --osvitech-d1920-c1-font-family, 'Raleway-Bold', sans-serif ); font-size: var(--osvitech-d1920-c1-font-size, 18px); line-height: var(--osvitech-d1920-c1-line-height, 150%); font-weight: var(--osvitech-d1920-c1-font-weight, 700); position: relative; }
.mp-78 { background: var(--yellow, #ffd66c); border-radius: 60px; padding: 40px 80px 40px 80px; display: flex; flex-direction: row; gap: 40px; align-items: center; justify-content: center; flex-shrink: 0; width: 1380px; position: relative; }
.mp-79 { flex-shrink: 0; width: 102px; height: 100px; position: relative; overflow: visible; }
.mp-80 { color: var(--text, #000000); text-align: left; font-family: var(--d1920-b2-font-family, '-', sans-serif); font-size: var(--d1920-b2-font-size, 24px); line-height: var(--d1920-b2-line-height, 140%); font-weight: var(--d1920-b2-font-weight, 400); position: relative; flex: 1; }
.mp-81 { display: flex; flex-direction: column; gap: 80px; align-items: center; justify-content: flex-start; flex-shrink: 0; width: 1380px; position: relative; }
.mp-82 { display: flex; flex-direction: column; gap: 20px; align-items: center; justify-content: flex-start; flex-shrink: 0; width: 820px; position: relative; }
.mp-83 { color: var(--text, #000000); text-align: center; font-family: var(--d1920-h2-font-family, 'Raleway-Bold', sans-serif); font-size: var(--d1920-h2-font-size, 48px); line-height: var(--d1920-h2-line-height, 120%); font-weight: var(--d1920-h2-font-weight, 700); position: relative; align-self: stretch; }
.mp-84 { color: var(--text, #000000); text-align: center; font-family: var( --d1920-b2-font-family, 'Raleway-Regular', sans-serif ); font-size: var(--d1920-b2-font-size, 24px); line-height: var(--d1920-b2-line-height, 140%); font-weight: var(--d1920-b2-font-weight, 400); position: relative; align-self: stretch; }
.mp-85 { display: flex; flex-direction: row; gap: 20px; align-items: center; justify-content: flex-start; flex-wrap: wrap; align-content: center; align-self: stretch; flex-shrink: 0; position: relative; }
.mp-86 { background: var(--blue, #7ec0f1); border-radius: 40px; padding: 20px 40px 20px 40px; display: flex; flex-direction: row; gap: 20px; align-items: center; justify-content: flex-start; flex-shrink: 0; width: 620px; position: relative; }
.mp-87 { color: var(--text, #000000); text-align: left; font-family: var( --d1920-h3-font-family, 'Raleway-Bold', sans-serif ); font-size: var(--d1920-h3-font-size, 28px); line-height: var(--d1920-h3-line-height, 130%); font-weight: var(--d1920-h3-font-weight, 700); position: relative; flex: 1; }
.mp-88 { flex-shrink: 0; width: 100px; height: 0px; position: relative; overflow: visible; }
.mp-89 { border-radius: 40px; border-style: solid; border-color: var(--blue, #7ec0f1); border-width: 2px; padding: 20px 40px 20px 40px; display: flex; flex-direction: row; gap: 20px; align-items: center; justify-content: flex-start; flex-shrink: 0; width: 620px; position: relative; }
.mp-90 { color: var(--text, #000000); text-align: left; font-family: var( --d1920-b1-font-family, 'Raleway-Medium', sans-serif ); font-size: var(--d1920-b1-font-size, 24px); line-height: var(--d1920-b1-line-height, 140%); font-weight: var(--d1920-b1-font-weight, 500); position: relative; flex: 1; }
.mp-91 { color: var(--violet, #aa80f1); text-align: center; font-family: 'Handjet-Black', sans-serif; font-size: 38px; line-height: 120%; font-weight: 900; position: relative; width: 60px; transform-origin: 0 0; transform: rotate(0deg) scale(1, 1); }
.mp-92 { display: flex; flex-direction: column; gap: 80px; align-items: center; justify-content: flex-start; flex-shrink: 0; width: 1660px; position: relative; }
.mp-93 { border-radius: 60px; padding: 0px 20px 0px 20px; display: flex; flex-direction: column; gap: 40px; align-items: center; justify-content: flex-start; flex: 1; position: relative; }
.mp-94 { flex-shrink: 0; width: 48px; height: 60px; position: relative; }
.mp-95 { height: auto; position: absolute; left: 0px; top: 0px; overflow: visible; }
.mp-96 { display: flex; flex-direction: column; gap: 8px; align-items: center; justify-content: flex-start; align-self: stretch; flex-shrink: 0; position: relative; }
.mp-97 { color: var(--text, #000000); text-align: center; font-family: var( --d1920-c2-font-family, 'Raleway-Regular', sans-serif ); font-size: var(--d1920-c2-font-size, 18px); line-height: var(--d1920-c2-line-height, 150%); font-weight: var(--d1920-c2-font-weight, 400); position: relative; align-self: stretch; }
.mp-98 { flex-shrink: 0; width: 60px; height: 60px; position: relative; object-fit: cover; }
.mp-99 { flex-shrink: 0; width: 60px; height: 60px; position: relative; transform-origin: 0 0; transform: rotate(0deg) scale(1, 1); object-fit: cover; }
.mp-100 { flex-shrink: 0; width: 72px; height: 60px; position: relative; }
.mp-101 { width: 99.87%; height: 100%; position: absolute; right: 0.13%; left: 0%; bottom: 0%; top: 0%; overflow: visible; }
.mp-102 { color: var(--text, #000000); text-align: center; font-family: var( --osvitech-d1920-h3-font-family, 'Raleway-Bold', sans-serif ); font-size: var(--osvitech-d1920-h3-font-size, 28px); line-height: var(--osvitech-d1920-h3-line-height, 130%); font-weight: var(--osvitech-d1920-h3-font-weight, 700); position: relative; align-self: stretch; }
.mp-103 { display: flex; flex-direction: row; gap: 20px; align-items: flex-start; justify-content: flex-start; align-self: stretch; flex-shrink: 0; position: relative; }
.mp-104 { border-radius: 60px; border-style: solid; border-color: var(--violet, #aa80f1); border-width: 2px; padding: 40px; display: flex; flex-direction: column; gap: 20px; align-items: flex-start; justify-content: flex-start; flex: 1; position: relative; }
.mp-105 { text-align: center; font-family: 'Handjet-Black', sans-serif; font-size: 75px; line-height: 120%; font-weight: 900; position: relative; width: 60px; height: 80px; transform-origin: 0 0; transform: rotate(0deg) scale(1, 1); display: flex; align-items: center; justify-content: center; -webkit-text-stroke: 5px var(--violet, #aa80f1); }
.mp-106 { width: 100%; height: 100%; object-fit: contain; }
.mp-107 { color: var(--text, #000000); text-align: left; font-family: var( --d1920-h3-font-family, 'Raleway-Bold', sans-serif ); font-size: var(--d1920-h3-font-size, 28px); line-height: var(--d1920-h3-line-height, 130%); font-weight: var(--d1920-h3-font-weight, 700); position: relative; align-self: stretch; }
.mp-108 { display: flex; flex-direction: row; align-items: center; justify-content: space-between; flex-shrink: 0; width: 1378px; position: relative; }
.mp-109 { border-radius: 60px; flex-shrink: 0; width: 540px; height: 460px; position: relative; object-fit: cover; }
.mp-110 { display: flex; flex-direction: column; gap: 80px; align-items: flex-start; justify-content: flex-start; flex-shrink: 0; width: 680px; position: relative; }
.mp-111 { display: flex; flex-direction: column; gap: 8px; align-items: flex-start; justify-content: flex-start; align-self: stretch; flex-shrink: 0; position: relative; }
.mp-112 { color: var(--gray, #959595); text-align: left; font-family: var( --d1920-c1-font-family, 'Raleway-Bold', sans-serif ); font-size: var(--d1920-c1-font-size, 18px); line-height: var(--d1920-c1-line-height, 150%); font-weight: var(--d1920-c1-font-weight, 700); position: relative; align-self: stretch; }
.mp-113 { flex-shrink: 0; width: 48px; height: 48px; position: absolute; left: 10px; top: 200px; transform-origin: center center; transform: rotate(-15deg) scale(1, 1); object-fit: cover; }
.mp-114 { flex-shrink: 0; width: 48px; height: 48px; position: absolute; left: 1305px; top: 120px; object-fit: cover; }
.mp-115 { flex-shrink: 0; width: 60px; height: 60px; position: absolute; left: 1414.05px; top: 116.69px; transform-origin: center center; transform: rotate(15deg) scale(1, 1); object-fit: cover; }
.mp-116 { flex-shrink: 0; width: 84px; height: 74px; position: absolute; left: 488px; top: 545px; }
.mp-117 { width: 80.54px; height: 64.58px; position: absolute; left: -7.61px; top: 16.02px; transform-origin: 0 0; transform: rotate(-16.469deg) scale(1, 1); object-fit: cover; }
.mp-118 { border-radius: 60px; border-style: solid; border-color: var(--stroke, #e5e5e5); border-width: 2px; padding: 40px; display: flex; flex-direction: column; gap: 24px; align-items: flex-start; justify-content: flex-start; flex: 1; position: relative; }
.mp-119 { color: var(--text, #000000); text-align: left; font-family: 'Raleway-Italic', sans-serif; font-size: 24px; line-height: 150%; font-weight: 400; font-style: italic; position: relative; align-self: stretch; text-overflow: ellipsis; overflow: hidden; }
.mp-120 { align-self: stretch; flex-shrink: 0; height: 0px; position: relative; overflow: visible; }
.mp-121 { display: flex; flex-direction: row; gap: 40px; align-items: center; justify-content: flex-start; align-self: stretch; flex-shrink: 0; position: relative; }
.mp-122 { display: flex; flex-direction: column; gap: 28px; align-items: flex-start; justify-content: flex-start; flex: 1; position: relative; }
.mp-123 { display: flex; flex-direction: column; gap: 4px; align-items: flex-start; justify-content: flex-start; align-self: stretch; flex-shrink: 0; position: relative; }
.mp-124 { color: var(--text, #000000); text-align: left; font-family: var( --osvitech-d1920-b1-font-family, 'Raleway-Medium', sans-serif ); font-size: var(--osvitech-d1920-b1-font-size, 24px); line-height: var(--osvitech-d1920-b1-line-height, 140%); font-weight: var(--osvitech-d1920-b1-font-weight, 500); position: relative; align-self: stretch; }
.mp-125 { color: var(--gray, #959595); text-align: right; font-family: var( --d1920-c2-font-family, 'Raleway-Regular', sans-serif ); font-size: var(--d1920-c2-font-size, 18px); line-height: var(--d1920-c2-line-height, 150%); font-weight: var(--d1920-c2-font-weight, 400); position: relative; }
.mp-126 { border-radius: 60px; border-style: solid; border-color: var(--stroke, #e5e5e5); border-width: 2px; padding: 40px; display: flex; flex-direction: column; gap: 24px; align-items: flex-start; justify-content: flex-start; align-self: stretch; flex: 1; position: relative; }
.mp-127 { display: flex; flex-direction: column; gap: 8px; align-items: flex-start; justify-content: flex-start; align-self: stretch; flex: 1; position: relative; }
.mp-128 { color: var(--text, #000000); text-align: left; font-family: 'Raleway-Italic', sans-serif; font-size: 24px; line-height: 150%; font-weight: 400; font-style: italic; position: relative; align-self: stretch; }
.mp-129 { color: var(--text, #000000); text-align: left; font-family: 'Raleway-Regular', sans-serif; font-size: 24px; line-height: 150%; font-weight: 400; position: relative; align-self: stretch; height: 220px; text-overflow: ellipsis; overflow: hidden; }
.mp-130 { display: flex; flex-direction: row; gap: 120px; align-items: center; justify-content: flex-start; flex-shrink: 0; height: 44px; position: relative; }
.mp-131 { border-radius: 100px; display: flex; flex-direction: row; gap: 10px; align-items: center; justify-content: center; flex-shrink: 0; width: 86px; height: 44px; position: relative; overflow: visible; }
.mp-132 { display: flex; flex-direction: row; gap: 20px; align-items: flex-start; justify-content: flex-start; flex-shrink: 0; position: relative; }
.mp-133 { background: var(--violet, #aa80f1); border-radius: 100px; flex-shrink: 0; width: 14px; height: 14px; position: relative; aspect-ratio: 1; }
.mp-134 { background: var(--stroke, #e5e5e5); border-radius: 100px; flex-shrink: 0; width: 14px; height: 14px; position: relative; aspect-ratio: 1; }
.mp-135 { display: flex; flex-direction: row; gap: 40px; align-items: flex-start; justify-content: flex-start; flex-shrink: 0; width: 1100px; position: relative; }
.mp-136 { display: flex; flex-direction: column; gap: 20px; align-items: center; justify-content: flex-start; flex: 1; position: relative; }
.mp-137 { color: var(--text, #000000); text-align: left; font-family: var(--d1920-h2-font-family, 'Raleway-Bold', sans-serif); font-size: var(--d1920-h2-font-size, 48px); line-height: var(--d1920-h2-line-height, 120%); font-weight: var(--d1920-h2-font-weight, 700); position: relative; }
.mp-138 { display: flex; flex-direction: column; gap: 0px; align-items: flex-start; justify-content: flex-start; align-self: stretch; flex-shrink: 0; position: relative; }
.mp-139 { border-style: solid; border-color: var(--stroke, #e5e5e5); border-width: 0px 0px 2px 0px; padding: 32px 0px 32px 0px; display: flex; flex-direction: row; gap: 20px; align-items: center; justify-content: flex-start; align-self: stretch; flex-shrink: 0; position: relative; }
.mp-140 { color: var(--text, #000000); text-align: left; font-family: var( --d1920-b2-font-family, 'Raleway-Regular', sans-serif ); font-size: var(--d1920-b2-font-size, 24px); line-height: var(--d1920-b2-line-height, 140%); font-weight: var(--d1920-b2-font-weight, 400); position: relative; flex: 1; }
.mp-141 { flex-shrink: 0; width: 20px; height: 20px; position: relative; overflow: visible; }
.mp-142 { border-style: solid; border-color: var(--stroke, #e5e5e5); border-width: 0px 0px 2px 0px; padding: 32px 0px 32px 0px; display: flex; flex-direction: column; gap: 20px; align-items: flex-start; justify-content: center; align-self: stretch; flex-shrink: 0; position: relative; }
.mp-143 { display: flex; flex-direction: row; gap: 20px; align-items: center; justify-content: flex-start; align-self: stretch; flex-shrink: 0; position: relative; }
.mp-144 { color: var(--violet, #aa80f1); text-align: left; font-family: var( --d1920-b1-font-family, 'Raleway-Medium', sans-serif ); font-size: var(--d1920-b1-font-size, 24px); line-height: var(--d1920-b1-line-height, 140%); font-weight: var(--d1920-b1-font-weight, 500); position: relative; flex: 1; }
.mp-145 { flex-shrink: 0; width: 20px; height: 20px; position: relative; overflow: visible; }
.mp-146 { background: var(--yellow, #ffd66c); border-radius: 60px; padding: 40px 40px 40px 140px; display: flex; flex-direction: row; gap: 80px; align-items: center; justify-content: flex-start; flex-shrink: 0; width: 1660px; position: relative; }
.mp-147 { display: flex; flex-direction: column; gap: 40px; align-items: flex-start; justify-content: center; flex: 1; position: relative; }
.mp-148 { flex-shrink: 0; width: 98px; height: 90px; position: relative; }
.mp-149 { width: 100%; height: 100%; position: absolute; right: 0%; left: 0%; bottom: 0%; top: 0%; overflow: visible; }
.mp-150 { display: flex; flex-direction: column; gap: 30px; align-items: flex-start; justify-content: flex-start; align-self: stretch; flex-shrink: 0; position: relative; }
.mp-151 { color: var(--text, #000000); text-align: left; font-family: var( --d1920-h2-font-family, 'Raleway-Bold', sans-serif ); font-size: var(--d1920-h2-font-size, 48px); line-height: var(--d1920-h2-line-height, 120%); font-weight: var(--d1920-h2-font-weight, 700); position: relative; align-self: stretch; }
.mp-152 { color: var(--text, #000000); text-align: left; font-family: var( --d1920-b2-font-family, 'Raleway-Regular', sans-serif ); font-size: var(--d1920-b2-font-size, 24px); line-height: var(--d1920-b2-line-height, 140%); font-weight: var(--d1920-b2-font-weight, 400); position: relative; align-self: stretch; }
.mp-153 { background: var(--white, #ffffff); border-radius: 60px; padding: 80px; display: flex; flex-direction: column; gap: 40px; align-items: center; justify-content: flex-start; flex-shrink: 0; width: 760px; position: relative; }
.mp-154 { display: flex; flex-direction: column; gap: 24px; align-items: center; justify-content: flex-start; align-self: stretch; flex-shrink: 0; position: relative; width: 100%; }
.mp-155 { display: flex; flex-direction: column; gap: 24px; align-self: stretch; }
.mp-156 { color: var(--gray, #959595); text-align: center; font-family: var( --d1920-c2-font-family, 'Raleway-Regular', sans-serif ); font-size: var(--d1920-c2-font-size, 18px); line-height: var(--d1920-c2-line-height, 150%); font-weight: var(--d1920-c2-font-weight, 400); position: relative; align-self: stretch; }
.mp-157 { background: var(--text, #000000); padding: 80px 130px 80px 130px; display: flex; flex-direction: column; gap: 60px; align-items: flex-start; justify-content: flex-start; align-self: stretch; flex-shrink: 0; position: relative; }
.mp-158 { display: flex; flex-direction: row; align-items: center; justify-content: space-between; align-self: stretch; flex-shrink: 0; position: relative; }
.mp-159 { display: flex; flex-direction: column; gap: 10px; align-items: flex-start; justify-content: flex-start; align-self: stretch; flex-shrink: 0; position: relative; }
.mp-160 { color: #ffffff; text-align: right; position: relative; }
.mp-161 { color: var(--white, #ffffff); text-align: left; font-family: var( --d1440-c2-font-family, 'Raleway-Regular', sans-serif ); font-size: var(--d1440-c2-font-size, 16px); line-height: var(--d1440-c2-line-height, 150%); font-weight: var(--d1440-c2-font-weight, 400); position: relative; align-self: stretch; }
.mp-162 { display: flex; flex-direction: row; gap: 20px; align-items: center; justify-content: flex-end; flex-shrink: 0; width: 820px; position: relative; }
.mp-163 { display: flex; flex-direction: column; gap: 12px; align-items: flex-start; justify-content: flex-start; flex: 1; position: relative; }
.mp-164 { color: var(--white, #ffffff); text-align: left; font-family: var( --d1440-c1-font-family, 'Raleway-Bold', sans-serif ); font-size: var(--d1440-c1-font-size, 16px); line-height: var(--d1440-c1-line-height, 150%); font-weight: var(--d1440-c1-font-weight, 700); position: relative; align-self: stretch; }
.mp-165 { display: flex; flex-direction: column; gap: 10px; align-items: flex-start; justify-content: flex-start; align-self: stretch; flex-shrink: 0; position: relative; }
.mp-166 { color: var(--white, #ffffff); text-align: left; font-family: var( --d1440-c2-font-family, 'Raleway-Regular', sans-serif ); font-size: var(--d1440-c2-font-size, 16px); line-height: var(--d1440-c2-line-height, 150%); font-weight: var(--d1440-c2-font-weight, 400); position: relative; width: 260px; }
.mp-167 { display: flex; flex-direction: column; gap: 28px; align-items: flex-start; justify-content: flex-start; flex: 1; position: relative; }
.mp-168 { color: var(--white, #ffffff); text-align: left; font-family: var( --d1440-c1-font-family, 'Raleway-Bold', sans-serif ); font-size: var(--d1440-c1-font-size, 16px); line-height: var(--d1440-c1-line-height, 150%); font-weight: var(--d1440-c1-font-weight, 700); position: relative; align-self: stretch; }
.mp-169 { display: flex; flex-direction: row; gap: 12px; align-items: center; justify-content: flex-start; flex-shrink: 0; position: relative; }
.mp-170 { flex-shrink: 0; width: 18px; height: 18px; position: relative; overflow: visible; }
.mp-171 { color: var(--white, #ffffff); text-align: left; font-family: var( --d1440-c1-font-family, 'Raleway-Bold', sans-serif ); font-size: var(--d1440-c1-font-size, 16px); line-height: var(--d1440-c1-line-height, 150%); font-weight: var(--d1440-c1-font-weight, 700); position: relative; }
.mp-172 { display: flex; flex-direction: row; gap: 20px; align-items: flex-start; justify-content: flex-start; align-self: stretch; flex-shrink: 0; position: relative; }
.mp-173 { flex-shrink: 0; width: 28px; height: 28px; position: relative; overflow: visible; }
.mp-174 { border-style: solid; border-color: var(--stroke, #e5e5e5); border-width: 1px 0px 0px 0px; padding: 40px 0px 0px 0px; display: flex; flex-direction: row; align-items: flex-start; justify-content: space-between; align-self: stretch; flex-shrink: 0; position: relative; }
.mp-175 { color: var(--white, #ffffff); text-align: left; font-family: var( --d1440-c2-font-family, 'Raleway-Regular', sans-serif ); font-size: var(--d1440-c2-font-size, 16px); line-height: var(--d1440-c2-line-height, 150%); font-weight: var(--d1440-c2-font-weight, 400); position: relative; }
.mp-176 { color: var(--gray, #959595); text-align: left; font-family: 'Raleway-Regular', sans-serif; font-size: 16px; line-height: 150%; font-weight: 400; text-decoration: underline; position: relative; flex: 1; }
/* ===== end extracted ===== */

@media (min-width: 1700px) {
  html { zoom: 1; }
}

@media (min-width: 1200px) and (max-width: 1699px) {
  html { zoom: 1 !important; }

  :root {
    --d1920-h1-font-size: 52px;
    --d1920-h2-font-size: 38px;
    --d1920-h3-font-size: 24px;
    --d1920-b1-font-size: 22px;
    --d1920-b2-font-size: 22px;
    --d1920-c1-font-size: 16px;
    --d1920-c2-font-size: 16px;
    --osvitech-d1920-h3-font-size: 24px;
    --osvitech-d1920-c1-font-size: 16px;
  }

  body > div:first-child {
    gap: 140px !important;
  }

  :is(.mp-3, .mp-36, .mp-47, .mp-52, .mp-53, .mp-62, .mp-92, .mp-146),
  :is(.mp-108),
  :is(.mp-78, .mp-81) {
    width: 1180px !important;
    max-width: 1180px !important;
  }

  :is(.mp-19, .mp-54, .mp-82, .mp-162) {
    width: 580px !important;
  }

  :is(.mp-10, .mp-20) {
    width: 580px !important;
  }

  :is(.mp-16, .mp-153) {
    width: 540px !important;
  }

  :is(.mp-110) {
    width: 540px !important;
  }

  body > div:first-child > div:first-child {
    padding: 0 130px !important;
    gap: 40px !important;
  }

  body > div:first-child > div:first-child > div:nth-child(2) {
    gap: 20px !important;
  }

  body > div:first-child > div:first-child > div:nth-child(2) > div:first-child {
    gap: 60px !important;
  }

  body > div:first-child > div:first-child > div:nth-child(2) > div:nth-child(2) {
    height: 720px !important;
  }

  img.rectangle {
    width: 540px !important;
    height: 680px !important;
  }

  :is(.mp-47) {
    padding: 60px 140px !important;
  }

  :is(.mp-78) {
    padding: 32px 64px !important;
  }

  :is(.mp-24):is(.mp-24):is(.mp-24) {
    padding: 20px !important;
  }

  [style*="font-size: 48px"]:not(:is(.mp-31, .mp-55, .mp-83, .mp-137, .mp-151)) {
    font-size: 38px !important;
  }

  :is(.mp-7) div {
    font-size: 14px !important;
  }

  .osvi-tech-span,
  .osvi-tech-span2,
  .company-name-span,
  .company-name-span2 {
    font-size: 22px !important;
  }

  :is(.mp-37):is(.mp-37):is(.mp-37) {
    width: auto !important;
    flex: 1 !important;
  }

  :is(.mp-37):is(.mp-37) {
    padding: 0 20px !important;
  }

  :is(.mp-86, .mp-89) {
    width: 480px !important;
  }
}

@media (min-width: 768px) and (max-width: 1199px) {
  html { zoom: 1 !important; }

  :root {
    --d1920-h1-font-size: 52px;
    --d1920-h2-font-size: 38px;
    --d1920-h3-font-size: 24px;
    --d1920-b1-font-size: 22px;
    --d1920-b2-font-size: 22px;
    --d1920-c1-font-size: 16px;
    --d1920-c2-font-size: 16px;
    --osvitech-d1920-h3-font-size: 24px;
    --osvitech-d1920-c1-font-size: 16px;
  }

  body > div:first-child {
    gap: 120px !important;
  }

  :is(.mp-3, .mp-36, .mp-47, .mp-52, .mp-53, .mp-62, .mp-92, .mp-146),
  :is(.mp-108),
  :is(.mp-78, .mp-81) {
    width: 100% !important;
    max-width: 100% !important;
  }

  body > div:first-child > div:first-child {
    padding: 0 40px !important;
    gap: 40px !important;
    width: 100% !important;
    align-self: stretch !important;
    box-sizing: border-box !important;
  }

  .mp-3.mp-3 {
    padding: 20px 0 0 0 !important;
    align-items: center !important;
    justify-content: space-between !important;
    width: 100% !important;
  }

  .mp-3 > div:nth-child(2) {
    flex-direction: row !important;
    gap: 0 !important;
    width: auto !important;
    flex-shrink: 0 !important;
    margin-left: auto !important;
  }

  .mp-3 > div:nth-child(2) > div:not([data-signup-trigger]) {
    display: none !important;
  }

  body > div:first-child > div:first-child > div:nth-child(2) {
    flex-direction: column !important;
    align-items: stretch !important;
    gap: 60px !important;
  }

  body > div:first-child > div:first-child > div:nth-child(2) > div:first-child {
    width: 100% !important;
    align-items: center !important;
  }

  body > div:first-child > div:first-child > div:nth-child(2) > div:first-child :is(.mp-6, .mp-14, .mp-15, .mp-16, .mp-27, .mp-29, .mp-33, .mp-35, .mp-48, .mp-55, .mp-56, .mp-71, .mp-74, .mp-77, .mp-80, .mp-87, .mp-90, .mp-107, .mp-112, .mp-119, .mp-124, .mp-128, .mp-129, .mp-137, .mp-140, .mp-144, .mp-151, .mp-152, .mp-161, .mp-164, .mp-166, .mp-168, .mp-171, .mp-175, .mp-176) {
    text-align: center !important;
  }

  body > div:first-child > div:first-child > div:nth-child(2) > div:first-child :is(.mp-5, .mp-9, .mp-13, .mp-30, .mp-53, .mp-57, .mp-62, .mp-69, .mp-85, .mp-86, .mp-89, .mp-103, .mp-121, .mp-130, .mp-132, .mp-135, .mp-139, .mp-143, .mp-146, .mp-169, .mp-172):is(.mp-5, .mp-9, .mp-13, .mp-30, .mp-53, .mp-57, .mp-62, .mp-69, .mp-85, .mp-86, .mp-89, .mp-103, .mp-121, .mp-130, .mp-132, .mp-135, .mp-139, .mp-143, .mp-146, .mp-169, .mp-172) {
    justify-content: center !important;
  }

  body > div:first-child > div:first-child > div:nth-child(2) > div:nth-child(2) {
    width: 100% !important;
    height: 720px !important;
  }

  img.rectangle {
    width: 648px !important;
    height: 680px !important;
  }

  :is(.mp-19, .mp-54, .mp-82, .mp-162),
  :is(.mp-10, .mp-20),
  :is(.mp-16, .mp-153) {
    width: 100% !important;
  }

  :is(.mp-36):is(.mp-36) {
    flex-direction: column !important;
    flex-wrap: nowrap !important;
    padding: 0 40px !important;
    gap: 40px !important;
  }

  :is(.mp-37):is(.mp-37):is(.mp-37) {
    width: 100% !important;
    flex: 0 0 auto !important;
  }

  :is(.mp-47) {
    padding: 60px !important;
    width: 688px !important;
  }

  :is(.mp-86, .mp-89) {
    width: 100% !important;
  }

  .osvi-tech-span,
  .osvi-tech-span2,
  .company-name-span,
  .company-name-span2 {
    font-size: 22px !important;
  }

  :is(.mp-7) div {
    font-size: 14px !important;
  }

  .floating-phone {
    width: 56px !important;
    height: 56px !important;
  }

  .floating-phone img {
    width: 24px !important;
    height: 24px !important;
  }
}

@media (max-width: 767px) {
  html {
    zoom: 1 !important;
  }

  body {
    overflow-x: hidden;
  }

  body > div:first-child {
    padding: 0 !important;
    gap: 56px !important;
    align-items: stretch !important;
    max-width: 100vw !important;
    overflow-x: hidden !important;
  }

  body > div:first-child > div:first-child {
    padding: 0 20px !important;
    width: 100% !important;
    max-width: 100% !important;
    align-self: stretch !important;
    box-sizing: border-box !important;
  }

  img.rectangle {
    width: 100% !important;
    max-width: 100% !important;
    height: auto !important;
    min-height: 280px !important;
    max-height: 400px !important;
    object-fit: cover !important;
    position: relative !important;
    inset: auto !important;
  }

  body > div:first-child > div:first-child > div:nth-child(2) > div:nth-child(2) {
    height: auto !important;
    min-height: 280px !important;
  }

  div[style*="width: 648px"],
  div[style*="width: 580px"] {
    width: 100% !important;
    max-width: 100% !important;
  }

  [style*="position: absolute"][style*="right: 0px"][style*="bottom: 0px"] {
    position: relative !important;
    inset: auto !important;
  }

  [style*="width: 1920px"],
  :is(.mp-3, .mp-36, .mp-47, .mp-52, .mp-53, .mp-62, .mp-92, .mp-146),
  [style*="width: 1440px"],
  :is(.mp-78, .mp-81),
  :is(.mp-108),
  [style*="width: 1300px"],
  [style*="width: 1140px"],
  :is(.mp-19, .mp-54, .mp-82, .mp-162),
  :is(.mp-10, .mp-20),
  :is(.mp-16, .mp-153),
  [style*="width: 720px"],
  :is(.mp-110),
  :is(.mp-86, .mp-89),
  :is(.mp-37, .mp-109),
  :is(.mp-51) {
    width: 100% !important;
    max-width: 100% !important;
  }

  :is(.mp-9, .mp-13, .mp-17, .mp-34, .mp-64, .mp-69, .mp-76, .mp-85, .mp-103, .mp-121, .mp-139, .mp-143, .mp-158, .mp-172, .mp-174):is(.mp-9, .mp-13, .mp-17, .mp-34, .mp-64, .mp-69, .mp-76, .mp-85, .mp-103, .mp-121, .mp-139, .mp-143, .mp-158, .mp-172, .mp-174):not(:is(.mp-7, .mp-17, .mp-25, .mp-34, .mp-58, .mp-60, .mp-131, .mp-133, .mp-134)):not(.signup-modal__field) {
    flex-direction: column !important;
    align-items: stretch !important;
  }

  [style*="flex-direction: row"][style*="width: 1920px"],
  :is(.mp-3, .mp-36, .mp-53, .mp-62, .mp-146):is(.mp-3, .mp-36, .mp-53, .mp-62, .mp-146),
  [style*="flex-direction: row"][style*="width: 1440px"],
  :is(.mp-78):is(.mp-78),
  [style*="flex-direction: row"][style*="width: 1300px"],
  [style*="flex-direction: row"][style*="width: 1140px"] {
    flex-direction: column !important;
    align-items: stretch !important;
  }

  :is(.mp-5, .mp-9):is(.mp-5, .mp-9):is(.mp-5, .mp-9):not(:is(.mp-7, .mp-17, .mp-25, .mp-34, .mp-58, .mp-60, .mp-131, .mp-133, .mp-134)) {
    flex-direction: column !important;
    align-items: stretch !important;
  }

  :is(.mp-53, .mp-146):is(.mp-53, .mp-146):not(:is(.mp-7, .mp-17, .mp-25, .mp-34, .mp-58, .mp-60, .mp-131, .mp-133, .mp-134)) {
    flex-direction: column !important;
    align-items: stretch !important;
    gap: 32px !important;
  }

  :is(.mp-36, .mp-85):is(.mp-36, .mp-85) {
    flex-direction: row !important;
    flex-wrap: wrap !important;
  }

  :is(.mp-19),
  :is(.mp-20),
  [style*="height: 540px"],
  :is(.mp-109) {
    height: auto !important;
  }

  .mp-3.mp-3 {
    flex-direction: row !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 12px !important;
    padding: 16px 0 0 0 !important;
  }

  .mp-3 > div:nth-child(2) {
    flex-direction: row !important;
    gap: 0 !important;
    width: auto !important;
    flex-shrink: 0 !important;
  }

  .mp-3 > div:nth-child(2) > div:not([data-signup-trigger]) {
    display: none !important;
  }

  .mp-3 [data-signup-trigger] {
    padding: 10px 16px !important;
  }

  :is(.mp-3, .mp-174) [data-signup-trigger] > div {
    font-size: 12px !important;
  }

  .osvi-tech-span,
  .company-name-span {
    font-size: 22px !important;
  }

  .osvi-tech-span2,
  .company-name-span2 {
    font-size: 22px !important;
  }

  :is(.mp-10):is(.mp-10) {
    align-items: center !important;
  }

  :is(.mp-10, .mp-20) :is(.mp-6, .mp-14, .mp-15, .mp-16, .mp-27, .mp-29, .mp-33, .mp-35, .mp-48, .mp-55, .mp-56, .mp-71, .mp-74, .mp-77, .mp-80, .mp-87, .mp-90, .mp-107, .mp-112, .mp-119, .mp-124, .mp-128, .mp-129, .mp-137, .mp-140, .mp-144, .mp-151, .mp-152, .mp-161, .mp-164, .mp-166, .mp-168, .mp-171, .mp-175, .mp-176) {
    text-align: center !important;
  }

  :is(.mp-16, .mp-153) {
    text-align: center !important;
  }

  :is(.mp-20, .mp-21):is(.mp-20, .mp-21):is(.mp-20, .mp-21),
  :is(.mp-24, .mp-95):is(.mp-24, .mp-95):is(.mp-24, .mp-95):not(.signup-modal__backdrop):not(.signup-modal__close) {
    position: relative !important;
    inset: auto !important;
  }

  :is(.mp-15) {
    font-size: 32px !important;
  }
  :is(.mp-31, .mp-55, .mp-83, .mp-137, .mp-151) {
    font-size: 26px !important;
  }
  :is(.mp-41, .mp-50, .mp-67, .mp-72, .mp-87, .mp-107) {
    font-size: 20px !important;
  }
  :is(.mp-14, .mp-48, .mp-71, .mp-90, .mp-144),
  :is(.mp-16, .mp-29, .mp-32, .mp-51, .mp-56, .mp-80, .mp-84, .mp-140, .mp-152) {
    font-size: 15px !important;
  }
  :is(.mp-105) {
    font-size: 36px !important;
  }
  [style*="font-size: 48px"] {
    font-size: 26px !important;
  }
  :is(.mp-91) {
    font-size: 22px !important;
  }

  :is(.mp-47) {
    padding: 40px 24px !important;
  }
  :is(.mp-157) {
    padding: 32px 20px !important;
  }
  :is(.mp-78) {
    padding: 24px 20px !important;
  }
  :is(.mp-47, .mp-153, .mp-157) {
    padding: 32px 20px !important;
  }
  :is(.mp-3, .mp-24, .mp-78, .mp-104, .mp-118, .mp-126, .mp-146, .mp-174) {
    padding: 24px 20px !important;
  }

  :is(.mp-1) {
    gap: 56px !important;
  }
  :is(.mp-53, .mp-81, .mp-92, .mp-110, .mp-146) {
    gap: 40px !important;
  }
  :is(.mp-2, .mp-5, .mp-9, .mp-10, .mp-36, .mp-52, .mp-157) {
    gap: 32px !important;
  }
  :is(.mp-37, .mp-78, .mp-93, .mp-121, .mp-135, .mp-147, .mp-153) {
    gap: 24px !important;
  }
  :is(.mp-24, .mp-66, .mp-150) {
    gap: 20px !important;
  }
  :is(.mp-11, .mp-49, .mp-63, .mp-75, .mp-118, .mp-126, .mp-154, .mp-155) {
    gap: 16px !important;
  }

  :is(.mp-20, .mp-37, .mp-47, .mp-78, .mp-93, .mp-104, .mp-109, .mp-118, .mp-126, .mp-146, .mp-153) {
    border-radius: 28px !important;
  }
  :is(.mp-21, .mp-24, .mp-63, .mp-75, .mp-86, .mp-89) {
    border-radius: 24px !important;
  }

  img.rectangle {
    width: 100% !important;
    height: 280px !important;
    border-radius: 24px !important;
    position: relative !important;
    inset: auto !important;
  }

  div:is(.mp-19) {
    width: 100% !important;
    height: auto !important;
    min-height: 320px !important;
    display: flex !important;
    flex-direction: column !important;
    gap: 16px !important;
  }

  div:is(.mp-19) > div {
    position: relative !important;
    inset: auto !important;
    transform: none !important;
  }

  img.cat2 {
    width: 80px !important;
    height: auto !important;
  }

  div:has(> [data-currency-btn]) {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: wrap !important;
    justify-content: center !important;
    align-items: center !important;
    gap: 8px !important;
    flex: 0 0 auto !important;
    width: 100% !important;
    height: auto !important;
    min-height: 48px !important;
    visibility: visible !important;
    overflow: visible !important;
    padding: 0 !important;
    margin-top: 8px !important;
  }

  [data-currency-btn] {
    display: flex !important;
    padding: 10px 20px !important;
    flex: 0 0 auto !important;
    visibility: visible !important;
    min-width: 60px !important;
  }
  [data-currency-btn] > div {
    font-size: 16px !important;
  }

  div:has(> div[style*="border-radius: 40px"][style*="border-color: var(--stroke"]),
  div:has(> div[style*="border-radius: 40px"][style*="border-color: var(--violet, #aa80f1)"][style*="overflow: hidden"]) {
    flex-direction: row !important;
    flex-wrap: nowrap !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    scroll-snap-type: x mandatory !important;
    -webkit-overflow-scrolling: touch !important;
    gap: 16px !important;
    padding: 4px 16px 12px !important;
    margin: 0 -16px !important;
  }

  div[style*="border-radius: 40px"][style*="border-color: var(--stroke, #e5e5e5)"][style*="overflow: hidden"],
  div[style*="border-radius: 40px"][style*="border-color: var(--violet, #aa80f1)"][style*="overflow: hidden"] {
    flex: 0 0 80% !important;
    width: 80% !important;
    min-width: 280px !important;
    max-width: 320px !important;
    scroll-snap-align: center !important;
  }

  img.img-star-1,
  img.img-star-2,
  img.img-star-33 {
    display: none !important;
  }

  div[style*="width: 84px; height: 74px"] img.img-book {
    width: 48px !important;
    height: 40px !important;
  }

  .signup-modal__dialog {
    width: calc(100vw - 24px) !important;
    padding: 28px 20px !important;
    border-radius: 24px !important;
  }
  .signup-modal__title {
    font-size: 20px !important;
  }
  .signup-modal__subtitle {
    font-size: 13px !important;
  }
  .signup-modal__field input,
  .signup-modal__field select {
    font-size: 15px !important;
    padding: 12px 18px !important;
  }
  .signup-modal__submit {
    font-size: 14px !important;
    padding: 14px 24px !important;
  }

  .floating-phone {
    width: 52px !important;
    height: 52px !important;
  }
  .floating-phone img {
    width: 22px !important;
    height: 22px !important;
  }

  img.vector8,
  img.vector9,
  img.vector10 {
    display: none !important;
  }

  img.vector7 {
    display: none !important;
  }

  .inline-form__pill {
    padding: 14px 22px !important;
  }
  .inline-form__input {
    font-size: 15px !important;
  }
  .inline-form__submit {
    font-size: 14px !important;
    padding: 16px 24px !important;
  }

  .custom-select__options {
    max-height: 200px !important;
  }
}

@media (max-width: 480px) {
  body > div:first-child {
    padding: 12px !important;
    gap: 40px !important;
  }

  .mp-3.mp-3 {
    justify-content: center !important;
    width: 100% !important;
  }
  .mp-3 .mp-4 {
    text-align: center !important;
    width: 100% !important;
    flex: 1 1 auto !important;
  }
  .mp-3 .mp-5 {
    display: none !important;
  }

  .mp-19.mp-19.mp-19.mp-19 {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: flex-start !important;
    width: 100% !important;
    height: auto !important;
    min-height: 0 !important;
    position: relative !important;
    overflow: visible !important;
  }
  .hero-main-mobile {
    display: block !important;
    width: 100% !important;
    max-width: 320px !important;
    height: auto !important;
    cursor: pointer !important;
    -webkit-tap-highlight-color: transparent !important;
  }
  .mp-19.mp-19 > img.mp-20.mp-20,
  .mp-19.mp-19 > .mp-21.mp-21,
  .mp-19.mp-19 > .mp-22.mp-22,
  .mp-19.mp-19 > .mp-24.mp-24 {
    display: none !important;
  }
  img.mp-20.mp-20.mp-20.mp-20,
  .mp-19 > img.rectangle.rectangle.rectangle {
    position: absolute !important;
    right: 0 !important;
    bottom: 60px !important;
    top: auto !important;
    left: auto !important;
    width: 300px !important;
    max-width: 100% !important;
    height: 280px !important;
    border-radius: 40px !important;
    object-fit: cover !important;
    z-index: 1 !important;
    inset: auto 0 60px auto !important;
    transform: none !important;
  }
  .mp-21.mp-21.mp-21.mp-21 {
    position: absolute !important;
    right: 0 !important;
    bottom: 0 !important;
    top: auto !important;
    left: auto !important;
    width: 200px !important;
    height: 100px !important;
    border-width: 14.29px !important;
    border-radius: 28.57px !important;
    box-sizing: border-box !important;
    z-index: 2 !important;
    inset: auto 0 0 auto !important;
    transform: none !important;
  }
  .mp-22.mp-22.mp-22.mp-22 {
    position: absolute !important;
    left: calc(50% + 16px) !important;
    bottom: 0 !important;
    top: auto !important;
    right: auto !important;
    width: 87.2px !important;
    height: 80px !important;
    z-index: 3 !important;
    overflow: hidden !important;
    inset: auto auto 0 calc(50% + 16px) !important;
    transform: none !important;
  }
  .mp-22.mp-22 img.mp-23.mp-23 {
    width: 99.94% !important;
    height: 100% !important;
    position: absolute !important;
    right: 0.4% !important;
    left: -0.34% !important;
    bottom: 0.5% !important;
    top: -0.5% !important;
    inset: -0.5% 0.4% 0.5% -0.34% !important;
    transform: none !important;
  }
  .mp-24.mp-24.mp-24.mp-24.mp-24.mp-24.mp-24 {
    position: absolute !important;
    left: 0 !important;
    top: 0 !important;
    right: auto !important;
    bottom: auto !important;
    width: 260px !important;
    max-width: 260px !important;
    padding: 20px !important;
    gap: 20px !important;
    border-radius: 40px !important;
    box-sizing: border-box !important;
    z-index: 4 !important;
    inset: 0 auto auto 0 !important;
    transform: none !important;
  }
  .mp-24 .mp-25 {
    padding: 10px 24px !important;
    gap: 10px !important;
    width: auto !important;
    max-width: 100% !important;
  }
  .mp-24 .mp-26 {
    width: 20px !important;
    height: 20px !important;
    flex-shrink: 0 !important;
  }
  .mp-24 .mp-27 {
    font-size: 14px !important;
    line-height: 150% !important;
    white-space: normal !important;
  }
  .mp-24 .mp-28 {
    gap: 0 !important;
    align-items: center !important;
  }
  .mp-24 .mp-29 {
    font-size: 18px !important;
  }
  .mp-24 .mp-30 {
    gap: 10px !important;
  }
  .mp-24 .mp-31 {
    font-size: 22px !important;
  }
  .mp-24 .mp-32 {
    font-size: 18px !important;
  }
  .mp-24 .mp-33 {
    font-size: 14px !important;
    line-height: 150% !important;
  }
  .mp-24 .mp-33 ul {
    padding-left: 18px !important;
    margin: 0 !important;
  }
  .mp-24 .mp-34 {
    padding: 20px 32px !important;
    width: auto !important;
  }
  .mp-24 .mp-35 {
    font-size: 14px !important;
  }
  .mp-34.mp-34.mp-34 {
    padding: 18px 12px !important;
    border-radius: 100px !important;
    align-self: stretch !important;
    box-sizing: border-box !important;
    width: 100% !important;
  }
  .mp-35.mp-35.mp-35 {
    font-size: 12px !important;
    line-height: 130% !important;
    white-space: nowrap !important;
    text-align: center !important;
    font-weight: 700 !important;
    letter-spacing: 0 !important;
  }
  .pricing-dots-mobile {
    display: flex !important;
    flex-direction: row !important;
    justify-content: center !important;
    align-items: center !important;
    gap: 20px !important;
    width: 100% !important;
    padding: 16px 0 !important;
  }
  .mp-85.mp-85.mp-85.mp-85 {
    display: grid !important;
    grid-template-columns: 1fr 1fr !important;
    gap: 10px !important;
    width: 100% !important;
    flex-wrap: unset !important;
  }
  .mp-85 .mp-88 {
    display: none !important;
  }
  .mp-85 .mp-86.mp-86.mp-86 {
    width: auto !important;
    max-width: 100% !important;
    padding: 16px !important;
    border-radius: 40px !important;
    justify-content: center !important;
    text-align: center !important;
  }
  .mp-85 .mp-86 .mp-87 {
    text-align: center !important;
    font-size: 16px !important;
    flex: 0 1 auto !important;
  }
  .mp-85 .mp-89.mp-89.mp-89 {
    width: auto !important;
    max-width: 100% !important;
    padding: 16px !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 4px !important;
    border-radius: 40px !important;
    text-align: center !important;
  }
  .mp-85 .mp-89 .mp-90 {
    text-align: center !important;
    font-size: 14px !important;
    flex: 0 1 auto !important;
    width: 100% !important;
  }
  .mp-85 .mp-89 .mp-91 {
    text-align: center !important;
    width: auto !important;
    font-size: 28px !important;
  }
  .mp-62:has(> .mp-93) {
    flex-direction: column !important;
    flex-wrap: nowrap !important;
    gap: 32px !important;
    align-items: center !important;
  }
  .mp-62 > .mp-93.mp-93.mp-93 {
    flex: 0 0 auto !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
  }
  .mp-102.mp-102.mp-102 {
    font-size: 20px !important;
    line-height: 130% !important;
  }
  .mp-81 {
    position: relative !important;
  }
  .mp-113.mp-113.mp-113,
  .mp-116.mp-116.mp-116 {
    display: none !important;
  }
  .mp-108 .mp-110.mp-110 {
    align-items: flex-start !important;
    text-align: left !important;
  }
  .mp-108 .mp-110 .mp-56.mp-56 {
    text-align: left !important;
  }
  .mp-108 .mp-110 .mp-111 {
    align-items: flex-start !important;
    text-align: left !important;
  }
  .mp-108 .mp-110 .mp-107,
  .mp-108 .mp-110 .mp-112 {
    text-align: left !important;
  }
  .mp-108 .mp-110 .mp-112.mp-112 {
    font-size: 13px !important;
    line-height: 140% !important;
    white-space: nowrap !important;
  }
  .mp-103.mp-103.mp-103.mp-103.mp-103:has(> .mp-118) {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important;
    align-items: stretch !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    scroll-snap-type: x mandatory !important;
    -webkit-overflow-scrolling: touch !important;
    scrollbar-width: none !important;
    padding: 0 24px !important;
    gap: 12px !important;
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
  }
  .mp-103.mp-103.mp-103.mp-103.mp-103:has(> .mp-118)::-webkit-scrollbar {
    display: none !important;
  }
  .mp-103.mp-103.mp-103 > .mp-118.mp-118.mp-118,
  .mp-103.mp-103.mp-103 > .mp-126.mp-126.mp-126 {
    flex: 0 0 calc(100% - 48px) !important;
    width: calc(100% - 48px) !important;
    min-width: calc(100% - 48px) !important;
    max-width: calc(100% - 48px) !important;
    padding: 24px !important;
    border-radius: 32px !important;
    box-sizing: border-box !important;
    scroll-snap-align: center !important;
    gap: 16px !important;
  }
  .mp-103 .mp-119.mp-119,
  .mp-103 .mp-128.mp-128,
  .mp-103 .mp-129.mp-129 {
    font-size: 14px !important;
    line-height: 150% !important;
    height: auto !important;
    overflow: visible !important;
    text-overflow: clip !important;
  }
  .mp-103 .mp-124.mp-124 {
    font-size: 15px !important;
  }
  .mp-103 .mp-125.mp-125 {
    font-size: 12px !important;
  }
  .mp-103 .mp-120 {
    display: none !important;
  }
  .mp-103 .mp-121 {
    gap: 12px !important;
  }
  .mp-143.mp-143.mp-143.mp-143.mp-143 {
    flex-direction: row !important;
    align-items: center !important;
    gap: 12px !important;
  }
  .mp-137.mp-137.mp-137 {
    font-size: 28px !important;
    line-height: 120% !important;
    font-weight: 700 !important;
    text-align: center !important;
  }
  .mp-151.mp-151.mp-151 {
    font-size: 22px !important;
    line-height: 130% !important;
    font-weight: 700 !important;
    text-align: left !important;
  }
  .mp-152.mp-152.mp-152 {
    font-size: 14px !important;
    line-height: 150% !important;
  }
  .mp-152 .hero-description-span2 {
    padding-left: 18px !important;
    margin: 8px 0 0 0 !important;
  }
  .mp-152 .hero-description-span2 li {
    font-size: 14px !important;
    line-height: 150% !important;
    margin-bottom: 4px !important;
  }
  .mp-146 .mp-150 .mp-56 {
    font-size: 13px !important;
    line-height: 140% !important;
    text-align: left !important;
  }
  .mp-146 .mp-148 {
    width: 60px !important;
    height: 56px !important;
    align-self: flex-start !important;
  }
  .mp-146 .mp-147 {
    gap: 16px !important;
  }
  .mp-146 .mp-150 {
    gap: 16px !important;
  }
  .mp-146 .mp-11 {
    gap: 8px !important;
  }
  .mp-146.mp-146.mp-146 {
    padding: 24px 16px !important;
    gap: 24px !important;
  }
  .mp-157 {
    align-items: center !important;
    text-align: center !important;
  }
  .mp-158, .mp-159, .mp-162, .mp-163, .mp-167, .mp-174, .mp-160, .mp-161, .mp-164, .mp-165, .mp-168 {
    align-items: center !important;
    text-align: center !important;
  }
  .mp-160 {
    text-align: center !important;
  }
  .mp-161 {
    text-align: center !important;
  }
  .mp-164, .mp-168 {
    text-align: center !important;
    align-self: center !important;
  }
  .mp-166 {
    text-align: center !important;
    align-self: center !important;
    width: auto !important;
  }
  .mp-169 {
    justify-content: center !important;
    align-self: center !important;
  }
  .mp-172.mp-172.mp-172.mp-172.mp-172 {
    flex-direction: row !important;
    justify-content: center !important;
    align-items: center !important;
    gap: 16px !important;
    align-self: center !important;
  }
  .mp-174.mp-174.mp-174.mp-174.mp-174 {
    flex-direction: column !important;
    align-items: center !important;
    text-align: center !important;
    gap: 12px !important;
  }
  .mp-174 .mp-162.mp-162.mp-162 {
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 12px !important;
    width: 100% !important;
    flex-wrap: nowrap !important;
  }
  .mp-174 .mp-176 {
    text-align: center !important;
    flex: 0 0 auto !important;
    width: auto !important;
  }
  .mp-174 .mp-175 {
    text-align: center !important;
    width: 100% !important;
  }
  .mp-76.mp-76.mp-76.mp-76.mp-76 {
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 10px !important;
    align-self: stretch !important;
    flex-wrap: nowrap !important;
  }
  .mp-76 img,
  .mp-76 svg {
    flex-shrink: 0 !important;
    width: 20px !important;
    height: 20px !important;
  }
  .mp-76 .mp-77 {
    flex: 0 1 auto !important;
    font-size: 14px !important;
    line-height: 130% !important;
    white-space: nowrap !important;
  }
  .mp-62.mp-62.mp-62.mp-62.mp-62:has(> .mp-63),
  .mp-62.mp-62.mp-62.mp-62.mp-62:has(> .mp-75) {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important;
    align-items: stretch !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    scroll-snap-type: x mandatory !important;
    -webkit-overflow-scrolling: touch !important;
    scrollbar-width: none !important;
    padding: 0 24px !important;
    gap: 12px !important;
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
  }
  .mp-62.mp-62.mp-62.mp-62.mp-62:has(> .mp-63)::-webkit-scrollbar,
  .mp-62.mp-62.mp-62.mp-62.mp-62:has(> .mp-75)::-webkit-scrollbar {
    display: none !important;
  }
  .mp-62.mp-62.mp-62 > .mp-63.mp-63.mp-63,
  .mp-62.mp-62.mp-62 > .mp-75.mp-75.mp-75 {
    flex: 0 0 calc(100% - 48px) !important;
    width: calc(100% - 48px) !important;
    min-width: calc(100% - 48px) !important;
    max-width: calc(100% - 48px) !important;
    scroll-snap-align: center !important;
    align-self: stretch !important;
    box-sizing: border-box !important;
  }
  .mp-69.mp-69.mp-69.mp-69.mp-69 {
    flex-direction: row !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 12px !important;
    align-self: stretch !important;
  }
  .mp-69 .mp-70 {
    flex: 1 1 auto !important;
    min-width: 0 !important;
  }
  .mp-69 .mp-71.mp-71 {
    font-size: 14px !important;
    line-height: 130% !important;
  }
  .mp-69 .mp-74.mp-74 {
    font-size: 12px !important;
    line-height: 130% !important;
  }
  .mp-69 .mp-72.mp-72 {
    font-size: 16px !important;
    line-height: 130% !important;
    width: auto !important;
    flex: 0 0 auto !important;
    white-space: nowrap !important;
  }
  .mp-63 .mp-66, .mp-75 .mp-66 {
    padding: 0 20px !important;
    gap: 16px !important;
  }
  .mp-63 .mp-67, .mp-75 .mp-67 {
    font-size: 18px !important;
  }
  .mp-63 .mp-68, .mp-75 .mp-68 {
    gap: 12px !important;
  }
  .mp-153.mp-153.mp-153 {
    padding: 24px 16px !important;
    gap: 16px !important;
    border-radius: 32px !important;
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
  }
  .mp-153 .inline-form__pill {
    padding: 12px 20px !important;
    width: 100% !important;
    box-sizing: border-box !important;
  }
  .mp-153 .inline-form__input {
    font-size: 14px !important;
    min-width: 0 !important;
  }
  .mp-153 .inline-form__pill.custom-select {
    padding: 0 !important;
  }
  .mp-153 .inline-form__pill.custom-select .custom-select__trigger {
    padding: 12px 20px !important;
    padding-right: 36px !important;
    font-size: 14px !important;
  }
  .mp-153 .inline-form__submit {
    padding: 14px 20px !important;
    font-size: 13px !important;
    white-space: nowrap !important;
    width: 100% !important;
  }
  .mp-153 .mp-156 {
    font-size: 12px !important;
    line-height: 140% !important;
    text-align: center !important;
  }
  .mp-153 .mp-155 {
    gap: 12px !important;
  }
  .mp-153 [data-h3],
  .mp-153 h3 {
    font-size: 18px !important;
    line-height: 130% !important;
  }

  :is(.mp-15) {
    font-size: 26px !important;
  }
  :is(.mp-31, .mp-55, .mp-83, .mp-137, .mp-151) {
    font-size: 22px !important;
  }

  img.rectangle {
    height: 220px !important;
  }

  div:is(.mp-19) {
    min-height: 260px !important;
  }
}

/* ===== responsive overflow fixes (added) ===== */
@media (max-width: 1199px) {
  .mp-135 { width: 100% !important; max-width: 100% !important; }
  .mp-108 { flex-direction: column !important; width: 100% !important; }
  .mp-108 .mp-109, .mp-108 .mp-110 { width: 100% !important; max-width: 100% !important; }
  .mp-146 { flex-direction: column !important; padding: 40px !important; }
  .mp-146 .mp-147, .mp-146 .mp-153 { width: 100% !important; max-width: 100% !important; }
  .mp-130 { max-width: 100% !important; gap: 24px !important; justify-content: center !important; align-items: center !important; margin: 0 auto !important; padding: 0 24px !important; box-sizing: border-box !important; }
  .mp-130 .mp-131 { display: none !important; }
  .mp-130 .mp-132 { gap: 12px !important; flex-shrink: 0 !important; }
  .mp-162 { flex-wrap: wrap !important; max-width: 100% !important; }
  .mp-51 { width: 100% !important; max-width: 100% !important; }
}
@media (max-width: 1199px) {
  .mp-81 {
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
    padding: 0 24px !important;
  }
  .mp-82 {
    width: 100% !important;
    max-width: 100% !important;
  }
  .mp-85 {
    flex-direction: row !important;
    flex-wrap: wrap !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 12px !important;
    width: 100% !important;
  }
  .mp-86,
  .mp-89 {
    width: auto !important;
    flex: 1 1 calc(50% - 40px) !important;
    min-width: 0 !important;
    padding: 12px 16px !important;
    gap: 8px !important;
  }
  .mp-87 {
    font-size: 14px !important;
  }
  .mp-90 {
    font-size: 14px !important;
  }
  .mp-91 {
    font-size: 20px !important;
  }
  img.mp-88 {
    flex: 0 0 24px !important;
    width: 24px !important;
    height: 18px !important;
    visibility: visible !important;
    overflow: visible !important;
  }
  img.mp-88.vector7 {
    visibility: hidden !important;
  }
  .mp-53 {
    flex-direction: column !important;
    align-items: stretch !important;
    width: 100% !important;
    max-width: 100% !important;
    gap: 24px !important;
  }
  .mp-54 {
    width: 100% !important;
    max-width: 100% !important;
    align-items: center !important;
  }
  .mp-55, .mp-56 {
    text-align: center !important;
    align-self: stretch !important;
  }
  .mp-57 {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: wrap !important;
    justify-content: center !important;
    align-items: center !important;
    width: 100% !important;
    max-width: 100% !important;
    flex: 0 0 auto !important;
    height: auto !important;
    min-height: 48px !important;
    gap: 12px !important;
    margin: 0 !important;
    padding: 0 !important;
    visibility: visible !important;
    overflow: visible !important;
  }
  .mp-58, .mp-60 {
    flex: 0 0 auto !important;
    padding: 12px 28px !important;
    min-width: 80px !important;
  }
  .mp-59, .mp-61 {
    font-size: 18px !important;
  }
  .mp-62 {
    width: 100% !important;
    max-width: 100% !important;
    gap: 16px !important;
  }
  .mp-62:has(> .mp-63),
  .mp-62:has(> .mp-75) {
    overflow-x: auto !important;
    overflow-y: hidden !important;
    -webkit-overflow-scrolling: touch !important;
    scroll-snap-type: x mandatory !important;
    scroll-padding: 0 16px !important;
    padding-bottom: 12px !important;
    flex-wrap: nowrap !important;
  }
  .mp-63, .mp-75 {
    flex: 0 0 auto !important;
    width: 320px !important;
    min-width: 280px !important;
    max-width: 90vw !important;
    scroll-snap-align: center !important;
    align-self: stretch !important;
  }
  .mp-62:has(> .mp-93) {
    flex-direction: row !important;
    flex-wrap: wrap !important;
    overflow: visible !important;
    justify-content: center !important;
    align-items: flex-start !important;
    gap: 32px 16px !important;
  }
  .mp-93 {
    flex: 0 0 calc(50% - 8px) !important;
    width: calc(50% - 8px) !important;
    max-width: calc(50% - 8px) !important;
    min-width: 0 !important;
  }
  .mp-92 {
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
  }
  .mp-103:has(> .mp-104) {
    flex-direction: column !important;
    gap: 16px !important;
    width: 100% !important;
    max-width: 100% !important;
    padding: 0 24px !important;
    box-sizing: border-box !important;
    align-items: center !important;
  }
  .mp-103:has(> .mp-118) {
    flex-direction: row !important;
    flex-wrap: nowrap !important;
    gap: 16px !important;
    width: 100% !important;
    max-width: 100% !important;
    padding: 0 24px !important;
    box-sizing: border-box !important;
    align-items: stretch !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    scroll-snap-type: x mandatory !important;
    -webkit-overflow-scrolling: touch !important;
    scrollbar-width: none !important;
  }
  .mp-103:has(> .mp-118)::-webkit-scrollbar {
    display: none !important;
  }
  .mp-103 > .mp-118,
  .mp-103 > .mp-126 {
    flex: 0 0 auto !important;
    width: calc((100% - 16px) / 2) !important;
    max-width: none !important;
    min-width: 0 !important;
    scroll-snap-align: center !important;
    padding: 28px 24px !important;
    border-radius: 40px !important;
    box-sizing: border-box !important;
  }
  .mp-104 {
    flex-direction: row !important;
    align-items: center !important;
    align-self: center !important;
    width: 100% !important;
    max-width: 480px !important;
    margin-left: auto !important;
    margin-right: auto !important;
    padding: 16px 24px !important;
    gap: 16px !important;
    border-radius: 40px !important;
  }
  .mp-108 {
    align-items: center !important;
    gap: 24px !important;
    padding: 0 24px !important;
    box-sizing: border-box !important;
  }
  .mp-108 .mp-109 {
    width: 100% !important;
    max-width: 360px !important;
    height: auto !important;
    aspect-ratio: 540 / 460 !important;
    align-self: center !important;
    margin: 0 auto !important;
    border-radius: 40px !important;
  }
  .mp-108 .mp-110 {
    align-items: flex-start !important;
    text-align: left !important;
    max-width: 100% !important;
    align-self: stretch !important;
    margin: 0 !important;
  }
  .mp-108 .mp-110 .mp-56 {
    text-align: left !important;
  }
  .mp-114,
  .mp-115 {
    display: none !important;
  }
  .mp-81 {
    position: relative !important;
  }
  .mp-113 {
    position: absolute !important;
    width: 36px !important;
    height: 36px !important;
    left: 50% !important;
    top: auto !important;
    bottom: 75% !important;
    transform: translate(-190px, 0) rotate(-15deg) !important;
    z-index: 2 !important;
  }
  .mp-116 {
    position: absolute !important;
    left: 50% !important;
    top: 410px !important;
    bottom: auto !important;
    width: 56px !important;
    height: 48px !important;
    transform: translate(140px, 0) !important;
    z-index: 2 !important;
  }
  .mp-116 .mp-117 {
    width: 100% !important;
    height: 100% !important;
    left: 0 !important;
    top: 0 !important;
    transform: rotate(-16deg) !important;
  }
  .mp-105 {
    flex: 0 0 48px !important;
    width: 48px !important;
    height: 60px !important;
  }
  .mp-104 .mp-96 {
    flex: 1 !important;
    align-items: flex-start !important;
    gap: 4px !important;
  }
  .mp-107 {
    font-size: 18px !important;
  }
  .mp-104 .mp-33 {
    font-size: 14px !important;
  }
  .mp-135 {
    flex-direction: column !important;
    width: 100% !important;
    max-width: 100% !important;
    padding: 0 24px !important;
    box-sizing: border-box !important;
    gap: 24px !important;
  }
  .mp-136 {
    width: 100% !important;
    gap: 16px !important;
  }
  .mp-138 {
    width: 100% !important;
  }
  .mp-139, .mp-142 {
    padding: 16px 0 !important;
    border-width: 0 0 1px 0 !important;
    gap: 12px !important;
  }
  .mp-140, .mp-144 {
    font-size: 16px !important;
    line-height: 140% !important;
  }
  .mp-141, .mp-145 {
    width: 16px !important;
    height: 16px !important;
  }
  .mp-142 .mp-33 {
    font-size: 13px !important;
    line-height: 140% !important;
  }
  .mp-146 {
    margin-top: 40px !important;
    margin-bottom: 40px !important;
    margin-left: 24px !important;
    margin-right: 24px !important;
    width: calc(100% - 48px) !important;
    max-width: calc(100% - 48px) !important;
    border-radius: 32px !important;
  }
  .mp-157 {
    padding: 40px 24px !important;
    gap: 32px !important;
    box-sizing: border-box !important;
    width: 100% !important;
    max-width: 100% !important;
    overflow: hidden !important;
  }
  .mp-158.mp-158 {
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-start !important;
    justify-content: flex-start !important;
    align-content: flex-start !important;
    gap: 28px !important;
    width: 100% !important;
    max-width: 100% !important;
    height: auto !important;
    min-height: 0 !important;
    flex: 0 0 auto !important;
  }
  .mp-158.mp-158 > .mp-159,
  .mp-158.mp-158 > .mp-162 {
    flex: 0 0 auto !important;
    align-self: stretch !important;
    width: 100% !important;
    max-width: 100% !important;
    height: auto !important;
    min-height: 0 !important;
    margin: 0 !important;
  }
  .mp-159, .mp-158 > .mp-159 {
    width: 100% !important;
    max-width: 100% !important;
    flex: 0 0 auto !important;
  }
  .mp-162 {
    width: 100% !important;
    max-width: 100% !important;
    flex-wrap: wrap !important;
    gap: 24px !important;
    justify-content: flex-start !important;
  }
  .mp-163, .mp-167 {
    flex: 1 1 auto !important;
    min-width: 140px !important;
  }
  .mp-166 {
    width: auto !important;
  }
  .mp-174 {
    flex-direction: column !important;
    align-items: flex-start !important;
    justify-content: flex-start !important;
    gap: 16px !important;
    width: 100% !important;
    padding-top: 24px !important;
  }
  .mp-174 .mp-162 {
    flex-direction: row !important;
    flex-wrap: nowrap !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 8px !important;
    width: 100% !important;
  }
  .mp-174 .mp-176 {
    flex: 0 0 auto !important;
    text-align: center !important;
  }
  .mp-174 .mp-176:first-child { text-align: left !important; }
  .mp-174 .mp-176:last-child { text-align: right !important; }
  .mp-174 .mp-175 {
    order: 99 !important;
    text-align: center !important;
    width: 100% !important;
    align-self: center !important;
  }
}

@media (max-width: 767px) {
  .mp-57 {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: wrap !important;
    justify-content: center !important;
    align-items: center !important;
    width: 100% !important;
    flex: 0 0 auto !important;
    height: auto !important;
    min-height: 48px !important;
    gap: 8px !important;
    margin-top: 8px !important;
    visibility: visible !important;
    overflow: visible !important;
  }
  .mp-58, .mp-60 {
    flex: 0 0 auto !important;
    padding: 10px 20px !important;
    min-width: 60px !important;
  }
  .mp-59, .mp-61 {
    font-size: 16px !important;
  }
}