/*
Theme Name: Onail
Theme URI: https://esfirum.com
Author: Potapenko Igor
Author URI: https://esfirum.com
Description: The theme was developed specifically for the Onail project
Version: 1.0
Text Domain: onail
*/

@font-face {
  font-family: 'IBM Plex Sans';
  src: url('assets/fonts/ff_400.woff2') format('woff2'),
       url('assets/fonts/ff_400.woff') format('woff');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'IBM Plex Sans';
  src: url('assets/fonts/ff_500.woff2') format('woff2'),
       url('assets/fonts/ff_500.woff') format('woff');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'IBM Plex Sans';
  src: url('assets/fonts/ff_600.woff2') format('woff2'),
       url('assets/fonts/ff_600.woff') format('woff');
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'FF accent';
  src: url('assets/fonts/ff_accent.woff2') format('woff2'),
       url('assets/fonts/ff_accent.woff') format('woff');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

*,
::before,
::after {
  box-sizing: border-box;
}

:where(ul, ol):where([class]) {
  padding-left: 0;
}

body,
:where(blockquote, figure):where([class]) {
  margin: 0;
}

:where(h1, h2, h3, h4, h5, h6, p, ul, ol, dl):where([class]) {
  margin-block: 0;
}

:where(dd[class]) {
  margin-left: 0;
}

:where(fieldset[class]) {
  margin-left: 0;
  padding: 0;
  border: none;
}

:where(ul[class]) {
  list-style: none;
}

:where(address[class]) {
  font-style: normal;
}

p {
  --paragraphMarginBottom: 24px;
  margin-block: 0;
}

p:where(:not([class]):not(:last-child)) {
  margin-bottom: var(--paragraphMarginBottom);
}

img,
video {
  display: block;
  max-width: 100%;
  height: auto;
}

input,
textarea,
select,
button {
  font: inherit;
}

html {
  height: 100%;
  scrollbar-gutter: stable;
}

html,
:has(:target) {
  scroll-behavior: smooth;
}

body {
  line-height: 1.5;
}

a:where([class]) {
  display: inline-flex;
}

button,
label {
  cursor: pointer;
}

:where([fill]:not([fill=none], [fill^=url])) {
  fill: currentColor;
}

:where([stroke]:not([stroke=none], [stroke^=url])) {
  stroke: currentColor;
}

svg * {
  transition-property: fill, stroke;
}

:where(table) {
  border-collapse: collapse;
  border-color: currentColor;
}

:root {
  --header-h: 6.75rem;
  --container_pdd: 1.25rem;
}

html {
  scroll-padding-top: var(--header-h);
  font-size: 16px;
}

body {
  font-weight: 400;
  font-size: 1rem;
  line-height: 130%;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  min-height: 100vh;
  min-height: 100dvh;
  display: flex;
  flex-direction: column;
  background: #ffffff;
  color: #000000;
  transition: all 0.3s cubic-bezier(0.768, 0.304, 0.496, 0.884);
}

body.is-locked {
  overflow: hidden;
}

main {
  flex: 1;
}

button {
  padding: 0;
  background: transparent;
  border: none;
  outline: none;
  display: flex;
  color: inherit;
}

a {
  color: inherit;
  text-decoration: none;
}

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

.section-title {
  font: 600 2.5rem/130% "IBM Plex Sans", sans-serif;
  letter-spacing: -2px;
  color: #181d27;
}

.section-subtitle {
  font: 600 1.75rem/100% "IBM Plex Sans", sans-serif;
  letter-spacing: -1px;
  color: #181d27;
}

.title-quote {
  display: flex;
  align-items: center;
  gap: 1.25rem;
  position: relative;
  --block-w: 4.25rem;
  --block-h: 3rem;
}

.title-quote::before {
  content: "“";
  background: linear-gradient(90deg, #ffa126 0%, #de5126 100%);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
  position: absolute;
  right: 1.5rem;
  top: 72%;
  font: 400 3.125rem/1 "IBM Plex Sans", sans-serif;
  letter-spacing: -2px;
  transform: translateY(-50%);
}

.title-quote::after {
  flex-shrink: 0;
  content: "";
  width: var(--block-w);
  height: var(--block-h);
  border-radius: 2rem;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: #181d27;
}

.section-info {
  font: 400 1.25rem/150% "IBM Plex Sans", sans-serif;
  color: #535862;
}

.section-info a {
  text-decoration: underline;
}

.section-heading {
  font: 500 4rem/120% "IBM Plex Sans", sans-serif;
  letter-spacing: -3px;
  color: #ffffff;
}

.section-subheading {
  font: 600 3.5rem/100% "IBM Plex Sans", sans-serif;
  letter-spacing: -2px;
}

.glass {
  -webkit-backdrop-filter: blur(20px);
  backdrop-filter: blur(20px);
}

.glass--blue {
  color: #fff;
  background: rgba(83, 120, 150, 0.1019607843);
}

.cross-block {
  --cross-size: 6.25rem;
  --bleed: 2px;
  border-radius: 1.5rem;
  transform: translateZ(0);
  will-change: mask-image;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
}

.cross-block--tl,
.cross-block--lot,
.cross-block--br {
  -webkit-mask-composite: destination-out;
  mask-composite: exclude;
}

.cross-block--tl {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 150 150' preserveAspectRatio='none'%3E%3Cpath d='M150 0C142.649 0 135.599 2.95657 130.401 8.21927L8.05038 132.095C3.30573 136.899 0.460408 143.266 0 150V0H150Z' fill='black'/%3E%3C/svg%3E"), linear-gradient(white, white);
  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 150 150' preserveAspectRatio='none'%3E%3Cpath d='M150 0C142.649 0 135.599 2.95657 130.401 8.21927L8.05038 132.095C3.30573 136.899 0.460408 143.266 0 150V0H150Z' fill='black'/%3E%3C/svg%3E"), linear-gradient(white, white);
  -webkit-mask-position: calc(var(--bleed) * -1) calc(var(--bleed) * -1), 0 0;
  mask-position: calc(var(--bleed) * -1) calc(var(--bleed) * -1), 0 0;
  -webkit-mask-size: calc(var(--cross-size) + var(--bleed) * 2) calc(var(--cross-size) + var(--bleed) * 2), 100% 100%;
  mask-size: calc(var(--cross-size) + var(--bleed) * 2) calc(var(--cross-size) + var(--bleed) * 2), 100% 100%;
}

.cross-block--br {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 150 150' preserveAspectRatio='none'%3E%3Cg transform='rotate(180 75 75)'%3E%3Cpath d='M150 0C142.649 0 135.599 2.95657 130.401 8.21927L8.05038 132.095C3.30573 136.899 0.460408 143.266 0 150V0H150Z' fill='black'/%3E%3C/g%3E%3C/svg%3E"), linear-gradient(white, white);
  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 150 150' preserveAspectRatio='none'%3E%3Cg transform='rotate(180 75 75)'%3E%3Cpath d='M150 0C142.649 0 135.599 2.95657 130.401 8.21927L8.05038 132.095C3.30573 136.899 0.460408 143.266 0 150V0H150Z' fill='black'/%3E%3C/g%3E%3C/svg%3E"), linear-gradient(white, white);
  -webkit-mask-position: calc(100% + var(--bleed)) calc(100% + var(--bleed)), 0 0;
  mask-position: calc(100% + var(--bleed)) calc(100% + var(--bleed)), 0 0;
  -webkit-mask-size: calc(var(--cross-size) + var(--bleed) * 2) calc(var(--cross-size) + var(--bleed) * 2), 100% 100%;
  mask-size: calc(var(--cross-size) + var(--bleed) * 2) calc(var(--cross-size) + var(--bleed) * 2), 100% 100%;
}

.cross-block--lot {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 150 150' preserveAspectRatio='none'%3E%3Cpath d='M150 0C142.649 0 135.599 2.95657 130.401 8.21927L8.05038 132.095C3.30573 136.899 0.460408 143.266 0 150V0H150Z' fill='black'/%3E%3C/svg%3E"), url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 150 150' preserveAspectRatio='none'%3E%3Cg transform='rotate(180 75 75)'%3E%3Cpath d='M150 0C142.649 0 135.599 2.95657 130.401 8.21927L8.05038 132.095C3.30573 136.899 0.460408 143.266 0 150V0H150Z' fill='black'/%3E%3C/g%3E%3C/svg%3E"), linear-gradient(white, white);
  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 150 150' preserveAspectRatio='none'%3E%3Cpath d='M150 0C142.649 0 135.599 2.95657 130.401 8.21927L8.05038 132.095C3.30573 136.899 0.460408 143.266 0 150V0H150Z' fill='black'/%3E%3C/svg%3E"), url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 150 150' preserveAspectRatio='none'%3E%3Cg transform='rotate(180 75 75)'%3E%3Cpath d='M150 0C142.649 0 135.599 2.95657 130.401 8.21927L8.05038 132.095C3.30573 136.899 0.460408 143.266 0 150V0H150Z' fill='black'/%3E%3C/g%3E%3C/svg%3E"), linear-gradient(white, white);
  -webkit-mask-position: calc(var(--bleed) * -1) calc(var(--bleed) * -1), calc(100% + var(--bleed)) calc(100% + var(--bleed)), 0 0;
  mask-position: calc(var(--bleed) * -1) calc(var(--bleed) * -1), calc(100% + var(--bleed)) calc(100% + var(--bleed)), 0 0;
  -webkit-mask-size: calc(var(--cross-size) + var(--bleed) * 2) calc(var(--cross-size) + var(--bleed) * 2), calc(var(--cross-size) + var(--bleed) * 2) calc(var(--cross-size) + var(--bleed) * 2), 100% 100%;
  mask-size: calc(var(--cross-size) + var(--bleed) * 2) calc(var(--cross-size) + var(--bleed) * 2), calc(var(--cross-size) + var(--bleed) * 2) calc(var(--cross-size) + var(--bleed) * 2), 100% 100%;
}

.corner-block {
  --corner-size: 7.5rem;
  position: relative;
}

.corner-block::before,
.corner-block::after {
  content: "";
  position: absolute;
  width: var(--corner-size);
  height: var(--corner-size);
  background: #fff;
  -webkit-mask: url("./images/icons/substract.svg") no-repeat center center/cover;
  mask: url("./images/icons/substract.svg") no-repeat center center/cover;
}

.corner-block--br::after {
  top: 0;
  left: 0;
}

.corner-block--br::before {
  bottom: 0;
  right: 0;
  transform: rotate(180deg);
}

.corner-block--tl::before {
  top: 0;
  left: 0;
}

.corner-block--tl::after {
  display: none;
}

.link-accent {
  font: 600 0.9375rem/140% "IBM Plex Sans", sans-serif;
  text-transform: uppercase;
  display: inline-flex;
  align-items: center;
  height: 4rem;
  justify-content: center;
  border-radius: 999px;
  color: #ffffff;
  transition: all 0.3s cubic-bezier(0.768, 0.304, 0.496, 0.884);
}

.link-accent span {
  height: 100%;
  border-radius: 999px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0.625rem 1rem;
  background: linear-gradient(90deg, #ffa126 0%, #de5126 100%);
  transition: all 0.3s cubic-bezier(0.768, 0.304, 0.496, 0.884);
}

.link-secondary {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font: 600 0.9375rem/140% "IBM Plex Sans", sans-serif;
  height: 4rem;
  text-transform: uppercase;
  color: #ffffff;
  transition: all 0.3s cubic-bezier(0.768, 0.304, 0.496, 0.884);
}

.link-secondary span {
  height: 100%;
  border-radius: 999px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0.9375rem;
  transition: all 0.3s cubic-bezier(0.768, 0.304, 0.496, 0.884);
}

.route {
  width: -moz-max-content;
  width: max-content;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 2.0625rem;
  border-radius: 999px;
  padding: 0.5625rem 1rem 0.5625rem 0.5625rem;
  font: 600 0.9375rem/140% "IBM Plex Sans", sans-serif;
  text-transform: uppercase;
  color: #de5126;
}

.route span {
  display: inline-flex;
  flex-shrink: 0;
  width: 1.375rem;
  height: 1.375rem;
  position: relative;
  overflow: hidden;
}

.route span::after,
.route span::before {
  content: "";
  position: absolute;
  display: inline-flex;
  flex-shrink: 0;
  width: 100%;
  height: 100%;
  background: url("./images/icons/ico-arrow-or.svg") no-repeat center center/cover;
  transition: all 0.3s cubic-bezier(0.768, 0.304, 0.496, 0.884);
}

.route span::before {
  opacity: 0;
  transform: translate(-50%, -50%);
}

.link-feedback {
  z-index: 2;
  width: -moz-max-content;
  width: max-content;
  font: 600 0.9375rem/140% "IBM Plex Sans", sans-serif;
  text-transform: uppercase;
  display: inline-flex;
  color: #ffffff;
  padding: 0.625rem 0.75rem;
  position: relative;
  display: flex;
  gap: 1.5rem;
  overflow: hidden;
  align-items: center;
}

.link-feedback span {
  border-radius: 999px;
  position: absolute;
  inset: 0;
  z-index: -1;
  height: 100%;
  background: linear-gradient(90deg, #ffa126 0%, #de5126 100%);
  transition: all 0.3s cubic-bezier(0.768, 0.304, 0.496, 0.884);
}

.link-feedback svg {
  color: #ffffff;
}

.link-feedback svg path {
  transition: all 0.3s cubic-bezier(0.768, 0.304, 0.496, 0.884);
}

.link-feedback svg .first-wave {
  opacity: 0.5;
}

.link-feedback svg .second-wave {
  opacity: 0;
}

.tag {
  padding: 0.4375rem;
  display: inline-flex;
  align-items: center;
  gap: 1.25rem;
  width: -moz-max-content;
  width: max-content;
  border-radius: 2.5rem;
  font: 600 0.8125rem/120% "IBM Plex Sans", sans-serif;
  text-transform: uppercase;
  border-width: 1px;
  border-style: solid;
  border-color: #072136;
  color: #072136;
  opacity: 0.5;
}

.tag svg {
  width: 1rem;
  height: 1rem;
  margin-top: -1px;
}

.border-gradient {
  position: relative;
}

.border-gradient::after {
  content: "";
  pointer-events: none;
  position: absolute;
  inset: 0;
  border-radius: inherit;
  padding: 2px;
  background: linear-gradient(90deg, #ffa126 0%, #de5126 100%);
  -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;
}

@property --s {
  syntax: "<length-percentage>";
  inherits: true;
  initial-value: 10px;
}

.btn-anchor {
  --s: 10px;
  font: 600 0.9375rem/140% "IBM Plex Sans", sans-serif;
  text-transform: uppercase;
  border: 0.09375rem solid transparent;
  padding: 1rem 0.9375rem;
  position: relative;
  z-index: 1;
  color: rgba(0, 0, 0, 0.6);
  transition: all 0.3s cubic-bezier(0.768, 0.304, 0.496, 0.884);
}

.btn-anchor.is-active {
  background: #000000;
  color: #fff;
}

.btn-anchor::before {
  content: "";
  position: absolute;
  inset: -1px;
  background: transparent;
  border: 0.09375rem solid rgba(0, 0, 0, 0.4);
  transition: all 0.3s cubic-bezier(0.768, 0.304, 0.496, 0.884);
  clip-path: polygon(0% 0%, var(--s) 0%, var(--s) 2px, calc(100% - var(--s)) 2px, calc(100% - var(--s)) 0%, 100% 0%, 100% var(--s), calc(100% - 2px) var(--s), calc(100% - 2px) calc(100% - var(--s)), 100% calc(100% - var(--s)), 100% 100%, calc(100% - var(--s)) 100%, calc(100% - var(--s)) calc(100% - 2px), var(--s) calc(100% - 2px), var(--s) 100%, 0% 100%, 0% calc(100% - var(--s)), 2px calc(100% - var(--s)), 2px var(--s), 0% var(--s));
}

.btn-anchor--light {
  color: rgba(255, 255, 255, 0.6);
}

.btn-anchor--light::before {
  border-color: #fff;
}

.btn-anchor--light.is-active {
  background: #fff;
  color: #000;
}

.btn-more {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  font: 600 0.9375rem/140% "IBM Plex Sans", sans-serif;
  text-transform: uppercase;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  height: 3.0625rem;
  min-width: 20.875rem;
  color: #072136;
  transition: all 0.3s cubic-bezier(0.768, 0.304, 0.496, 0.884);
}

.btn-more span {
  height: 100%;
  width: 100%;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 999px;
  transition: all 0.3s cubic-bezier(0.768, 0.304, 0.496, 0.884);
}

.blog-tag {
  display: inline-flex;
  align-items: center;
  gap: 0.625rem;
  padding: 0.6875rem 1.25rem;
  border-radius: 999px;
  font: 600 0.8125rem/120% "IBM Plex Sans", sans-serif;
  text-transform: uppercase;
  margin-bottom: 1.4375rem;
}

.blog-tag svg {
  width: 0.6875rem;
  height: 0.6875rem;
  margin-top: -1px;
  color: inherit;
}

.blog-tag--news {
  background: linear-gradient(90deg, #ddf9bd 0%, #b1ffe0 100%);
  color: #203805;
}

.blog-tag--promotions {
  background: linear-gradient(90deg, #f6bb8b 0%, #fdefc4 100%);
  color: #000000;
}

.blog-tag--articles {
  background: linear-gradient(90deg, #cab4ff 0%, #f1eefc 100%);
  color: #000000;
}

.blog-tag--other {
  background: linear-gradient(90deg, #f2f4f7 0%, #e6e9ef 100%);
  color: #000000;
}

.rating-group {
  display: flex;
  flex-direction: column;
  gap: 0.9375rem;
}

.rating {
  display: flex;
  flex-direction: row-reverse;
  justify-content: flex-end;
  gap: 0.5rem;
}

.rating__input {
  display: none;
}

.rating__label {
  width: 3.125rem;
  height: 3.125rem;
  cursor: pointer;
  color: #fff;
  transition: color 0.2s ease-in-out, transform 0.2s ease;
}

.rating__label svg {
  width: 100%;
  height: 100%;
  display: block;
}

.rating__label svg path {
  fill: currentColor;
  stroke: #ff6122;
  transition: stroke 0.2s ease;
}

.rating__label:hover {
  transform: scale(1.1);
}

.rating__label:hover,
.rating__label:hover ~ .rating__label,
.rating__input:checked ~ .rating__label {
  color: #ff6122;
}

.rating__label:hover ~ .rating__input:checked ~ .rating__label {
  color: #ff6122;
}

.form-field {
  position: relative;
}

.form-field:has(textarea) .form-field__title {
  top: 2rem;
}

.form-field:has(.form-field__data:not(:-moz-placeholder-shown)) .form-field__title {
  top: 0;
  font-size: 0.875rem;
  background: #ffffff;
  color: #537896;
}

.form-field:has(.form-field__data:not(:-ms-input-placeholder)) .form-field__title {
  top: 0;
  font-size: 0.875rem;
  background: #ffffff;
  color: #537896;
}

.form-field:has(.form-field__data:focus) .form-field__title,
.form-field:has(.form-field__data:not(:placeholder-shown)) .form-field__title {
  top: 0;
  font-size: 0.875rem;
  background: #ffffff;
  color: #537896;
}

.form-field__data {
  width: 100%;
  border-radius: 1rem;
  font: 400 1.25rem/30px "IBM Plex Sans", sans-serif;
  border: none;
  padding: 0;
  outline: none;
  padding: 0.9375rem 1rem;
  background: #f6f6f6;
  border: 1px solid #e6e7ec;
  caret-color: #ff6122;
  color: #072136;
  transition: all 0.3s cubic-bezier(0.768, 0.304, 0.496, 0.884);
}

.form-field__data:not(:-moz-placeholder-shown) {
  border-color: #537896;
  caret-color: #537896;
}

.form-field__data:not(:-ms-input-placeholder) {
  border-color: #537896;
  caret-color: #537896;
}

.form-field__data:not(:placeholder-shown) {
  border-color: #537896;
  caret-color: #537896;
}

.form-field__data:focus,
.form-field__data:active {
  border-color: #537896;
}

.form-field__data:focus::-moz-placeholder,
.form-field__data:active::-moz-placeholder {
  opacity: 1;
}

.form-field__data:focus:-ms-input-placeholder,
.form-field__data:active:-ms-input-placeholder {
  opacity: 1;
}

.form-field__data:focus::placeholder,
.form-field__data:active::placeholder {
  opacity: 1;
}

.form-field__data::-moz-placeholder {
  color: inherit;
  opacity: 0;
}

.form-field__data:-ms-input-placeholder {
  color: inherit;
  opacity: 0;
}

.form-field__data::placeholder {
  color: inherit;
  opacity: 0;
}

.form-field__title {
  pointer-events: none;
  z-index: 1;
  padding-inline: 0.25rem;
  border-radius: 0.5rem;
  position: absolute;
  left: 0.6875rem;
  top: 50%;
  transform: translateY(-50%);
  font: 400 1.25rem/170% "IBM Plex Sans", sans-serif;
  transition: all 0.3s cubic-bezier(0.768, 0.304, 0.496, 0.884);
}

.form-field textarea {
  resize: none;
  height: 10rem;
}

.link-account {
  display: flex;
  align-items: center;
  gap: 1rem;
}

.link-account span {
  display: inline-flex;
  width: 1.75rem;
  height: 1.75rem;
  position: relative;
  flex-shrink: 0;
}

.link-account span img {
  position: absolute;
  transition: all 0.3s cubic-bezier(0.768, 0.304, 0.496, 0.884);
}

.link-account span img:last-child {
  top: 50%;
  left: 0;
  transform: translateY(-50%);
}

.link-account span img:first-child {
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.link-account::after {
  content: "";
  width: 0.125rem;
  height: 0.875rem;
  background: #b0bec9;
}

.link-account a {
  max-width: 9.4375rem;
  border-radius: 999px;
  padding: 0.5rem 1rem;
  display: flex;
  align-items: center;
  background: #072136;
  transition: all 0.3s cubic-bezier(0.768, 0.304, 0.496, 0.884);
}

.link-account p {
  font: 600 0.8125rem/120% "IBM Plex Sans", sans-serif;
  text-transform: uppercase;
  margin: 0;
  color: #ffffff;
}

.logo-blur {
  right: 6.25rem;
  top: 100%;
  transform: translateY(-40%);
  position: absolute;
  z-index: -1;
  width: 100%;
  max-width: 42.125rem;
}

.logo-blur svg {
  display: block;
  width: 100%;
  height: auto;
  color: #fff;
  background-color: rgba(255, 255, 255, 0.01);
  backdrop-filter: blur(34px);
  -webkit-backdrop-filter: blur(34px);
  transform: translateZ(0);
  -webkit-transform: translateZ(0);
  clip-path: url(#adaptive_logo_clip);
}

.radio-box {
  position: relative;
}

.radio-box:has(.radio-box__data:checked) .radio-box__title::before {
  opacity: 1;
  visibility: visible;
}

.radio-box__data {
  position: absolute;
  left: 0;
  top: 0;
  width: 1px;
  height: 1px;
  opacity: 0;
  visibility: hidden;
}

.radio-box__title {
  font: 400 1.25rem/30px "IBM Plex Sans", sans-serif;
  position: relative;
  display: inline-flex;
  padding-left: 2.25rem;
}

.radio-box__title::after,
.radio-box__title::before {
  content: "";
  flex-shrink: 0;
  position: absolute;
  left: 0;
  top: 0.375rem;
  width: 1.25rem;
  height: 1.25rem;
  border-radius: 50%;
}

.radio-box__title::after {
  border: 1px solid #de5126;
}

.radio-box__title::before {
  border: 5px solid #de5126;
  opacity: 0;
  visibility: hidden;
  transition: all 0.3s cubic-bezier(0.768, 0.304, 0.496, 0.884);
}

.container {
  max-width: 110rem;
  padding-inline: var(--container_pdd);
  margin: 0 auto;
}

body:has(.mobile-menu.is-open) .header {
  max-width: 43.75rem;
}

body:has(.mobile-menu.is-open) .header.is-transform {
  padding-block: 0.75rem;
  background: #ffffff;
}

.header {
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 10;
  padding-block: 1.6875rem;
  max-width: 100%;
  align-self: flex-end;
  transition: all 0.5s cubic-bezier(0.768, 0.304, 0.496, 0.884);
}

.header::before {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  z-index: -1;
  background: #ffffff;
  -webkit-backdrop-filter: blur(68px);
  backdrop-filter: blur(68px);
  transition: all 0.5s cubic-bezier(0.768, 0.304, 0.496, 0.884);
}

.header.is-transform {
  padding-block: 0.75rem;
}

.header.is-transform::before {
  background: rgba(255, 255, 255, 0.6980392157);
}

.header.is-mutated .link-accent {
  clip-path: inset(0 100% 0 0);
  opacity: 0;
  pointer-events: none;
}

.header.is-mutated .link-secondary {
  max-width: 0;
}

.header.is-mutated .nav-panel {
  transform: translateX(-211px);
}

.header .link-accent {
  clip-path: inset(0 0 0 0);
  max-width: 12rem;
  width: 100%;
  overflow: hidden;
  height: 2.9375rem;
}

.header .link-accent span {
  width: 100%;
}

.header .link-secondary {
  overflow: hidden;
  height: 2.75rem;
  font-size: 0.8125rem;
  line-height: 130%;
  max-width: 10rem;
  width: 100%;
  color: #072136;
}

.header .link-secondary span {
  padding: 0.3125rem 0.9375rem;
}

.header .container {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1.5rem;
}

.header__burger {
  display: none;
  width: 2.4375rem;
  height: 2.4375rem;
  flex-shrink: 0;
  position: relative;
  transition: all 0.3s cubic-bezier(0.768, 0.304, 0.496, 0.884);
}

.header__burger.is-active span:nth-child(2) {
  width: 0;
}

.header__burger.is-active span:nth-child(1) {
  top: 1.125rem;
  transform: translateX(-50%) rotate(45deg);
}

.header__burger.is-active span:nth-child(3) {
  bottom: 1.1875rem;
  transform: translateX(-50%) rotate(-45deg);
}

.header__burger span {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  width: 1.4375rem;
  height: 0.125rem;
  background: #072136;
  transition: all 0.3s cubic-bezier(0.768, 0.304, 0.496, 0.884);
}

.header__burger span:nth-child(1) {
  top: 0.6875rem;
}

.header__burger span:nth-child(2) {
  top: 1.1875rem;
}

.header__burger span:nth-child(3) {
  bottom: 0.625rem;
}

.header__info {
  max-width: 24.6875rem;
  display: flex;
  align-items: center;
  gap: 1.25rem;
}

.header__details {
  max-width: 79.3125rem;
  width: 100%;
  display: flex;
  align-items: center;
  gap: 3rem;
  transition: all 0.5s cubic-bezier(0.768, 0.304, 0.496, 0.884);
}

.header__logo {
  flex-shrink: 0;
  max-width: 10rem;
}

.header__logo img {
  width: 100%;
}

.header__description {
  font: 500 0.75rem/120% "IBM Plex Sans", sans-serif;
  text-transform: uppercase;
}

.header__panel {
  gap: 1rem;
  display: flex;
  align-items: center;
}

.header__call {
  flex-shrink: 0;
  width: 3.375rem;
  height: 3.375rem;
  border-radius: 50%;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

.header__call svg path {
  transition: all 0.3s cubic-bezier(0.768, 0.304, 0.496, 0.884);
}

.header__call svg .first-wave {
  opacity: 0.5;
}

.header__call svg .second-wave {
  opacity: 0;
}

.footer {
  padding-block: 8.4375rem 2rem;
}

.footer__logo {
  margin-bottom: 6.0625rem;
  max-width: 62.3125rem;
}

.footer__logo img {
  width: 100%;
}

.footer__details {
  padding: 3.75rem 3.75rem 1.75rem 3.75rem;
}

.footer__menu {
  display: flex;
  flex-direction: column;
  gap: 1.25rem;
  justify-content: space-between;
  padding: 3.75rem 3.75rem 1.75rem 8.125rem;
}

.footer__routes {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0.5rem 3rem;
}

.footer__routes li {
  display: inline-flex;
  font: 400 1.125rem/120% "IBM Plex Sans", sans-serif;
}

.footer__routes li a {
  display: flex;
  min-height: 2rem;
  font: inherit;
  color: #ffffff;
  transition: all 0.3s cubic-bezier(0.768, 0.304, 0.496, 0.884);
}

.footer__by {
  font: 400 1rem/180% "IBM Plex Sans", sans-serif;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 1rem;
  color: #ffffff;
}

.footer__by img {
  margin-top: 0.1875rem;
}

.footer__info {
  display: grid;
  grid-template-columns: 2fr 1fr;
  gap: 0.5rem;
}

.footer__banking {
  display: flex;
  align-items: center;
  gap: 1rem;
  max-width: 5.625rem;
}

.footer__address p {
  margin: 0;
}

.footer__address p:first-child {
  font: 400 0.875rem/170% "IBM Plex Sans", sans-serif;
  opacity: 0.4;
}

.footer__address p:last-child {
  font: 600 1.375rem/140% "IBM Plex Sans", sans-serif;
  text-transform: uppercase;
}

.footer__connect {
  flex-wrap: wrap;
  display: flex;
  align-items: flex-start;
  gap: 1.125rem;
}

.footer__connect .col {
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
}

.footer__connect .col a {
  display: flex;
  align-items: center;
  gap: 0.9375rem;
}

.footer__connect .col a span:first-child {
  font: 600 0.9375rem/140% "IBM Plex Sans", sans-serif;
  text-transform: uppercase;
  opacity: 0.4;
  color: #e6e7ec;
}

.footer__connect .col a span:last-child {
  font: 600 1.375rem/140% "IBM Plex Sans", sans-serif;
  text-transform: uppercase;
  display: inline-flex;
  position: relative;
  color: #e6e7ec;
}

.footer__connect .col a span:last-child::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 1px;
  opacity: 0.4;
  background: #ffffff;
}

.footer__soc {
  display: flex;
  align-items: center;
  gap: 0.75rem;
}

.footer__soc li {
  display: inline-flex;
  flex-shrink: 0;
  width: 2.5rem;
  height: 2.5rem;
}

.footer__soc li a {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
}

.footer__soc li svg {
  color: #ebebeb;
  transition: all 0.3s cubic-bezier(0.768, 0.304, 0.496, 0.884);
}

.footer__legals {
  display: flex;
  align-items: center;
  gap: 2rem;
  flex-wrap: wrap;
}

.footer__copy {
  font: 400 1rem/180% "IBM Plex Sans", sans-serif;
}

.footer__legals a {
  font: 400 1rem/180% "IBM Plex Sans", sans-serif;
  opacity: 0.4;
  position: relative;
  color: #ebebeb;
  transition: all 0.3s cubic-bezier(0.768, 0.304, 0.496, 0.884);
}

.footer__legals a::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 1px;
  opacity: 0.4;
  background: #ffffff;
}

.footer__panel {
  display: flex;
  justify-content: space-between;
  gap: 1.5rem;
}

.footer__summary {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
  justify-content: space-between;
}

.footer__summary p {
  margin-bottom: 0;
  font: 400 0.875rem/170% "IBM Plex Sans", sans-serif;
  max-width: 13.1875rem;
}

.footer__contacts {
  display: flex;
  flex-direction: column;
  gap: 2rem;
}

.hero {
  padding-top: var(--header-h);
  position: relative;
  overflow: hidden;
  min-height: 100vh;
  min-height: 100svh;
  display: grid;
}

.hero .section-heading {
  background: linear-gradient(90deg, #c2c2c2 0%, #ffffff 44.1%, #cdcdcd 84.93%);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
}

.hero .tag {
  opacity: 1;
  color: #86898d;
  border-color: #86898d;
}

.hero .container--th {
  pointer-events: none;
  right: 0;
  display: flex;
  justify-content: flex-end;
  padding-block: 2.5rem;
  z-index: 4;
  position: absolute;
  bottom: 0;
  width: 100%;
  left: 50%;
  transform: translateX(-50%);
}

.hero .container--c {
  position: relative;
  display: flex;
  flex-direction: column;
  gap: 7.3125rem;
  position: absolute;
  top: calc(50% + var(--header-h) / 2);
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  padding-inline: 3.125rem;
  padding-block: 3.125rem;
  max-width: 96rem;
}

.hero__heading {
  max-width: 42.25rem;
  display: flex;
  flex-direction: column;
  gap: 1rem;
}

.hero__info {
  max-width: 38.6875rem;
  display: flex;
  flex-direction: column;
  gap: 1.8125rem;
}

.hero__text {
  font: 400 1rem/180% "IBM Plex Sans", sans-serif;
}

.hero__windows {
  pointer-events: none;
  position: relative;
  z-index: 2;
  isolation: isolate;
  transform: translateZ(0);
  will-change: transform;
  padding-block: 2.5rem;
  height: 100%;
  mix-blend-mode: screen;
  background: #fff;
}

.hero__windows .cross-block {
  --cross-size: 7.5rem;
}

.hero__windows .container {
  height: 100%;
  width: 100%;
}

.hero__wrapper {
  height: 100%;
  display: grid;
  grid-template-columns: 3fr 2fr 245px;
  gap: 8px;
  background: #fff;
}

.hero__controls {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}

.hero__window {
  position: relative;
  border-top-right-radius: 16px;
  border-bottom-left-radius: 16px;
  overflow: hidden;
  background: #000;
}

.hero__window:nth-child(3) {
  border-bottom-right-radius: 16px;
}

.hero__chip {
  z-index: 6;
  position: absolute;
  right: 21.875rem;
  top: 4.375rem;
  max-width: 30.25rem;
}

.hero__blur {
  position: absolute;
  right: 15.625rem;
  top: 4.375rem;
  max-width: 42rem;
}

.brands {
  padding-block: 2.5rem;
  background: #fff;
}

.brands__head {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 1.5rem;
  margin-bottom: 1rem;
}

.brands__title {
  font: 600 0.9375rem/140% "IBM Plex Sans", sans-serif;
  text-transform: uppercase;
}

.services {
  padding-bottom: 6.25rem;
  background: #fff;
}

.services .section-info {
  text-align: right;
}

.services__content {
  border-radius: 1.5rem;
  padding: 3rem 5rem;
  background: #e6e7ec;
}

.services__head {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 1.5rem;
  margin-bottom: 6.5rem;
}

.services__heading,
.services__info {
  width: 50%;
}

.services__info {
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
}

.services__heading {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}

.services__cards {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 0.5rem;
}

.services .service-box {
  max-width: 100%;
}

.services .route {
  align-self: flex-end;
}

.process {
  position: relative;
  min-height: calc(100vh + 78px);
  min-height: calc(100svh + 78px);
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}

.process .cross-block {
  --cross-size: 7.5rem;
}

.process .container {
  width: 100%;
}

.process__content {
  display: flex;
  padding-block: 5rem 4.0625rem;
  padding-inline: 5.5rem;
}

.process__info {
  display: flex;
  flex-direction: column;
  max-width: 22.5rem;
}

.process__info .tag {
  margin-bottom: 1.0625rem;
  color: #86898d;
  border-color: #86898d;
  opacity: 1;
}

.process__info .section-subtitle {
  margin-bottom: 1.0625rem;
  color: #ffffff;
  opacity: 0.4;
}

.process__logo {
  margin-top: auto;
  width: 3.6875rem;
  height: 2.8125rem;
}

.process__show {
  display: flex;
  width: 100%;
  min-width: 0;
  touch-action: pan-x;
  gap: 5.625rem;
  justify-content: space-between;
}

.process__paginations {
  cursor: pointer;
  --active-index: 0;
  max-width: 30rem;
  width: 100%;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 37.5rem;
  overflow: visible;
  touch-action: none;
  perspective: 1000px;
}

.process__pagination {
  position: absolute;
  font: 400 14.875rem/1 "FF accent", sans-serif;
  color: #fff;
  text-transform: uppercase;
  will-change: transform, opacity, filter;
  transition: all 1s cubic-bezier(0.25, 1, 0.5, 1);
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  pointer-events: all;
  opacity: 0;
  filter: blur(15px);
  transform: translateY(calc(var(--diff) * 90%)) scale(1);
}

.process__pagination[data-active=true] {
  z-index: 10;
  opacity: 1;
  filter: blur(0);
  transform: translateY(0) scale(1);
}

.process__pagination[data-visible=true] {
  z-index: 5;
  opacity: 0.15;
  filter: blur(4px);
  -webkit-mask-image: linear-gradient(to bottom, transparent, black 25%, black 75%, transparent);
}

.process__details {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  max-width: 36rem;
  width: 100%;
  gap: 0.75rem;
}

.process__slider-slide {
  cursor: pointer;
  display: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.process__slider-slide::before {
  content: var(--step-num, "01");
  font: 400 1.875rem/140% "FF accent", sans-serif;
  text-transform: uppercase;
  opacity: 0.4;
  display: inline-flex;
  margin-bottom: 4.5rem;
}

.process__slider-slide.is-active {
  display: block;
  animation: processFadeIn 0.5s ease forwards;
}

.process__title {
  font: 600 2.5rem/130% "IBM Plex Sans", sans-serif;
  letter-spacing: -2px;
  margin-bottom: 1.5rem;
}

.process__descr {
  font: 400 1.125rem/130% "IBM Plex Sans", sans-serif;
  max-height: 12.5rem;
  overflow: auto;
  scrollbar-width: none;
  -ms-overflow-style: none;
}

.process__descr::-webkit-scrollbar {
  display: none;
}

.process__controls {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}

@keyframes processFadeIn {
  from {
    opacity: 0;
    transform: translateX(20px);
  }

  to {
    opacity: 1;
    transform: translateX(0);
  }
}

.testimonials {
  overflow: hidden;
  padding-block: 3.25rem 6.25rem;
  background: #fff;
}

.testimonials__head {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 0.75rem;
  max-width: 64.25rem;
  margin: 0 auto 2.625rem;
  flex-wrap: wrap;
}

.testimonials__info {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}

.testimonials .testimonial-box {
  height: 100%;
}

.faq {
  overflow: hidden;
  padding-block: 2.5rem 0;
  background: #fff;
}

.faq .container {
  display: flex;
  gap: 1rem;
}

.faq .tag {
  margin-bottom: 0.5rem;
  position: relative;
  z-index: 2;
}

.faq .route {
  z-index: 2;
}

.faq .section-title {
  margin-bottom: 2rem;
  position: relative;
  z-index: 2;
}

.faq .section-info {
  max-width: 30rem;
  margin-bottom: 2rem;
  position: relative;
  z-index: 2;
}

.faq__info {
  width: 50%;
  display: flex;
  flex-direction: column;
  position: relative;
}

.faq__video {
  width: 1756px;
  aspect-ratio: 16/9;
  margin-top: auto;
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translate(-50%, 35%);
  pointer-events: none;
}

.faq__video video {
  width: 100%;
  height: 100%;
}

.faq .faq-list {
  width: 50%;
}

.actual {
  padding-block: 4.5rem 5rem;
  background: #16181d;
  -webkit-backdrop-filter: blur(44px);
  backdrop-filter: blur(44px);
}

.actual .tag {
  border-color: #ebebeb;
  color: #ebebeb;
}

.actual .section-title {
  color: #ebebeb;
}

.actual__head {
  margin-bottom: 3.5rem;
  display: flex;
  flex-direction: column;
  gap: 1rem;
}

.actual__cards {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 1rem;
}

.about {
  padding-top: var(--header-h);
  position: relative;
  background: #16181d;
}

.about .tag {
  border-color: #e6e7ec;
  color: #e6e7ec;
  margin-bottom: 1rem;
}

.about__description {
  display: flex;
  justify-content: space-between;
  gap: 1.5rem;
  padding-block: 0 5.5rem;
}

.about__info {
  max-width: 53.25rem;
}

.about__info h2,
.about__info h3,
.about__info h4,
.about__info h5,
.about__info h6 {
  font: 600 2.5rem/130% "IBM Plex Sans", sans-serif;
  letter-spacing: -2px;
  margin: 0 0 1.75rem 0;
  color: #fff;
}

.about__info p {
  font: 400 1.5rem/130% "IBM Plex Sans", sans-serif;
  letter-spacing: -1px;
  color: #b0bec9;
}

.about__info ol,
.about__info ul {
  padding: 0;
  margin: 0 0 2.5rem;
  display: flex;
  flex-direction: column;
  list-style-type: none;
  gap: 1rem;
}

.about__info ol li,
.about__info ul li {
  position: relative;
  font: 400 1.25rem/30px "IBM Plex Sans", sans-serif;
  color: #b0bec9;
}

.about__info ol li::before,
.about__info ul li::before {
  flex-shrink: 0;
}

.about__info ul li {
  padding-left: 3rem;
}

.about__info ul li::before {
  left: 0;
  top: -0.125rem;
  position: absolute;
  content: "";
  width: 2.5rem;
  height: 2.5rem;
  -webkit-mask: url("./images/icons/ico-check.svg") no-repeat center center;
  mask: url("./images/icons/ico-check.svg") no-repeat center center;
  background: #b0bec9;
}

.about__info ol {
  counter-reset: counter;
}

.about__info ol li {
  counter-increment: counter;
  padding-left: 3rem;
}

.about__info ol li::before {
  position: absolute;
  top: 0.125rem;
  left: 0;
  content: counter(counter);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font: 600 0.9375rem/140% "IBM Plex Sans", sans-serif;
  text-transform: uppercase;
  width: 2.5rem;
  height: 1.875rem;
}

.about__info *:last-child {
  margin: 0;
}

.about__heading {
  max-width: 37rem;
}

.control {
  padding-block: 6.5625rem;
  background: #ffffff;
}

.control--reverse .container {
  flex-direction: row-reverse;
}

.control--colored {
  background: #e6e7ec;
}

.control .container {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  gap: 1.5rem;
}

.control__info {
  display: flex;
  flex-direction: column;
  max-width: 44.0625rem;
  color: #072136;
}

.control__info *:last-child {
  margin-bottom: 0;
}

.control__info h2 {
  margin: 0 0 1.5rem 0;
  font: 600 3.5rem/100% "IBM Plex Sans", sans-serif;
  letter-spacing: -2px;
}

.control__info h3,
.control__info h4,
.control__info h5,
.control__info h6 {
  margin: 0 0 1.5rem 0;
  font: 700 1.25rem/30px "IBM Plex Sans", sans-serif;
}

.control__info p {
  font: 400 1.25rem/30px "IBM Plex Sans", sans-serif;
}

.control__info p:has(+ ol) {
  margin-bottom: 1rem;
}

.control__info ol,
.control__info ul {
  padding: 0;
  margin: 0 0 2.5rem;
  display: flex;
  flex-direction: column;
  list-style-type: none;
  gap: 1rem;
}

.control__info ol li,
.control__info ul li {
  position: relative;
  font: 400 1.25rem/30px "IBM Plex Sans", sans-serif;
}

.control__info ol li::before,
.control__info ul li::before {
  flex-shrink: 0;
}

.control__info ul li {
  padding-left: 3rem;
}

.control__info ul li::before {
  left: 0;
  top: -0.3125rem;
  position: absolute;
  content: "";
  width: 2.5rem;
  height: 2.5rem;
  -webkit-mask: url("./images/icons/ico-check.svg") no-repeat center center;
  mask: url("./images/icons/ico-check.svg") no-repeat center center;
  background: #072136;
}

.control__info ol {
  counter-reset: counter;
}

.control__info ol li {
  counter-increment: counter;
  padding-left: 3rem;
}

.control__info ol li::before {
  position: absolute;
  top: 0;
  left: 0;
  content: counter(counter);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font: 600 0.9375rem/140% "IBM Plex Sans", sans-serif;
  text-transform: uppercase;
  width: 2.5rem;
  height: 1.875rem;
}

.control__pic {
  max-width: 53.25rem;
}

.control .cross-block {
  --cross-size: 18.75rem;
}

.standart {
  padding-block: 3.9375rem;
}

.standart__content {
  padding-block: 4.1875rem;
  display: flex;
  flex-direction: column;
  align-items: center;
  padding-inline: var(--container_pdd);
}

.standart__info {
  max-width: 53.1875rem;
  margin: 0 auto;
  text-align: center;
}

.standart__info h2,
.standart__info h3,
.standart__info h4,
.standart__info h5,
.standart__info h6 {
  margin: 0 0 2.5rem 0;
  font: 600 3.5rem/100% "IBM Plex Sans", sans-serif;
  letter-spacing: -2px;
}

.standart__info p {
  font: 400 1.25rem/30px "IBM Plex Sans", sans-serif;
  margin-bottom: 1.5rem;
}

.standart__info *:last-child {
  margin-bottom: 2.5rem;
}

.intro {
  overflow: hidden;
  padding-block: var(--header-h) 3rem;
}

.intro .container {
  position: relative;
}

.intro .section-heading {
  color: #e6e7ec;
}

.intro .tag {
  margin-bottom: 1rem;
  border-color: #e6e7ec;
  color: #e6e7ec;
}

.benefits {
  padding-block: 5rem;
  background: #ffffff;
}

.benefits__boxes {
  display: flex;
  flex-direction: column;
  gap: 5rem;
}

.prices {
  padding-block: 6.25rem;
  background: #ffffff;
}

.prices__panel {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 1.5rem;
  margin-bottom: 2.5rem;
  flex-direction: column;
}

.prices__controls {
  display: flex;
  gap: 1.5rem;
}

.prices__reminder {
  max-width: 44.9375rem;
  display: flex;
  align-items: flex-start;
  gap: 1rem;
}

.prices__reminder > span {
  font: 400 3.5rem/1 "IBM Plex Sans", sans-serif;
  color: #ff6122;
}

.prices__reminder p {
  font: 400 1.25rem/30px "IBM Plex Sans", sans-serif;
  color: #ff6122;
}

.prices__reminder p span {
  font-weight: 600;
}

.prices__cards {
  width: 100%;
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 1rem;
  margin-bottom: 5rem;
}

.prices__content {
  display: flex;
  flex-direction: column;
  align-items: center;
}

.prices .blog__empty {
  grid-column: span 4;
  color: #000000;
}

.prices .btn-more {
  margin: 0 auto;
}

@keyframes pricesFadeIn {
  from {
    opacity: 0.1;
  }

  to {
    opacity: 1;
  }
}

.preview {
  min-height: -moz-fit-content;
  min-height: fit-content;
  padding-block: 5rem;
  background: #fff;
}

.preview:has(.testimonial-collect) {
  padding-block: 5rem 5rem;
}

.preview .container {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 1.5rem;
}

.preview__descr {
  max-width: 35.1875rem;
  position: sticky;
  top: var(--header-h);
}

.preview__info {
  padding-bottom: 2rem;
  position: relative;
  margin-bottom: 2rem;
}

.preview__info::before {
  content: "";
  position: absolute;
  width: 100%;
  bottom: 0;
  left: 0;
  height: 1px;
  background: linear-gradient(0deg, #de5126, #de5126), linear-gradient(0deg, #ff6122, #ff6122);
}

.preview__info h2 {
  font: 600 2.5rem/130% "IBM Plex Sans", sans-serif;
  margin: 0 0 2rem 0;
  letter-spacing: -2px;
  color: #181d27;
}

.preview__info h3,
.preview__info h4,
.preview__info h5,
.preview__info h6 {
  margin: 0 0 2rem 0;
  font: 600 1.75rem/100% "IBM Plex Sans", sans-serif;
  letter-spacing: -1px;
  color: #181d27;
}

.preview__info p {
  font: 400 1.25rem/30px "IBM Plex Sans", sans-serif;
  color: #072136;
}

.preview__info ol,
.preview__info ul {
  margin: 0 0 1rem 0;
  padding: 0;
  list-style-type: none;
  display: flex;
  flex-direction: column;
  gap: 1rem;
}

.preview__info ol li,
.preview__info ul li {
  gap: 0.5rem;
  font: 400 1.25rem/30px "IBM Plex Sans", sans-serif;
  display: inline-flex;
}

.preview__info ol {
  counter-reset: item;
}

.preview__info ol li {
  counter-increment: item;
}

.preview__info ol li::before {
  flex-shrink: 0;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  content: counter(item);
  font: 600 0.9375rem/140% "IBM Plex Sans", sans-serif;
  text-transform: uppercase;
  width: 2.5rem;
  height: 1.875rem;
}

.preview__info ul li::before {
  content: "";
  background: url("./images/icons/ico-check.svg") no-repeat center center;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 2.5rem;
  height: 2.5rem;
}

.preview__info *:last-child {
  margin-bottom: 0;
}

.preview .faq-list {
  max-width: 53.25rem;
}

.terms {
  padding-block: 5rem;
  background: #fff;
}

.terms .container {
  display: flex;
  align-items: flex-start;
  gap: 1.5rem;
  justify-content: space-between;
}

.terms__controls {
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
  max-width: 17.8125rem;
  position: sticky;
  top: var(--header-h);
}

.terms__controls .btn-anchor {
  text-align: left;
}

.terms__content {
  max-width: 53.25rem;
  margin-right: 9.0625rem;
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 6.25rem;
  color: #072136;
}

.terms__content *:last-child {
  margin-bottom: 0;
}

.terms__content h2 {
  font: 600 2.5rem/130% "IBM Plex Sans", sans-serif;
  letter-spacing: -2px;
  margin: 0 0 5rem 0;
}

.terms__content h3 {
  font: 600 1.75rem/100% "IBM Plex Sans", sans-serif;
  letter-spacing: -1px;
  margin: 0 0 2.5rem 0;
}

.terms__content h4 {
  font: 600 1.5rem/100% "IBM Plex Sans", sans-serif;
  letter-spacing: -1px;
  margin: 0 0 1.875rem 0;
}

.terms__content h5,
.terms__content h6 {
  font: 600 1.375rem/100% "IBM Plex Sans", sans-serif;
  letter-spacing: -1px;
  margin: 0 0 1.25rem 0;
}

.terms__content p {
  font: 400 1.25rem/30px "IBM Plex Sans", sans-serif;
}

.terms__content p:has(+ :not(p)) {
  margin-bottom: 48px;
}

.terms__content ol > li > ol {
  margin-top: 1.125rem;
}

.terms__content ol,
.terms__content ul {
  counter-reset: counter;
  padding: 0;
  margin: 0;
  display: flex;
  flex-direction: column;
  list-style-type: none;
  gap: 1rem;
}

.terms__content ol li,
.terms__content ul li {
  font: 400 1.25rem/30px "IBM Plex Sans", sans-serif;
  counter-increment: counter;
  padding-left: 3rem;
  position: relative;
}

.terms__content ol li::before,
.terms__content ul li::before {
  position: absolute;
  left: 0;
  top: 0;
  content: counters(counter, ".") " ";
  flex-shrink: 0;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font: 600 0.9375rem/140% "IBM Plex Sans", sans-serif;
  text-transform: uppercase;
  width: 2.5rem;
  height: 1.875rem;
}

.terms__content ol a,
.terms__content ul a {
  text-decoration: underline;
}

.terms__content blockquote {
  margin: 0 0 3rem 0;
  padding-left: 2.5rem;
  border-left: 3px solid #072136;
}

.terms__content blockquote p {
  font-size: 1.375rem;
  font-weight: 600;
}

.terms__content blockquote *:first-child {
  padding-top: 2rem;
}

.terms__content blockquote *:last-child {
  padding-bottom: 2rem;
}

.terms__chapter:not(:first-child) {
  padding-top: 5rem;
  border-top: 1px solid #b0bec9;
}

.blog {
  position: relative;
  padding-block: var(--header-h) 5rem;
  background: #16181d;
}

.blog .container {
  display: flex;
  flex-direction: column;
  align-items: center;
}

.blog .breadcrumbs {
  position: relative;
  z-index: 2;
}

.blog .tag {
  margin-bottom: 1rem;
  border-color: #e6e7ec;
  color: #e6e7ec;
}

.blog .section-heading {
  position: relative;
  z-index: 2;
  color: #e6e7ec;
}

.blog__empty {
  position: relative;
  font: 600 1.75rem/100% "IBM Plex Sans", sans-serif;
  letter-spacing: -1px;
  grid-column: span 3;
  text-align: center;
  color: #fff;
}

.blog__controls {
  display: flex;
  width: 100%;
  gap: 1.5rem;
  margin-bottom: 2.5rem;
}

.blog__bg {
  pointer-events: none;
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  max-height: calc(var(--header-h) + 45.5rem);
}

.blog__bg::after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(360deg, #16181d 0%, rgba(22, 24, 29, 0) 100%);
}

.blog__bg img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}

.blog__info {
  width: 100%;
  margin-bottom: 3rem;
}

.blog__collect {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 0.5rem 1rem;
  margin-bottom: 5.25rem;
}

.blog .btn-more {
  color: #fff;
}

.article-preview {
  position: relative;
  padding-block: var(--header-h) 4.375rem;
}

.article-preview .section-title {
  margin-bottom: 1rem;
  color: #e6e7ec;
}

.article-preview .blog-tag {
  margin-bottom: 1rem;
}

.article-preview__bg {
  z-index: -1;
  pointer-events: none;
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}

.article-preview__date {
  font: 400 1rem/180% "IBM Plex Sans", sans-serif;
  color: #fff;
}

.article {
  padding-block: 5rem;
  background: #fff;
}

.article .container {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 1.5rem;
}

.article__details {
  width: 100%;
}

.article__info {
  max-width: 53.25rem;
  margin: 0 auto;
  color: #072136;
}

.article__info *:last-child {
  margin-bottom: 0;
}

.article__info h2 {
  font: 600 1.75rem/100% "IBM Plex Sans", sans-serif;
  letter-spacing: -1px;
  margin: 0 0 2.5rem 0;
}

.article__info h3 {
  font: 600 1.625rem/100% "IBM Plex Sans", sans-serif;
  letter-spacing: -1px;
  margin: 0 0 1.875rem 0;
}

.article__info h4 {
  font: 600 1.5rem/100% "IBM Plex Sans", sans-serif;
  letter-spacing: -1px;
  margin: 0 0 1.5rem 0;
}

.article__info h5,
.article__info h6 {
  font: 600 1.375rem/100% "IBM Plex Sans", sans-serif;
  letter-spacing: -1px;
  margin: 0 0 1.5rem 0;
}

.article__info p {
  font: 400 1.25rem/30px "IBM Plex Sans", sans-serif;
}

.article__info p:has(+ :not(p)) {
  margin-bottom: 5rem;
}

.article__info p:has(+ ul),
.article__info p:has(+ ol) {
  margin-bottom: 1rem;
}

.article__info ol,
.article__info ul {
  padding: 0;
  margin: 0 0 2.5rem;
  display: flex;
  flex-direction: column;
  list-style-type: none;
  gap: 1rem;
}

.article__info ol li,
.article__info ul li {
  position: relative;
  font: 400 1.25rem/30px "IBM Plex Sans", sans-serif;
}

.article__info ol li::before,
.article__info ul li::before {
  flex-shrink: 0;
}

.article__info ul li {
  padding-left: 3rem;
}

.article__info ul li::before {
  left: 0;
  top: -0.3125rem;
  position: absolute;
  content: "";
  width: 2.5rem;
  height: 2.5rem;
  -webkit-mask: url("./images/icons/ico-check.svg") no-repeat center center;
  mask: url("./images/icons/ico-check.svg") no-repeat center center;
  background: #072136;
}

.article__info ol {
  counter-reset: counter;
}

.article__info ol li {
  counter-increment: counter;
  padding-left: 3rem;
}

.article__info ol li::before {
  position: absolute;
  top: 0;
  left: 0;
  content: counter(counter);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font: 600 0.9375rem/140% "IBM Plex Sans", sans-serif;
  text-transform: uppercase;
  width: 2.5rem;
  height: 1.875rem;
}

.article__info blockquote {
  font: 600 1.375rem/28px "IBM Plex Sans", sans-serif;
  margin: 0 0 5rem 0;
  padding-left: 2.5rem;
  border-left: 3px solid #072136;
}

.article__info blockquote * {
  font: inherit;
}

.article__info blockquote *:first-child,
.article__info blockquote *:last-child {
  padding-block: 2rem;
}

.article__info img {
  width: 100%;
  margin-bottom: 5rem;
  border-radius: 1.5rem;
  aspect-ratio: 852/500;
  -o-object-fit: cover;
  object-fit: cover;
}

.contacts {
  padding-block: 6.25rem 10rem;
  background: #fff;
}

.contacts .container {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 1.5rem;
}

.contacts__title {
  font: 400 1rem/180% "IBM Plex Sans", sans-serif;
  margin-bottom: 1rem;
  opacity: 0.4;
  color: #16181d;
}

.contacts__details {
  font: 600 1.375rem/140% "IBM Plex Sans", sans-serif;
  text-transform: uppercase;
}

.contacts__connect {
  display: flex;
  flex-direction: column;
  gap: 3rem;
}

.contacts__info:has(.contacts__support) {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 0.75rem;
}

.contacts__phones {
  display: flex;
  flex-direction: column;
  gap: 1.125rem;
}

.contacts__soc {
  display: flex;
  align-items: center;
  gap: 1rem;
}

.contacts__soc a {
  display: inline-flex;
  width: 3.5rem;
  height: 3.5rem;
  align-items: center;
  justify-content: center;
  color: #16181d;
}

.contacts__soc a svg {
  transition: all 0.3s cubic-bezier(0.768, 0.304, 0.496, 0.884);
}

.contacts a.contacts__details {
  position: relative;
}

.contacts a.contacts__details::after {
  position: absolute;
  content: "";
  width: 100%;
  height: 1px;
  opacity: 0.4;
  left: 0;
  bottom: 0;
  background: #16181d;
}

.product {
  padding-block: var(--header-h) 12.3125rem;
  background: #fff;
}

.product .breadcrumbs {
  color: #072136;
}

.product .section-heading {
  padding-bottom: 2rem;
  margin-bottom: 2rem;
  position: relative;
  color: #072136;
}

.product .section-heading::after {
  content: "";
  position: absolute;
  width: 100%;
  height: 1px;
  left: 0;
  bottom: 0;
  background: linear-gradient(0deg, #de5126, #de5126), linear-gradient(0deg, #ff6122, #ff6122);
}

.product__info {
  display: flex;
  gap: 9.25rem;
  justify-content: space-between;
}

.product__details {
  max-width: 35.1875rem;
  width: 100%;
}

.product__intro {
  margin-bottom: 3rem;
}

.product__title {
  font: 400 1.5rem/130% "IBM Plex Sans", sans-serif;
  letter-spacing: -1px;
  margin-bottom: 0.5rem;
  color: #072136;
}

.product__txts {
  color: #535862;
}

.product__txts p {
  font: 400 1.25rem/30px "IBM Plex Sans", sans-serif;
}

.product__txts h2,
.product__txts h1 {
  font: 600 3.5rem/100% "IBM Plex Sans", sans-serif;
  margin: 0 0 2rem 0;
  letter-spacing: -2px;
}

.product__txts h3 {
  font: 600 3.125rem/100% "IBM Plex Sans", sans-serif;
  margin: 0 0 2rem 0;
  letter-spacing: -2px;
}

.product__txts h4,
.product__txts h5 {
  font: 600 2.625rem/100% "IBM Plex Sans", sans-serif;
  margin: 0 0 2rem 0;
  letter-spacing: -2px;
}

.product__txts h4,
.product__txts h6 {
  font: 600 2.375rem/100% "IBM Plex Sans", sans-serif;
  margin: 0 0 2rem 0;
  letter-spacing: -2px;
}

.product__txts ol,
.product__txts ul {
  padding: 0;
  margin: 0 0 1.5rem;
  display: flex;
  flex-direction: column;
  list-style-type: none;
  gap: 1rem;
}

.product__txts ol li,
.product__txts ul li {
  position: relative;
  font: 400 1.25rem/30px "IBM Plex Sans", sans-serif;
}

.product__txts ol li::before,
.product__txts ul li::before {
  flex-shrink: 0;
}

.product__txts ul li {
  padding-left: 3rem;
}

.product__txts ul li::before {
  left: 0;
  top: -0.3125rem;
  position: absolute;
  content: "";
  width: 2.5rem;
  height: 2.5rem;
  -webkit-mask: url("./images/icons/ico-check.svg") no-repeat center center;
  mask: url("./images/icons/ico-check.svg") no-repeat center center;
  background: #072136;
}

.product__txts ol {
  counter-reset: counter;
}

.product__txts ol li {
  counter-increment: counter;
  padding-left: 3rem;
}

.product__txts ol li::before {
  position: absolute;
  top: 0;
  left: 0;
  content: counter(counter);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font: 600 0.9375rem/140% "IBM Plex Sans", sans-serif;
  text-transform: uppercase;
  width: 2.5rem;
  height: 1.875rem;
}

.product__txts *:last-child {
  margin-bottom: 0;
}

.product__preview {
  align-items: flex-start;
  width: 100%;
  display: flex;
  justify-content: space-between;
  gap: 3rem;
}

.product__pic {
  aspect-ratio: 791/500;
  overflow: hidden;
  max-width: 49.4375rem;
  position: sticky;
  top: calc(var(--header-h) + 1.875rem);
}

.product__pic img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}

.product__panel {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.75rem;
}

.product__price {
  font: 600 1.75rem/100% "IBM Plex Sans", sans-serif;
  letter-spacing: -1px;
  color: #de5126;
}

.product__cta {
  font: 600 0.9375rem/140% "IBM Plex Sans", sans-serif;
  text-transform: uppercase;
  margin-left: auto;
  display: inline-flex;
  align-items: center;
  height: 4rem;
  justify-content: center;
  border-radius: 999px;
  color: #ffffff;
  transition: all 0.5s cubic-bezier(0.768, 0.304, 0.496, 0.884);
}

.product__cta span {
  height: 100%;
  border-radius: 999px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0.625rem 4rem;
  background: linear-gradient(90deg, #ffa126 0%, #de5126 100%);
  transition: all 0.5s cubic-bezier(0.768, 0.304, 0.496, 0.884);
}

.error {
  min-height: 100vh;
  min-height: 100svh;
  display: grid;
  padding-block: calc(var(--header-h) + 3rem) 3rem;
}

.error .container {
  width: 100%;
  height: 100%;
}

.error .link-accent {
  max-width: 11.875rem;
  width: 100%;
}

.error .link-accent span {
  width: 100%;
}

.error__state {
  font: 500 10.625rem/120% "IBM Plex Sans", sans-serif;
}

.error__content {
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
  align-items: center;
  justify-content: center;
  height: 100%;
}

:root {
  --gap: 1.25rem;
}

.ticker-logos {
  position: relative;
  overflow: hidden;
  width: 100%;
}

.ticker-logos__marquee {
  display: flex;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  gap: var(--gap);
}

.ticker-logos__track {
  flex-shrink: 0;
  min-width: 100%;
  justify-content: space-around;
  animation: scroll-left 60s linear infinite;
  display: flex;
  align-items: center;
  gap: var(--gap);
}

.ticker-logos__track img {
  max-width: 15.625rem;
}

@keyframes scroll-left {
  from {
    transform: translateX(0);
  }

  to {
    transform: translateX(calc(-100% - var(--gap)));
  }
}

.service-box {
  display: grid;
  position: relative;
  min-height: 33.75rem;
  max-width: 43.75rem;
  border-radius: 1.5rem;
  overflow: hidden;
  color: #ffffff;
}

.service-box::before {
  content: "";
  inset: 0;
  position: absolute;
  pointer-events: none;
  z-index: 1;
  background: linear-gradient(180deg, #000000 0%, rgba(0, 0, 0, 0) 100%);
}

.service-box__thumb {
  width: 100%;
  height: 100%;
  overflow: hidden;
}

.service-box__thumb img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}

.service-box__info {
  z-index: 2;
  width: 100%;
  height: 100%;
  position: absolute;
  display: flex;
  gap: 1.25rem;
  flex-direction: column;
  justify-content: space-between;
}

.service-box__tag {
  font: 600 2.5rem/130% "IBM Plex Sans", sans-serif;
  letter-spacing: -2px;
  padding: 0rem 2rem 1.25rem 2.5rem;
  opacity: 0.6;
  max-width: 80%;
}

.service-box__about {
  overflow: auto;
  scrollbar-width: none;
  -ms-overflow-style: none;
  margin: 2rem;
  border-radius: 1rem;
  padding: 2.5rem 1.25rem;
  background: rgba(130, 141, 149, 0.2);
  -webkit-backdrop-filter: blur(48px);
  backdrop-filter: blur(48px);
}

.service-box__about::-webkit-scrollbar {
  display: none;
}

.service-box__about h2,
.service-box__about h3,
.service-box__about h4,
.service-box__about h5,
.service-box__about h6 {
  font: 400 1.5rem/130% "IBM Plex Sans", sans-serif;
  letter-spacing: -1px;
  margin: 0 0 1rem 0;
}

.service-box__about p {
  font: 400 0.875rem/170% "IBM Plex Sans", sans-serif;
}

.service-box__about p:where(:not([class]):not(:last-child)) {
  margin-bottom: 1rem;
}

.service-box__about ol,
.service-box__about ul {
  padding: 0;
  margin: 0 0 1rem;
  display: flex;
  flex-direction: column;
  list-style-type: none;
  gap: 1rem;
}

.service-box__about ol li,
.service-box__about ul li {
  position: relative;
  font: 400 0.875rem/30px "IBM Plex Sans", sans-serif;
}

.service-box__about ol li::before,
.service-box__about ul li::before {
  flex-shrink: 0;
}

.service-box__about ul li {
  padding-left: 3rem;
}

.service-box__about ul li::before {
  left: 0;
  top: -0.3125rem;
  position: absolute;
  content: "";
  width: 2.5rem;
  height: 2.5rem;
  -webkit-mask: url("./images/icons/ico-check.svg") no-repeat center center;
  mask: url("./images/icons/ico-check.svg") no-repeat center center;
  background: #ffffff;
}

.service-box__about ol {
  counter-reset: counter;
}

.service-box__about ol li {
  counter-increment: counter;
  padding-left: 3rem;
}

.service-box__about ol li::before {
  position: absolute;
  top: 0;
  left: 0;
  content: counter(counter);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font: 600 0.9375rem/140% "IBM Plex Sans", sans-serif;
  text-transform: uppercase;
  width: 2.5rem;
  height: 1.875rem;
}

.service-box__about *:last-child {
  margin-bottom: 0;
}

.testimonial-box {
  display: flex;
  max-width: 21rem;
  flex-direction: column;
  padding: 2rem;
  border-radius: 0.75rem;
  background: #e6e7ec;
}

.testimonial-box__rate {
  display: flex;
  align-items: center;
  gap: 0.25rem;
  margin-bottom: 1rem;
}

.testimonial-box__rate img {
  width: 1.25rem;
  height: 1.25rem;
}

.testimonial-box__text {
  font: 400 1rem/180% "IBM Plex Sans", sans-serif;
  margin-bottom: 1rem;
  color: #072136;
}

.testimonial-box__author {
  margin-top: auto;
  display: flex;
  align-items: center;
  gap: 0.75rem;
}

.testimonial-box__acr {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  width: 3rem;
  height: 3rem;
  background: #072136;
}

.testimonial-box__acr p {
  font: 600 1.75rem/100% "IBM Plex Sans", sans-serif;
  letter-spacing: -1px;
  background: linear-gradient(90deg, #ffa126 0%, #de5126 100%);
  background-clip: text;
  -webkit-background-clip: text;
  color: transparent;
  -webkit-text-fill-color: transparent;
}

.testimonial-box__details {
  display: flex;
  flex-direction: column;
}

.testimonial-box__name {
  font: 600 1rem/100% "IBM Plex Sans", sans-serif;
  letter-spacing: -1px;
}

.testimonial-box__date {
  font: 400 0.875rem/170% "IBM Plex Sans", sans-serif;
  color: #535862;
}

.blog-box {
  gap: 0.75rem;
  min-height: 70vh;
  overflow: hidden;
  display: flex;
  position: relative;
  flex-direction: column;
  justify-content: space-between;
  padding: 1rem;
  border-radius: 1.5rem;
  background: linear-gradient(164.78deg, #a8c0cf 3.99%, #dad4e3 97.11%);
}

.blog-box .cross-block {
  border-radius: 1rem;
}

.blog-box__title {
  font: 600 1.75rem/100% "IBM Plex Sans", sans-serif;
  letter-spacing: -1px;
  margin-bottom: 1.4375rem;
  color: #072136;
}

.blog-box__description {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  font: 400 1rem/180% "IBM Plex Sans", sans-serif;
  color: #072136;
}

.blog-box__foot {
  display: flex;
}

.blog-box__foot svg {
  width: 2.6875rem;
  height: 2.6875rem;
  transform: translate(-15px, -15px);
  color: #072136;
  opacity: 0.2;
  transition: all 0.5s cubic-bezier(0.768, 0.304, 0.496, 0.884);
}

.blog-box__pic {
  width: 100%;
  aspect-ratio: 1;
  overflow: hidden;
}

.blog-box__pic img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  transition: all 0.5s cubic-bezier(0.768, 0.304, 0.496, 0.884);
}

.blog-box__dates {
  display: flex;
  flex-direction: column;
  padding-left: 0.875rem;
  font: 400 1rem/180% "IBM Plex Sans", sans-serif;
  color: #072136;
}

.blog-box__dates span {
  font: inherit;
  color: inherit;
}

.blog-box__details {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.blog-box--accent {
  background: transparent;
  padding-block: 1.625rem;
}

.blog-box--accent svg {
  color: #ffffff;
}

.blog-box--accent::after {
  content: "";
  position: absolute;
  pointer-events: none;
  inset: 0;
  background: linear-gradient(180deg, rgba(0, 0, 0, 0.9) 0%, rgba(0, 0, 0, 0) 53.49%);
}

.blog-box--accent .blog-box__bg {
  z-index: -1;
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}

.blog-box--accent .blog-box__logo {
  margin-bottom: 1.75rem;
  width: 3.125rem;
  height: 2.375rem;
}

.blog-box--accent .blog-box__description {
  font-size: 1.125rem;
  display: block;
  max-width: 15.3125rem;
  color: #e6e7ec;
}

.blog-box--accent .blog-box__head,
.blog-box--accent .blog-box__foot {
  position: relative;
  z-index: 2;
}

.blog-box--accent .blog-box__foot {
  justify-content: flex-end;
  align-items: center;
  gap: 1.125rem;
}

.blog-box--accent .blog-box__foot p {
  margin: 0;
  opacity: 0;
  max-width: 6rem;
  font: 600 0.9375rem/140% "IBM Plex Sans", sans-serif;
  text-transform: uppercase;
  color: #ffffff;
  transition: all 0.5s cubic-bezier(0.768, 0.304, 0.496, 0.884);
}

.page-presentation {
  position: relative;
  min-height: 20.1875rem;
  display: grid;
  overflow: hidden;
}

.page-presentation__deco {
  position: absolute;
  left: 31.5rem;
  height: 100%;
  color: #16181d;
}

.page-presentation .logo-blur {
  right: 12.5rem;
  text-align: left;
  max-width: 42.125rem;
  bottom: 4.375rem;
  transform: translateY(50%);
}

.benefit-box {
  display: flex;
  gap: 0.5rem;
  border-radius: 1.5rem;
}

.benefit-box .link-accent {
  margin-top: 3.5rem;
}

.benefit-box__details *:last-child {
  margin-bottom: 0;
}

.benefit-box__details h2,
.benefit-box__details h3,
.benefit-box__details h4,
.benefit-box__details h5,
.benefit-box__details h6 {
  font: 600 3.5rem/100% "IBM Plex Sans", sans-serif;
  margin: 0 0 2rem 0;
  letter-spacing: -2px;
}

.benefit-box__details p {
  font: 400 1.25rem/30px "IBM Plex Sans", sans-serif;
}

.benefit-box__details ol,
.benefit-box__details ul {
  padding: 0;
  margin: 0 0 2.5rem;
  display: flex;
  flex-direction: column;
  list-style-type: none;
  gap: 1rem;
}

.benefit-box__details ol li,
.benefit-box__details ul li {
  position: relative;
  font: 400 1.25rem/30px "IBM Plex Sans", sans-serif;
}

.benefit-box__details ol li::before,
.benefit-box__details ul li::before {
  flex-shrink: 0;
}

.benefit-box__details ul li {
  padding-left: 3rem;
}

.benefit-box__details ul li::before {
  left: 0;
  top: -0.3125rem;
  position: absolute;
  content: "";
  width: 2.5rem;
  height: 2.5rem;
  -webkit-mask: url("./images/icons/ico-check.svg") no-repeat center center;
  mask: url("./images/icons/ico-check.svg") no-repeat center center;
  background: #072136;
}

.benefit-box__details ol {
  counter-reset: counter;
}

.benefit-box__details ol li {
  counter-increment: counter;
  padding-left: 3rem;
}

.benefit-box__details ol li::before {
  position: absolute;
  top: 0;
  left: 0;
  content: counter(counter);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font: 600 0.9375rem/140% "IBM Plex Sans", sans-serif;
  text-transform: uppercase;
  width: 2.5rem;
  height: 1.875rem;
}

.benefit-box__info {
  max-width: 61.8125rem;
  padding: 4.375rem 6.25rem;
  background-color: #072136;
}

.benefit-box__info.cross-block {
  --border-width: 2px;
  --inner-bg: #ffffff;
  position: relative;
}

.benefit-box__info.cross-block::before {
  content: "";
  position: absolute;
  inset: var(--border-width);
  background-color: var(--inner-bg);
  z-index: -1;
  border-radius: inherit;
  mask-image: inherit;
  mask-size: inherit;
  mask-repeat: inherit;
  -webkit-mask-composite: inherit;
  mask-composite: inherit;
  -webkit-mask-image: inherit;
  -webkit-mask-size: inherit;
  -webkit-mask-repeat: inherit;
  -webkit-mask-composite: inherit;
  mask-position: -1.5px -1.5px, calc(100% + 1.5px) calc(100% + 1.5px), center;
  -webkit-mask-position: -1.5px -1.5px, calc(100% + 1.5px) calc(100% + 1.5px), center;
}

.benefit-box__tag {
  font: 600 3.5rem/100% "IBM Plex Sans", sans-serif;
  letter-spacing: -2px;
  position: absolute;
  z-index: 2;
  left: 2.5rem;
  bottom: 2.1875rem;
  opacity: 0.6;
  color: #ffffff;
}

.benefit-box__pic {
  position: relative;
  max-width: 46.0625rem;
  width: 100%;
}

.benefit-box__pic.cross-block {
  --cross-size: 12.5rem;
}

.benefit-box__pic img {
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}

.price-box {
  min-height: 21.875rem;
  padding: 1rem;
  border-radius: 1.5rem;
  display: flex;
  flex-direction: column;
  background: rgba(230, 231, 236, 0.5019607843);
  transition: all 0.5s cubic-bezier(0.768, 0.304, 0.496, 0.884);
}

.price-box:not(:has(.price-box__cta)) .price-box__price {
  padding-block: 1.125rem;
  display: flex;
  align-items: center;
  gap: 0.5rem;
}

.price-box__info {
  display: flex;
  flex-direction: column;
}

.price-box__pic {
  width: 100%;
  border-radius: 0.75rem;
  aspect-ratio: 386/244;
  max-height: 15.25rem;
  overflow: hidden;
}

.price-box__pic img {
  height: 100%;
  width: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  transition: all 0.5s cubic-bezier(0.768, 0.304, 0.496, 0.884);
}

.price-box__title {
  font: 600 1.75rem/100% "IBM Plex Sans", sans-serif;
  letter-spacing: -1px;
  margin-bottom: 0.9375rem;
  color: #072136;
}

.price-box__subtitle {
  font: 600 1rem/150% "IBM Plex Sans", sans-serif;
  margin-bottom: 0.9375rem;
  color: #535862;
}

.price-box__descr {
  font: 400 1rem/180% "IBM Plex Sans", sans-serif;
  color: #537896;
  transition: all 0.5s cubic-bezier(0.768, 0.304, 0.496, 0.884);
}

.price-box__foot {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.3125rem;
  padding-top: 1rem;
  margin-top: auto;
  margin-inline: 1rem;
  border-top: 1px solid #b0bec9;
}

.price-box__details {
  padding: 1.5rem 1rem 1.4375rem 1rem;
}

.price-box__price {
  font: 600 1.375rem/28px "IBM Plex Sans", sans-serif;
}

.price-box__cta {
  font: 600 0.9375rem/140% "IBM Plex Sans", sans-serif;
  text-transform: uppercase;
  margin-left: auto;
  display: inline-flex;
  align-items: center;
  height: 4rem;
  justify-content: center;
  border-radius: 999px;
  color: #ffffff;
  transition: all 0.5s cubic-bezier(0.768, 0.304, 0.496, 0.884);
}

.price-box__cta span {
  height: 100%;
  border-radius: 999px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0.625rem 1rem;
  background: linear-gradient(90deg, #ffa126 0%, #de5126 100%);
  transition: all 0.5s cubic-bezier(0.768, 0.304, 0.496, 0.884);
}

.brands-box {
	display: flex;
	flex-wrap: wrap;
	max-width: 53.75rem;
}

.brands-box__item {
  min-height: 15rem;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 33.3333%;
  border-right: 1px solid rgba(0, 0, 0, 0.2);
  border-bottom: 1px solid rgba(0, 0, 0, 0.2);
}

.brands-box__item:nth-child(3n) {
  border-right: none;
}

.brands-box__item.no-border-bottom {
  border-bottom: none;
}

.faq-list {
  position: relative;
  z-index: 2;
  display: flex;
  flex-direction: column;
  gap: 1.25rem;
  padding-bottom: 7.5rem;
  counter-reset: faq;
}

.faq-list__item:not(:last-child) {
  border-bottom: 1px solid #e9eaeb;
}

.testimonial-collect {
  display: flex;
  flex-direction: column;
  align-items: center;
}

.testimonial-collect:has(.btn-more.is-hidden) .testimonial-collect__wrapper {
  margin-bottom: 80px;
}

.testimonial-collect__wrapper {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 0.5rem 0.625rem;
  margin-bottom: 5rem;
}

.testimonial-collect__wrapper .testimonial-box:nth-child(3n-1) {
  transform: translateY(80px);
}

.testimonial-collect__wrapper .testimonial-box:nth-child(3n) {
  transform: translateY(40px);
}

.testimonial-collect .btn-more {
  margin-top: 5rem;
}

.contact-box {
  max-width: 53.25rem;
  width: 100%;
  border-radius: 1.5rem;
  padding: 4.5rem;
  background: #e6e7ec;
}

.contact-box .section-title {
  margin-bottom: 1.5rem;
  color: #072136;
}

.contact-box .link-accent span {
  padding: 1.25rem 3.625rem;
}

.contact-box__foot {
  padding-top: 3.5rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.75rem;
}

.contact-box__tcpa {
  font: 400 0.875rem/180% "IBM Plex Sans", sans-serif;
  color: #535862;
}

.contact-box__tcpa a {
  text-decoration: underline;
}

.contact-box__fields {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 2rem;
}

.contact-box__fields .form-field:nth-child(n+3) {
  grid-column: span 2;
}

.nav-panel {
  transition: all 0.3s cubic-bezier(0.768, 0.304, 0.496, 0.884);
}

.nav-panel ul {
  padding: 0;
  margin: 0;
  list-style-type: none;
}

.nav-panel ul li:has(ul) {
  position: relative;
  display: inline-flex;
  flex-direction: row;
  align-items: center;
  gap: 0.125rem;
}

.nav-panel ul li:has(ul).is-active ul {
  transform: translate(0);
  opacity: 1;
  pointer-events: all;
}

.nav-panel ul li:has(ul)::after {
  cursor: pointer;
  content: "";
  display: inline-flex;
  flex-shrink: 0;
  width: 1.25rem;
  height: 1.25rem;
  background: url("./images/icons/ico-drop.svg") no-repeat center center/cover;
  transition: all 0.3s cubic-bezier(0.768, 0.304, 0.496, 0.884);
}

.nav-panel ul li:has(ul) ul {
  width: -moz-max-content;
  width: max-content;
  z-index: 2;
  position: absolute;
  top: 100%;
  padding-block: 0.5rem;
  border-radius: 0.5rem;
  opacity: 0;
  transform: translateY(-5px);
  pointer-events: none;
  background: rgba(255, 255, 255, 0.4);
  -webkit-backdrop-filter: blur(48px);
  backdrop-filter: blur(48px);
  transition: all 0.3s cubic-bezier(0.768, 0.304, 0.496, 0.884);
}

.nav-panel ul li:has(ul) ul li a {
  width: 100%;
  display: inline-flex;
  align-items: center;
  justify-content: space-between;
  gap: 2.3125rem;
  padding: 0.5rem 1rem 0.5rem 0.75rem;
}

.nav-panel ul li:has(ul) ul li a span {
  display: inline-flex;
  flex-shrink: 0;
  width: 1.5rem;
  height: 1.5rem;
  position: relative;
  overflow: hidden;
}

.nav-panel ul li:has(ul) ul li a span::after,
.nav-panel ul li:has(ul) ul li a span::before {
  content: "";
  position: absolute;
  display: inline-flex;
  flex-shrink: 0;
  width: 100%;
  height: 100%;
  transition: all 0.3s cubic-bezier(0.768, 0.304, 0.496, 0.884);
}

.nav-panel ul li:has(ul) ul li a span::after {
  background: url("./images/icons/ico-arrow-bl.svg") no-repeat center center/cover;
}

.nav-panel ul li:has(ul) ul li a span::before {
  opacity: 0;
  transform: translate(-50%, -50%);
  background: url("./images/icons/ico-arrow-wht.svg") no-repeat center center/cover;
}

.nav-panel li {
  font: 400 1.125rem/180% "IBM Plex Sans", sans-serif;
}

.nav-panel a {
  font: inherit;
  color: #072136;
  transition: all 0.3s cubic-bezier(0.768, 0.304, 0.496, 0.884);
}

.nav-panel > ul {
  display: flex;
  align-items: center;
  gap: 1.5rem;
}

.nav-panel > ul > li > a {
  overflow: hidden;
  width: 100%;
  display: inline-flex;
  flex-direction: column;
  position: relative;
  font: inherit;
  transition: all 0.3s cubic-bezier(0.768, 0.304, 0.496, 0.884);
}

.nav-panel > ul > li > a.is-active {
  opacity: 0.5;
}

.nav-panel > ul > li > a span {
  display: inline-flex;
  width: 100%;
  font: inherit;
  transition: all 0.3s cubic-bezier(0.768, 0.304, 0.496, 0.884);
}

.nav-panel > ul > li > a span:last-child {
  position: absolute;
  top: 0;
  transform: translateY(100%);
}

.social-list {
  overflow-y: auto;
  overflow-x: hidden;
  scrollbar-width: none;
  -ms-overflow-style: none;
  height: 70vh;
  flex-shrink: 0;
  display: flex;
  flex-direction: column;
  gap: 0.625rem;
  position: sticky;
  top: calc(var(--header-h) + 1.875rem);
}

.social-list::-webkit-scrollbar {
  display: none;
}

.social-list a {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 3rem;
  height: 3rem;
  border-radius: 50%;
  border: 1px solid #072136;
  color: #072136;
  transition: all 0.3s cubic-bezier(0.768, 0.304, 0.496, 0.884);
}

.social-list a svg {
  width: 1rem;
  height: 1rem;
  transition: all 0.3s cubic-bezier(0.768, 0.304, 0.496, 0.884);
}

.loader {
  display: flex;
  align-items: center;
  justify-content: center;
  position: fixed;
  width: 100%;
  height: 100vh;
  height: 100svh;
  z-index: 1000;
  background: #fff;
  transition: opacity 0.5s cubic-bezier(0.768, 0.304, 0.496, 0.884);
}

.loader.is-hide {
  opacity: 0;
}

.loader__ico {
  position: relative;
  width: 12.5rem;
  height: 4.375rem;
  animation: pulseOpacity 1.5s ease-in-out infinite;
}

.loader__ico img {
  height: 100%;
  width: 100%;
  -o-object-fit: contain;
  object-fit: contain;
}

@keyframes pulseOpacity {
  0% {
    transform: scale(1);
    opacity: 0.6;
  }

  50% {
    transform: scale(1.1);
    opacity: 1;
  }

  100% {
    transform: scale(1);
    opacity: 0.6;
  }
}

.video-attachment {
  position: fixed;
  z-index: -1;
  height: 100vh;
  width: 100%;
  overflow: hidden;
  pointer-events: none;
  inset: 0;
}

.video-attachment__box {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  position: absolute;
  top: 0;
  left: 0;
  will-change: transform;
}

.testimonials-slider {
  position: relative;
}

.testimonials-slider__carousel {
  overflow: visible;
  margin-bottom: 3.25rem;
}

.testimonials-slider__scroll {
  max-width: 64.25rem;
  margin: 0 auto;
  height: 0.0625rem;
  background: rgba(0, 0, 0, 0.2);
}

.testimonials-slider__scroll .swiper-scrollbar-drag {
  height: 0.1875rem;
  top: -0.0625rem;
  background: #000000;
}

.testimonials-slider__slide {
  height: auto;
  width: auto;
}

.testimonials-slider__btn {
  position: absolute;
  width: 5rem;
  height: 5rem;
  border-radius: 50%;
  overflow: hidden;
  z-index: 2;
  opacity: 0;
  background-color: rgba(255, 255, 255, 0.01);
  backdrop-filter: blur(0px);
  -webkit-backdrop-filter: blur(0px);
  transform: translateZ(0);
  top: 50%;
  backface-visibility: hidden;
  transition: all 0.3s cubic-bezier(0.768, 0.304, 0.496, 0.884);
}

.testimonials-slider__btn.swiper-button-disabled {
  pointer-events: none;
}

.testimonials-slider__btn:first-of-type {
  transform: rotate(180deg) translateZ(0) translateY(100%);
}

.testimonials-slider__btn:last-of-type {
  right: 0;
  transform: translateZ(0) translateY(-100%);
}

.testimonials-slider__btn::after,
.testimonials-slider__btn::before {
  content: "";
  position: absolute;
  display: inline-flex;
  flex-shrink: 0;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 1.625rem;
  height: 1.625rem;
  background: url("./images/icons/ico-arrow-or.svg") no-repeat center center/cover;
  transition: all 0.3s cubic-bezier(0.768, 0.304, 0.496, 0.884);
}

.testimonials-slider__btn::before {
  opacity: 0;
  transform: translate(-100%, -100%);
}

.faq-box {
  padding-bottom: 1.25rem;
  cursor: pointer;
  counter-increment: faq;
  display: flex;
  align-items: flex-start;
  gap: 1.875rem;
}

.faq-box.is-open .faq-box__wrapper {
  grid-template-rows: 1fr;
}

.faq-box.is-open .faq-box__answer {
  margin-top: 1rem;
}

.faq-box.is-open::after {
  transform: rotate(180deg);
}

.faq-box::before {
  content: counter(faq, decimal-leading-zero);
  font: 400 0.875rem/140% "FF accent", sans-serif;
  text-transform: uppercase;
  color: #b0bec9;
}

.faq-box::after {
  margin-left: auto;
  content: "";
  width: 1.5rem;
  height: 1.5rem;
  flex-shrink: 0;
  background: url("./images/icons/ico-faq.svg") no-repeat center center/cover;
  transition: all 0.3s cubic-bezier(0.768, 0.304, 0.496, 0.884);
}

.faq-box__question {
  font: 600 1.375rem/120% "IBM Plex Sans", sans-serif;
  color: #072136;
}

.faq-box__wrapper {
  display: grid;
  grid-template-rows: 0fr;
  transition: all 0.3s cubic-bezier(0.768, 0.304, 0.496, 0.884);
}

.faq-box__answer {
  overflow: hidden;
  font: 400 1rem/180% "IBM Plex Sans", sans-serif;
  color: #535862;
  transition: all 0.3s cubic-bezier(0.768, 0.304, 0.496, 0.884);
}

.faq-box__answer p {
  margin: 0;
}

.faq-box__answer ul {
  padding: 0 0 0 1.5rem;
  list-style-type: disc;
  margin: 0;
}

.faq-box__answer ol {
  padding: 0 0 0 1.5rem;
  margin: 0;
}

.breadcrumbs {
  padding-top: 1.5rem;
  margin-bottom: 3.5rem;
  color: #b0bec9;
}

.breadcrumbs ul {
  flex-wrap: wrap;
  display: flex;
  align-items: baseline;
  gap: 0.625rem;
  padding: 0;
  margin: 0;
  list-style-type: none;
}

.breadcrumbs ul li {
  font: 400 0.875rem/140% "IBM Plex Sans", sans-serif;
}

.breadcrumbs ul li:has(> a) {
  display: flex;
  align-items: center;
  gap: 0.625rem;
}

.breadcrumbs ul li:last-child {
  opacity: 0.6;
}

.breadcrumbs svg {
  width: 0.6875rem;
  height: 0.6875rem;
  flex-shrink: 0;
}

.modal {
  display: flex;
  position: fixed;
  top: 0;
  width: 100%;
  inset: 0;
  z-index: 10;
  opacity: 0;
  visibility: hidden;
  background: rgba(0, 0, 0, 0.5019607843);
  -webkit-backdrop-filter: blur(8px);
  backdrop-filter: blur(8px);
  transform: translateZ(0);
  will-change: opacity, visibility;
  transition: all 0.5s cubic-bezier(0.768, 0.304, 0.496, 0.884);
}

.modal.is-open {
  opacity: 1;
  visibility: visible;
}

.modal.is-open .modal__box {
  transform: translateX(0%);
}

.modal__box {
  isolation: isolate;
  will-change: transform;
  overflow: auto;
  scrollbar-width: none;
  -ms-overflow-style: none;
  position: relative;
  padding: 4.5rem 3rem;
  margin-left: auto;
  max-width: 32.375rem;
  width: 100%;
  transform: translateX(100%);
  background: #fff;
  transition: all 0.5s cubic-bezier(0.768, 0.304, 0.496, 0.884);
}

.modal__box::-webkit-scrollbar {
  display: none;
}

.modal__close {
  width: 1.5rem;
  height: 1.5rem;
  top: 1.5rem;
  left: 1.5rem;
  position: absolute;
  color: #537896;
}

.modal__close svg {
  width: 100%;
  height: 100%;
}

.modal__subtitle {
  font: 400 1.25rem/30px "IBM Plex Sans", sans-serif;
  margin-bottom: 1.5rem;
  color: #072136;
}

.modal__fields {
  display: flex;
  flex-direction: column;
  gap: 2rem;
  margin-bottom: 2rem;
}

.modal__foot {
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
}

.modal__tcpa {
  font: 400 0.875rem/180% "IBM Plex Sans", sans-serif;
  color: #535862;
}

.modal__tcpa a {
  text-decoration: underline;
}

.modal .section-title {
  margin-bottom: 0.5rem;
  color: #072136;
}

.modal .link-accent {
  width: 100%;
}

.modal .link-accent span {
  width: 100%;
}

.modal .tribute-content {
  text-align: center;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 1.5rem;
  color: #fff;
}

.modal .tribute-content__show {
  isolation: isolate;
  opacity: 0;
  will-change: opacity;
  transition: opacity 0.3s ease;
  mix-blend-mode: lighten;
  aspect-ratio: 310/275;
  overflow: hidden;
  max-width: 19.375rem;
}

.modal .tribute-content__show.is-playing {
  opacity: 1;
}

.modal .tribute-content__show video {
  background-color: transparent;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  border-radius: 1px;
}

.modal .tribute-content__title {
  font: 600 2.5rem/130% "IBM Plex Sans", sans-serif;
  letter-spacing: -2px;
}

.modal .tribute-content__subtitle {
  font: 400 1.25rem/30px "IBM Plex Sans", sans-serif;
  opacity: 0.6;
}

.modal .tribute-content__timer {
  font: 400 1.5rem/130% "IBM Plex Sans", sans-serif;
  letter-spacing: -1px;
}

.modal--memory {
  -webkit-backdrop-filter: none;
  backdrop-filter: none;
  background: transparent;
}

.modal--memory .modal__box {
  background: #072136;
}

.mobile-menu {
  display: flex;
  position: fixed;
  top: 0;
  width: 100%;
  inset: 0;
  z-index: 8;
  opacity: 0;
  visibility: hidden;
  background: rgba(0, 0, 0, 0.5019607843);
  -webkit-backdrop-filter: blur(8px);
  backdrop-filter: blur(8px);
  transition: all 0.5s cubic-bezier(0.768, 0.304, 0.496, 0.884);
}

.mobile-menu.is-open {
  opacity: 1;
  visibility: visible;
}

.mobile-menu.is-open .mobile-menu__box {
  transform: translate(0);
}

.mobile-menu__box {
  display: flex;
  flex-direction: column;
  padding-block: calc(var(--header-h) + 1.5rem) 1.5rem;
  padding-inline: var(--container_pdd);
  max-width: 43.75rem;
  overflow: auto;
  scrollbar-width: none;
  -ms-overflow-style: none;
  margin-left: auto;
  width: 100%;
  transform: translateX(100%);
  background: #fff;
  transition: all 0.5s cubic-bezier(0.768, 0.304, 0.496, 0.884);
}

.mobile-menu__box::-webkit-scrollbar {
  display: none;
}

.mobile-menu__controls {
  margin-top: auto;
  padding-top: 0.75rem;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0.75rem;
}

.mobile-menu .link-accent {
  order: 3;
  grid-column: span 2;
  width: 100%;
  max-width: 100%;
  height: 2.625rem;
}

.mobile-menu .link-accent span {
  width: 100%;
}

.mobile-menu .link-secondary {
  height: 3.125rem;
  order: 1;
  color: #072136;
}

.mobile-menu .link-secondary span {
  width: 100%;
}

.mobile-menu .link-account {
  order: 2;
}

.mobile-menu .link-account::after {
  display: none;
}

.mobile-menu .link-account a {
  justify-content: center;
  gap: 0.75rem;
  height: 100%;
  width: 100%;
  max-width: 100%;
}

.mobile-menu .nav-panel > ul {
  flex-direction: column;
  align-items: flex-start;
}

.mobile-menu .nav-panel li {
  cursor: pointer;
  width: 100%;
  font-size: 1.125rem;
}

.mobile-menu .nav-panel li:has(ul).is-open::after {
  transform: rotate(180deg);
}

.mobile-menu .nav-panel li:has(ul).is-open ul {
  opacity: 1;
  pointer-events: all;
  margin-top: 0.625rem;
}

.app-modal {
  display: flex;
  position: fixed;
  top: 0;
  width: 100%;
  inset: 0;
  z-index: 10;
  opacity: 0;
  visibility: hidden;
  color: #072136;
  transition: all 0.3s cubic-bezier(0.768, 0.304, 0.496, 0.884);
}

.app-modal.is-open {
  opacity: 1;
  visibility: visible;
}

.app-modal.is-open .app-modal__flow,
.app-modal.is-open .app-modal__show {
  transform: translateX(0%);
}

.app-modal__form {
  flex: 1;
  margin-bottom: 1.375rem;
}

.app-modal__submit {
  height: 100%;
  padding-inline: 2.625rem;
  padding-block: 4.5rem 3.125rem;
}

.app-modal__flow {
  transform: translateX(100%);
  display: flex;
  flex-direction: column;
  width: 60%;
  background: #fff;
  overflow-y: auto;
  overflow-x: hidden;
  scrollbar-width: none;
  -ms-overflow-style: none;
  transition: all 0.5s cubic-bezier(0.768, 0.304, 0.496, 0.884);
}

.app-modal__flow::-webkit-scrollbar {
  display: none;
}

.app-modal__head {
  position: relative;
  padding-block: 4.5rem 1.5rem;
  padding-inline: 2.625rem 1.625rem;
  display: flex;
  align-items: flex-start;
  flex-direction: column-reverse;
  gap: 0.75rem;
  justify-content: space-between;
}

.app-modal__titles {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  width: 100%;
  margin: 0 auto;
}

.app-modal__heading {
  font: 600 2.5rem/130% "IBM Plex Sans", sans-serif;
  letter-spacing: -2px;
}

.app-modal__subheading {
  font: 400 1.25rem/30px "IBM Plex Sans", sans-serif;
}

.app-modal__show {
  transform: translateX(-100%);
  position: relative;
  width: 40%;
  padding: var(--container_pdd);
  transition: all 0.5s cubic-bezier(0.768, 0.304, 0.496, 0.884);
}

.app-modal__show video {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  position: absolute;
  top: 0;
  left: 0;
  will-change: transform;
}

.app-modal__show .logo-blur {
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  right: auto;
  z-index: 2;
  width: 33.75rem;
  max-width: 95%;
}

.app-form {
  height: 100%;
  display: flex;
  flex-direction: column;
  counter-reset: counter;
  --gap: 4.5rem;
}

.app-form__tab {
  flex: 1;
  display: none;
  flex-direction: column;
}

.app-form__tab.is-active {
  display: flex;
}

.app-form__tab form {
  height: 100%;
  display: flex;
  flex-direction: column;
}

.app-form__targets {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 1.5rem;
  margin-bottom: var(--gap);
}

.app-form__reminder {
  display: flex;
  align-items: flex-start;
  font: 400 1rem/130% "IBM Plex Sans", sans-serif;
  gap: 1.5rem;
  padding: 1rem;
  border-radius: 1rem;
  margin-bottom: var(--gap);
  background: #f6f6f6;
}

.app-form__reminder svg {
  flex-shrink: 0;
  width: 2rem;
  height: 2rem;
}

.app-form__detail {
  margin-bottom: var(--gap);
  padding-bottom: var(--gap);
  border-bottom: 1px solid #e6e7ec;
}

.app-form__detail:has(+ .app-form__submit) {
  margin-bottom: 0;
}

.app-form__detail .app-form__reminder {
  margin-bottom: 3.5rem;
}

.app-form__detail *:last-child {
  margin-bottom: 0;
}

.app-form__title {
  counter-increment: counter;
  position: relative;
  padding-left: 2rem;
  margin-bottom: 3.5rem;
  font: 600 1.375rem/140% "IBM Plex Sans", sans-serif;
  text-transform: uppercase;
  color: #b0bec9;
}

.app-form__title::before {
  content: counter(counter);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  border-radius: 50%;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  width: 1.5rem;
  height: 1.5rem;
  font: 600 0.75rem/16px "IBM Plex Sans", sans-serif;
  border: 1px solid #e6e7ec;
}

.app-form__subtitle {
  font: 600 1.375rem/120% "IBM Plex Sans", sans-serif;
  margin-bottom: 2.5rem;
}

.app-form__subtitle-sm {
  margin-bottom: 1.5rem;
}

.app-form__subtitle:has(+ .app-form__text) {
  margin-bottom: 0.0625rem;
}

.app-form__text {
  font: 400 1.25rem/30px "IBM Plex Sans", sans-serif;
  margin-bottom: 1.5rem;
}

.app-form__input,
.app-form__select {
  margin-bottom: 3.5rem;
}

.app-form__info {
  margin-bottom: 2.5rem;
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 2rem;
}

.app-form__info .form-field:not(:nth-child(-n+3)) {
  grid-column: span 3;
}

.app-form__radios {
  display: flex;
  flex-wrap: wrap;
  gap: 2rem;
  margin-bottom: 3.5rem;
}

.app-form__radios:has(+ .app-form__reminder) {
  margin-bottom: 2.5rem;
}

.app-form__short {
  display: flex;
  flex-direction: column;
  gap: 2rem;
}

.app-form__submit {
  margin-top: auto;
  padding-top: var(--gap);
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
}

.app-form__submit .link-accent {
  width: 100%;
  max-width: 100%;
}

.app-form__submit .link-accent span {
  width: 100%;
}

.app-form__tcpa {
  font: 400 0.875rem/180% "IBM Plex Sans", sans-serif;
  color: #535862;
}

.app-form__tcpa a {
  text-decoration: underline;
}

.file-upload {
  position: relative;
  margin-bottom: 3.5rem;
}

.file-upload__head {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}

.file-upload__head svg {
  width: 1.5rem;
  height: 1.5rem;
  color: #000000;
}

.file-upload__title {
  font: 400 1.5rem/130% "IBM Plex Sans", sans-serif;
  letter-spacing: -1px;
  color: #072136;
}

.file-upload__info {
  max-width: 80%;
  font: 400 1rem/180% "IBM Plex Sans", sans-serif;
  color: #535862;
}

.file-upload__field {
  position: absolute;
  top: 0;
  left: 0;
  width: 1px;
  height: 1px;
  opacity: 0;
  visibility: hidden;
}

.file-upload__dropzone {
  text-align: center;
  padding: 1rem;
  border-radius: 1rem;
  border: 1px solid #e6e7ec;
  background: #f6f6f6;
  transition: all 0.3s cubic-bezier(0.768, 0.304, 0.496, 0.884);
}

.file-upload__dropzone label {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  gap: 0.625rem;
}

.select2 {
  width: 100% !important;
}

.select2.select2-container--open .select2-selection::after {
  transform: translateY(-50%) rotate(180deg);
}

.select2.select2-container--open .select2-selection--multiple::after {
  transform: rotate(180deg) !important;
}

.select2.select2-container--open .select2-selection {
  border-color: #ff6122;
}

.select2 .select2-selection {
  min-height: 4rem;
  display: flex;
  align-items: center;
}

.select2 .select2-selection__rendered {
  padding-inline: 0.9375rem !important;
  padding-block: 0.4375rem;
}

.select2 .select2-selection__placeholder,
.select2 .select2-selection__rendered {
  font: 400 1.25rem/30px "IBM Plex Sans", sans-serif;
  color: #072136 !important;
}

.select2 .select2-selection {
  border-radius: 1rem;
  position: relative;
  background: #f6f6f6;
  border-color: #e6e7ec;
  transition: border-color 0.3s cubic-bezier(0.768, 0.304, 0.496, 0.884);
}

.select2 .select2-selection--multiple {
  display: grid;
  min-height: 6.875rem;
  padding: 0rem 2.5rem 1rem 1rem !important;
}

.select2 .select2-selection--multiple::after {
  top: 1rem !important;
  transform: rotate(0deg) !important;
}

.select2 .select2-selection--multiple .select2-selection__choice {
  margin: 0;
  height: -moz-fit-content;
  height: fit-content;
  display: flex;
  align-items: center;
  flex-direction: row-reverse;
  gap: 0.75rem;
  padding: 0;
  border: none;
  border-radius: 2.5rem;
  padding: 0.0625rem 0.625rem;
  background: #e6e7ec;
}

.select2 .select2-selection--multiple .select2-selection__choice__remove {
  width: 1rem;
  height: 1rem;
  padding: 0;
  border: none;
  align-items: center;
  position: relative;
  justify-content: center;
}

.select2 .select2-selection--multiple .select2-selection__choice__remove span {
  display: none;
}

.select2 .select2-selection--multiple .select2-selection__choice__remove::after {
  flex-shrink: 0;
  content: "";
  position: absolute;
  inset: 0;
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M1.62557 14.3752L7.99998 8.00078M7.99998 8.00078L1.62558 1.62638M7.99998 8.00078L14.3744 1.62636M7.99998 8.00078L14.3744 14.3752' stroke='%23000000' stroke-width='2'/%3E%3C/svg%3E");
  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M1.62557 14.3752L7.99998 8.00078M7.99998 8.00078L1.62558 1.62638M7.99998 8.00078L14.3744 1.62636M7.99998 8.00078L14.3744 14.3752' stroke='%23000000' stroke-width='2'/%3E%3C/svg%3E");
  background-color: #b0bec9;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: contain;
  mask-size: contain;
}

.select2 .select2-selection::after {
  position: absolute;
  right: 1rem;
  top: 50%;
  transform: translateY(-50%) rotate(0deg);
  content: "";
  flex-shrink: 0;
  width: 1.5rem;
  height: 1.5rem;
  -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M10.2038 11.0736C11.1959 12.0657 12.8045 12.0657 13.7966 11.0736L16.8696 8.00065L18.3516 9.48263L12.0002 15.834L5.64886 9.48263L7.13084 8.00065L10.2038 11.0736Z'/%3E%3C/svg%3E") no-repeat center;
  mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M10.2038 11.0736C11.1959 12.0657 12.8045 12.0657 13.7966 11.0736L16.8696 8.00065L18.3516 9.48263L12.0002 15.834L5.64886 9.48263L7.13084 8.00065L10.2038 11.0736Z'/%3E%3C/svg%3E") no-repeat center;
  -webkit-mask-size: contain;
  mask-size: contain;
  background: #000;
  transition: all 0.3s cubic-bezier(0.768, 0.304, 0.496, 0.884);
}

.select2 .select2-selection__arrow {
  display: none;
}

.select2-dropdown {
  background: #f6f6f6;
  border-color: #ff6122;
}

.select2-container--default .select2-results__option--highlighted.select2-results__option--selectable {
  background: #ff6122;
  color: #fff;
}

.select2-selection--multiple {
  cursor: pointer !important;
  padding: 0 !important;
}

.select2-selection--multiple .select2-selection__rendered {
  display: flex !important;
  padding: 1rem 0 0 0 !important;
  flex-wrap: wrap;
  gap: 0.5rem;
  overflow: auto;
  scrollbar-width: none;
  -ms-overflow-style: none;
}

.select2-selection--multiple .select2-selection__rendered::-webkit-scrollbar {
  display: none;
}

.select2-selection--multiple .select2-search {
  height: 100%;
  font: 400 20px/30px "IBM Plex Sans", sans-serif;
  color: #072136 !important;
  width: 100%;
}

.select2-selection--multiple .select2-search__field {
  margin: 0 !important;
  height: auto !important;
}

.select2-selection--multiple .select2-search__field::-moz-placeholder {
  color: #072136;
}

.select2-selection--multiple .select2-search__field:-ms-input-placeholder {
  color: #072136;
}

.select2-selection--multiple .select2-search__field::placeholder {
  color: #072136;
}

.my-dropdown-multiple .select2-results__options {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
  padding: 1rem;
}

.my-dropdown-multiple .select2-results__option {
  font: 400 1.25rem/30px "IBM Plex Sans", sans-serif;
  padding: 0.0625rem 0.625rem;
  border-radius: 2.5rem;
  color: #072136;
  background: #e6e7ec;
}

.my-dropdown-multiple .select2-results__option--selected {
  color: #b0bec9 !important;
  background: #e6e7ec !important;
}

.select2-search__field {
  outline: none !important;
}

.select2-selection--single .select2-selection__clear {
  position: absolute !important;
  margin: 0 !important;
  width: 1.5rem !important;
  height: 1.5rem !important;
  align-items: center !important;
  justify-content: center !important;
  left: 0.1875rem !important;
  top: 50% !important;
  transform: translateY(-50%) !important;
}

.select2-selection--single .select2-selection__rendered {
  padding-inline: 1.875rem 2.8125rem !important;
}

@media (min-width: 1024.98px) {
  .nav-panel > ul > li:nth-child(n+6) {
    display: none;
  }
}

@media (min-width: 1025.99px) and (hover: hover) {
  .nav-panel ul li:has(ul):hover::after {
    transform: rotate(180deg);
  }

  .nav-panel ul li:has(ul):hover ul {
    transform: translate(0);
    opacity: 1;
    pointer-events: all;
  }
}

@media (min-width: 1025.99px) and (hover: none) {
  .nav-panel ul li:has(ul):active::after {
    transform: rotate(180deg);
  }

  .nav-panel ul li:has(ul):active ul {
    transform: translate(0);
    opacity: 1;
    pointer-events: all;
  }
}

@media (max-width: 1620.98px) {
  body:has(.hero) .header .header__details {
    gap: 1.875rem;
  }

  .header__info {
    gap: 0.75rem;
    max-width: 20rem;
  }

  .header__details {
    gap: 0.75rem;
  }

  .header__logo {
    max-width: 8.125rem;
  }

  .header__description {
    font-size: 0.625rem;
  }
}

@media (max-width: 1500.98px) {
  body:has(.hero) .header .header__details .nav-panel li {
    font-size: 1rem;
  }
}

@media (max-width: 1490.98px) {
  .footer__menu {
    padding-inline: 6.25rem 2.5rem;
  }
}

@media (max-width: 1480.98px) {
  .hero .container--th {
    left: 70%;
  }

  .hero__heading {
    max-width: 37.5rem;
  }

  .hero__info {
    max-width: 37.5rem;
  }
}

@media (max-width: 1440.98px) {
  :root {
    --header-h: 8.8125rem;
  }

  .link-account {
    gap: 0.1875rem;
  }

  .link-account a {
    padding: 0.3125rem 0.75rem;
  }

  .link-account p {
    font-size: 0.75rem;
  }

  body:has(.hero) .header .header__details {
    gap: 1.5rem;
  }

  .header {
    padding-block: 0.75rem;
  }

  .header.is-mutated .link-accent {
    opacity: 1;
    pointer-events: all;
    clip-path: initial;
  }

  .header.is-mutated .link-secondary {
    max-width: 8.75rem;
  }

  .header.is-mutated .nav-panel {
    transform: translateX(0);
  }

  .header .link-accent {
    order: 4;
    margin-left: auto;
    font-size: 0.75rem;
    height: 2.1875rem;
  }

  .header .link-secondary {
    padding: 0.3125rem 0.75rem;
    font-size: 0.75rem;
  }

  .header .nav-panel {
    order: 3;
  }

  .header .container {
    gap: 0.5rem;
  }

  .header__info {
    order: 1;
    max-width: 6.875rem;
    gap: 0.375rem;
    flex-direction: column;
    align-items: flex-start;
  }

  .header__details {
    gap: 1.5rem;
    max-width: 100%;
    width: 100%;
  }

  .header__description {
    font-size: 0.5rem;
  }

  .header__panel {
    gap: 0.1875rem;
    justify-content: flex-end;
  }

  .header__call {
    width: 2.625rem;
    height: 2.625rem;
  }

  .header__call svg {
    width: 1.5rem;
    height: 1.5rem;
  }

  .footer__menu {
    padding-inline: 3.75rem 2.5rem;
  }

  .footer__routes {
    gap: 0.5rem 0.75rem;
  }

  .footer__routes li {
    font-size: 1rem;
  }

  .hero .container--th {
    left: auto;
    right: 0;
    transform: translate(0);
    transform: translateY(-10%);
    justify-content: flex-end;
    align-items: flex-end;
  }

  .hero .container--c {
    padding-inline: 4.375rem;
    z-index: 6;
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);
    max-width: calc(100% - var(--container_pdd) * 2);
  }

  .hero__windows {
    padding: 0;
  }

  .hero__windows .container {
    padding: 0;
  }

  .hero__windows .cross-block {
    --cross-size: 0rem;
    border-radius: 0;
  }

  .hero__wrapper {
    gap: 0;
  }

  .hero__window:nth-child(3) {
    border-radius: 0;
  }

  .hero__blur {
    right: 46.875rem;
  }

  .process {
    min-height: calc(100vh + 150px);
    min-height: calc(100svh + 150px);
  }

  .process__content {
    padding-block: 3.5rem;
    padding-block: 2.5rem 1.25rem;
  }

  .process__paginations {
    max-width: 15.625rem;
  }

  .process__pagination {
    font-size: 11.875rem;
  }

  .process__slider-slide::before {
    margin-bottom: 2rem;
  }

  .process__title {
    font-size: 2.125rem;
  }

  .process__controls {
    flex-direction: column;
  }

  .process__controls .link-accent,
  .process__controls .link-secondary {
    width: 100%;
  }

  .process__controls .link-accent span,
  .process__controls .link-secondary span {
    width: 100%;
  }

  .faq {
    overflow: initial;
    padding-block: 3.5rem;
  }

  .faq .container {
    align-items: flex-start;
  }

  .faq__info {
    position: sticky;
    top: var(--header-h);
  }

  .faq__video {
    display: none;
  }

  .control__info {
    width: 50%;
    max-width: 100%;
  }

  .control__pic {
    width: 50%;
    max-width: 100%;
  }

  .prices__cards {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 0.75rem;
  }

  .prices .blog__empty {
    grid-column: span 3;
  }

  .contacts .contact-box {
    width: 100%;
    max-width: 100%;
  }

  .contacts .container {
    flex-direction: column;
  }

  .contacts__connect {
    width: 100%;
  }

  .contacts__info:has(.contacts__support) {
    justify-content: flex-start;
    gap: 3rem;
  }

  .benefit-box__info {
    max-width: 100%;
    width: 50%;
  }

  .benefit-box__pic {
    max-width: 100%;
    width: 50%;
  }

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

  .nav-panel ul li:has(ul) ul {
    -webkit-backdrop-filter: blur(6px);
    backdrop-filter: blur(6px);
    background: rgba(255, 255, 255, 0.9);
  }

  .nav-panel li {
    font-size: 0.875rem;
  }

  .nav-panel > ul {
    gap: 0.5rem;
  }
}

@media (max-width: 1390.98px) {
  .app-modal__flow {
    width: 70%;
  }

  .app-modal__show {
    width: 30%;
  }
}

@media (max-width: 1199.98px) {
  .footer__menu {
    padding: 3.75rem 1.25rem 1.75rem 3.75rem;
  }

  .footer__panel {
    flex-direction: column-reverse;
  }

  .process .container {
    min-height: 75vh;
    display: grid;
  }

  .process__content {
    gap: 1.5rem;
    height: 100%;
    padding-block: 3.5rem;
  }

  .process__paginations {
    position: absolute;
    height: 12.5rem;
    top: 0;
    right: 0;
  }

  .process__pagination {
    font-size: 3.125rem;
    right: 1.25rem;
  }

  .process__controls {
    flex-direction: row;
  }

  .actual__cards {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .control .cross-block {
    --cross-size: 12.5rem;
  }

  .preview:has(.testimonial-collect) .container {
    flex-direction: column;
  }

  .preview:has(.testimonial-collect) .preview__descr {
    top: auto;
    max-width: 100%;
    position: static;
  }

  .blog__collect {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .product__txts h2,
  .product__txts h1 {
    font-size: 2.875rem;
  }

  .product__txts h3 {
    font-size: 2.5rem;
  }

  .product__txts h4,
  .product__txts h5 {
    font-size: 2rem;
  }

  .product__txts h4,
  .product__txts h6 {
    font-size: 1.75rem;
  }

  .benefit-box__details h2,
  .benefit-box__details h3,
  .benefit-box__details h4,
  .benefit-box__details h5,
  .benefit-box__details h6 {
    font-size: 2.875rem;
  }

  .benefit-box__info {
    padding: 5.625rem 2.5rem;
  }

  .testimonial-collect {
    width: 100%;
  }

  .testimonial-collect .testimonial-box {
    max-width: 100%;
  }

  .app-modal__submit {
    padding-inline: 2.25rem;
  }

  .app-modal__head {
    padding-inline: 2.25rem;
  }

  .app-form__reminder {
    line-height: 130%;
  }
}

@media (max-width: 1024.98px) {
  :root {
    --header-h: 4.875rem;
  }

  .section-heading {
    font-size: 3.25rem;
  }

  .section-subheading {
    font-size: 2.875rem;
  }

  .header {
    padding-block: 0.75rem;
  }

  .header .link-accent {
    display: none;
  }

  .header .link-secondary {
    display: none;
  }

  .header .nav-panel {
    display: none;
  }

  .header .link-account {
    display: none;
  }

  .header .container {
    flex-direction: row;
  }

  .header__burger {
    display: inline-flex;
  }

  .header__info {
    flex-direction: row;
    max-width: 100%;
    align-items: center;
  }

  .header__details {
    padding-bottom: 0;
    border: none;
  }

  .header__description {
    max-width: 9.375rem;
  }

  .header__panel {
    width: auto;
  }

  .hero .container--th {
    display: none;
  }

  .services .container {
    padding: 0;
  }

  .services__content {
    padding-inline: 0rem;
    padding-block: 3rem;
  }

  .services__head {
    padding-inline: 3rem;
  }

  .services__cards {
    padding-inline: 3rem;
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }

  .about__description {
    flex-direction: column;
  }

  .about__info {
    max-width: 100%;
  }

  .about__heading {
    max-width: 100%;
  }

  .control__info h2 {
    font-size: 2.875rem;
  }

  .control .cross-block {
    --cross-size: 6.25rem;
  }

  .standart__info h2,
  .standart__info h3,
  .standart__info h4,
  .standart__info h5,
  .standart__info h6 {
    font-size: 2.875rem;
  }

  .prices__cards {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .prices .blog__empty {
    grid-column: span 2;
  }

  .preview .container {
    flex-direction: column;
  }

  .preview__descr {
    top: auto;
    max-width: 100%;
    position: static;
  }

  .preview .faq-list {
    max-width: 100%;
  }

  .terms__content {
    max-width: 100%;
    width: 100%;
    margin-right: 0;
  }

  .blog__empty {
    grid-column: span 2;
  }

  .blog__collect {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .product__info {
    gap: 1.5rem;
  }

  .benefit-box__info {
    padding: 5.625rem 1.25rem;
  }

  .benefit-box__pic.cross-block {
    --cross-size: 6.25rem;
  }

  .brands-box {
    max-width: 100%;
  }

  .nav-panel ul li:has(ul) {
    flex-direction: column;
  }

  .nav-panel ul li:has(ul)::after {
    position: absolute;
    right: 0;
    top: 0.4375rem;
  }

  .nav-panel ul li:has(ul) ul {
    height: 0;
    width: 100%;
    padding-block: 0;
    overflow: hidden;
    transform: translate(0);
    position: relative;
  }

  .nav-panel > ul > li > a {
    width: -moz-max-content;
    width: max-content;
  }

  .mobile-menu .nav-panel li {
    align-items: flex-start;
  }

  .app-modal__submit {
    padding-inline: 1.5rem;
  }

  .app-modal__head {
    padding-inline: 1.5rem;
  }
}

@media (max-width: 991.98px) {
  :root {
    --container_pdd: 0.9375rem;
  }

  .section-title {
    font-size: 2rem;
  }

  .section-subtitle {
    font-size: 1.5rem;
  }

  .section-heading {
    font-size: 2.75rem;
  }

  .section-subheading {
    font-size: 2.375rem;
  }

  .footer {
    padding-block: 5rem;
  }

  .footer__logo {
    margin-bottom: 3.5rem;
    max-width: 28.125rem;
  }

  .footer__routes {
    display: flex;
    flex-wrap: wrap;
  }

  .footer__info {
    display: flex;
    flex-direction: column;
  }

  .process .cross-block {
    --cross-size: 4.6875rem;
  }

  .faq .container {
    flex-direction: column;
    gap: 3.5rem;
  }

  .faq__info {
    top: auto;
    position: static;
    width: 100%;
  }

  .faq .faq-list {
    width: 100%;
  }

  .about__info h2,
  .about__info h3,
  .about__info h4,
  .about__info h5,
  .about__info h6 {
    font-size: 2rem;
  }

  .control .container {
    flex-direction: column-reverse;
  }

  .control__info {
    width: 100%;
  }

  .control__info h2 {
    font-size: 2.375rem;
  }

  .control__pic {
    width: 100%;
  }

  .standart__info h2,
  .standart__info h3,
  .standart__info h4,
  .standart__info h5,
  .standart__info h6 {
    font-size: 2.375rem;
  }

  .preview__info h2 {
    font-size: 2rem;
  }

  .preview__info h3,
  .preview__info h4,
  .preview__info h5,
  .preview__info h6 {
    font-size: 1.5rem;
  }

  .terms__content h2 {
    font-size: 2rem;
    margin: 0 0 2.5rem 0;
  }

  .terms__content h3 {
    font-size: 1.5rem;
  }

  .terms__content p {
    font-size: 1.125rem;
  }

  .terms__content ol li,
  .terms__content ul li {
    font-size: 1.125rem;
  }

  .product__txts p {
    font-size: 1.125rem;
  }

  .product__txts h2,
  .product__txts h1 {
    font-size: 2.375rem;
  }

  .product__txts h3 {
    font-size: 2rem;
  }

  .product__txts h4,
  .product__txts h5 {
    font-size: 1.75rem;
  }

  .product__txts h4,
  .product__txts h6 {
    font-size: 1.375rem;
  }

  .product__preview {
    gap: 0.75rem;
  }

  .product__panel {
    flex-direction: column;
    align-items: center;
  }

  .product__cta {
    margin-left: 0;
  }

  .benefit-box {
    flex-direction: column-reverse;
  }

  .benefit-box__details h2,
  .benefit-box__details h3,
  .benefit-box__details h4,
  .benefit-box__details h5,
  .benefit-box__details h6 {
    font-size: 2.375rem;
  }

  .benefit-box__info {
    width: 100%;
  }

  .benefit-box__pic {
    width: 100%;
  }

  .testimonial-collect__wrapper {
    grid-template-columns: repeat(2, 1fr);
  }

  .testimonial-collect__wrapper .testimonial-box:nth-child(3n-1) {
    transform: translateY(0);
  }

  .testimonial-collect__wrapper .testimonial-box:nth-child(3n) {
    transform: translateY(0);
  }

  .testimonial-collect__wrapper .testimonial-box:nth-child(2n) {
    transform: translateY(40px);
  }

  .testimonials-slider__btn {
    display: none;
  }

  .modal__box {
    padding: 3.5rem 1.75rem;
  }

  .modal__subtitle {
    font-size: 1.125rem;
  }
}

@media (max-width: 767.98px) {
  :root {
    --header-h: 4.125rem;
    --container_pdd: 0.75rem;
  }

  html {
    scroll-padding-top: calc(var(--header-h) + 8.125rem);
  }

  .section-title {
    font-size: 1.5rem;
  }

  .section-subtitle {
    font-size: 1.125rem;
  }

  .title-quote {
    --block-w: 3rem;
    --block-h: 2.375rem;
  }

  .title-quote::before {
    font-size: 2.625rem;
    right: 1.0625rem;
  }

  .section-info {
    font-size: 1rem;
    line-height: 120%;
  }

  .section-heading {
    font-size: 2rem;
  }

  .section-subheading {
    font-size: 1.75rem;
  }

  .cross-block {
    border-radius: 0.75rem;
    --cross-size: 4.6875rem;
  }

  .link-accent {
    font-size: 0.875rem;
    height: 2.625rem;
  }

  .link-secondary {
    font-size: 0.875rem;
    height: 2.625rem;
  }

  .route {
    font-size: 0.875rem;
    padding: 0.5625rem 0.875rem;
  }

  .route span {
    width: 1.125rem;
    height: 1.125rem;
  }

  .link-feedback {
    padding: 0.5rem 0.75rem;
    line-height: 100%;
    font-size: 0.875rem;
  }

  .link-feedback svg {
    width: 1.5rem;
    height: 1.5rem;
  }

  .tag {
    font-size: 0.75rem;
    gap: 0.75rem;
    padding: 0.3125rem 0.5rem;
	opacity: 0.95;
  }

  .tag svg {
    width: 0.75rem;
    height: 0.75rem;
  }

  .btn-anchor {
    width: 100%;
    justify-content: center;
    font-size: 0.875rem;
    padding: 0.75rem;
  }

  .btn-more {
    font-size: 0.875rem;
    height: 2.625rem;
  }

  .blog-tag {
    font-size: 0.75rem;
    gap: 0.75rem;
    padding: 0.3125rem 0.5rem;
    margin-bottom: 0.75rem;
  }

  .form-field:has(.form-field__data:not(:-moz-placeholder-shown)) .form-field__title {
    font-size: 0.75rem;
  }

  .form-field:has(.form-field__data:not(:-ms-input-placeholder)) .form-field__title {
    font-size: 0.75rem;
  }

  .form-field:has(.form-field__data:focus) .form-field__title,
  .form-field:has(.form-field__data:not(:placeholder-shown)) .form-field__title {
    font-size: 0.75rem;
  }

  .form-field__data {
    font-size: 1rem;
    padding: 0.5rem 0.75rem;
    border-radius: 0.5rem;
  }

  .form-field__title {
    font-size: 1rem;
  }

  .link-account p {
    font-size: 0.8125rem;
  }

  .logo-blur {
    top: 35%;
    right: -10%;
    max-width: 300px;
  }

  .radio-box__title {
    font-size: 1.125rem;
    padding-left: 1.5rem;
  }

  .radio-box__title::after,
  .radio-box__title::before {
    width: 1rem;
    height: 1rem;
    top: 0.4375rem;
  }

  .header__info {
    gap: 0.75rem;
  }

  .header__logo {
    max-width: 6.875rem;
  }

  .footer .cross-block {
    --cross-size: 2.5rem;
  }

  .footer {
    padding-block: 3.5rem;
  }

  .footer__logo {
    max-width: 22.5rem;
    margin-bottom: 1.5rem;
  }

  .footer__details {
    padding: 2.5rem 1.25rem 1.25rem;
  }

  .footer__menu {
    padding: 2.5rem 1.25rem 1.25rem;
  }

  .footer__routes {
    display: grid;
    grid-template-rows: repeat(2, 1fr);
    gap: 0.5rem;
  }

  .footer__routes li {
    font-size: 0.875rem;
  }

  .footer__routes li a {
    min-height: 1.25rem;
  }

  .footer__by {
    font-size: 0.875rem;
    gap: 0.5rem;
  }

  .footer__address p:first-child {
    font-size: 0.75rem;
	opacity: 1;
  }

  .footer__address p:last-child {
    font-size: 1rem;
  }

  .footer__connect .col {
    gap: 0.75rem;
  }

  .footer__connect .col a {
    gap: 0.5rem;
  }

  .footer__connect .col a span:first-child {
    font-size: 0.8125rem;
	opacity: 1;
  }

  .footer__connect .col a span:last-child {
    font-size: 1rem;
  }

  .footer__soc {
    gap: 0.3125rem;
  }

  .footer__legals {
    gap: 0.75rem;
  }

  .footer__copy {
    font-size: 0.875rem;
  }

  .footer__legals a {
    font-size: 0.875rem;
	opacity: 1;
  }

  .footer__summary p {
    font-size: 0.75rem;
    max-width: 90%;
  }

  .footer__contacts {
    gap: 1.5rem;
  }

  .hero {
    padding-block: 7.5rem 40px;
  }

  .hero .link-accent,
  .hero .link-secondary {
    width: 100%;
  }

  .hero .link-accent span,
  .hero .link-secondary span {
    width: 100%;
  }

  .hero .container--c {
    padding: 1.25rem;
    position: relative;
    top: auto;
    transform: translate(0);
    left: auto;
    height: auto;
    -webkit-backdrop-filter: blur(20px);
    backdrop-filter: blur(20px);
  }

  .hero .container--c.cross-block {
    --cross-size: 2.5rem;
  }

  .hero__info {
    margin-top: auto;
    max-width: 100%;
  }

  .hero__windows {
    display: none;
  }

  .hero__controls {
    flex-direction: column;
  }

  .brands {
    padding-block: 1.5rem;
  }

  .brands__head {
    flex-direction: column;
    gap: 0.75rem;
    margin-bottom: 1.5rem;
    align-items: flex-start;
  }

  .services .section-info {
    text-align: left;
  }

  .services__content {
    border-radius: 0;
    padding-block: 3.5rem;
  }

  .services__head {
    padding-inline: var(--container_pdd);
    flex-direction: column;
    margin-bottom: 2rem;
    gap: 0.75rem;
  }

  .services__heading,
  .services__info {
    width: 100%;
  }

  .services__info {
    gap: 0.75rem;
  }

  .services__cards {
    padding-inline: var(--container_pdd);
  }

  .process {
    min-height: 100vh;
    min-height: 100svh;
  }

  .process .cross-block {
    --cross-size: 2.8125rem;
  }

  .process .container {
    height: 100%;
    padding-block: 85px 20px;
  }

  .process__content {
    padding: 2.5rem 1.25rem;
    flex-direction: column;
  }

  .process__show {
    flex: 1;
  }

  .process__paginations {
    display: none;
  }

  .process__slider-slide::before {
    font-size: 1.5rem;
    margin-bottom: 0.75rem;
  }

  .process__title {
    font-size: 1.375rem;
  }

  .process__descr {
    font-size: 1rem;
  }

  .process__controls {
    flex-direction: column;
  }

  .testimonials {
    padding-block: 3.5rem;
  }

  .testimonials__head {
    margin-bottom: 1.5rem;
    max-width: 100%;
  }

  .testimonials__info {
    gap: 0.75rem;
  }

  .faq .container {
    gap: 1.5rem;
  }

  .faq .section-title {
    margin-bottom: 0.75rem;
  }

  .faq .section-info {
    max-width: 100%;
    margin-bottom: 1.125rem;
  }

  .actual {
    padding-block: 3.5rem;
    overflow: hidden;
  }

  .actual .container {
    padding: 0;
  }

  .actual__head {
    margin-bottom: 1.5rem;
    gap: 0.5rem;
    padding-inline: var(--container_pdd);
  }

  .actual__cards {
    display: flex;
    -ms-scroll-snap-type: x mandatory;
    scroll-snap-type: x mandatory;
    overflow: auto;
    scrollbar-width: none;
    -ms-overflow-style: none;
    gap: 0.75rem;
    padding-inline: var(--container_pdd);
    scroll-padding-inline: var(--container_pdd);
  }

  .actual__cards::-webkit-scrollbar {
    display: none;
  }

  .actual__cards .blog-box {
    flex-shrink: 0;
    scroll-snap-align: start;
    max-width: 19.375rem;
    width: 100%;
  }

  .about__description {
    padding-block: 0rem 3.5rem;
    gap: 0.75rem;
  }

  .about__info h2,
  .about__info h3,
  .about__info h4,
  .about__info h5,
  .about__info h6 {
    font-size: 1.5rem;
    margin: 0 0 1rem 0;
  }

  .about__info p:where(:not([class]):not(:last-child)) {
    margin-bottom: 0.75rem;
  }

  .about__info p {
    font-size: 1.125rem;
  }

  .about__info ol,
  .about__info ul {
    gap: 0.75rem;
    margin: 0 0 1.5rem;
  }

  .about__info ol li,
  .about__info ul li {
    font-size: 1rem;
  }

  .about__info ul li {
    padding-left: 2rem;
  }

  .about__info ul li::before {
    width: 1.5rem;
    height: 1.5rem;
    top: 0.1875rem;
  }

  .about__info ol li {
    padding-left: 2rem;
  }

  .about__info ol li::before {
    font-size: 0.875rem;
    width: 1.5rem;
    height: 1.5rem;
    top: 0.1875rem;
  }

  .control {
    padding-block: 3.5rem;
  }

  .control__info h2 {
    font-size: 1.75rem;
  }

  .control__info h3,
  .control__info h4,
  .control__info h5,
  .control__info h6 {
    font-size: 1.125rem;
    line-height: 120%;
  }

  .control__info p {
    font-size: 1rem;
    line-height: 120%;
  }

  .control__info ol,
  .control__info ul {
    gap: 0.75rem;
    margin: 0 0 1.5rem;
  }

  .control__info ol li,
  .control__info ul li {
    font-size: 1rem;
  }

  .control__info ul li {
    padding-left: 2rem;
  }

  .control__info ul li::before {
    width: 1.5rem;
    height: 1.5rem;
    top: 0.1875rem;
  }

  .control__info ol li {
    padding-left: 2rem;
  }

  .control__info ol li::before {
    font-size: 0.875rem;
    width: 1.5rem;
    height: 1.5rem;
    top: 0.1875rem;
  }

  .control .cross-block {
    --cross-size: 4.6875rem;
  }

  .standart {
    padding-block: 3.5rem;
  }

  .standart__content {
    padding-block: 3.5rem;
  }

  .standart__content.cross-block {
    --cross-size: 2.8125rem;
  }

  .standart__info {
    gap: 1.5rem;
  }

  .standart__info h2,
  .standart__info h3,
  .standart__info h4,
  .standart__info h5,
  .standart__info h6 {
    font-size: 1.75rem;
  }

  .standart__info p {
    font-size: 1rem;
    line-height: 120%;
  }

  .standart__info *:last-child {
    gap: 1.5rem;
  }

  .standart .link-accent {
    width: 100%;
  }

  .standart .link-accent span {
    width: 100%;
  }

  .benefits {
    padding-block: 3.5rem;
  }

  .benefits__boxes {
    gap: 2.5rem;
  }

  .prices {
    padding-block: 3.5rem;
  }

  .prices__panel {
    margin-bottom: 2.25rem;
    gap: 0.75rem;
  }

  .prices__controls {
    width: 100%;
    gap: 0.75rem;
    flex-wrap: wrap;
  }

  .prices__reminder {
    gap: 0.125rem;
  }

  .prices__reminder > span {
    font-size: 1.375rem;
  }

  .prices__reminder p {
    font-size: 0.875rem;
    line-height: 120%;
  }

  .prices__cards {
    margin-bottom: 3.5rem;
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }

  .prices .blog__empty {
    grid-column: span 1;
  }

  .preview {
    padding-block: 3.5rem;
    overflow: hidden;
  }

  .preview:has(.testimonial-collect) {
    padding-block: 3.5rem;
  }

  .preview__info {
    padding-bottom: 1.5rem;
    margin-bottom: 1.5rem;
  }

  .preview__info h2 {
    font-size: 1.5rem;
    margin: 0 0 1.5rem 0;
  }

  .preview__info h3,
  .preview__info h4,
  .preview__info h5,
  .preview__info h6 {
    font-size: 1.125rem;
    margin: 0 0 1.5rem 0;
  }

  .preview__info p {
    font-size: 1rem;
    line-height: 120%;
  }

  .preview__info p:where(:not([class]):not(:last-child)) {
    margin-bottom: 0.75rem;
  }

  .preview__info ol,
  .preview__info ul {
    gap: 0.75rem;
  }

  .preview__info ol li,
  .preview__info ul li {
    font-size: 1rem;
    line-height: 120%;
    align-items: baseline;
  }

  .preview__info ol li::before {
    width: 1.875rem;
    height: 1.875rem;
  }

  .preview__info ul li::before {
    width: 1.875rem;
    height: 1.875rem;
  }

  .terms {
    padding-block: 3.5rem;
  }

  .terms .container {
    flex-direction: column;
  }

  .terms__controls {
    max-width: 100%;
    flex-direction: row;
    z-index: 2;
    background: #fff;
  }

  .terms__content {
    gap: 3.5rem;
  }

  .terms__content h2 {
    font-size: 1.5rem;
    margin: 0 0 1.5rem 0;
  }

  .terms__content h3 {
    font-size: 1.25rem;
    margin: 0 0 1.5rem 0;
  }

  .terms__content h4 {
    font-size: 1.125rem;
    margin: 0 0 1.5rem 0;
  }

  .terms__content h5,
  .terms__content h6 {
    font-size: 1.125rem;
    margin: 0 0 1.5rem 0;
  }

  .terms__content p {
    font-size: 1rem;
    line-height: 120%;
  }

  .terms__content p:where(:not([class]):not(:last-child)) {
    margin-bottom: 0.75rem;
  }

  .terms__content p:has(+ :not(p)) {
    margin-bottom: 1.5rem;
  }

  .terms__content ol,
  .terms__content ul {
    gap: 0.75rem;
  }

  .terms__content ol li,
  .terms__content ul li {
    font-size: 1rem;
    line-height: 120%;
  }

  .terms__content blockquote {
    margin: 0 0 1.5rem 0;
    padding-left: 1.125rem;
  }

  .terms__content blockquote p {
    font-size: 1rem;
  }

  .terms__chapter:not(:first-child) {
    padding-top: 3.5rem;
  }

  .blog {
    padding-block: var(--header-h) 3.5rem;
  }

  .blog__empty {
    font-size: 1.375rem;
    grid-column: span 1;
  }

  .blog__controls {
    margin-bottom: 1.5rem;
    gap: 0.75rem;
    flex-wrap: wrap;
  }

  .blog__collect {
    margin-bottom: 3.5rem;
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }

  .article-preview {
    padding-block: var(--header-h) 3.5rem;
  }

  .article {
    padding-block: 3.5rem;
  }

  .article .container {
    gap: 0.75rem;
  }

  .article__info h2 {
    font-size: 1.375rem;
    margin: 0 0 1.5rem 0;
  }

  .article__info h3 {
    font-size: 1.25rem;
    margin: 0 0 1.5rem 0;
  }

  .article__info h4 {
    font-size: 1.125rem;
  }

  .article__info h5,
  .article__info h6 {
    font-size: 1rem;
  }

  .article__info p {
    font-size: 1rem;
    line-height: 130%;
  }

  .article__info p:has(+ :not(p)) {
    margin-bottom: 2.5rem;
  }

  .article__info ol,
  .article__info ul {
    gap: 0.75rem;
    margin: 0 0 1.5rem;
  }

  .article__info ol li,
  .article__info ul li {
    font-size: 1rem;
  }

  .article__info ul li {
    padding-left: 2rem;
  }

  .article__info ul li::before {
    width: 1.5rem;
    height: 1.5rem;
    top: 0.1875rem;
  }

  .article__info ol li {
    padding-left: 2rem;
  }

  .article__info ol li::before {
    font-size: 0.875rem;
    width: 1.5rem;
    height: 1.5rem;
    top: 0.1875rem;
  }

  .article__info blockquote {
    font-size: 1.125rem;
    padding-left: 1.25rem;
    margin: 0 0 2.5rem 0;
  }

  .article__info blockquote *:first-child,
  .article__info blockquote *:last-child {
    padding-block: 1.5rem;
  }

  .article__info img {
    margin-bottom: 2.5rem;
    border-radius: 0.75rem;
  }

  .contacts {
    padding-block: 3.5rem 0;
  }

  .contacts .container {
    padding: 0;
  }

  .contacts__title {
    font-size: 0.875rem;
    margin-bottom: 0.75rem;
    line-height: 120%;
  }

  .contacts__details {
    font-size: 1.125rem;
  }

  .contacts__connect {
    gap: 1.5rem;
    padding-inline: var(--container_pdd);
  }

  .contacts__info:has(.contacts__support) {
    flex-direction: column;
    align-items: flex-start;
    gap: 1.5rem;
  }

  .contacts__phones {
    gap: 0.75rem;
  }

  .product {
    padding-block: var(--header-h) 3.5rem;
  }

  .product .section-heading {
    padding-bottom: 0.75rem;
    margin-bottom: 0.75rem;
  }

  .product__details {
    max-width: 100%;
  }

  .product__intro {
    margin-bottom: 1.5rem;
  }

  .product__title {
    font-size: 1.25rem;
  }

  .product__txts p {
    font-size: 1rem;
    line-height: 130%;
  }

  .product__txts h2,
  .product__txts h1 {
    font-size: 1.75rem;
    margin-bottom: 0.75rem;
  }

  .product__txts h3 {
    font-size: 1.5rem;
    margin-bottom: 0.75rem;
  }

  .product__txts h4,
  .product__txts h5 {
    font-size: 1.25rem;
    margin-bottom: 0.75rem;
  }

  .product__txts h4,
  .product__txts h6 {
    font-size: 1.125rem;
    margin-bottom: 0.75rem;
  }

  .product__txts ol,
  .product__txts ul {
    gap: 0.75rem;
    margin: 0 0 1.5rem;
  }

  .product__txts ol li,
  .product__txts ul li {
    font-size: 1rem;
    line-height: 130%;
  }

  .product__txts ul li {
    padding-left: 2rem;
  }

  .product__txts ul li::before {
    width: 1.5rem;
    height: 1.5rem;
    top: 0.1875rem;
  }

  .product__txts ol li {
    padding-left: 2rem;
  }

  .product__txts ol li::before {
    font-size: 0.875rem;
    width: 1.5rem;
    height: 1.5rem;
    top: 0.1875rem;
  }

  .product__preview {
    flex-direction: column;
    gap: 1.5rem;
  }

  .product__pic {
    top: auto;
    position: static;
    max-width: 100%;
  }

  .product__panel {
    flex-direction: row;
  }

  .product__price {
    font-size: 1.125rem;
  }

  .product__cta {
    height: 2.625rem;
    font-size: 0.875rem;
  }

  .product__cta span {
    width: 100%;
    padding: 0.625rem 2rem;
  }

  .error {
    padding-block: calc(var(--header-h) + 1.5rem) 1.5rem;
  }

  .error__state {
    font-size: 3.5rem;
  }

  .error__content {
    gap: 0.75rem;
  }

  :root {
    --gap: 0.75rem;
  }

  .ticker-logos__track img {
    max-width: 7.5rem;
  }

  .service-box {
    min-height: 23.75rem;
    border-radius: 1rem;
  }

  .service-box__tag {
    padding: 0rem 0.75rem 0.75rem 0.75rem;
    font-size: 1.625rem;
  }

  .service-box__about {
    border-radius: 0.75rem;
    padding: 0.875rem;
    margin: 0.75rem;
    gap: 0.75rem;
  }

  .service-box__about h2,
  .service-box__about h3,
  .service-box__about h4,
  .service-box__about h5,
  .service-box__about h6 {
    font-size: 1.125rem;
  }

  .service-box__about ol,
  .service-box__about ul {
    gap: 0.75rem;
  }

  .service-box__about ol li,
  .service-box__about ul li {
    font-size: 1rem;
  }

  .service-box__about ul li {
    padding-left: 2rem;
  }

  .service-box__about ul li::before {
    width: 1.5rem;
    height: 1.5rem;
    top: 0.1875rem;
  }

  .service-box__about ol li {
    padding-left: 2rem;
  }

  .service-box__about ol li::before {
    font-size: 0.875rem;
    width: 1.5rem;
    height: 1.5rem;
    top: 0.1875rem;
  }

  .testimonial-box {
    padding: 1rem;
    max-width: 18.125rem;
  }

  .testimonial-box__rate {
    gap: 0.125rem;
    margin-bottom: 0.75rem;
  }

  .testimonial-box__rate img {
    width: 1.125rem;
    height: 1.125rem;
  }

  .testimonial-box__text {
    font-size: 0.875rem;
    line-height: 130%;
  }

  .testimonial-box__author {
    gap: 0.5rem;
  }

  .blog-box {
    padding: 0.75rem;
    border-radius: 0.75rem;
    min-height: auto;
    gap: 1.5rem;
  }

  .blog-box .cross-block {
    border-radius: 0.75rem;
    --cross-size: 4.6875rem;
  }

  .blog-box__title {
    font-size: 1.375rem;
    margin-bottom: 0.75rem;
  }

  .blog-box__description {
    font-size: 0.875rem;
  }

  .blog-box__foot svg {
    width: 2.25rem;
    height: 2.25rem;
  }

  .blog-box__pic {
    max-height: 18.75rem;
  }

  .blog-box__dates {
    font-size: 0.875rem;
    padding-left: 0.75rem;
  }

  .blog-box--accent .blog-box__logo {
    margin-bottom: 0.75rem;
  }

  .blog-box--accent .blog-box__description {
    font-size: 1rem;
  }

  .page-presentation {
    min-height: 10.625rem;
  }

  .page-presentation__deco {
    left: 0;
  }

  .page-presentation .logo-blur {
    max-width: 12.5rem;
    right: 0;
    bottom: 1.5rem;
  }

  .benefit-box .link-accent {
    margin-top: 1.5rem;
  }

  .benefit-box__details h2,
  .benefit-box__details h3,
  .benefit-box__details h4,
  .benefit-box__details h5,
  .benefit-box__details h6 {
    font-size: 1.75rem;
    margin-bottom: 0.75rem;
  }

  .benefit-box__details p {
    font-size: 1rem;
  }

  .benefit-box__details ol,
  .benefit-box__details ul {
    gap: 0.75rem;
    margin: 0 0 1.5rem;
  }

  .benefit-box__details ol li,
  .benefit-box__details ul li {
    font-size: 1rem;
  }

  .benefit-box__details ul li {
    padding-left: 2rem;
  }

  .benefit-box__details ul li::before {
    width: 1.5rem;
    height: 1.5rem;
    top: 0.1875rem;
  }

  .benefit-box__details ol li {
    padding-left: 2rem;
  }

  .benefit-box__details ol li::before {
    font-size: 0.875rem;
    width: 1.5rem;
    height: 1.5rem;
    top: 0.1875rem;
  }

  .benefit-box__info {
    padding: 3.125rem 1.25rem;
  }

  .benefit-box__info.cross-block {
    --cross-size: 2.8125rem;
  }

  .benefit-box__tag {
    font-size: 2.625rem;
    left: 1.25rem;
    bottom: 1.25rem;
  }

  .benefit-box__pic.cross-block {
    --cross-size: 2.8125rem;
  }

  .price-box {
    border-radius: 0.75rem;
    padding: 0.75rem;
  }

  .price-box:not(:has(.price-box__cta)) .price-box__price {
    padding-block: 0;
  }

  .price-box__pic.cross-block {
    border-radius: 0.5rem;
  }

  .price-box__title {
    font-size: 1.375rem;
    margin-bottom: 0.625rem;
  }

  .price-box__subtitle {
    font-size: 0.875rem;
    margin-bottom: 0.625rem;
  }

  .price-box__descr {
    font-size: 0.75rem;
    line-height: 120%;
  }

  .price-box__foot {
    padding-block: 0.75rem 0;
    margin-inline: 0;
  }

  .price-box__details {
    padding: 1.125rem 0rem 1.0625rem 0rem;
  }

  .price-box__price {
    font-size: 1.125rem;
  }

  .price-box__cta {
    height: 2.625rem;
    font-size: 0.875rem;
    width: 50%;
  }

  .price-box__cta span {
    width: 100%;
  }

  .brands-box {
    width: 100%;
    place-items: center;
  }

  .brands-box__item {
    border: none;
    min-height: auto;
  }

  .faq-list {
    gap: 1rem;
  }

  .testimonial-collect:has(.btn-more.is-hidden) .testimonial-collect__wrapper {
    margin-bottom: 3.5rem;
  }

  .testimonial-collect__wrapper {
    margin-bottom: 2.5rem;
    display: flex;
    flex-direction: column;
  }

  .testimonial-collect__wrapper .testimonial-box:nth-child(2n) {
    transform: translateY(0);
  }

  .testimonial-collect .btn-more {
    margin-top: 2.5rem;
  }

  .contact-box {
    border-radius: 0;
    padding-block: 1.5rem;
    padding-inline: var(--container_pdd);
  }

  .contact-box__foot {
    padding-top: 1.25rem;
    flex-direction: column;
    gap: 1.5rem;
  }

  .contact-box__tcpa {
    font-size: 0.75rem;
  }

  .contact-box__fields {
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
  }

  .contact-box .link-accent {
    width: 100%;
  }

  .contact-box .link-accent span {
    width: 100%;
  }

  .social-list a {
    width: 2.25rem;
    height: 2.25rem;
  }

  .social-list a svg {
    width: 0.875rem;
    height: 0.875rem;
  }

  .testimonials-slider__carousel {
    margin-bottom: 2.25rem;
  }

  .faq-box {
    gap: 0.625rem;
    padding-bottom: 1rem;
  }

  .faq-box::before {
    font-size: 0.75rem;
  }

  .faq-box__question {
    font-size: 1.125rem;
  }

  .faq-box__answer {
    font-size: 0.875rem;
  }

  .breadcrumbs {
    padding-top: 1.25rem;
    margin-bottom: 2rem;
  }

  .breadcrumbs ul {
    gap: 0.25rem;
  }

  .breadcrumbs ul li {
    font-size: 0.8125rem;
  }
  
  .breadcrumbs ul li:last-child {
	  opacity: 1;
  }

  .breadcrumbs ul li:has(> a) {
    gap: 0.25rem;
  }

  .modal__box {
    padding: 2.625rem 0.75rem 0.75rem;
    max-width: 100%;
  }

  .modal__close {
    width: 1.25rem;
    height: 1.25rem;
    top: 0.75rem;
    right: 0.75rem;
    left: auto;
  }

  .modal__subtitle {
    font-size: 1rem;
    margin-bottom: 0.75rem;
    line-height: 120%;
  }

  .modal__fields {
    margin-bottom: 1.5rem;
    gap: 0.75rem;
  }

  .modal__foot {
    gap: 0.75rem;
  }

  .modal__tcpa {
    font-size: 0.75rem;
  }

  .modal .tribute-content {
    gap: 0.75rem;
  }

  .modal .tribute-content__title {
    font-size: 1.5rem;
    letter-spacing: 0px;
  }

  .modal .tribute-content__subtitle {
    font-size: 1rem;
  }

  .app-modal__form {
    margin-bottom: 0.75rem;
  }

  .app-modal__submit {
    padding-block: 1.5rem 0.75rem;
    padding-inline: var(--container_pdd);
  }

  .app-modal__flow {
    width: 100%;
  }

  .app-modal__head {
    padding-block: 2.625rem 0.75rem;
    padding-inline: var(--container_pdd);
  }

  .app-modal__titles {
    gap: 0.3125rem;
  }

  .app-modal__heading {
    font-size: 1.625rem;
  }

  .app-modal__subheading {
    font-size: 1rem;
    line-height: 120%;
  }

  .app-modal__show {
    display: none;
  }

  .app-form {
    --gap: 1.5rem;
  }

  .app-form__targets {
    gap: 0.75rem;
    flex-direction: column;
  }

  .app-form__targets * {
    width: 100%;
  }

  .app-form__reminder {
    padding: 0.75rem;
    border-radius: 0.75rem;
    gap: 0.5rem;
    font-size: 0.875rem;
    line-height: 120%;
  }

  .app-form__reminder svg {
    width: 1.25rem;
    height: 1.25rem;
  }

  .app-form__detail .app-form__reminder {
    margin-bottom: 2rem;
  }

  .app-form__title {
    margin-bottom: 2rem;
    font-size: 1.125rem;
  }

  .app-form__subtitle {
    font-size: 1.125rem;
    margin-bottom: 1.125rem;
  }

  .app-form__subtitle-sm {
    margin-bottom: 1rem;
  }

  .app-form__text {
    font-size: 1rem;
    line-height: 120%;
  }

  .app-form__select {
    margin-bottom: 2rem;
  }

  .app-form__info {
    margin-bottom: 1.125rem;
    gap: 0.75rem;
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }

  .app-form__info .form-field:not(:nth-child(-n+3)) {
    grid-column: span 1;
  }

  .app-form__radios {
    margin-bottom: 2rem;
    gap: 0.75rem;
  }

  .app-form__radios:has(+ .app-form__reminder) {
    margin-bottom: 1.125rem;
  }

  .app-form__short {
    gap: 0.75rem;
  }

  .app-form__submit {
    gap: 0.75rem;
    text-align: left;
  }

  .app-form__tcpa {
    font-size: 0.75rem;
  }

  .file-upload {
    margin-bottom: 2rem;
  }

  .file-upload__head svg {
    width: 1.25rem;
    height: 1.25rem;
  }

  .file-upload__title {
    font-size: 1.125rem;
  }

  .file-upload__info {
    font-size: 0.875rem;
    line-height: 130%;
    max-width: 100%;
  }

  .file-upload__dropzone {
    padding: 0.75rem;
    border-radius: 0.75rem;
  }

  .select2 .select2-selection {
    min-height: 3rem;
  }

  .select2 .select2-selection__placeholder,
  .select2 .select2-selection__rendered {
    font-size: 1rem;
  }

  .select2 .select2-selection {
    border-radius: 0.5rem;
  }

  .select2 .select2-selection--multiple {
    min-height: 5.9375rem;
    padding: 0rem 1.875rem 0.75rem 0.75rem !important;
  }

  .select2 .select2-selection--multiple::after {
    top: 0.625rem !important;
  }

  .select2 .select2-selection::after {
    right: 0.75rem;
  }

  .select2-selection--multiple .select2-selection__rendered {
    padding-top: 0.75rem;
  }

  .select2-selection--multiple .select2-search {
    padding: 0;
    font-size: 1rem;
    line-height: 120%;
  }

  .my-dropdown-multiple .select2-results__options {
    padding: 0.75rem;
  }

  .my-dropdown-multiple .select2-results__option {
    font-size: 1rem;
    line-height: 120%;
  }
}

@media (hover: hover) and (max-width: 767.98px) {
  .link-accent:hover span {
    height: 2.375rem;
  }

  .link-secondary:hover span {
    height: 2.375rem;
  }

  .btn-more:hover {
    min-width: 20.875rem;
  }

  .btn-more:hover span {
    height: 2.5rem;
  }
}

@media (hover: none) and (max-width: 767.98px) {
  .link-accent:active span {
    height: 2.375rem;
  }

  .link-secondary:active span {
    height: 2.375rem;
  }

  .btn-more:active {
    min-width: 20.875rem;
  }

  .btn-more:active span {
    height: 2.5rem;
  }
}

@media (hover: hover) {
  .link-accent:hover span {
    height: 3.625rem;
  }

  .link-secondary:hover span {
    height: 3.625rem;
  }

  .route:hover span::before {
    opacity: 1;
    transform: translate(0);
  }

  .route:hover span::after {
    opacity: 0;
    transform: translate(50%, 50%);
  }

  .link-feedback:hover span {
    transform: scaleY(0.95);
  }

  .link-feedback:hover svg .first-wave {
    opacity: 1;
  }

  .link-feedback:hover svg .second-wave {
    opacity: 1;
  }

  .btn-anchor:hover {
    --s: 100px;
    color: #000;
  }

  .btn-anchor:hover::before {
    border-color: #000;
  }

  .btn-anchor.is-active:hover {
    background: #000000;
    color: #fff;
  }

  .btn-anchor--light:hover {
    color: #fff;
  }

  .btn-anchor--light:hover::before {
    border-color: #fff;
  }

  .btn-more:hover {
    min-width: 21.625rem;
  }

  .btn-more:hover span {
    height: 2.8125rem;
  }

  .form-field__data:hover {
    border-color: #ff6122;
  }

  .link-account:hover span img:last-child {
    left: 0.125rem;
  }

  .link-account a:hover {
    padding-block: 0.375rem;
  }

  .header .link-accent:hover span {
    height: 2.75rem;
  }

  .header .link-secondary:hover span {
    height: 2.625rem;
  }

  .header__call:hover svg .first-wave {
    opacity: 1;
  }

  .header__call:hover svg .second-wave {
    opacity: 1;
  }

  .footer__routes li a:hover {
    color: #ffa126;
  }

  .footer__soc li a:hover svg {
    color: #ffa126;
  }

  .footer__legals a:hover {
    opacity: 1;
  }

  .contacts__soc a:hover {
    color: #de5126;
  }

  .product__cta:hover span {
    height: 3.625rem;
  }

  .ticker-logos__marquee:hover .ticker-logos__track {
    animation-play-state: paused;
  }

  .blog-box:hover .blog-box__pic img {
    transform: scale(1.15);
  }

  .blog-box:hover .blog-box__foot svg {
    opacity: 1;
    transform: translate(-8px, -8px);
  }

  .blog-box--accent:hover .blog-box__foot p {
    opacity: 1;
  }

  .price-box:hover {
    background: #e6e7ec;
  }

  .price-box:hover .price-box__pic img {
    transform: scale(1.15);
  }

  .price-box__cta:hover span {
    height: 3.625rem;
  }

  .nav-panel ul li:has(ul) ul li a:hover {
    background: rgba(7, 33, 54, 0.2);
    color: #ffffff;
  }

  .nav-panel ul li:has(ul) ul li a:hover span::before {
    opacity: 1;
    transform: translate(0);
  }

  .nav-panel ul li:has(ul) ul li a:hover span::after {
    opacity: 0;
    transform: translate(50%, 50%);
  }

  .nav-panel > ul > li > a:hover span:first-child {
    transform: translateY(-100%);
  }

  .nav-panel > ul > li > a:hover span:last-child {
    transform: translateY(0);
  }

  .social-list a:hover {
    background: #072136;
    color: #ffffff;
  }

  .testimonials-slider:hover .testimonials-slider__btn {
    opacity: 1;
    backdrop-filter: blur(44px);
    -webkit-backdrop-filter: blur(44px);
  }

  .testimonials-slider:hover .testimonials-slider__btn.swiper-button-disabled {
    opacity: 0.5;
  }

  .testimonials-slider__btn:hover {
    width: 5.5rem;
    height: 5.5rem;
  }

  .testimonials-slider__btn:hover::before {
    opacity: 1;
    transform: translate(-50%, -50%);
  }

  .testimonials-slider__btn:hover::after {
    opacity: 0;
    transform: translate(100%, 100%);
  }

  .mobile-menu .link-accent:hover span {
    height: 2.3125rem;
  }

  .mobile-menu .link-secondary:hover span {
    height: 2.8125rem;
  }

  .mobile-menu .nav-panel > ul > li > a:hover span:first-child {
    transform: translateY(0%);
  }

  .mobile-menu .nav-panel > ul > li > a:hover span:last-child {
    transform: translateY(100%);
  }

  .file-upload__dropzone:hover {
    border-color: #ff6122;
  }

  .select2 .select2-selection:hover {
    border-color: #ff6122;
  }

  .select2 .select2-selection--multiple .select2-selection__choice__remove:hover {
    background: transparent;
  }
}

@media (hover: none) {
  .link-accent:active span {
    height: 3.625rem;
  }

  .link-secondary:active span {
    height: 3.625rem;
  }

  .route:active span::before {
    opacity: 1;
    transform: translate(0);
  }

  .route:active span::after {
    opacity: 0;
    transform: translate(50%, 50%);
  }

  .link-feedback:active span {
    transform: scaleY(0.95);
  }

  .link-feedback:active svg .first-wave {
    opacity: 1;
  }

  .link-feedback:active svg .second-wave {
    opacity: 1;
  }

  .btn-anchor:active {
    --s: 100px;
    color: #000;
  }

  .btn-anchor:active::before {
    border-color: #000;
  }

  .btn-anchor.is-active:active {
    background: #000000;
    color: #fff;
  }

  .btn-anchor--light:active {
    color: #fff;
  }

  .btn-anchor--light:active::before {
    border-color: #fff;
  }

  .btn-more:active {
    min-width: 21.625rem;
  }

  .btn-more:active span {
    height: 2.8125rem;
  }

  .form-field__data:active {
    border-color: #ff6122;
  }

  .link-account:active span img:last-child {
    left: 0.125rem;
  }

  .link-account a:active {
    padding-block: 0.375rem;
  }

  .header .link-accent:active span {
    height: 2.75rem;
  }

  .header .link-secondary:active span {
    height: 2.625rem;
  }

  .header__call:active svg .first-wave {
    opacity: 1;
  }

  .header__call:active svg .second-wave {
    opacity: 1;
  }

  .footer__routes li a:active {
    color: #ffa126;
  }

  .footer__soc li a:active svg {
    color: #ffa126;
  }

  .footer__legals a:active {
    opacity: 1;
  }

  .contacts__soc a:active {
    color: #de5126;
  }

  .product__cta:active span {
    height: 3.625rem;
  }

  .ticker-logos__marquee:active .ticker-logos__track {
    animation-play-state: paused;
  }

  .blog-box:active .blog-box__pic img {
    transform: scale(1.15);
  }

  .blog-box:active .blog-box__foot svg {
    opacity: 1;
    transform: translate(-8px, -8px);
  }

  .blog-box--accent:active .blog-box__foot p {
    opacity: 1;
  }

  .price-box:active {
    background: #e6e7ec;
  }

  .price-box:active .price-box__pic img {
    transform: scale(1.15);
  }

  .price-box__cta:active span {
    height: 3.625rem;
  }

  .nav-panel ul li:has(ul) ul li a:active {
    background: rgba(7, 33, 54, 0.2);
    color: #ffffff;
  }

  .nav-panel ul li:has(ul) ul li a:active span::before {
    opacity: 1;
    transform: translate(0);
  }

  .nav-panel ul li:has(ul) ul li a:active span::after {
    opacity: 0;
    transform: translate(50%, 50%);
  }

  .nav-panel > ul > li > a:active span:first-child {
    transform: translateY(-100%);
  }

  .nav-panel > ul > li > a:active span:last-child {
    transform: translateY(0);
  }

  .social-list a:active {
    background: #072136;
    color: #ffffff;
  }

  .testimonials-slider:active .testimonials-slider__btn {
    opacity: 1;
    backdrop-filter: blur(44px);
    -webkit-backdrop-filter: blur(44px);
  }

  .testimonials-slider:active .testimonials-slider__btn.swiper-button-disabled {
    opacity: 0.5;
  }

  .testimonials-slider__btn:active {
    width: 5.5rem;
    height: 5.5rem;
  }

  .testimonials-slider__btn:active::before {
    opacity: 1;
    transform: translate(-50%, -50%);
  }

  .testimonials-slider__btn:active::after {
    opacity: 0;
    transform: translate(100%, 100%);
  }

  .mobile-menu .link-accent:active span {
    height: 2.3125rem;
  }

  .mobile-menu .link-secondary:active span {
    height: 2.8125rem;
  }

  .mobile-menu .nav-panel > ul > li > a:active span:first-child {
    transform: translateY(0%);
  }

  .mobile-menu .nav-panel > ul > li > a:active span:last-child {
    transform: translateY(100%);
  }

  .file-upload__dropzone:active {
    border-color: #ff6122;
  }

  .select2 .select2-selection:active {
    border-color: #ff6122;
  }

  .select2 .select2-selection--multiple .select2-selection__choice__remove:active {
    background: transparent;
  }
}

@media (max-height: 800px) {
  .hero .container--th {
    left: 60%;
  }
}


.download-box {
  padding-block: 2.5rem;
  margin-bottom: 2.5rem;
  border-bottom: 1px solid #e6e7ec;
}

.download-box__wrapper {
  padding: 1rem;
  border-radius: 0.75rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.75rem;
  width: 100%;
  background: #e6e7ec;
  color: #000;
}

.download-box__wrapper svg {
  width: 1.5rem;
  height: 1.5rem;
}

.download-box__info {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  font: 600 0.875rem/20px "IBM Plex Sans", sans-serif;
}

.download-box__info img {
  width: 1.6875rem;
  height: 1.6875rem;
}

.support-box {
  position: fixed;
  right: 6.5rem;
  right: calc(var(--container_pdd) + 1.25rem);
  bottom: 7.5rem;
  z-index: 6;
}

.support-box:has(.support-box__trigger.is-active) .support-box__soc {
  padding-block: 0.5rem;
  transform: translateY(-100%);
  clip-path: inset(0 0 0 0);
}

.support-box__trigger {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 3.9375rem;
  height: 3.9375rem;
  border-radius: 999px;
  background: #ff6122;
  box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.1215686275);
  transition: all 0.3s cubic-bezier(0.768, 0.304, 0.496, 0.884);
}

.support-box__trigger.is-active {
  border-radius: 0 0 999px 999px;
  background: #fff;
}

.support-box__trigger.is-active::after,
.support-box__trigger.is-active::before {
  opacity: 0;
  visibility: hidden;
}

.support-box__trigger.is-active > img:last-child {
  transform: translate(-50%, -50%);
  opacity: 1;
  visibility: visible;
}

.support-box__trigger.is-active > img:first-child {
  transform: translate(-50%, -40%);
  opacity: 0;
  visibility: hidden;
}

.support-box__trigger::before,
.support-box__trigger::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 100%;
  height: 100%;
  border-radius: 50%;
  background: #ff6122;
  pointer-events: none;
  transform: translate(-50%, -50%) scale(1);
  opacity: 0;
  animation: pulse 3s cubic-bezier(0.25, 0, 0, 1) infinite;
  transition: all 3 0.3s cubic-bezier(0.768, 0.304, 0.496, 0.884);
}

.support-box__trigger::after {
  animation-delay: 1.5s;
}

.support-box__trigger > img {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 2;
  width: 2.5rem;
  height: 2.5rem;
  transition: all 0.3s cubic-bezier(0.768, 0.304, 0.496, 0.884);
}

.support-box__trigger > img:last-child {
  transform: translate(-50%, 0%);
  opacity: 0;
  visibility: hidden;
}

.support-box__message {
  opacity: 0;
  visibility: hidden;
  position: absolute;
  top: 50%;
  left: -7.8125rem;
  transform: translateY(20%);
  font: 600 0.8125rem/120% "IBM Plex Sans", sans-serif;
  text-transform: uppercase;
  text-align: center;
  padding: 0.5rem 1rem;
  border-radius: 1.5rem;
  background: rgba(0, 0, 0, 0.6);
  color: #fff;
  transition: all 0.5s cubic-bezier(0.768, 0.304, 0.496, 0.884);
}

.support-box__message.is-show {
  opacity: 1;
  visibility: visible;
  transform: translateY(-50%);
}

.support-box__soc {
  z-index: -1;
  clip-path: inset(100% 0 0 0);
  width: 100%;
  position: absolute;
  right: 0;
  top: 0;
  padding: 0;
  border-radius: 999px 999px 0 0;
  transform: translateY(-85%);
  background: #fff;
  transition: all 0.3s cubic-bezier(0.768, 0.304, 0.496, 0.884);
}

.support-box__connect {
  overflow: hidden;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.5rem;
}

.support-box__connect a {
  width: 3.1875rem;
  height: 3.1875rem;
}

.site-controls {
  display: flex;
  align-items: center;
  gap: 1rem;
}

.site-controls::after {
  content: "";
  width: 0.125rem;
  height: 0.875rem;
  background: #b0bec9;
}

.site-controls__btn {
  position: relative;
  flex-shrink: 0;
  width: 3rem;
  height: 3rem;
  border-radius: 50%;
  align-items: center;
  justify-content: center;
  display: inline-flex;
}

.site-controls__btn::after {
  content: "";
  border-radius: 50%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  height: 100%;
  z-index: -1;
  background: #e6e7ec;
  transition: all 0.3s cubic-bezier(0.768, 0.304, 0.496, 0.884);
}

.site-controls__btn img,
.site-controls__btn svg {
  width: 1.5rem;
  height: 1.5rem;
}

.site-controls .basket-count {
  font: 400 0.75rem/150% "IBM Plex Sans", sans-serif;
  position: absolute;
  top: 0;
  right: 0;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  min-height: 1.4375rem;
  aspect-ratio: 1;
  padding: 0.125rem;
  border: 2px solid #e6e7ec;
  background: #ff6122;
  color: #fff;
}

.login-box .is-hide {
  display: none;
}

.login-box__timer {
  margin-left: 0.1875rem;
}

.login-box__refresh {
  margin-bottom: 2.5rem;
  padding: 1rem;
  font: 600 0.9375rem/140% "IBM Plex Sans", sans-serif;
  text-transform: uppercase;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #072136;
  transition: all 0.3s cubic-bezier(0.768, 0.304, 0.496, 0.884);
}

.login-box__refresh:not(:disabled) .login-box__timer {
  display: none;
}

.login-box__refresh:disabled {
  pointer-events: none;
  color: #b0bec9;
}

.login-box__refresh svg {
  margin-right: 1rem;
  width: 2rem;
  height: 2rem;
  transition: all 0.3s cubic-bezier(0.768, 0.304, 0.496, 0.884);
}

.login-box__verif {
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
}

.login-box__choice {
  font: 400 0.875rem/170% "IBM Plex Sans", sans-serif;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.375rem;
  color: rgba(83, 88, 98, 0.5);
}

.login-box__choice::after,
.login-box__choice::before {
  content: "";
  height: 1px;
  width: 100%;
  background: rgba(83, 88, 98, 0.25);
}

.login-box__google {
  display: flex;
  align-items: center;
  justify-content: center;
  font: 600 0.9375rem/140% "IBM Plex Sans", sans-serif;
  text-transform: uppercase;
  gap: 1rem;
  width: 100%;
  padding: 1.25rem;
  border-radius: 999px;
  background: #e6e7ec;
  color: #072136;
}

.verification-code {
  margin-bottom: 3.5rem;
  display: flex;
  gap: 0.6875rem;
}

.verification-code input {
  font: 400 1.25rem/30px "IBM Plex Sans", sans-serif;
  flex: 1;
  padding: 0;
  outline: none;
  width: 4rem;
  height: 4rem;
  text-align: center;
  text-transform: uppercase;
  border-radius: 1rem;
  background: #f6f6f6;
  border: 1px solid #e6e7ec;
  transition: all 0.3s cubic-bezier(0.768, 0.304, 0.496, 0.884);
}

.verification-code input:focus {
  border-color: #ff6122;
}

.signup-form {
  padding-block: 5rem;
  padding-inline: 2.625rem 1.625rem;
}

.signup-form__title {
  margin-bottom: 2.5rem;
  font: 600 1.375rem/28px "IBM Plex Sans", sans-serif;
}

.signup-form__fields {
  display: grid;
  grid-template-columns: repeat(6, minmax(0, 1fr));
  gap: 2rem 1rem;
}

.signup-form__fields .form-field {
  grid-column: span 2;
}

.signup-form__fields .form-field:not(:nth-child(-n+3)) {
  grid-column: span 3;
}

.site-search {
  margin-top: 1.5rem;
}

.site-search__empty {
  font: 400 1rem/30px "IBM Plex Sans", sans-serif;
  text-align: center;
  color: #838487;
}

.site-search__field {
  position: relative;
  margin-bottom: 1.5rem;
}

.site-search__field.has-value .site-search__clear {
  opacity: 1;
  visibility: visible;
  pointer-events: all;
}

.site-search__field::after {
  content: "";
  position: absolute;
  display: inline-flex;
  top: 50%;
  transform: translateY(-50%);
  left: 1.25rem;
  width: 1.5rem;
  height: 1.5rem;
  background: url("./images/icons/search.svg") no-repeat center center/cover;
}

.site-search__clear {
  pointer-events: none;
  opacity: 0;
  visibility: hidden;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 2rem;
  height: 2rem;
  right: 1rem;
  color: #b0bec9;
  transition: all 0.3s cubic-bezier(0.768, 0.304, 0.496, 0.884);
}

.site-search__clear svg {
  width: 100%;
  height: 100%;
}

.site-search input {
  padding: 0.8125rem 3.75rem;
  width: 100%;
  outline: none;
  border-radius: 3.25rem;
  border: 1px solid #838487;
  font: 400 1.25rem/30px "IBM Plex Sans", sans-serif;
  color: #000000;
  caret-color: #000000;
  transition: all 0.3s cubic-bezier(0.768, 0.304, 0.496, 0.884);
}

.site-search input:focus {
  border-color: #ff6122;
}

.site-search input[type=search]::-webkit-search-cancel-button {
  -webkit-appearance: none;
  appearance: none;
  display: none;
}

.site-search__results {
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
}

.site-search__result {
  display: flex;
  align-items: center;
  gap: 1rem;
}

.site-search__preview {
  width: 5rem;
  height: 5rem;
  border-radius: 0.5rem;
  overflow: hidden;
}

.site-search__preview img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}

.site-search__name {
  font: 600 1.375rem/100% "IBM Plex Sans", sans-serif;
  color: #072136;
}

.site-search__articul {
  font: 400 0.875rem/170% "IBM Plex Sans", sans-serif;
  color: #b0bec9;
}

.site-search__price {
  font: 400 1rem/180% "IBM Plex Sans", sans-serif;
  color: #072136;
}

.basket-clear {
  font: 600 1rem/24px "IBM Plex Sans", sans-serif;
  display: flex;
  align-items: center;
  gap: 0.5rem;
  color: #072136;
  transition: all 0.3s cubic-bezier(0.768, 0.304, 0.496, 0.884);
}

.basket-clear svg {
  width: 1.5rem;
  height: 1.5rem;
}

.site-basket {
  padding-top: 2.5rem;
}

.site-basket__products {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  margin-bottom: 0.5rem;
}

.site-basket__form {
  padding-top: 2rem;
}

.site-basket__title {
  font: 600 1.375rem/28px "IBM Plex Sans", sans-serif;
  margin: 0 0 2rem 0;
}

.site-basket__fields {
  display: flex;
  flex-direction: column;
  gap: 2rem;
  margin-bottom: 2rem;
}

.site-basket__total {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 1.5rem;
}

.site-basket__total p {
  margin: 0;
}

.site-basket__total p:first-child {
  font: 600 0.875rem/20px "IBM Plex Sans", sans-serif;
}

.site-basket__total p:last-child {
  font: 600 1.375rem/28px "IBM Plex Sans", sans-serif;
}

.basket-product {
  padding: 0.5rem;
  display: flex;
  align-items: center;
  gap: 1rem;
}

.basket-product:not(:last-child) {
  border-bottom: 1px solid #e6e7ec;
}

.basket-product__info {
  width: 100%;
}

.basket-product__head {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 1rem;
}

.basket-product__foot {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
}

.basket-product__preview {
  flex-shrink: 0;
  overflow: hidden;
  width: 6.25rem;
  height: 6.25rem;
  border-radius: 0.5rem;
  border: 1px solid #b0bec9;
}

.basket-product__preview img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}

.basket-product__name {
  font: 600 1rem/24px "IBM Plex Sans", sans-serif;
  color: #072136;
}

.basket-product__code {
  font: 400 0.875rem/170% "IBM Plex Sans", sans-serif;
  color: #b0bec9;
}

.basket-product__del {
  width: 1.5rem;
  height: 1.5rem;
  color: #000;
  color: #072136;
  transition: all 0.3s cubic-bezier(0.768, 0.304, 0.496, 0.884);
}

.basket-product__price {
  font: 400 1.125rem/180% "IBM Plex Sans", sans-serif;
  color: #072136;
}

.basket-product__counter {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.625rem;
  padding: 0.625rem;
  border-radius: 2.5rem;
  background: #e6e7ec;
}

.basket-product__handler {
  width: 1.25rem;
  height: 1.25rem;
  transition: all 0.3s cubic-bezier(0.768, 0.304, 0.496, 0.884);
}

.basket-product__field {
  font: 400 1.125rem/180% "IBM Plex Sans", sans-serif;
  outline: none;
  text-align: center;
  width: 3rem;
  height: 2rem;
  border: 1px solid transparent;
  padding: 0;
  padding-inline: 0.1875rem;
  border-radius: 2.5rem;
  transition: all 0.3s cubic-bezier(0.768, 0.304, 0.496, 0.884);
  background: #fff;
}

.basket-product__field[type=number] {
  -webkit-appearance: textfield;
  appearance: textfield;
  -moz-appearance: textfield;
}

.basket-product__field[type=number]::-webkit-outer-spin-button,
.basket-product__field[type=number]::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

.basket-product__field:focus,
.basket-product__field:active {
  border-color: #ff6122;
}

.account {
  padding-block: calc(var(--header-h) + 5.625rem) 10rem;
  background: #fff;
}

.account .container {
  width: 100%;
  display: flex;
  align-items: flex-start;
  gap: 12.5rem;
}

.cabinet-mob {
  max-width: 20.6875rem;
  width: 100%;
  position: sticky;
  top: calc(var(--header-h) + 1.875rem);
}

.cabinet-mob__toggle {
  display: none;
}

.site-cabinet {
  width: 100%;
}

.account-info {
  max-width: 62.25rem;
  width: 100%;
}

.account-info__user {
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
}

.account-info__del {
  width: -moz-max-content;
  width: max-content;
  display: flex;
  align-items: center;
  gap: 0.5rem;
  font: 600 1rem/24px "IBM Plex Sans", sans-serif;
  transition: all 0.3s cubic-bezier(0.768, 0.304, 0.496, 0.884);
}

.account-info__del svg {
  width: 1.5rem;
  height: 1.5rem;
  transition: all 0.3s cubic-bezier(0.768, 0.304, 0.496, 0.884);
}

.account-info__reminder {
  max-width: 27.9375rem;
  display: flex;
  align-items: flex-start;
  gap: 1.5rem;
  padding: 1rem;
  border-radius: 1rem;
  font: 400 1rem/180% "IBM Plex Sans", sans-serif;
  background: #f6f6f6;
  color: #072136;
}

.account-info__reminder svg {
  flex-shrink: 0;
  width: 2rem;
  height: 2rem;
  color: #537896;
}

.account-info__head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1.5rem;
  margin-bottom: 3.5rem;
  flex-wrap: wrap;
}

.account-info__title {
  display: flex;
  align-items: center;
  gap: 1.5rem;
  font: 600 2.5rem/130% "IBM Plex Sans", sans-serif;
  letter-spacing: -2px;
}

.account-info__title svg {
  width: 2.5rem;
  height: 2.5rem;
  transition: all 0.3s cubic-bezier(0.768, 0.304, 0.496, 0.884);
}

.account-info .link-accent span {
  padding-inline: 1.25rem;
}

.account-info .site-search {
  margin-bottom: 1.5rem;
}

.account-info .site-search input {
  border-color: rgba(7, 33, 54, 0.3019607843);
}

.account-info .site-search input:focus,
.account-info .site-search input:active {
  border-color: #ff6122;
}

.del-controls {
  display: flex;
  flex-direction: row-reverse;
  gap: 0.5rem;
}

.del-controls .link-accent,
.del-controls .link-secondary {
  width: 50%;
}

.del-controls .link-accent span,
.del-controls .link-secondary span {
  width: 100%;
}

.del-controls .link-secondary {
  color: #072136;
}

.user-box {
  padding: 2rem 2.5rem;
  border-radius: 0.5rem;
  background: #f6f6f6;
}

.user-box:not(:has(.user-box__subtitle)) .user-box__head {
  margin-bottom: 2rem;
}

.user-box__head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.75rem;
  margin-bottom: 0.5rem;
}

.user-box__edit {
  width: -moz-max-content;
  width: max-content;
  display: flex;
  align-items: center;
  gap: 0.5rem;
  font: 600 1rem/24px "IBM Plex Sans", sans-serif;
  transition: all 0.3s cubic-bezier(0.768, 0.304, 0.496, 0.884);
}

.user-box__edit svg {
  width: 1.5rem;
  height: 1.5rem;
  transition: all 0.3s cubic-bezier(0.768, 0.304, 0.496, 0.884);
}

.user-box__title {
  font: 600 1.375rem/30px "IBM Plex Sans", sans-serif;
}

.user-box__subtitle {
  font: 400 1.25rem/30px "IBM Plex Sans", sans-serif;
  margin-bottom: 2rem;
}

.user-box__personal {
  display: flex;
  flex-wrap: wrap;
  gap: 0.75rem;
}

.user-box__label {
  margin-bottom: 0.25rem;
  font: 400 0.75rem/150% "IBM Plex Sans", sans-serif;
  color: #535862;
}

.user-box__name {
  flex: 1;
}

.user-box__info {
  font: 400 1.125rem/180% "IBM Plex Sans", sans-serif;
}

.user-box__connect {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
}

.user-box__contact {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.75rem;
  flex: 1;
}

.user-box__contact:first-child {
  padding-right: 3.5rem;
  border-right: 1px solid #b0bec9;
}

.user-box__contact:last-child {
  padding-left: 3.5rem;
}

.edit-form form {
  display: flex;
  flex-direction: column;
  gap: 2.5rem;
}

.reserved-info {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0.5rem;
  border-radius: 1rem;
  gap: 0.25rem;
  margin-bottom: 2.5rem;
  background: #e6e7ec;
}

.reserved-info p {
  margin: 0;
}

.reserved-info p:first-child {
  font: 400 0.875rem/170% "IBM Plex Sans", sans-serif;
  color: #79767d;
}

.reserved-info p:last-child {
  font: 600 1.375rem/28px "IBM Plex Sans", sans-serif;
  color: #000;
}

.pay-box {
  display: flex;
  flex-direction: column;
  border-radius: 1rem;
  padding: 1.5rem;
  gap: 1rem;
  margin-bottom: 1.5rem;
  background: #e6e7ec;
}

.pay-box__head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.75rem;
  font: 600 1.375rem/30px "IBM Plex Sans", sans-serif;
}

.pay-box__head p {
  margin: 0;
}

.pay-box .link-accent {
  width: 100%;
}

.pay-box .link-accent span {
  width: 100%;
}

.service-details {
  display: flex;
  align-items: flex-start;
  gap: 2.5rem;
}

.service-statuses {
  width: 100%;
  max-width: 17.0625rem;
  position: sticky;
  display: grid;
  grid-template-rows: 1fr;
  top: calc(var(--header-h) + 1.875rem);
}

.service-statuses__list {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}

.service-statuses__point {
  padding-left: 1.5rem;
  position: relative;
  display: flex;
  align-items: center;
  gap: 0.5rem;
  font: 600 0.8125rem/120% "IBM Plex Sans", sans-serif;
  text-transform: uppercase;
  color: #b0bec9;
}

.service-statuses__point::before {
  content: "";
  width: 0.25rem;
  height: 0.25rem;
  border-radius: 50%;
  background: #b0bec9;
}

.service-statuses__point::after {
  content: "";
  position: absolute;
  left: -0.625rem;
  top: -0.25rem;
  width: 1.5rem;
  height: 1.5rem;
  background: url("./images/icons/status-wait.svg") no-repeat;
}

.service-statuses .point-done {
  color: #4dbf42;
}

.service-statuses .point-done::before {
  background: #4dbf42;
}

.service-statuses .point-done::after {
  background: url("./images/icons/status-done.svg") no-repeat;
}

.service-statuses .point-process {
  color: #2ba0a7;
}

.service-statuses .point-process::before {
  background: #2ba0a7;
}

.service-statuses .point-process::after {
  background: url("./images/icons/status-process.svg") no-repeat;
}

.service-info {
  max-width: 42.6875rem;
}

.service-info__boxes {
  display: flex;
  flex-direction: column;
  gap: 3.5rem;
}

.service-info__title {
  margin-bottom: 1.5rem;
  font: 600 1.375rem/30px "IBM Plex Sans", sans-serif;
}

.service-info__details {
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
}

.service-info__content {
  overflow: auto;
  scrollbar-width: none;
  -ms-overflow-style: none;
  max-height: 10rem;
  font: 400 1.25rem/30px "IBM Plex Sans", sans-serif;
  border-radius: 1rem;
  padding: 1rem 0.9375rem;
  background: #f6f6f6;
  border: 1px solid #e6e7ec;
}

.service-info__content::-webkit-scrollbar {
  display: none;
}

.service-info__content--lg {
  max-height: none;
  height: 10rem;
}

.service-info__data {
  position: relative;
}

.service-info__data span {
  position: absolute;
  top: 0;
  left: 0.9375rem;
  transform: translateY(-50%);
  font-size: 0.875rem;
  line-height: 170%;
  border-radius: 0.25rem;
  padding: 0.0625rem 0.25rem;
  background: #fff;
  color: #537896;
}

.user-details {
  display: flex;
  flex-direction: column;
  border-radius: 0.5rem;
  padding: 0.75rem 1rem;
  gap: 0.25rem;
  margin-bottom: 0.5rem;
  background: #e6e7ec;
}

.user-details__name {
  font: 600 1.375rem/30px "IBM Plex Sans", sans-serif;
}

.user-details__contact {
  display: flex;
  align-items: center;
  font: 400 0.875rem/170% "IBM Plex Sans", sans-serif;
  gap: 0.5rem;
  color: #535862;
}

.user-details__contact svg {
  width: 1rem;
  height: 1rem;
}

.bonuses-box {
  margin-bottom: 2rem;
  padding: 0.625rem 0.9375rem;
  border-radius: 0.5rem;
  border: 1px solid #de5a26;
}

.bonuses-box__wrapper {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.5rem;
}

.bonuses-box__info {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}

.bonuses-box__title {
  font: 600 1rem/24px "IBM Plex Sans", sans-serif;
}

.bonuses-box__tooltip {
  flex-shrink: 0;
  width: 1.5rem;
  height: 1.5rem;
  color: #365d7c;
}

.bonuses-box__tooltip svg {
  width: 100%;
  height: 100%;
}

.bonuses-box__val {
  font: 600 1.375rem/30px "IBM Plex Sans", sans-serif;
}

.bonuses-box__details {
  display: grid;
  grid-template-rows: 0fr;
  font: 400 0.875rem/120% "IBM Plex Sans", sans-serif;
  transition: all 0.3s cubic-bezier(0.768, 0.304, 0.496, 0.884);
  color: #535862;
}

.bonuses-box__details.is-show {
  grid-template-rows: 1fr;
}

.bonuses-box__details > div {
  overflow: hidden;
}

.account-nav__list {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}

.account-nav__list li:last-child {
  border-top: 1px solid #b0bec9;
  margin-top: 1rem;
  padding-top: 1.5rem;
}

.account-nav__link {
  font: 600 0.9375rem/140% "IBM Plex Sans", sans-serif;
  text-transform: uppercase;
  width: 100%;
  display: flex;
  align-items: center;
  gap: 1rem;
  padding: 0.5rem 1.5rem;
  border-radius: 0.5rem;
  transition: all 0.3s cubic-bezier(0.768, 0.304, 0.496, 0.884);
}

.account-nav__link.is-active {
  background: #fff2ed;
}

.account-nav__link svg {
  width: 2rem;
  height: 2rem;
}

.account-table {
  display: flex;
  flex-direction: column;
}

.account-table .btn-more {
  margin: 0 auto;
}

.account-table__empty {
  text-align: center;
  font: 400 1.25rem/30px "IBM Plex Sans", sans-serif;
  color: #838487;
}

.account-table__head {
  display: grid;
  font: 400 0.875rem/20px "IBM Plex Sans", sans-serif;
  padding: 1rem;
  margin-bottom: 0.625rem;
  border-bottom: 1px solid #ff6122;
  color: #b0bec9;
}

.account-table__items {
  display: flex;
  flex-direction: column;
  margin-bottom: 4rem;
}

.account-table--sm .account-table__head {
  grid-template-columns: 10rem 17.0625rem 1fr;
  gap: 2rem;
}

.account-table--lg .account-table__head {
  padding-inline: 0;
  grid-template-columns: 2.625rem 1fr 9.25rem 1fr;
  gap: 2rem;
}

.device-box {
  padding-block: 1.5rem;
  display: grid;
  grid-template-columns: 2.625rem 1fr 9.25rem 1fr;
  gap: 2rem;
  font: 400 0.875rem/170% "IBM Plex Sans", sans-serif;
  color: #000;
  border-bottom: 1px solid #b0bec9;
}

.device-box__num,
.device-box__name {
  line-height: 20px;
}

.device-box__date {
  display: flex;
  justify-content: flex-end;
  color: #938f96;
}

.work-box {
  padding: 1rem;
  align-items: center;
  display: grid;
  grid-template-columns: 10rem 17.0625rem 1fr;
  gap: 2rem;
  border-bottom: 1px solid #b0bec9;
  transition: all 0.3s cubic-bezier(0.768, 0.304, 0.496, 0.884);
}

.work-box__details p {
  font: 600 0.9375rem/140% "IBM Plex Sans", sans-serif;
  text-transform: uppercase;
  margin: 0;
  color: #000;
}

.work-box__details span {
  font: 400 0.875rem/170% "IBM Plex Sans", sans-serif;
  color: #938f96;
}

.work-box__status {
  font: 600 0.8125rem/120% "IBM Plex Sans", sans-serif;
  text-transform: uppercase;
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  color: #000000;
}

.work-box__status::before {
  flex-shrink: 0;
  content: "";
  width: 0.5rem;
  height: 0.5rem;
  border-radius: 50%;
  background: #000000;
}

.work-box__status.status--done {
  color: #4dbf42;
}

.work-box__status.status--done::before {
  background: #4dbf42;
}

.work-box__status.status--waiting {
  color: #2ba0a7;
}

.work-box__status.status--waiting::before {
  background: #2ba0a7;
}

.work-box__status.status--warning {
  color: #fb3f4c;
}

.work-box__status.status--warning::before {
  background: #fb3f4c;
}

.work-box__status.status--received {
  color: #fe6600;
}

.work-box__status.status--received::before {
  background: #fe6600;
}

.work-box__status.status--cancel {
  color: #b7b7b7;
}

.work-box__status.status--cancel::before {
  background: #b7b7b7;
}

.work-box__product {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  font: 400 0.875rem/20px "IBM Plex Sans", sans-serif;
  color: #000;
}

.work-box__product::after {
  content: "";
  width: 1.5rem;
  height: 1.5rem;
  flex-shrink: 0;
  background: url("./images/icons/arror-r.svg") no-repeat center center/cover;
  transition: all 0.3s cubic-bezier(0.768, 0.304, 0.496, 0.884);
}

.modal__back {
  display: flex;
  align-items: center;
  gap: 1rem;
  margin-bottom: 1rem;
  max-width: 90%;
}

.modal__back button {
  width: 2.5rem;
  height: 2.5rem;
  color: #072136;
}

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

.modal__head {
  max-width: 24.375rem;
  display: flex;
  align-items: center;
  gap: 1rem;
}

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

.modal .section-title {
  font-size: 1.75rem;
  max-width: 24.375rem;
}

.modal__close {
  right: 2.5rem;
  top: 1.5625rem;
  left: auto;
}

.modal__box {
  padding: 1.125rem 3rem 4.5rem 3rem;
}

.modal__reminder {
  display: flex;
  align-items: flex-start;
  gap: 1.5rem;
  padding: 1rem;
  border-radius: 1rem;
  font: 400 1rem/180% "IBM Plex Sans", sans-serif;
  background: #f6f6f6;
  color: #072136;
}

.modal__reminder span {
  font-weight: 600;
}

.modal__reminder svg {
  flex-shrink: 0;
  width: 2rem;
  height: 2rem;
  color: #537896;
}

.modal__edit:not(:has(.section-title + .modal__subtitle)) .section-title {
  margin-bottom: 3rem;
}

.modal--edit .modal__box {
  display: flex;
  flex-direction: column;
  padding-inline: 2.5rem;
  padding-bottom: 2.5rem;
}

.modal--edit .modal__reminder {
  margin-top: auto;
}

.modal--login .modal__box {
  display: flex;
  flex-direction: column;
  padding-inline: 2.5rem;
  padding-bottom: 2.5rem;
}

.modal--login:has(.js-code-block.is-hide) .modal__back button {
  display: none;
}

.modal--login:has(.js-code-block.is-hide) .modal__txts .modal__subtitle:first-child {
  display: none;
}

.modal--login:has(.js-verification-block.is-hide) .modal__txts .modal__subtitle:last-child {
  display: none;
}

.modal--login .modal__subtitle {
  margin-bottom: 2.5rem;
}

.modal--login .modal__reminder {
  margin-top: auto;
}

.link-account::after {
  display: none;
}

.link-account div {
  max-width: 9.4375rem;
  border-radius: 999px;
  padding: 0.5rem 1rem;
  display: flex;
  align-items: center;
  background: #072136;
  transition: all 0.3s cubic-bezier(0.768, 0.304, 0.496, 0.884);
}

.price-box__basket {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 4rem;
  height: 4rem;
  border-radius: 50%;
  color: #fff;
}

.price-box__basket.is-added::after {
  opacity: 0;
  visibility: hidden;
}

.price-box__basket.is-added::before {
  opacity: 1;
  visibility: visible;
}

.price-box__basket.is-added span:first-child {
  opacity: 0;
  visibility: hidden;
  transform: translate(-50%, -100%);
}

.price-box__basket.is-added span:last-child {
  opacity: 1;
  visibility: visible;
  transform: translate(-50%, -50%);
}

.price-box__basket * {
  z-index: 2;
}

.price-box__basket::before,
.price-box__basket::after {
  content: "";
  border-radius: 50%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  height: 100%;
  transition: all 0.3s cubic-bezier(0.768, 0.304, 0.496, 0.884);
}

.price-box__basket::after {
  background: linear-gradient(90deg, #ffa126 0%, #de5a26 100%);
}

.price-box__basket::before {
  opacity: 0;
  visibility: hidden;
  background-color: #079455;
}

.price-box__basket span {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 1.5rem;
  height: 1.5rem;
  transition: all 0.3s cubic-bezier(0.768, 0.304, 0.496, 0.884);
}

.price-box__basket span:last-child {
  opacity: 0;
  visibility: hidden;
  transform: translate(-50%, 0%);
}

.price-box__basket span svg {
  width: 100%;
  height: 100%;
}

.app-modal:has(.signup-form) .app-form__submit {
  padding-top: 2.5rem;
  gap: 2.5rem;
}

.app-modal:has(.signup-form) .link-accent {
  width: auto;
  max-width: -moz-max-content;
  max-width: max-content;
}

.app-modal:has(.signup-form) .link-accent span {
  padding-inline: 3.5rem;
}

.app-modal__titles {
  max-width: 95%;
  margin: 0;
}

.app-modal__head {
  padding-top: 2.5rem;
}

.header__burger {
  border-radius: 50%;
  width: 2.5rem;
  height: 2.5rem;
  background: #e6e7ec;
}

.header__burger span {
  width: 1.125rem;
}

.header__burger span:nth-child(2) {
  width: 0.875rem;
}

.header__burger span:nth-child(1) {
  top: 0.8125rem;
}

.header__burger span:nth-child(3) {
  bottom: 0.8125rem;
}

.header__burger.is-active span:nth-child(1) {
  top: 1.1875rem;
}

@keyframes pulse {
  0% {
    transform: translate(-50%, -50%) scale(1);
    opacity: 0.6;
  }

  100% {
    transform: translate(-50%, -50%) scale(1.3);
    opacity: 0;
  }
}

@media (max-width: 1440.98px) {
  :root {
    --header-h: 8.8125rem;
  }

  .site-controls {
    gap: 0.1875rem;
  }

  .account .container {
    gap: 3.5rem;
  }

  .user-box__contact {
    flex-direction: column;
    align-items: flex-start;
  }

  .user-box__contact:first-child {
    padding-right: 1.5rem;
  }

  .user-box__contact:last-child {
    padding-left: 1.5rem;
  }

  .service-details {
    flex-direction: column-reverse;
  }

  .service-statuses {
    max-width: 23.4375rem;
    position: relative;
    top: inherit;
    width: 100%;
    padding: 0.75rem 2.0625rem 0.75rem 1rem;
    border-radius: 16px;
    background: #f6f6f6;
    cursor: pointer;
    transition: all 0.4s cubic-bezier(0.768, 0.304, 0.496, 0.884);
  }

  .service-statuses::after {
    content: "";
    position: absolute;
    transform: rotate(90deg);
    right: 0.5rem;
    top: 0.75rem;
    width: 1.5rem;
    height: 1.5rem;
    background: url("./images/icons/arror-r.svg") no-repeat center center/cover;
    transition: all 0.3s cubic-bezier(0.768, 0.304, 0.496, 0.884);
  }

  .service-statuses.is-open::after {
    transform: rotate(270deg);
  }

  .service-statuses__list {
    transition: transform 0.4s cubic-bezier(0.768, 0.304, 0.496, 0.884);
    will-change: transform;
  }

  .service-statuses__inner {
    overflow: hidden;
    transition: height 0.4s cubic-bezier(0.768, 0.304, 0.496, 0.884);
    will-change: height;
  }

  .service-statuses__point {
    min-height: 1.5rem;
    padding-left: 3.25rem;
  }

  .service-statuses__point::after {
    left: 0.5rem;
    top: 0;
  }

  .service-info {
    max-width: 100%;
  }

  .account-table--sm .account-table__head {
    grid-template-columns: 10rem 9.375rem 1fr;
  }

  .work-box {
    grid-template-columns: 10rem 9.375rem 1fr;
  }

  .link-account div {
    padding: 0.3125rem 0.75rem;
  }
}

@media (max-width: 1199.98px) {
  .signup-form {
    padding-inline: 2.25rem;
  }

  .account-info__head {
    margin-bottom: 2.25rem;
  }

  .account-info__title {
    font-size: 2rem;
  }
}

@media (max-width: 1024.98px) {
  :root {
    --header-h: 4.875rem;
  }

  .support-box {
    bottom: 6.25rem;
  }

  .signup-form {
    padding-inline: 1.5rem;
    padding-block: 2.5rem;
  }

  .signup-form__fields .form-field:not(:nth-child(-n+3)) {
    grid-column: span 6;
  }

  .account .container {
    gap: 1.5rem;
  }

  .link-account div {
    width: 100%;
    height: 100%;
    max-width: 100%;
    justify-content: center;
    gap: 12px;
  }
}

@media (max-width: 991.98px) {
  :root {
    --container_pdd: 0.9375rem;
  }

  .account {
    padding-block: calc(var(--header-h) + 3.5rem) 3.5rem;
  }

  .account .container {
    flex-direction: column;
  }

  .cabinet-mob {
    top: initial;
    position: static;
    max-width: 100%;
  }

  .account-info__title {
    font-size: 1.75rem;
  }
}

@media (max-width: 767.98px) {
  :root {
    --header-h: 4.125rem;
    --container_pdd: 0.75rem;
  }

  html {
    scroll-padding-top: calc(var(--header-h) + 8.125rem);
  }

  .download-box {
    padding-block: 1.5rem;
    margin-bottom: 1.5rem;
  }

  .support-box {
    bottom: 9.375rem;
  }

  .support-box__trigger {
    width: 2.75rem;
    height: 2.75rem;
  }

  .support-box__trigger > img {
    width: 1.5rem;
    height: 1.5rem;
  }

  .support-box__message {
    font-size: 0.6875rem;
    left: -6.25rem;
    padding: 0.3125rem 0.75rem;
  }

  .support-box__connect a {
    width: 2rem;
    height: 2rem;
  }

  .site-controls {
    gap: 0.5rem;
  }

  .site-controls__btn {
    width: 2.5rem;
    height: 2.5rem;
  }

  .login-box__refresh {
    margin-bottom: 1.5rem;
    font-size: 0.875rem;
  }

  .login-box__refresh svg {
    width: 1.5rem;
    height: 1.5rem;
    margin-right: 0.75rem;
  }

  .login-box__google {
    font-size: 0.875rem;
    padding: 0.625rem;
    gap: 0.75rem;
  }

  .verification-code {
    margin-bottom: 1.5rem;
    gap: 0.125rem;
  }

  .verification-code input {
    font-size: 1.125rem;
    border-radius: 0.5rem;
    width: 2.625rem;
  }

  .signup-form {
    padding-inline: var(--container_pdd);
    padding-block: 1.5rem;
  }

  .signup-form__title {
    margin-bottom: 1.125rem;
    font-size: 1.125rem;
  }

  .signup-form__fields .form-field {
    grid-column: span 6;
  }

  .signup-form__fields {
    gap: 0.75rem;
  }

  .site-search__empty {
    font-size: 0.875rem;
  }

  .site-search input {
    font-size: 1rem;
    padding: 0.5rem 3.125rem;
  }

  .site-search__results {
    gap: 0.75rem;
  }

  .site-search__result {
    gap: 0.5rem;
  }

  .site-search__preview {
    border-radius: 0.375rem;
  }

  .site-search__name {
    font-size: 1.125rem;
  }

  .site-search__articul {
    font-size: 0.75rem;
  }

  .site-search__price {
    font-size: 0.875rem;
  }

  .site-basket__products {
    gap: 0;
    margin-bottom: 0.25rem;
  }

  .site-basket__title {
    font-size: 1.125rem;
    margin: 0 0 0.75rem 0;
  }

  .site-basket__fields {
    gap: 0.75rem;
    margin-bottom: 1.5rem;
  }

  .site-basket__total p:first-child {
    font-size: 0.75rem;
  }

  .site-basket__total p:last-child {
    font-size: 1.125rem;
  }

  .basket-product {
    padding: 0.25rem;
    gap: 0.75rem;
  }

  .basket-product__preview {
    border-radius: 0.375rem;
  }

  .basket-product__name {
    font-size: 0.875rem;
  }

  .basket-product__code {
    font-size: 0.75rem;
  }

  .basket-product__price {
    font-size: 1rem;
  }

  .basket-product__counter {
    padding: 0.3125rem;
  }

  .basket-product__field {
    font-size: 1rem;
    width: 2.8125rem;
    height: 1.75rem;
  }

  .account {
    padding-block: calc(var(--header-h) + 4.5rem) 3.5rem;
  }

  .account .container {
    padding-inline: 0;
  }

  .cabinet-mob {
    position: fixed;
    z-index: 7;
    top: var(--header-h);
  }

  .cabinet-mob::after {
    content: "";
    height: 100vh;
    height: 100dvh;
    z-index: -1;
    position: absolute;
    inset: 0;
    opacity: 0;
    visibility: hidden;
    transition: all 0.3s cubic-bezier(0.768, 0.304, 0.496, 0.884);
    background: rgba(0, 0, 0, 0.5);
  }

  .cabinet-mob.is-open::after {
    opacity: 1;
    visibility: visible;
  }

  .cabinet-mob.is-open .cabinet-mob__toggle::after {
    transform: rotate(270deg);
  }

  .cabinet-mob.is-open .cabinet-mob__inner {
    grid-template-rows: 1fr;
    height: 60vh;
  }

  .cabinet-mob.is-open .site-cabinet {
    margin-top: 1rem;
  }

  .cabinet-mob.is-open .cabinet-mob__info {
    overflow: auto;
    scrollbar-width: none;
    -ms-overflow-style: none;
  }

  .cabinet-mob.is-open .cabinet-mob__info::-webkit-scrollbar {
    display: none;
  }

  .cabinet-mob__toggle {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    width: 100%;
    padding-inline: var(--container_pdd);
    padding-block: 0.75rem;
    font: 600 0.9375rem/140% "IBM Plex Sans", sans-serif;
    text-transform: uppercase;
    background: #e6e7ec;
  }

  .cabinet-mob__toggle svg {
    width: 1.5rem;
    height: 1.5rem;
  }

  .cabinet-mob__toggle::after {
    content: "";
    transform: rotate(90deg);
    margin-left: auto;
    width: 1.5rem;
    height: 1.5rem;
    background: url("./images/icons/arror-r.svg") no-repeat center center/cover;
    transition: all 0.3s cubic-bezier(0.768, 0.304, 0.496, 0.884);
  }

  .cabinet-mob__inner {
    height: 0;
    display: grid;
    background: #fff;
    grid-template-rows: 0fr;
    transition: all 0.5s cubic-bezier(0.768, 0.304, 0.496, 0.884);
  }

  .cabinet-mob__info {
    overflow: hidden;
  }

  .site-cabinet {
    padding-inline: var(--container_pdd);
    transition: all 0.3s cubic-bezier(0.768, 0.304, 0.496, 0.884);
  }

  .account-info {
    padding-inline: var(--container_pdd);
  }

  .account-info__user {
    gap: 0.75rem;
  }

  .account-info__reminder {
    gap: 0.75rem;
    padding: 0.75rem;
    border-radius: 0.5rem;
    font-size: 0.875rem;
  }

  .account-info__reminder svg {
    width: 1.5rem;
    height: 1.5rem;
  }

  .account-info__head {
    margin-bottom: 1.5rem;
  }

  .account-info__title {
    font-size: 1.5rem;
    gap: 0.5rem;
  }

  .user-box {
    padding: 1rem;
  }

  .user-box__edit {
    font-size: 0.875rem;
    gap: 0.25rem;
  }

  .user-box__edit svg {
    width: 1.25rem;
    height: 1.25rem;
  }

  .user-box__title {
    font-size: 1rem;
    line-height: 120%;
  }

  .user-box__subtitle {
    font-size: 0.875rem;
    margin-bottom: 1.5rem;
    line-height: 120%;
  }

  .user-box__label {
    font-size: 0.625rem;
    margin-bottom: 0.125rem;
  }

  .user-box__info {
    font-size: 1rem;
    line-height: 120%;
  }

  .user-box__connect {
    flex-direction: column;
    gap: 0.75rem;
  }

  .user-box__contact {
    width: 100%;
    flex-direction: row;
    flex-wrap: wrap;
  }

  .user-box__contact:first-child {
    padding-right: 0;
    padding-bottom: 0.75rem;
    border-right: none;
    border-bottom: 1px solid #b0bec9;
  }

  .user-box__contact:last-child {
    padding-left: 0;
  }

  .edit-form form {
    gap: 0.75rem;
  }

  .reserved-info {
    margin-bottom: 0.75rem;
    border-radius: 0.5rem;
  }

  .reserved-info p:first-child {
    font-size: 0.75rem;
    line-height: 120%;
  }

  .reserved-info p:last-child {
    font-size: 1.125rem;
    line-height: 120%;
  }

  .pay-box .link-accent {
    height: 4rem;
  }

  .service-details {
    gap: 1.5rem;
  }

  .bonuses-box {
    margin-bottom: 1rem;
  }

  .account-nav__list li:last-child {
    margin-top: 0.5rem;
    padding-top: 0.75rem;
  }

  .account-nav__link svg {
    width: 1.5rem;
    height: 1.5rem;
  }

  .account-nav__link {
    gap: 0.5rem;
    padding: 0.75rem var(--container_pdd);
  }

  .account-table__head {
    display: none;
  }

  .account-table__items {
    margin-bottom: 2rem;
  }

  .device-box {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 1rem;
    padding-block: 1rem;
  }

  .device-box__name {
    order: 3;
    grid-column: span 2;
  }

  .device-box__num {
    order: 1;
    grid-column: span 1;
  }

  .device-box__date {
    order: 2;
    grid-column: span 1;
  }

  .device-box__series {
    order: 4;
    grid-column: span 2;
  }

  .work-box {
    padding-inline: 0;
    display: flex;
    flex-direction: column;
    gap: 1rem;
    align-items: flex-start;
  }

  .work-box__details {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    width: 100%;
  }

  .work-box__details::after {
    content: "";
    width: 1.5rem;
    height: 1.5rem;
    margin-left: auto;
    flex-shrink: 0;
    background: url("./images/icons/arror-r.svg") no-repeat center center/cover;
    transition: all 0.3s cubic-bezier(0.768, 0.304, 0.496, 0.884);
  }

  .work-box__product::after {
    display: none;
  }

  .modal__head {
    max-width: 20rem;
  }

  .modal .section-title {
    max-width: 20rem;
  }

  .modal__close {
    right: 1.25rem;
    top: 1.25rem;
  }

  .modal__box {
    padding: 1.25rem 0.75rem 0.75rem;
  }

  .modal__reminder {
    gap: 0.75rem;
    padding: 0.75rem;
    border-radius: 0.5rem;
    font-size: 0.875rem;
  }

  .modal__reminder svg {
    width: 1.5rem;
    height: 1.5rem;
  }

  .modal__edit:not(:has(.section-title + .modal__subtitle)) .section-title {
    margin-bottom: 1.5rem;
  }

  .modal--edit .modal__box {
    padding: 1.25rem 0.75rem 0.75rem;
  }

  .modal--login .modal__box {
    padding: 1.25rem 0.75rem 0.75rem;
  }

  .modal--login .modal__subtitle {
    margin-bottom: 1.5rem;
  }

  .price-box__basket {
    width: 2.625rem;
    height: 2.625rem;
  }

  .price-box__basket span {
    width: 1.125rem;
    height: 1.125rem;
  }

  .app-modal:has(.signup-form) .app-form__submit {
    padding-top: 1.5rem;
    gap: 1.5rem;
  }

  .app-modal__titles {
    max-width: 87%;
  }

  .app-modal__head {
    padding-top: 1.5rem;
  }

  .header__logo {
    max-width: 5.6875rem;
  }

  .header__description {
    display: none;
  }

  .header__panel {
    gap: 0.5rem;
  }
}

@media (max-width: 767.98px) and (hover: hover) {
  .pay-box .link-accent:hover span {
    height: 3.625rem;
  }
}

@media (max-width: 767.98px) and (hover: none) {
  .pay-box .link-accent:active span {
    height: 3.625rem;
  }
}

@media (prefers-reduced-motion: reduce) {
  *,
  ::before,
  ::after {
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.01ms !important;
    scroll-behavior: auto !important;
  }
}

@media (hover: hover) {
  .site-controls__btn:hover::after {
    width: 90%;
    height: 90%;
  }

  .login-box__refresh:hover svg {
    transform: rotate(-45deg);
  }

  .verification-code input:hover {
    border-color: #ff6122;
  }

  .site-search input:hover {
    border-color: #ff6122;
  }

  .basket-clear:hover {
    color: #ff6122;
  }

  .basket-product__del:hover {
    color: red;
  }

  .basket-product__handler:hover {
    color: #ff6122;
  }

  .basket-product__field:hover {
    border-color: #ff6122;
  }

  .account-info__del:hover {
    color: red;
  }

  .account-info__title:hover svg {
    transform: translateX(-0.3125rem);
  }

  .account-info .site-search input:hover {
    border-color: #ff6122;
  }

  .user-box__edit:hover {
    color: #ff6122;
  }

  .account-nav__link:hover {
    background: #fff2ed;
  }

  .work-box:hover {
    background: #fff2ed;
  }

  .work-box:hover .work-box__product::after {
    transform: translateX(0.3125rem);
  }

  .link-account div:hover {
    padding-block: 0.375rem;
  }

  .price-box__basket:hover::after {
    width: 90%;
    height: 90%;
  }
}

@media (hover: none) {
  .site-controls__btn:active::after {
    width: 90%;
    height: 90%;
  }

  .login-box__refresh:active svg {
    transform: rotate(-45deg);
  }

  .verification-code input:active {
    border-color: #ff6122;
  }

  .site-search input:active {
    border-color: #ff6122;
  }

  .basket-clear:active {
    color: #ff6122;
  }

  .basket-product__del:active {
    color: red;
  }

  .basket-product__handler:active {
    color: #ff6122;
  }

  .basket-product__field:active {
    border-color: #ff6122;
  }

  .account-info__del:active {
    color: red;
  }

  .account-info__title:active svg {
    transform: translateX(-0.3125rem);
  }

  .account-info .site-search input:active {
    border-color: #ff6122;
  }

  .user-box__edit:active {
    color: #ff6122;
  }

  .account-nav__link:active {
    background: #fff2ed;
  }

  .work-box:active {
    background: #fff2ed;
  }

  .work-box:active .work-box__product::after {
    transform: translateX(0.3125rem);
  }

  .link-account div:active {
    padding-block: 0.375rem;
  }

  .price-box__basket:active::after {
    width: 90%;
    height: 90%;
  }
}

#notice{
	position: fixed;
    top: 15px;
    left: 15px;
	display: flex;
    flex-direction: column;
    align-items: flex-start;
	margin-right: 15px;
    color: white;
	z-index: 111111;
}
#notice p{
    margin-bottom: 7px;
	padding: 2px 8px;
	border-radius: 8px;
}
#notice a{
	color: inherit;
}
#notice p.fail{
	background-color: #FF7B7D;
}
#notice p.success{
	background: #80E39C;
}

.invalid + .select2.select2-container--default .select2-selection--single,
.invalid {
	border-color:red !important;
}

.grecaptcha-badge {
	visibility: hidden;
}

.file-upload__file {
    margin-top: 5px;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice {
	white-space: normal !important;
}