* {
   padding: 0;
   margin: 0;
   border: 0;
   -webkit-tap-highlight-color: rgba(255, 255, 255, 0);
   -webkit-tap-highlight-color: transparent;
   scrollbar-color: rgba(0, 0, 0, 0.2) #f2f2f2;
   scrollbar-width: thin;
}

::-webkit-scrollbar-thumb {
   background-color: rgba(0, 0, 0, 0.2);
}

::-webkit-scrollbar-track {
   background-color: #f2f2f2;
}

::-webkit-scrollbar-button {
   display: none;
   background-color: rgba(0, 0, 0, 0.2);
}

::-webkit-scrollbar {
   width: 8px;
}

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

:active,
:focus {
   outline: 0;
}

a:active,
a:focus {
   outline: 0;
}

aside,
footer,
header,
nav {
   display: block;
}

footer {
   z-index: 2;
}

body,
html {
   height: 100%;
   width: 100%;
   font-size: 100%;
   -ms-text-size-adjust: 100%;
   -moz-text-size-adjust: 100%;
   -webkit-text-size-adjust: 100%;
}

input::-ms-clear {
   display: none;
}

button {
   cursor: pointer;
}

button::-moz-focus-inner {
   padding: 0;
   border: 0;
}

a,
a:visited {
   text-decoration: none;
}

a:hover {
   text-decoration: none;
}

a,
button {
   -webkit-tap-highlight-color: rgba(255, 255, 255, 0);
   -webkit-tap-highlight-color: transparent;
   background: 0 0;
   font-family: inherit;
   color: inherit;
}

ul li {
   list-style: none;
}

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

input,
textarea {
   font-family: inherit;
   color: inherit;
   border-radius: 0;
   resize: none;
}

input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
   -webkit-appearance: none;
   margin: 0;
}

input[type="number"] {
   -moz-appearance: textfield;
}

input[type="number"]::-ms-clear,
input[type="number"]::-ms-expand {
   display: none;
}

@font-face {
   font-family: InterDisplay;
   font-display: swap;
   src: url(../fonts/InterDisplay-Bold.woff) format("woff");
   font-weight: 700;
   font-style: normal;
}

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

@font-face {
   font-family: InterDisplay;
   font-display: swap;
   src: url(../fonts/InterDisplay-Regular.woff) format("woff");
   font-weight: 400;
   font-style: normal;
}

@font-face {
   font-family: InterDisplay;
   font-display: swap;
   src: url(../fonts/InterDisplay-SemiBold.woff) format("woff");
   font-weight: 600;
   font-style: normal;
}

:root {
   --color-main-bg: #000;
   --color-text: #fff;
   --color-primary: #08c2fa;
   --color-secondary: #a7ebff;
   --font-main: "InterDisplay", sans-serif;
   --font-size-base: 16px;
   --font-line-height: 132%;
   --container-width: 1320px;
}

html {
   scroll-behavior: smooth;
   scrollbar-gutter: stable;
   scroll-padding: 64px;
}

body {
   min-height: 100%;
   height: 100%;
   font-family: var(--font-main);
   color: var(--color-text);
   font-size: var(--font-size-base);
   background: var(--color-main-bg);
   position: relative;
}

body::after {
   content: "";
   display: block;
   position: fixed;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
   background: rgba(255, 255, 255, 0.6);
   pointer-events: none;
   transition: all 0.5s ease;
   opacity: 0;
   z-index: 2;
}

body.no-scroll {
   overflow: hidden;
}

body.popup-opened {
   overflow: hidden;
}

body.white-page {
   background: #f7f7f7;
   color: #1b1c1c;
}

body.white-page .header::after {
   background-color: rgba(255, 255, 255, 0.5);
}

body.white-page .menu__icon span,
body.white-page .menu__icon::after,
body.white-page .menu__icon::before {
   background: #1b1c1c;
}

body.white-page .menu__link--active {
   background: var(--color-primary);
   color: #fff;
}

body.white-page .menu__submenu {
   background: #fff;
   border-color: #e9e9e9;
}

body.white-page .menu__submenu .menu__link {
   color: #1b1c1c;
}

.wrapper {
   min-height: 100%;
   display: flex;
   flex-direction: column;
}

main {
   flex: 1 1 auto;
}

.container {
   width: min(100% - 7.5rem, var(--container-width));
   margin-inline: auto;
}

html.with-fancybox body.hide-scrollbar {
   margin-right: 0;
}

.btn {
   padding: 9px 18px;
   background: var(--color-primary);
   min-height: 50px;
   display: flex;
   align-items: center;
   justify-content: center;
   text-align: center;
   font-size: 16px;
   white-space: nowrap;
   color: #000;
   font-weight: 400;
   border-radius: 2px;
   transition: all 0.3s ease;
   border: 1px solid var(--color-primary);
}

.btn.disabled,
.btn:disabled {
   pointer-events: none;
   opacity: 0.5;
}

.btn-outline {
   padding: 9px 18px;
   background: 0 0;
   min-height: 50px;
   display: flex;
   align-items: center;
   justify-content: center;
   text-align: center;
   font-size: 16px;
   white-space: nowrap;
   color: var(--color-text);
   font-weight: 400;
   border-radius: 2px;
   border: 1px solid #fff;
   transition: all 0.3s ease;
}

.btn-outline.disabled,
.btn-outline:disabled {
   pointer-events: none;
   opacity: 0.5;
}

.btn-radius {
   display: inline-block;
   padding: 14px 28px;
   height: 50px;
   white-space: nowrap;
   text-align: center;
   font-size: 18px;
   font-weight: 400;
   border-radius: 50px;
   border: 1px solid #fff;
   color: #fff;
   line-height: 1;
   transition: all 0.3s ease;
}

.btn-radius.disabled,
.btn-radius:disabled {
   pointer-events: none;
   opacity: 0.5;
}

.btn-light {
   display: inline-block;
   padding: 10px 20px;
   background: var(--color-secondary);
   color: #000;
   border-radius: 2px;
   font-weight: 400;
   transition: all 0.3s ease;
}

.btn-dark {
   display: inline-block;
   padding: 24px 60px;
   background: #000;
   color: #fff;
   font-size: 18px;
   font-weight: 400;
   border: 1px solid #fff;
   border-radius: 2px;
   text-align: center;
   white-space: nowrap;
   transition: all 0.3s ease;
}

.btn-soc {
   padding: 6px 10px;
   display: inline-flex;
   align-items: center;
   justify-content: center;
   gap: 6px;
   border-radius: 2px;
   font-size: 16px;
   font-weight: 400;
   background: 0 0;
   border: 1px solid #fff;
   color: var(--color-text);
   white-space: nowrap;
   transition: all 0.3s ease;
}

.btn-soc.disabled,
.btn-soc:disabled {
   pointer-events: none;
   opacity: 0.5;
}

.btn-soc img {
   flex: 0 0 26px;
   width: 26px;
   height: 26px;
}

.slider-navigation {
   display: flex;
   justify-content: center;
   align-items: center;
   gap: 24px;
}

.slider-next,
.slider-prev {
   width: 150px;
   height: 15px;
   color: var(--color-primary);
   transition: all 0.15s ease;
}

.slider-next svg,
.slider-prev svg {
   width: 100%;
   height: 100%;
}

.slider-prev svg {
   transform: rotate(180deg);
}

.section-title {
   font-size: 50px;
   font-weight: 400;
   margin-bottom: 60px;
   text-align: center;
}

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

.input {
   width: 100%;
   padding: 10px;
   border-radius: 2px;
   font-size: 16px;
   background: rgba(167, 235, 255, 0.1);
   border: 1px solid transparent;
   transition: all 0.3s ease;
   color: #fff;
}

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

.input::-moz-placeholder {
   color: #c2c2c2;
   opacity: 1;
}

.input::placeholder {
   color: #c2c2c2;
   opacity: 1;
}

.agree {
   display: flex;
   gap: 6px;
   cursor: pointer;
}

.agree input {
   position: absolute;
   opacity: 0;
}

.agree:not(:last-child) {
   margin-bottom: 20px;
}

.agree:has(input:checked) .agree__box::after {
   opacity: 1;
}

.agree__box {
   width: 20px;
   height: 20px;
   flex: 0 0 20px;
   border-radius: 2px;
   background: #fff;
   position: relative;
}

.agree__box::after {
   content: "";
   display: block;
   position: absolute;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
   background: url(../images/icons/icon-check.svg) center/70% auto no-repeat;
   opacity: 0;
   transition: all 0.15s ease;
}

.agree__text {
   font-size: 14px;
   max-width: 370px;
}

.agree__text a {
   color: var(--color-primary);
   text-decoration: underline;
   text-decoration-thickness: from-font;
}

.breadcrumbs {
   display: flex;
   flex-wrap: wrap;
   align-items: center;
   gap: 4px;
   margin-bottom: 44px;
   position: relative;
   z-index: 10;
}

.breadcrumbs__current,
.breadcrumbs__link {
   font-size: 12px;
   color: #b1b1b1;
   line-height: 132%;
}

.breadcrumbs__link {
   transition: color 0.3s ease;
}

.breadcrumbs__separator {
   width: 12px;
   height: 12px;
   display: flex;
   align-items: center;
   justify-content: center;
   color: #b1b1b1;
}

.breadcrumbs__separator svg {
   width: 100%;
   height: 100%;
   transform: rotate(90deg);
}

.dropdown {
   position: relative;
}

.dropdown.is-open .dropdown__list {
   max-height: 282px;
}

.dropdown.is-open .dropdown__button-icon {
   transform: rotate(180deg);
}

.dropdown__button {
   padding: 10px;
   background: var(--color-secondary);
   border-radius: 2px;
   display: flex;
   align-items: center;
   justify-content: space-between;
   gap: 40px;
   color: #000;
   cursor: pointer;
   transition: all 0.3s ease;
}

.dropdown__button-icon {
   flex: 0 0 20px;
   width: 20px;
   height: 20px;
   display: flex;
   align-items: center;
   justify-content: center;
   transition: all 0.3s ease;
}

.dropdown__button-icon svg {
   width: 100%;
   height: 100%;
}

.dropdown__list {
   position: absolute;
   top: calc(100% + 1px);
   left: 0;
   width: 100%;
   height: auto;
   color: #000;
   background: var(--color-secondary);
   border-radius: 2px;
   max-height: 0;
   overflow: hidden;
   transition: all 0.3s ease;
   overflow-y: auto;
}

.dropdown__list-wrapper {
   display: flex;
   flex-direction: column;
   gap: 10px;
   padding: 20px;
}

.dropdown__label {
   cursor: pointer;
   transition: all 0.3s ease;
   display: flex;
   align-items: center;
   gap: 10px;
   font-size: 14px;
}

.dropdown__label input[type="radio"] {
   width: 16px;
   height: 16px;
   accent-color: #0c9bc7;
   background: #fff;
   border-color: #fff;
}

.header {
   position: fixed;
   top: 0;
   left: 0;
   width: 100%;
   z-index: 99;
}

.header::after {
   content: "";
   display: block;
   position: absolute;
   top: 0;
   left: 0;
   inset: 0;
   background-color: rgba(0, 0, 0, 0.5);
   -webkit-backdrop-filter: blur(10px);
   backdrop-filter: blur(10px);
   opacity: 0;
   z-index: -1;
   transition: all 0.3s ease;
}

.header.-bg .header__body {
   padding: 10px 0;
}

.header.-bg::after {
   opacity: 1;
}

.header__body {
   padding: 30px 0;
   display: flex;
   align-items: center;
   justify-content: space-between;
   gap: 30px;
   transition: all 0.3s ease;
}

.header__logo {
   flex: 0 0 300px;
}

.header__buttons {
   flex: 0 0 300px;
}

.header__buttons-wrapper {
   display: flex;
   justify-content: flex-end;
   gap: 20px;
}

.header__buttons-wrapper .btn-outline {
   min-height: 38px;
   height: 38px;
   height: 38px;
   padding: 9px 10px;
}

.header__buttons-wrapper .btn {
   min-height: 38px;
   height: 38px;
   min-width: 212px;
}

.header__buttons-wrapper .btn-soc {
   min-height: 38px;
   height: 38px;
}

.header__consultation {
   position: relative;
}

.header__consultation-popup {
   position: absolute;
   top: calc(100% + 20px);
   right: 0;
   width: 252px;
   padding: 16px 20px;
   border-radius: 2px;
   border: 1px solid #00779a;
   text-align: center;
   background: #1b1c1c;
   transform-origin: top;
   transform: scaleY(0);
   opacity: 0;
   transition: all 0.3s ease;
   will-change: transform;
}

.header__consultation-popup>* {
   width: 100%;
   flex: 1;
}

.header__consultation-popup.show {
   opacity: 1;
   transform: scaleY(1);
}

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

.header__consultation-tel a {
   font-size: 22px;
   font-weight: 700;
   transition: all 0.3s ease;
   white-space: nowrap;
}

.header__consultation-buttons {
   display: flex;
   flex-direction: column;
   gap: 20px;
}

.header__consultation-buttons>* {
   width: 100%;
}

.header__panel {
   display: flex;
   gap: 22px;
   margin-left: auto;
}

.header__panel-item {
   width: 20px;
   height: 20px;
   transition: all 0.3s ease;
}

.header__panel-item svg {
   width: 100%;
   height: 100%;
}

.menu__icon {
   display: none;
   will-change: transform;
   cursor: pointer;
}

.menu__toggle {
   display: none;
}

.menu__list {
   display: flex;
   align-items: center;
   gap: 20px;
}

.menu__list a {
   white-space: nowrap;
   transition: all 0.3s ease;
}

.menu__link--active {
   display: inline-block;
   padding: 4px 14px;
   border-radius: 2px;
   background: var(--color-secondary);
   color: #000;
}

.menu__submenu {
   position: absolute;
   top: 100%;
   left: 50%;
   transform: translateX(-50%);
   min-width: 200px;
   padding: 8px 0;
   background: #1b1c1c;
   border: 1px solid #00779a;
   border-radius: 2px;
   opacity: 0;
   visibility: hidden;
   transition: all 0.3s ease;
   list-style: none;
   z-index: 100;
}

.menu__item--has-children {
   position: relative;
}

.menu__item--has-children>.menu__submenu {
   pointer-events: none;
}

.menu__submenu .menu__item {
   padding: 0;
}

.menu__submenu .menu__link {
   display: block;
   padding: 8px 20px;
   white-space: nowrap;
   font-size: 14px;
}

.menu__toggle {
   display: flex;
   align-items: center;
   justify-content: center;
   width: 32px;
   height: 32px;
   padding: 0;
   border: none;
   background: none;
   color: inherit;
   cursor: pointer;
   -webkit-tap-highlight-color: transparent;
}

.menu__toggle::after {
   content: "";
   width: 8px;
   height: 8px;
   border-right: 2px solid currentColor;
   border-bottom: 2px solid currentColor;
   transform: rotate(45deg);
   transition: transform 0.3s ease;
}

.menu__item--has-children {
   display: flex;
   flex-wrap: wrap;
   justify-content: center;
   align-items: center;
}

.menu__item--has-children>.menu__submenu {
   flex-basis: 100%;
}

.menu__item--has-children.is-open>.menu__toggle::after {
   transform: rotate(-135deg);
}

@media (hover: hover) {
   .menu__item--has-children:hover>.menu__toggle::after {
      transform: rotate(-135deg);
   }
}

.footer__body {
   border-top: 1px solid #fff;
   padding: 40px 0 48px;
   display: flex;
   align-items: flex-start;
   justify-content: space-between;
   gap: 40px;
}

.footer__contacts {
   max-width: 272px;
   display: flex;
   flex-direction: column;
   gap: 20px;
   font-size: 14px;
   font-weight: 400;
}

.footer__contacts p:last-child {
   line-height: 25px;
}

.footer__menu {
   max-width: 374px;
}

.footer__menu ul {
   display: flex;
   flex-direction: column;
   gap: 20px;
}

.footer__menu ul a {
   font-size: 14px;
   font-weight: 400;
   text-decoration: underline;
   text-decoration-thickness: from-font;
   transition: all 0.3s ease;
}

.footer__image img {
   max-width: 240px;
   max-height: 60px;
   -o-object-fit: contain;
   object-fit: contain;
}

.footer__social {
   display: flex;
   gap: 16px;
   align-items: center;
}

.footer__social-link {
   display: inline-flex;
   align-items: center;
   gap: 6px;
   color: inherit;
   text-decoration: none;
   font-size: 14px;
   transition: opacity 0.2s;
}

.popup {
   position: fixed;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
   display: grid;
   grid-template-columns: 1fr;
   grid-template-rows: 1fr;
   padding: 5rem 0;
   z-index: 99;
   background: rgba(0, 0, 0, 0.2);
   -webkit-backdrop-filter: blur(38px);
   backdrop-filter: blur(38px);
   max-height: 100vh;
   overflow-y: auto;
   opacity: 0;
   visibility: hidden;
   pointer-events: none;
   transition: all 0.3s ease;
}

.popup.show {
   opacity: 1;
   visibility: visible;
   pointer-events: all;
}

.popup__body {
   width: min(100% - 36px, 648px);
   margin: auto;
   position: relative;
   background: #1b1c1c;
   padding: 20px;
   border-radius: 2px;
   border: 1px solid #00779a;
}

.popup__close {
   position: absolute;
   top: -70px;
   right: 0;
   width: 50px;
   height: 50px;
   border-radius: 50%;
   display: flex;
   align-items: center;
   justify-content: center;
   background: var(--color-secondary);
   cursor: pointer;
   transition: all 0.3s ease;
}

.popup__close svg {
   width: 40px;
   height: 40px;
   color: #000;
}

.popup__title {
   font-size: 34px;
   color: #68dcff;
   text-align: center;
   min-height: 45px;
   margin-bottom: 40px;
}

.popup__form {
   display: flex;
   flex-direction: column;
   gap: 20px;
}

.popup__form-label {
   font-size: 18px;
   line-height: 132%;
   margin-bottom: 6px;
}

.popup__form-submit {
   display: flex;
   justify-content: center;
   margin-top: 20px;
}

.popup__form-submit .btn {
   width: 300px;
   min-height: 70px;
   font-size: 18px;
   font-weight: 700;
}

.about__popup-body {
   width: min(100% - 10px, 1320px);
   padding: 60px 20px;
}

.about__popup-text {
   font-size: 18px;
   line-height: 132%;
}

.about__popup-row {
   display: flex;
   gap: 20px;
   border-bottom: 1px solid #fff;
   padding: 20px 0;
}

.about__popup-row:last-child {
   border: none;
}

.about__popup-col {
   flex: 0 1 33.333%;
   text-wrap: balance;
}

.about__popup-val {
   flex: 0 1 66.666%;
}

.about__popup-val p:not(:last-child) {
   margin-bottom: 20px;
}

.team__popup-body {
   width: min(100% - 40px, 872px);
   display: flex;
   align-items: flex-start;
   gap: 16px;
   padding: 20px;
   border-radius: 2px;
}

.team__popup-close {
   transform: none;
   top: 80px;
   right: 60px;
}

.team__popup-photo {
   flex: 0 0 272px;
   width: 272px;
   height: auto;
   aspect-ratio: 1/1;
   border-radius: 50%;
   overflow: hidden;
   position: relative;
}

.team__popup-photo img {
   position: absolute;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
   -o-object-fit: cover;
   object-fit: cover;
}

.team__popup-name {
   font-size: 24px;
   margin-bottom: 10px;
}

.team__popup-text {
   border-left: 1px solid var(--color-primary);
   margin-left: 6px;
}

.team__popup-row {
   font-size: 18px;
   position: relative;
   padding-left: 17px;
}

.team__popup-row::before {
   content: "";
   display: block;
   position: absolute;
   top: 6px;
   left: 0;
   width: 13px;
   height: 13px;
   border-radius: 50%;
   background: var(--color-primary);
   box-shadow: 0 0 17px var(--color-primary);
   transform: translateX(-50%);
}

.team__popup-row:first-child::before {
   top: 0;
}

.team__popup-row:not(:last-child) {
   margin-bottom: 20px;
}

.partnership__popup-close {
   transform: none;
   top: 80px;
   right: 60px;
}

.thanks__popup-body {
   width: min(100% - 40px, 830px);
   min-height: 430px;
   display: flex;
   flex-direction: column;
   align-items: center;
   justify-content: center;
   text-align: center;
}

.thanks__popup-body .popup__close {
   top: 20px;
   right: 20px;
   transform: none;
   background: 0 0;
   color: var(--color-secondary);
}

.thanks__popup-body .popup__close svg {
   color: var(--color-secondary);
   transition: all 0.3s ease;
}

.thanks__popup-title {
   font-size: 34px;
   margin-bottom: 10px;
}

.thanks__popup-subtitle {
   font-size: 18px;
   margin-bottom: 30px;
}

.thanks__popup-button .popup__close {
   position: static;
   width: 300px;
   height: 70px;
   border-radius: 2px;
   background: var(--color-primary);
   font-size: 18px;
   font-weight: 700;
   transition: all 0.3s ease;
   color: #000;
}

.hero {
   position: relative;
   overflow: hidden;
}

.hero::after {
   content: "";
   display: block;
   position: absolute;
   bottom: 0;
   left: 0;
   width: 100%;
   height: 314px;
   background: linear-gradient(180deg, transparent 0, #000 100%);
   z-index: 3;
}

.hero__body {
   padding: 122px 0 112px;
   position: relative;
}

.hero__content {
   position: relative;
   z-index: 4;
}

.hero__title {
   font-size: 142px;
   font-weight: 400;
   color: #68dcff;
   text-align: center;
   margin-bottom: 280px;
}

.hero__about {
   display: flex;
   align-items: flex-start;
   justify-content: space-between;
   gap: 40px;
}

.hero__subtitle {
   max-width: 482px;
   font-size: 26px;
   font-weight: 400;
   position: relative;
   text-wrap: balance;
}

.hero__description {
   padding-right: 28px;
}

.hero__description-row {
   width: 400px;
   font-size: 18px;
   font-weight: 400;
   line-height: 132%;
}

.hero__description-row p {
   max-width: 284px;
   margin-left: auto;
   text-wrap: balance;
}

.hero__description-row:not(:last-child) {
   margin-bottom: 22px;
}

.hero__button {
   position: absolute;
   left: 50%;
   transform: translateX(-50%);
}

.hero__button .btn-radius {
   width: min(100%, 260px);
}

.hero__image {
   position: absolute;
   top: 227px;
   left: 50%;
   transform: translateX(-52%);
   max-width: 663px;
   height: 687px;
   z-index: 2;
}

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

.hero__bg {
   position: absolute;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
   z-index: 1;
}

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

.decore-line {
   display: block;
   margin-top: 20px;
   width: 100%;
   height: 1px;
   background: var(--color-primary);
   position: relative;
}

.decore-line::after {
   content: "";
   display: block;
   position: absolute;
   right: 0;
   top: -3px;
   width: 6px;
   height: 6px;
   border-radius: 50%;
   background: var(--color-primary);
   will-change: transform;
}

.decore-line.-left::after {
   right: unset;
   left: 0;
}

.instant__body {
   padding-top: 40px;
   padding-bottom: 80px;
}

.instant__content {
   display: flex;
   gap: 13px;
}

.instant__text {
   flex: 0 1 310px;
   font-size: 18px;
   line-height: 132%;
}

.instant__text .decore-line {
   margin-top: 10px;
   width: calc(100% + 60px);
}

.instant__text .decore-line.-left {
   transform: translateX(-60px);
}

.instant__text:first-child {
   flex: 0 1 284px;
}

.instant__search {
   flex: 0 0 726px;
}

.instant__search-area {
   padding: 10px;
   background: #1b1c1c;
   border-radius: 2px;
   overflow: hidden;
   border: 1px solid var(--color-secondary);
   height: 70px;
   transition: all 0.3s ease;
   margin-bottom: 64px;
   margin-inline: 30px;
}

.instant__search-area:has(input:focus) {
   border-color: var(--color-primary);
}

.instant__search-form {
   width: 100%;
   position: relative;
}

.instant__search-input {
   width: 100%;
   height: 50px;
   background: 0 0;
   border-radius: 0;
   z-index: 2;
   padding-left: 10px;
   font-size: 16px;
}

.instant__search-button {
   position: absolute;
   top: 0;
   right: 0;
   height: 100%;
   z-index: 4;
}

.instant__search-button svg {
   display: none;
}

.instant__search-links {
   display: flex;
   flex-wrap: wrap;
   gap: 10px;
   justify-content: center;
}

.instant__chat {
   background: #1b1c1c;
   border: 1px solid #003544;
   position: relative;
   border-radius: 2px;
   overflow: hidden;
   max-width: 872px;
   margin-inline: auto;
}

.instant__chat::after {
   content: "";
   display: block;
   position: absolute;
   bottom: 0;
   left: 0;
   width: calc(100% - 8px);
   height: 80px;
   background: #1b1c1c;
   pointer-events: none;
}

.instant__chat-wrapper {
   padding: 20px 30px 100px;
   display: flex;
   flex-direction: column;
   gap: 20px;
   max-height: 55vh;
   min-height: 538px;
   overflow-y: auto;
   scrollbar-color: rgba(255, 255, 255, 0.1) #1b1c1c;
   scrollbar-width: thin;
}

.instant__chat-wrapper::-webkit-scrollbar-thumb {
   background-color: rgba(255, 255, 255, 0.1);
}

.instant__chat-wrapper::-webkit-scrollbar-track {
   background-color: #1b1c1c;
}

.instant__chat-wrapper::-webkit-scrollbar-button {
   display: none;
   background-color: rgba(255, 255, 255, 0.1);
}

.instant__chat-wrapper::-webkit-scrollbar {
   width: 8px;
}

.instant__chat-wrapper::after {
   content: "";
   display: block;
   position: absolute;
   bottom: 80px;
   left: 0;
   width: calc(100% - 8px);
   height: 48px;
   background: linear-gradient(180deg, rgba(27, 28, 28, 0) 0, #1b1c1c 100%);
   z-index: 3;
   pointer-events: none;
}

.instant__chat-question {
   padding: 10px 20px;
   display: inline-block;
   width: auto;
   margin-left: auto;
   background: #000;
   color: #fff;
   border-radius: 10px 10px 2px 10px;
   font-size: 18px;
   line-height: 1;
   max-width: 90%;
}

.instant__chat-answer {
   font-size: 18px;
   line-height: 120%;
   max-width: 95%;
}

.instant__chat-answer p:not(:last-child) {
   margin-bottom: 10px;
}

.instant__chat-answer ul {
   padding-left: 20px;
   margin: 10px 0;
}

.instant__chat-answer ul li {
   list-style-type: disc;
}

.instant__chat-answer ul li:not(:last-child) {
   margin-bottom: 10px;
}

.instant__chat-answer ol {
   padding-left: 20px;
   margin: 10px 0;
}

.instant__chat-answer ol li {
   list-style-type: decimal;
}

.instant__chat-answer ol li:not(:last-child) {
   margin-bottom: 10px;
}

.instant__chat-form {
   position: absolute;
   bottom: 10px;
   left: 30px;
   width: calc(100% - 60px);
   background: #000;
   border: 1px solid var(--color-secondary);
   padding: 10px;
   transition: all 0.3s ease;
   z-index: 5;
}

.instant__chat-form:has(input:focus) {
   border-color: var(--color-primary);
}

.instant__chat-form input {
   width: 100%;
   height: 50px;
   background: 0 0;
   padding-left: 20px;
   padding-right: 162px;
   font-size: 16px;
   transition: all 0.3s ease;
}

.instant__chat-form input::-moz-placeholder {
   color: #929292;
   opacity: 1;
}

.instant__chat-form input::placeholder {
   color: #929292;
   opacity: 1;
}

.instant__chat-form .btn {
   position: absolute;
   top: 10px;
   right: 10px;
   height: calc(100% - 20px);
   width: 152px;
}

.instant__chat-form .btn svg {
   width: 28px;
   height: 28px;
   display: none;
}

.legaltech {
   position: relative;
   background: linear-gradient(140deg, #00779a 2%, #003544 100%);
   overflow: hidden;
}

.legaltech__body {
   position: relative;
   z-index: 2;
}

.legaltech__title {
   text-wrap: balance;
}

.legaltech__content {
   display: flex;
}

.legaltech__cards {
   max-width: 787px;
}

.legaltech__card {
   padding: 12px 23px 12px 30px;
   background: var(--color-secondary);
   color: #000;
   display: flex;
   gap: 20px;
}

.legaltech__card:not(:last-child) {
   margin-bottom: 20px;
}

.legaltech__card-descr {
   margin: 20px 0;
   font-size: 24px;
}

.legaltech__card-descr strong {
   display: block;
}

.legaltech__card-legal {
   font-size: 18px;
}

.legaltech__card-certificate {
   flex: 0 0 187px;
}

.legaltech__card-certificate a {
   cursor: zoom-in;
}

.legaltech__card-certificate span {
   display: none;
}

.legaltech__image {
   display: flex;
   align-items: center;
}

.legaltech__image img {
   transform: scale(1.2);
}

.legaltech__button {
   margin-top: 28px;
   text-align: center;
}

.legaltech__bg {
   position: absolute;
   top: 53px;
   left: 200px;
   width: 1724px;
   height: 870px;
   z-index: -1;
}

.legaltech__bg img {
   width: 1724px;
   height: 870px;
   -o-object-fit: fill;
   object-fit: fill;
}

.possibilities__subtitle {
   width: 423px;
   margin-bottom: 60px;
   font-size: 18px;
   line-height: 132%;
}

.possibilities__subtitle p {
   padding-right: 18px;
}

.possibilities__subtitle .decore-line {
   margin-top: 0;
   margin-bottom: 16px;
}

.possibilities__cards {
   display: grid;
   grid-template-columns: 1fr 1fr;
   gap: 107px 24px;
}

.possibilities__card {
   position: relative;
   border: 1px solid var(--color-secondary);
   background: #1b1c1c;
   padding: 55px 20px 60px 20px;
   transition: all 0.5s ease;
   border-radius: 2px;
}

.possibilities__info {
   font-size: 20px;
   line-height: 132%;
   max-width: 316px;
   position: relative;
   z-index: 4;
}

.possibilities__image {
   position: absolute;
   bottom: 20px;
   right: 50px;
   width: 238px;
   height: 238px;
   z-index: 2;
}

.possibilities__image img {
   width: 238px;
   height: 238px;
   transition: all 0.5s ease;
}

.possibilities__blur {
   position: absolute;
   bottom: 40px;
   right: 0;
   width: 238px;
   height: 238px;
   border-radius: 50%;
   background: var(--color-primary);
   filter: blur(114px);
   z-index: -1;
   opacity: 0.16;
   transition: all 0.5s ease;
}

.possibilities__icon {
   position: absolute;
   bottom: 20px;
   right: 20px;
   color: var(--color-primary);
}

.possibilities__icon svg {
   width: 30px;
   height: 15px;
}

.instruction__body {
   position: relative;
}

.instruction__grid {
   display: grid;
   grid-template-columns: 1fr;
   gap: 24px;
   gap: 24px 20px;
}

.instruction__item {
   padding: 20px;
   border: 1px solid var(--color-secondary);
   border-radius: 2px;
   transition: all 0.3s ease;
   cursor: pointer;
}

.instruction__item-num {
   width: 38px;
   height: 38px;
   border-radius: 2px;
   display: flex;
   align-items: center;
   justify-content: center;
   text-align: center;
   background: var(--color-secondary);
   color: #000;
   font-size: 18px;
   font-weight: 700;
   margin-bottom: 16px;
   transition: all 0.3s ease;
}

.instruction__item-text {
   font-size: 18px;
   line-height: 132%;
   text-wrap: balance;
   position: relative;
   z-index: 5;
}

.instruction__image {
   position: relative;
   width: 324px;
   height: 324px;
   z-index: 2;
}

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

.instruction__image::after {
   content: "";
   display: block;
   position: absolute;
   top: -23px;
   left: 50%;
   width: 276px;
   height: 276px;
   background: var(--color-primary);
   border-radius: 50%;
   transform: translateX(-50%);
   filter: blur(86px);
   opacity: 0.26;
   z-index: -1;
}

.capability {
   position: relative;
   background: linear-gradient(140deg, #00779a 2%, #003544 100%);
   overflow: hidden;
}

.capability .legaltech__bg {
   opacity: 0.22;
}

.capability__body {
   position: relative;
   z-index: 2;
}

.capability__price {
   display: flex;
   align-items: center;
   justify-content: space-between;
   gap: 20px;
   padding-bottom: 20px;
   border-bottom: 1px solid var(--color-primary);
   margin-bottom: 40px;
}

.capability__price-text {
   font-size: 30px;
   max-width: 350px;
}

.capability__price-value {
   font-size: 40px;
   padding: 20px 40px;
   background: #000;
   border-radius: 50px;
   text-align: center;
}

.capability__subtitle {
   margin-bottom: 40px;
   font-size: 30px;
   text-align: center;
}

.capability__cards {
   display: flex;
   gap: 24px;
}

.capability__card {
   flex: 1;
   padding: 20px;
   border-radius: 2px;
   border: 1px solid var(--color-secondary);
   background: #00779a;
   height: auto;
}

.capability__card-num {
   font-size: 18px;
   font-weight: 700;
   margin-bottom: 16px;
}

.capability__card-text {
   font-size: 18px;
   font-weight: 400;
   line-height: 132%;
}

.capability__card-text p:not(:last-child) {
   margin-bottom: 16px;
}

.benefits {
   position: relative;
   overflow: hidden;
}
@media (width > 1200px) {
	.benefits {
	   min-height: 612px;
	}
}
.benefits__body {
   position: relative;
   z-index: 3;
}

.benefits__title {
   max-width: 833px;
   margin-inline: auto;
   margin-bottom: 97px;
}

.benefits__card {
   max-width: 484px;
   background: rgba(31, 33, 32, 0.86);
   padding: 20px 30px;
   border-radius: 2px;
   font-size: 22px;
   line-height: 132%;
   -webkit-backdrop-filter: blur(13px);
   backdrop-filter: blur(13px);
   border: 1px solid var(--color-primary);
}

.benefits__card p:not(:last-child) {
   margin-bottom: 20px;
}

.benefits__image {
   width: 440px;
   height: 440px;
   z-index: 2;
}

.benefits__bg {
   position: absolute;
   top: 105px;
   left: 50%;
   transform: translateX(-50%);
   width: 1202px;
   height: 605px;
   z-index: 1;
}

.articles__items {
   display: flex;
   gap: 24px;
}

.articles__item {
   flex: 0 1 33.333%;
   border-radius: 2px;
   background: #1f2120;
   padding: 20px;
   display: flex;
   flex-direction: column;
}

.articles__item-image {
   width: 100%;
   height: 236px;
   border-radius: 2px;
   overflow: hidden;
   margin-bottom: 16px;
}

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

.articles__item-info {
   flex: 1;
   display: flex;
   flex-direction: column;
}

.articles__item-name {
   display: block;
   font-size: 20px;
   margin-bottom: 10px;
   transition: all 0.3s ease;
}

.articles__item-date {
   color: #939393;
   font-size: 14px;
   flex: 1;
}

.articles__item-link {
   margin-top: 16px;
   text-align: right;
   padding-bottom: 15px;
}

.articles__item-link a {
   color: #00779a;
   position: relative;
   transition: all 0.3s ease;
}

.articles__item-link a svg {
   position: absolute;
   top: 100%;
   left: 0;
   display: inline;
   width: 100%;
   height: 12px;
}

.stages__title {
   max-width: 681px;
   margin-inline: auto;
}

.stages__content {
   display: flex;
   justify-content: space-between;
   gap: 90px;
}

.stages__description {
   font-size: 22px;
   line-height: 132%;
}

.stages__description p {
   max-width: 583px;
}

.stages__description p:not(:last-child) {
   margin-bottom: 20px;
}

.stages__items {
   flex: 0 0 512px;
   border-left: 2px solid var(--color-primary);
}

.stages__item {
   font-size: 18px;
   line-height: 132%;
   position: relative;
   padding-left: 35px;
}

.stages__item::before {
   content: "";
   display: block;
   position: absolute;
   left: -11px;
   top: 0;
   width: 20px;
   height: 20px;
   border-radius: 50%;
   background: var(--color-primary);
   box-shadow: 0 0 17px #08c2fa;
}

.stages__item:not(:last-child) {
   margin-bottom: 20px;
}

.stages__item:nth-child(1)::before {
   animation: zooming 3s ease 0s infinite;
}

.stages__item:nth-child(2)::before {
   animation: zooming 3s ease 0.3s infinite;
}

.stages__item:nth-child(3)::before {
   animation: zooming 3s ease 0.6s infinite;
}

.stages__item:nth-child(4)::before {
   animation: zooming 3s linear 0.9s infinite;
}

@keyframes zooming {

   0%,
   100% {
      transform: scale(1);
   }

   50% {
      transform: scale(1.2);
   }
}

.team__slider {
   margin-bottom: 40px;
}

.team__slide {
   padding: 20px;
   background: #1f2120;
   border: 1px solid var(--color-secondary);
   height: auto;
   display: flex;
   flex-direction: column;
   border-radius: 2px;
}

.team__slide-photo {
   margin-bottom: 16px;
   width: 100%;
   height: auto;
   aspect-ratio: 1/1;
}

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

.team__slide-info {
   flex: 1;
   display: flex;
   flex-direction: column;
}

.team__slide-name {
   font-size: 24px;
   text-align: center;
}

.team__slide-role {
   margin-top: 6px;
   font-size: 18px;
   text-align: center;
   display: -webkit-box;
   -webkit-box-orient: vertical;
   -webkit-line-clamp: 3;
   overflow: hidden;
   margin-bottom: 16px;
}

.team__slide-link {
   display: block;
   margin-top: auto;
   text-align: center;
}

.team__slide-link a,
.team__slide-link button {
   color: var(--color-primary);
   text-decoration: underline;
   text-decoration-thickness: from-font;
   transition: all 0.3s ease;
}

.team__button {
   display: flex;
   justify-content: center;
   margin-top: 60px;
}

.team__button .btn {
   min-height: 70px;
   width: 300px;
   font-size: 18px;
   font-weight: 700;
}

.hero-int {
   position: relative;
   overflow: hidden;
}

.hero-int__body {
   padding: 112px 0 80px;
   position: relative;
}

.hero-int__body::after {
   content: "";
   display: block;
   position: absolute;
   bottom: 0;
   left: 50%;
   width: 100vw;
   height: 314px;
   transform: translateX(-50%);
   background: linear-gradient(180deg, transparent 0, #000 100%);
   z-index: 1;
   pointer-events: none;
}

.hero-int__title {
   font-size: 50px;
   font-weight: 500;
   color: #68dcff;
   max-width: 660px;
   margin-bottom: 30px;
   position: relative;
   z-index: 2;
}

.hero-int__image {
   position: absolute;
   right: 88px;
   bottom: 0;
   z-index: 1;
}

.hero-int__subtitle {
   max-width: 458px;
   font-size: 24px;
   margin-bottom: 40px;
   position: relative;
   z-index: 2;
}

.hero-int__button {
   position: relative;
   z-index: 2;
}

.hero-int__button .btn {
   width: 300px;
   min-height: 70px;
   font-weight: 700;
   font-size: 18px;
}

.hero-int__bg {
   position: absolute;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
}

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

.services__cards {
   display: grid;
   grid-template-columns: 1fr 1fr;
   grid-template-rows: 1fr 1fr;
   gap: 24px;
}

.services__card {
   background: #1b1c1c;
   border: 1px solid var(--color-secondary);
   padding: 30px 20px;
   position: relative;
   border-radius: 2px;
}

.services__card-text {
   max-width: calc(100% - 264px);
   position: relative;
   z-index: 3;
}

.services__card-name {
   color: var(--color-primary);
   font-size: 24px;
   font-weight: 700;
   margin-bottom: 16px;
   white-space: nowrap;
}

.services__card-descr {
   font-size: 18px;
   line-height: 132%;
}

.services__card-descr p {
   margin-bottom: 16px;
}

.services__card-descr ul {
   padding-left: 20px;
   margin-bottom: 20px;
}

.services__card-descr ul li {
   list-style-type: disc;
}

.services__card-descr ul li:not(:last-child) {
   margin-bottom: 10px;
}

.services__card-icon {
   position: absolute;
   top: 0;
   right: 20px;
   z-index: 2;
   width: 238px;
   height: 238px;
}

.services__card-icon img {
   width: 100%;
   height: 100%;
   transition: all 0.5s ease;
}

.services__card-icon::after {
   content: "";
   display: block;
   position: absolute;
   top: 50%;
   left: 50%;
   width: 80%;
   height: 80%;
   transform: translate(-50%, -50%);
   background: var(--color-primary);
   filter: blur(83px);
   opacity: 0.16;
   z-index: -1;
   transition: all 0.5s ease;
}

.services__card-link {
   position: absolute;
   bottom: 20px;
   right: 20px;
   display: flex;
   flex-direction: column;
   width: -moz-max-content;
   width: max-content;
   font-size: 16px;
   color: var(--color-primary);
   transition: all 0.3s ease;
}

.services__card-link svg {
   width: 83px;
   height: 10px;
}

.services__card-link svg:last-child {
   display: none;
}

.how__title {
   margin-bottom: 80px;
}

.how__points {
   display: flex;
   gap: 64px;
   border-top: 1px solid var(--color-primary);
}

.how__point {
   flex: 1;
   position: relative;
}

.how__point-num {
   width: 38px;
   height: 38px;
   border-radius: 50%;
   background: var(--color-primary);
   font-size: 18px;
   font-weight: 700;
   color: #000;
   display: flex;
   align-items: center;
   justify-content: center;
   box-shadow: 0 0 17px var(--color-primary);
   margin-bottom: 11px;
   transform: translateY(-50%);
}

.how__point-name {
   font-size: 24px;
   font-weight: 700;
   line-height: 132%;
   margin-bottom: 10px;
}

.how__point-text {
   font-size: 18px;
   line-height: 132%;
}

.capability.-adv .capability__cards {
   display: grid;
   grid-template-columns: 1fr 1fr;
   grid-template-rows: 1fr 1fr;
   gap: 24px;
}

.capability.-adv .capability__card-num {
   width: 38px;
   height: 38px;
   border-radius: 2px;
   background: #fff;
   color: #00779a;
   display: flex;
   align-items: center;
   justify-content: center;
   font-size: 18px;
   font-weight: 700;
}

.capability.-adv .capability__card-name {
   font-size: 24px;
   font-weight: 700;
   line-height: 132%;
   margin-bottom: 10px;
}

.subscription__title {
   max-width: 671px;
   text-wrap: balance;
   margin-inline: auto;
}

.subscription__subtitle {
   max-width: 469px;
   text-wrap: balance;
   font-size: 24px;
   line-height: 132%;
   margin-bottom: 60px;
}

.subscription__subtitle .decore-line {
   margin-top: 0;
   margin-bottom: 16px;
}

.subscription__content {
   display: flex;
   gap: 25px;
}

.subscription__about {
   flex: 0 1 50%;
   padding: 40px 20px;
   background: linear-gradient(140deg, #00779a 2%, #003f52 100%);
   border-radius: 2px;
}

.subscription__price {
   text-align: center;
   padding-bottom: 30px;
   border-bottom: 1px solid #fff;
   margin-bottom: 30px;
}

.subscription__price-title {
   font-size: 50px;
   font-weight: 700;
   margin-bottom: 20px;
}

.subscription__price-value {
   padding: 20px 30px;
   font-size: 40px;
   font-weight: 700;
   background: #003544;
   width: -moz-max-content;
   width: max-content;
   margin-inline: auto;
   border-radius: 20px;
   margin-bottom: 20px;
}

.subscription__price-att {
   font-size: 24px;
   line-height: 132%;
}

.subscription__about-text {
   margin-bottom: 30px;
}

.subscription__about-text h4 {
   font-size: 24px;
   margin-bottom: 16px;
}

.subscription__about-text ul {
   padding-left: 20px;
}

.subscription__about-text ul li {
   list-style-type: disc;
}

.subscription__about-text ul li:not(:last-child) {
   margin-bottom: 10px;
}

.subscription__about-button .btn {
   max-width: 300px;
   margin-inline: auto;
   background: #000;
   border: 1px solid #fff;
   color: #fff;
   min-height: 60px;
   font-size: 18px;
}

.subscription__descriptions {
   flex: 0 1 50%;
}

.subscription__description {
   border: 1px solid var(--color-secondary);
   border-radius: 2px;
   padding: 40px 20px;
}

.subscription__descriptions-title {
   font-size: 40px;
   font-weight: 700;
   line-height: 132%;
   color: var(--color-primary);
   margin-bottom: 20px;
}

.subscription__description-text h4 {
   font-size: 24px;
   line-height: 132%;
   margin-bottom: 16px;
   font-weight: 400;
}

.subscription__description-text p {
   font-size: 18px;
}

.subscription__description-text p:not(:last-child) {
   margin-bottom: 16px;
}

.subscription__description-text ul {
   font-size: 24px;
   line-height: 132%;
   padding-left: 20px;
}

.subscription__description-text ul li {
   list-style-type: disc;
}

.subscription__description-text ul li:not(:last-child) {
   margin-bottom: 16px;
}

.faq__content {
   background: linear-gradient(140deg, #00779a 2%, #003544 100%);
   padding: 80px 0;
}

.faq__items {
   max-width: 1096px;
   margin-inline: auto;
}

.faq__item {
   border-bottom: 1px solid var(--color-secondary);
   cursor: pointer;
}

.faq__item:not(:last-child) {
   margin-bottom: 40px;
}

.faq__item.active .faq__question-icon {
   transform: rotate(45deg);
}

.faq__question {
   display: flex;
   align-items: center;
   justify-content: space-between;
   gap: 20px;
   font-size: 24px;
   margin-bottom: 20px;
}

.faq__question-icon {
   width: 50px;
   height: 50px;
   flex: 0 0 50px;
   display: flex;
   align-items: center;
   justify-content: center;
   color: #fff;
   background: #1b1c1c;
   border-radius: 50%;
   transition: all 0.3s ease;
}

.faq__question-icon svg {
   width: 30px;
   height: 30px;
}

.faq__answer {
   transition: all 0.3s ease;
   max-height: 0;
   overflow: hidden;
   width: min(90%, 703px);
   font-size: 18px;
   line-height: 132%;
}

.faq__answer p:not(:last-child) {
   margin-bottom: 10px;
}

.faq__answer-text {
   padding-bottom: 20px;
}

.situations__body {
   padding-bottom: 80px;
}

.situations__items {
   display: grid;
   grid-template-columns: 1fr 1fr;
   gap: 24px;
}

.situations__item {
   border-radius: 2px;
   border: 1px solid var(--color-secondary);
   padding: 20px;
}

.situations__item-dot {
   width: 17px;
   height: 17px;
   border-radius: 50%;
   background: var(--color-primary);
   margin-bottom: 10px;
   box-shadow: 0 0 17px var(--color-primary);
}

.situations__item-num {
   width: 38px;
   height: 38px;
   border-radius: 2px;
   background: var(--color-secondary);
   display: flex;
   align-items: center;
   justify-content: center;
   font-size: 18px;
   font-weight: 700;
   color: #000;
   margin-bottom: 24px;
   box-shadow: 0 0 17px var(--color-primary);
}

.situations__item-text {
   font-size: 24px;
   line-height: 132%;
}

.capability.-serv .capability__card-dot {
   width: 17px;
   height: 17px;
   border-radius: 50%;
   background: #fff;
   box-shadow: 0 0 17px var(--color-primary);
   margin-bottom: 10px;
}

.capability.-serv .capability__card-text {
   font-size: 18px;
   line-height: 132%;
}

.capability.-serv .legaltech__bg {
   width: 1725px;
   height: 478px;
   top: 0;
}

.capability.-serv .legaltech__bg img {
   width: 100%;
   height: 100%;
   -o-object-fit: cover;
   object-fit: cover;
}

.process__row {
   display: grid;
   grid-template-columns: 1fr 1fr 1fr;
   gap: 20px;
}

.process__item {
   display: flex;
   flex-direction: column;
   height: auto;
   position: relative;
}

.process__item-num {
   width: 38px;
   height: 38px;
   border-radius: 50%;
   display: flex;
   align-items: center;
   justify-content: center;
   background: var(--color-primary);
   color: #000;
   box-shadow: 0 0 17px var(--color-primary);
   font-size: 18px;
   font-weight: 700;
   margin-bottom: 16px;
   transform: translateY(-50%);
}

.process__item-name {
   font-size: 24px;
   line-height: 132%;
   color: var(--color-primary);
   margin-bottom: 10px;
   text-wrap: balance;
}

.process__item-text {
   font-size: 18px;
   line-height: 132%;
   text-wrap: balance;
   flex: 1;
}

.process__road {
   width: 100%;
   height: 120px;
   border-radius: 0 100px 100px 0;
   border-top: 1px solid var(--color-primary);
   border-right: 1px solid var(--color-primary);
   border-bottom: 1px solid var(--color-primary);
}

.cases__block {
   background: #1b1c1c;
   position: relative;
   padding: 80px 40px;
   overflow: hidden;
   border-radius: 2px;
}

.cases__block:not(:last-child) {
   margin-bottom: 60px;
}

.cases__num {
   width: 59px;
   height: 59px;
   border-radius: 2px;
   background: var(--color-secondary);
   display: flex;
   align-items: center;
   justify-content: center;
   box-shadow: 0 0 17px var(--color-primary);
   font-size: 28px;
   font-weight: 700;
   color: #000;
   position: absolute;
   top: 20px;
   right: 20px;
}

.cases__category {
   text-align: center;
   font-size: 34px;
   line-height: 132%;
   margin-bottom: 40px;
   position: relative;
   z-index: 3;
}

.cases__infocards {
   display: flex;
   gap: 24px;
   position: relative;
   z-index: 3;
}

.cases__infocard {
   flex: 1;
   padding: 20px;
   background: linear-gradient(140deg, #00779a 2%, #003544 100%);
   border-radius: 2px;
}

.cases__infocard-label {
   display: inline-block;
   text-align: center;
   width: auto;
   padding: 10px 20px;
   min-width: 145px;
   font-size: 18px;
   line-height: 132%;
   border-radius: 50px;
   border: 1px solid var(--color-secondary);
   white-space: nowrap;
   margin-bottom: 20px;
}

.cases__infocard-text {
   font-size: 18px;
   line-height: 132%;
   font-weight: 400;
}

.cases__infocard-text p:not(:last-child) {
   margin-bottom: 10px;
}

.cases__block-bg {
   position: absolute;
   top: 0;
   right: 0;
}

.cases__block-bg img {
   max-width: unset;
}

.cases__button {
   display: flex;
   justify-content: center;
}

.cases__button .btn {
   width: 300px;
   min-height: 70px;
   font-size: 18px;
   font-weight: 700;
}

.stages.-subs .stages__title {
   max-width: 100%;
}

.stages.-subs .stages__description {
   margin-bottom: 40px;
   font-size: 34px;
   line-height: 132%;
}

.stages.-subs .stages__contents {
   display: flex;
   gap: 82px;
}

.stages.-subs .stages__content {
   display: block;
   flex: 0 1 50%;
}

.stages.-subs .stages__item::before {
   width: 20px;
   height: 20px;
   animation: none;
}

.stages.-subs .stages__items {
   margin-left: 10px;
}

.stages.-subs .stages__item {
   font-size: 24px;
   line-height: 132%;
   text-wrap: balance;
}

.consultation__body {
   padding: 112px 0 80px;
   position: relative;
}

.consultation__body .instant__content {
   position: relative;
   z-index: 2;
}

.consultation__body .instant__blur {
   position: absolute;
   top: 0;
   left: 50%;
   width: 80%;
   height: 100%;
   transform: translateX(-50%);
   background: var(--color-primary);
   border-radius: 50%;
   filter: blur(200px);
   z-index: -1;
}

.hero-ab {
   position: relative;
   overflow: hidden;
}

.hero-ab__body {
   padding: 112px 0 80px;
   position: relative;
}

.hero-ab__body::after {
   content: "";
   display: block;
   position: absolute;
   bottom: 0;
   left: 50%;
   width: 100vw;
   height: 314px;
   transform: translateX(-50%);
   background: linear-gradient(180deg, transparent 0, #000 100%);
   z-index: 1;
   pointer-events: none;
}

.hero-ab__body {
   position: relative;
   z-index: 2;
}

.hero-ab__title {
   font-size: 50px;
   color: #68dcff;
   font-weight: 400;
   margin-bottom: 60px;
   max-width: 578px;
   margin-inline: auto;
   text-align: center;
}

.hero-ab__content {
   display: flex;
   gap: 24px;
}

.hero-ab__image {
   flex: 0 1 50%;
   width: 100%;
   position: relative;
   height: 430px;
}

.hero-ab__image img {
   position: absolute;
   top: 45%;
   left: 50%;
   transform: translate(-50%, -50%);
   width: 523px;
   max-width: unset;
   height: 582px;
}

.hero-ab__description {
   flex: 0 1 50%;
   position: relative;
   z-index: 4;
   max-width: 608px;
}

.hero-ab__subtitle {
   font-size: 24px;
   line-height: 132%;
   margin-bottom: 10px;
}

.hero-ab__text {
   font-size: 18px;
}

.hero-ab__text p {
   max-width: 490px;
}

.hero-ab__text p:not(:last-child) {
   margin-bottom: 10px;
}

.hero-ab__bg {
   position: absolute;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
}

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

.creating {
   position: relative;
   background: linear-gradient(140deg, #00779a 2%, #003544 100%);
}

.creating__body {
   padding: 80px 0 150px;
}

.creating__title {
   margin-bottom: 82px;
}

.creating__image {
   position: absolute;
   bottom: 0;
   left: 50%;
   transform: translateX(-50%);
   width: 458px;
   height: 458px;
   z-index: 5;
}

.creating__cards {
   display: flex;
   justify-content: space-between;
   gap: 20px;
   position: relative;
   z-index: 5;
   padding-inline: 74px;
}

.creating__card {
   background: #00779a;
   border: 1px solid var(--color-secondary);
   padding: 20px 40px;
   font-size: 18px;
   line-height: 132%;
   max-width: 319px;
}

.creating__bg {
   position: absolute;
   top: 50%;
   left: 50%;
   transform: translate(-50%, -50%);
   pointer-events: none;
   width: 1436px;
   height: 564px;
}

.creating__bg img {
   max-width: unset;
   transform: translate(-10px, -15px);
}

.possibilities.-adv .possibilities__title {
   margin-bottom: 100px;
}

.possibilities.-adv .possibilities__card {
   display: flex;
   align-items: center;
   padding: 27px 20px;
   min-height: 193px;
}

.possibilities.-adv .possibilities__info {
   text-wrap: balance;
}

.possibilities.-adv .possibilities__info p:not(:last-child) {
   margin-bottom: 10px;
}

.possibilities.-adv .possibilities__image {
   right: 31px;
}

.naming__content {
   display: flex;
   gap: 24px;
}

.naming__image {
   flex: 0 1 50%;
   position: relative;
}

.naming__image img {
   position: absolute;
   top: 50%;
   left: 50%;
   transform: translate(-50%, -50%);
   z-index: 2;
}

.naming__image::after {
   content: "";
   display: block;
   position: absolute;
   width: 100%;
   height: auto;
   aspect-ratio: 1/1;
   top: 50%;
   left: 50%;
   border-radius: 50%;
   max-width: 367px;
   transform: translate(-50%, -50%);
   z-index: 1;
   background: var(--color-primary);
   filter: blur(83px);
   opacity: 0.26;
}

.naming__description {
   flex: 0 1 50%;
   max-width: 608px;
}

.naming__subtitle {
   font-size: 24px;
   line-height: 132%;
   margin-bottom: 10px;
   font-weight: 400;
   text-wrap: balance;
}

.naming__text {
   font-size: 18px;
   line-height: 132%;
}

.naming__text p {
   text-wrap: balance;
}

.naming__text p:not(:last-child) {
   margin-bottom: 10px;
}

.mission__card {
   position: relative;
   background: linear-gradient(140deg, #00779a 2%, #003544 100%);
   padding: 80px 40px;
}

.mission__title {
   position: relative;
   z-index: 5;
}

.mission__image {
   position: absolute;
   bottom: 0;
   right: 24px;
   z-index: 2;
}

.mission__text {
   max-width: 545px;
   font-size: 18px;
   line-height: 132%;
   position: relative;
   z-index: 5;
}

.mission__text p:not(:last-child) {
   margin-bottom: 10px;
}

.mission__bg {
   position: absolute;
   bottom: 0;
   right: 18px;
   width: 1152px;
   height: 596px;
   z-index: 1;
   pointer-events: none;
}

.mission__bg img {
   width: 100%;
   height: 100%;
}

.hero-int.-part .hero-int__title {
   margin-bottom: 20px;
}

.hero-int.-part .hero-int__subtitle {
   margin-bottom: 20px;
}

.hero-int.-part .hero-int__subtitle p:not(:last-child) {
   margin-bottom: 20px;
}

.partnership__cards {
   display: grid;
   grid-template-columns: 1fr 1fr;
   gap: 24px;
}

.partnership__card {
   padding: 60px 40px 40px;
   background: #1b1c1c;
   cursor: pointer;
   display: flex;
   flex-direction: column;
   transition: all 0.4s ease;
   will-change: transform;
}

.partnership__card:has(.partnership__card-image) {
   background: 0 0;
   padding: 0;
   cursor: auto;
}

.partnership__card.-blue {
   background: linear-gradient(140deg, #00779a 2%, #003544 100%);
}

.partnership__card-head {
   display: flex;
   align-items: flex-start;
   gap: 20px;
   margin-bottom: 40px;
}

.partnership__card-num {
   flex: 0 0 45px;
   width: 45px;
   height: 45px;
   border-radius: 2px;
   background: var(--color-secondary);
   display: flex;
   align-items: center;
   justify-content: center;
   font-size: 24px;
   font-weight: 700;
   color: #000;
}

.partnership__card-name {
   font-size: 34px;
   line-height: 132%;
}

.partnership__card-descr {
   flex: 1;
}

.partnership__card-subtitle {
   font-size: 24px;
   line-height: 132%;
   margin-bottom: 20px;
}

.partnership__card-text {
   font-size: 18px;
   line-height: 132%;
}

.partnership__card-text p:not(:last-child) {
   margin-bottom: 20px;
}

.partnership__card-icon {
   margin-top: 40px;
   margin-left: auto;
   width: 30px;
   height: 15px;
   color: var(--color-primary);
}

.partnership__card-icon svg {
   width: 100%;
   height: 100%;
}

.partnership__card-image {
   display: flex;
   align-items: center;
   justify-content: center;
   text-align: center;
}

.partnership__card-image img {
   max-width: 100%;
   max-height: 100%;
   -o-object-fit: contain;
   object-fit: contain;
   margin: auto;
}

.partnership__more {
   margin: 60px 0;
   display: flex;
   justify-content: center;
}

.partnership__more .btn {
   width: 300px;
   min-height: 70px;
   font-size: 18px;
   font-weight: 700;
}

.error-page__body {
   padding: 112px 0 140px;
}

.error-page__body .breadcrumbs {
   margin-bottom: 26px;
}

.error-page__content {
   max-width: 747px;
   margin-inline: auto;
}

.error-page__image {
   transform: translateX(-4%);
}

.error-page__text {
   font-size: 34px;
   line-height: 132%;
   text-wrap: balance;
   text-align: center;
   margin-top: -50px;
}

.error-page__text a {
   color: var(--color-primary);
   text-decoration: underline;
   text-decoration-thickness: from-font;
   transition: all 0.3s ease;
}

.legal__body {
   padding: 112px 0 80px;
}

.legal__document {
   background: #1b1c1c;
   padding: 40px;
   max-width: 1096px;
   margin-inline: auto;
}

.legal__title {
   font-size: 34px;
   font-weight: 400;
   line-height: 132%;
   text-align: center;
   margin-bottom: 10px;
   text-transform: uppercase;
}

.legal__subtitle {
   font-size: 34px;
   font-weight: 400;
   line-height: 132%;
   text-align: center;
   margin-bottom: 10px;
}

.legal__text {
   font-size: 18px;
   line-height: 150%;
   font-weight: 400;
   overflow: hidden;
}

.legal__text h3 {
   text-transform: uppercase;
   margin-top: 50px;
   margin-bottom: 30px;
   font-size: 18px;
   font-weight: 400;
}

.blog {
   position: relative;
}

.blog__body {
   position: relative;
   z-index: 3;
   padding: 112px 0 160px;
}

.blog__wrapper {
   display: grid;
   grid-template-columns: 312px 1fr 312px;
   gap: 24px;
}

.blog__aside-body {
   position: sticky;
   top: 100px;
}

.blog__aside-link {
   display: flex;
   align-items: center;
   gap: 10px;
   font-size: 18px;
   line-height: 132%;
   transition: all 0.3s ease;
   padding: 6px 10px;
   border-radius: 4px;
}

.blog__aside-link.active {
   background: var(--color-secondary);
   font-weight: 600;
}

.blog__aside-link img {
   flex: 0 0 54px;
   width: 54px;
   height: 54px;
   -o-object-fit: contain;
   object-fit: contain;
}

.blog__content {
   min-width: 0;
}

.blog__articles {
   display: flex;
   flex-direction: column;
}

.blog__article {
   background: #fff;
   border: 1px solid #e9e9e9;
   padding: 20px;
   margin-bottom: 24px;
   position: relative;
}

.blog__article-date {
   font-size: 14px;
   color: #919191;
   margin-bottom: 6px;
   line-height: 1;
}

.blog__article-name {
   display: block;
   font-size: 24px;
   font-weight: 400;
   line-height: 132%;
   text-wrap: balance;
   margin-bottom: 6px;
   transition: all 0.3s ease;
}

.blog__article-text {
   font-size: 18px;
   line-height: 132%;
   text-wrap: balance;
   margin-bottom: 16px;
}

.blog__article-image {
   display: block;
   width: 100%;
   height: auto;
   aspect-ratio: 1.8/1;
   position: relative;
   margin-bottom: 30px;
   overflow: hidden;
   border-radius: 12px;
}

.blog__article-image img {
   position: absolute;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
   -o-object-fit: cover;
   object-fit: cover;
}

.blog__article-tags {
   max-width: calc(100% - 125px);
}

.blog__article-tags a {
   font-size: 14px;
   line-height: 132%;
   color: #00779a;
}

.blog__article-link {
   position: absolute;
   bottom: 26px;
   right: 20px;
   z-index: 5;
   font-size: 16px;
   line-height: 1;
   color: #00779a;
   display: flex;
   flex-direction: column;
   transition: all 0.3s ease;
}

.blog__article-link svg {
   width: 114px;
   height: 11px;
}

.blog__button .btn {
   width: 100%;
   min-height: 70px;
   font-weight: 500;
   font-size: 18px;
   background: var(--color-secondary);
   border-color: var(--color-secondary);
}

.blog__useful-body {
   background: #fff;
   padding: 20px;
   border: 1px solid #e9e9e9;
   border-radius: 2px;
}

.blog__useful-title {
   font-size: 24px;
   line-height: 132%;
   margin-bottom: 26px;
}

.blog__useful-item {
   padding: 20px 0;
   display: block;
}

.blog__useful-item:first-child {
   padding-top: 0;
}

.blog__useful-item:last-child {
   padding-bottom: 0;
}

.blog__useful-item:not(:last-child) {
   border-bottom: 1px solid #e9e9e9;
}

.blog__useful-name {
   font-size: 18px;
   line-height: 132%;
   font-weight: 400;
   margin-bottom: 10px;
   transition: all 0.3s ease;
}

.blog__useful-descr {
   font-size: 14px;
   line-height: 132%;
}

.blog__useful-icon {
   width: 30px;
   height: 15px;
   color: var(--color-primary);
   margin-left: auto;
}

.blog__useful-icon svg {
   width: 100%;
   height: 100%;
}

.blog__bg {
   position: fixed;
   top: 0;
   left: 0;
   width: 100%;
   height: 100vh;
   z-index: 1;
}

.blog__bg::after {
   content: "";
   display: block;
   position: absolute;
   bottom: 0;
   left: 0;
   width: 100%;
   height: 197px;
   background: linear-gradient(180deg, rgba(247, 247, 247, 0) 0, #f7f7f7 100%);
}

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

.article {
   background: #fff;
   padding: 20px;
   border: 1px solid #e9e9e9;
   color: #1b1c1c;
}

.article__wrapper {
   min-width: 0;
   width: 100%;
}

.article__date {
   display: block;
   font-size: 14px;
   line-height: 1;
   margin-bottom: 10px;
   color: #919191;
}

.article__name {
   font-size: 34px;
   font-weight: 700;
   line-height: 120%;
   margin-bottom: 30px;
}

.article__text {
   font-size: 18px;
   line-height: 132%;
   margin-bottom: 30px;
   min-width: 0;
   width: 100%;
}

.article__text p {
   margin: 10px 0;
}

.article__text img {
   margin: 30px 0;
   max-width: 100%;
   height: auto;
}

.article__text h2 {
   font-size: 24px;
   font-weight: 700;
   line-height: 132%;
   margin: 30px 0 10px;
}

.article__text a:has(img)+h2 {
   margin-top: 0;
}

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

.article__text ul li {
   list-style-type: disc;
}

.article__text ul li:not(:last-child) {
   margin-bottom: 10px;
}

.article__text ol {
   padding-left: 20px;
   margin: 10px 0;
}

.article__text ol li {
   list-style-type: decimal;
}

.article__text ol li:not(:last-child) {
   margin-bottom: 10px;
}

.article__gallery {
   min-width: 0;
   width: 100%;
   max-width: 100%;
}

.article__slider {
   margin: 30px 0;
   min-width: 0;
   width: 100%;
}

.article__slide img {
   margin: 0;
}

.article__slider-next,
.article__slider-prev {
   display: flex;
   position: absolute;
   top: 50%;
   width: 50px;
   height: 50px;
   align-items: center;
   justify-content: center;
   transform: translateY(-50%);
   border-radius: 50%;
   background: rgba(167, 235, 255, 0.5019607843);
   z-index: 5;
   transition: all 0.3s ease;
}

.article__slider-next svg,
.article__slider-prev svg {
   width: 20px;
   height: 20px;
}

.article__slider-next:active,
.article__slider-prev:active {
   background: rgba(167, 234, 255, 0.7529411765);
}

.article__slider-prev {
   left: 10px;
   transform: translateY(-50%) rotate(180deg);
}

.article__slider-next {
   right: 10px;
}

.article__tags a {
   font-size: 14px;
   color: #00779a;
}

.article__video {
   max-width: 100%;
   position: relative;
   height: auto;
   margin: 30px 0;
}

.article__video.is-playing .article__video-play {
   display: none;
}

.article__video-media {
   max-width: 100%;
   height: auto;
}

.article__video-play {
   display: block;
   position: absolute;
   top: 50%;
   left: 50%;
   width: 67px;
   height: 67px;
   transform: translate(-50%, -50%);
   z-index: 5;
   color: var(--color-primary);
   transition: all 0.3s ease;
}

.article__video-play svg {
   width: 100%;
   height: 100%;
}

.related {
   margin-top: 40px;
}

.related__title {
   margin-bottom: 40px;
   font-size: 34px;
   line-height: 132%;
   text-align: center;
   font-weight: 400;
   text-wrap: balance;
}

.related__articles {
   display: grid;
   grid-template-columns: 1fr 1fr;
   gap: 24px;
}

.related__article {
   padding-bottom: 60px;
   margin-bottom: 0;
}

.related__article .blog__article-date {
   position: absolute;
   bottom: 20px;
   left: 20px;
}

.related__article .blog__article-name {
   font-size: 18px;
   margin-bottom: 10px;
   text-wrap: unset;
}

.related__article .blog__article-text {
   display: none;
}

.related__article .blog__article-image {
   margin-bottom: 16px;
   aspect-ratio: 3/2;
}

.related__article .blog__article-tags {
   max-width: 100%;
}

.related__article .blog__article-link {
   bottom: 18px;
}

@media (width < 1600px) {
   .instant__title {
      margin-bottom: 40px;
   }
}

@media (width < 1400px) {
   .instant__search {
      flex: 1;
   }

   .possibilities__info {
      max-width: 50%;
      font-size: 16px;
   }

   .benefits__title {
      margin-bottom: 20px;
   }

   .benefits__cards {
      border: 1px solid var(--color-primary);
      padding: 20px 30px;
      background: rgba(31, 33, 32, 0.86);
      -webkit-backdrop-filter: blur(13px);
      backdrop-filter: blur(13px);
   }

   .benefits__card {
      max-width: 100%;
      border: none;
      padding: 0;
      background: 0 0;
      -webkit-backdrop-filter: none;
      backdrop-filter: none;
   }

   .benefits__image {
      margin-inline: auto;
   }

   .blog__wrapper {
      grid-template-columns: 260px 1fr 312px;
   }
}

@media (width < 1350px) {
   .hero__subtitle {
      max-width: 400px;
   }

   .hero__description-row {
      width: 360px;
   }
}

@media (width < 1300px) {
   .hero-int__image {
      right: 0;
      max-width: 50%;
   }

   .services__card-name {
      white-space: unset;
   }

   .faq__items {
      padding-inline: 30px;
   }
}

@media (width < 1250px) {
   .creating__cards {
      padding-inline: 0;
   }
}

@media (width < 1200px) {
   .header__logo {
      flex: 0 1 auto;
   }

   .header__buttons {
      flex: 0 1 auto;
   }

   .footer__body {
      display: grid;
      grid-template-columns: 1fr 1fr;
   }

   .hero__button {
      top: 105%;
   }

   .instant__content {
      flex-direction: column;
      gap: 40px;
   }

   .instant__text {
      flex: 1 1 auto;
      max-width: 400px;
      margin-left: auto;
   }

   .instant__text:first-child {
      flex: 1 1 auto;
      margin-left: 0;
   }

   .instant__search-area {
      margin-inline: 0;
      margin-bottom: 40px;
   }

   .services__cards {
      grid-template-columns: 1fr;
      grid-template-rows: 1fr 1fr 1fr 1fr;
      gap: 94px;
   }

   .how__points {
      gap: 30px;
   }

   .how__point-name {
      font-size: 20px;
   }

   .how__point-text {
      font-size: 16px;
   }

   .blog__wrapper {
      grid-template-columns: 260px 1fr;
   }

   .blog__article:nth-child(1) {
      order: -5;
   }

   .blog__article:nth-child(2) {
      order: -4;
   }

   .blog__article:nth-child(3) {
      order: -3;
   }

   .blog__article:nth-child(4) {
      order: -2;
   }

   .blog__useful-body {
      order: -1;
      margin-bottom: 24px;
   }

   .blog.article-page .blog__useful-body {
      order: unset;
      margin-top: 40px;
   }
}

@media (width < 1100px) {
   body.white-page .menu__body {
      background: #f7f7f7;
      border-color: #e9e9e9;
   }

   .header__buttons {
      display: none;
   }

   .header__buttons-wrapper {
      flex-direction: column;
      align-items: center;
      text-align: center;
      gap: 20px;
      margin-top: 20px;
   }

   .header__buttons-wrapper .btn-outline {
      width: 150px;
   }

   .header__consultation-popup {
      position: static;
      opacity: 1;
      transform: none;
      padding: 0;
      border: none;
      width: 100%;
   }

   .header__consultation-btn {
      display: none;
   }

   .header__panel {
      margin-right: auto;
   }

   .menu__icon {
      display: block;
      width: 30px;
      height: 30px;
      position: relative;
      z-index: 2;
   }

   .menu__icon span,
   .menu__icon::after,
   .menu__icon::before {
      height: 3px;
      position: absolute;
      background-color: #fff;
      width: calc(100% - 4px);
      left: 2px;
      transition: all 0.3s ease;
   }

   .menu__icon::after,
   .menu__icon::before {
      content: "";
   }

   .menu__icon::before {
      top: 5px;
   }

   .menu__icon::after {
      bottom: 5px;
   }

   .menu__icon span {
      top: calc(50% - 1.5px);
   }

   .menu__icon.active::before {
      top: 13px;
      transform: rotate(45deg);
   }

   .menu__icon.active::after {
      top: 13px;
      transform: rotate(-45deg);
   }

   .menu__icon.active span {
      opacity: 0;
   }

   .menu__body {
      position: fixed;
      top: 75px;
      right: 80px;
      width: 335px;
      border-radius: 2px;
      border: 1px solid #00779a;
      padding: 16px 20px;
      background: #1b1c1c;
      z-index: 99;
      transform-origin: top;
      transform: scaleY(0);
      opacity: 0;
      transition: all 0.3s ease;
   }

   .menu__body.active {
      opacity: 1;
      transform: scaleY(1);
   }

   .menu__list {
      flex-direction: column;
      align-items: stretch;
      text-align: center;
   }

   .menu__link--active {
      background: var(--color-primary);
      color: #fff;
   }


   .menu__submenu {
      position: static;
      transform: none;
      min-width: 0;
      padding: 0;
      background: transparent;
      border: none;
      border-radius: 0;
      opacity: 1;
      visibility: visible;
      max-height: 0;
      overflow: hidden;
      transition: max-height 0.35s ease;
   }

   .menu__item--has-children>.menu__submenu {
      pointer-events: auto;
   }

   .menu__item--has-children.is-open>.menu__submenu {
      max-height: 500px;
      padding-top: 4px;
   }

   .menu__submenu .menu__link {
      padding: 10px 20px;
      font-size: 14px;
      opacity: 0.8;
      min-height: 40px;
      display: flex;
      align-items: center;
      justify-content: center;
   }

   body.white-page .menu__submenu {
      background: transparent;
      border: none;
   }
}

@media (width < 1000px) {
   .header__consultation {
      width: 100%;
   }
}

@media (width < 980px) {
   .menu__body {
      right: 20px;
   }

   .about__popup-text {
      font-size: 16px;
   }

   .team__popup-close {
      top: 38px;
      right: 20px;
   }

   .partnership__popup-close {
      top: 38px;
      right: 20px;
   }

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

   .hero__subtitle {
      text-align: center;
   }

   .hero__subtitle .decore-line {
      display: none;
   }

   .hero__description {
      display: flex;
      gap: 40px;
      padding-right: 0;
   }

   .hero__description-row {
      width: auto;
   }

   .hero__description-row p {
      margin-left: 0;
      margin-right: auto;
   }

   .hero__description-row .decore-line.-left::after {
      left: unset;
      right: 0;
   }

   .hero__button {
      position: static;
      left: unset;
      transform: none;
      text-align: center;
      margin-top: 40px;
   }

   .hero__image {
      top: 120px;
   }

   .legaltech__content {
      flex-direction: column;
      gap: 50px;
   }

   .legaltech__cards {
      max-width: 100%;
   }

   .legaltech__image {
      max-width: 400px;
      margin-inline: auto;
   }

   .legaltech__bg {
      width: 120%;
      height: auto;
      top: unset;
      bottom: 180px;
      left: -10%;
   }

   .legaltech__bg img {
      width: 100%;
      height: auto;
   }

   .possibilities__cards {
      grid-template-columns: 1fr;
      grid-template-rows: 1fr 1fr 1fr 1fr;
      gap: 94px;
   }

   .instruction__content {
      display: flex;
      flex-direction: column-reverse;
   }

   .instruction__title {
      margin-bottom: 0;
      text-wrap: balance;
   }

   .instruction__image {
      width: 100%;
      text-align: center;
   }

   .capability__price-value {
      font-size: 30px;
   }

   .capability__cards {
      flex-direction: column;
   }

   .articles__item-name {
      font-size: 18px;
      line-height: 132%;
   }

   .stages__content {
      flex-direction: column;
      gap: 20px;
   }

   .stages__description {
      font-size: 20px;
   }

   .stages__description p {
      max-width: 100%;
   }

   .stages__items {
      flex: 1 1 auto;
   }

   .hero-int__title {
      text-align: center;
      margin-inline: auto;
      font-size: 40px;
   }

   .hero-int__image {
      position: relative;
      right: unset;
      bottom: unset;
      z-index: 2;
      margin-inline: auto;
   }

   .hero-int__subtitle {
      margin-inline: auto;
   }

   .hero-int__button {
      display: flex;
      justify-content: center;
   }

   .subscription__content {
      flex-direction: column;
   }

   .process__items {
      border-left: 1px solid var(--color-primary);
      margin-left: 20px;
   }

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

   .process__row:first-child {
      margin-bottom: 20px;
   }

   .process__item {
      padding-left: 30px;
   }

   .process__item-num {
      transform: translateY(0) translateX(-50%);
      position: absolute;
      top: 0;
      left: 0;
   }

   .process__road {
      display: none;
   }

   .cases__infocards {
      flex-direction: column;
   }

   .stages.-subs .stages__description {
      font-size: 28px;
   }

   .stages.-subs .stages__contents {
      flex-direction: column;
      gap: 40px;
   }

   .stages.-subs .stages__item {
      font-size: 20px;
   }

   .hero-ab__subtitle {
      font-size: 20px;
   }

   .hero-ab__text {
      font-size: 16px;
   }

   .creating__body {
      padding: 40px 0;
   }

   .creating__title {
      margin-bottom: 0;
   }

   .creating__image {
      margin-inline: auto;
      position: relative;
      left: unset;
      transform: none;
      width: 295px;
      height: 295px;
   }

   .creating__image img {
      transform: translateY(10px);
   }

   .creating__bg {
      width: 375px;
      height: auto;
      top: 50px;
      transform: translate(-50%, 0);
   }

   .creating__bg img {
      width: 100%;
      height: auto;
      transform: none;
   }

   .mission__title {
      margin-bottom: 5px;
   }

   .mission__image {
      position: relative;
      bottom: unset;
      right: unset;
      width: 295px;
      margin-inline: auto;
   }

   .mission__text {
      max-width: 100%;
      margin-top: 30px;
   }

   .mission__bg {
      width: 100%;
      max-width: 375px;
      right: 50%;
      transform: translateX(50%);
      bottom: unset;
      top: 40px;
      height: auto;
   }

   .partnership__card {
      padding: 30px 20px;
   }

   .partnership__card-head {
      flex-direction: column;
      gap: 10px;
      margin-bottom: 10px;
   }

   .partnership__card-name {
      font-size: 24px;
   }

   .partnership__card-subtitle {
      font-size: 16px;
      margin-bottom: 6px;
   }

   .partnership__card-text {
      font-size: 16px;
   }

   .partnership__card-text p:not(:last-child) {
      margin-bottom: 6px;
   }

   .partnership__card-icon {
      margin-top: 6px;
   }

   .legal__document {
      padding: 20px 10px;
   }

   .legal__title {
      font-size: 18px;
   }

   .legal__subtitle {
      font-size: 18px;
   }

   .legal__text {
      font-size: 14px;
   }

   .legal__text h3 {
      font-size: 14px;
      margin-top: 40px;
   }

   .blog__wrapper {
      grid-template-columns: 200px 1fr;
   }

   .related__articles {
      gap: 12px;
   }
}

@media (width < 61.25rem) {
   .container {
      width: calc(100% - 2.5rem);
   }
}

@media (max-width: 980px) {
   .about__popup-hide.is-collapsed {
      display: -webkit-box;
      -webkit-line-clamp: 3;
      -webkit-box-orient: vertical;
      overflow: hidden;
   }

   .about__popup-more {
      margin-top: 10px;
      background: 0 0;
      border: none;
      padding: 0;
      color: var(--color-primary);
      cursor: pointer;
      text-decoration: underline;
      text-decoration-thickness: from-font;
   }
}

@media (width <=767px) {
   .how__points {
      flex-direction: column;
      border-top: none;
      border-left: 1px solid var(--color-primary);
      margin-left: 19px;
      gap: 20px;
   }
}

@media (width < 767px) {
   .btn-light {
      padding: 10px 16px;
      font-size: 14px;
   }

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

   .section-padding {
      padding: 40px 0;
   }

   .input {
      font-size: 14px;
   }

   .agree__text {
      font-size: 12px;
      line-height: 132%;
   }

   .breadcrumbs {
      display: none;
   }

   .dropdown__button {
      font-size: 14px;
      text-wrap: balance;
   }

   .header__body {
      padding: 24px 0;
   }

   .header__logo {
      max-width: 105px;
   }

   .menu__body {
      width: calc(100% - 40px);
   }

   .popup__close {
      width: 30px;
      height: 30px;
      top: -40px;
   }

   .popup__close svg {
      width: 28px;
      height: 28px;
   }

   .popup__title {
      margin-bottom: 20px;
      font-size: 24px;
      min-height: unset;
   }

   .popup__form-label {
      font-size: 16px;
   }

   .about__popup-text {
      font-size: 12px;
   }

   .team__popup-body {
      flex-direction: column;
      gap: 16px;
   }

   .team__popup-close {
      top: 38px;
      right: 20px;
   }

   .team__popup-photo {
      margin-inline: auto;
   }

   .partnership__popup-close {
      top: 38px;
      right: 20px;
   }

   .thanks__popup-body {
      min-height: 289px;
   }

   .thanks__popup-body .popup__close {
      top: 10px;
      right: 10px;
   }

   .thanks__popup-title {
      font-size: 24px;
   }

   .thanks__popup-subtitle {
      font-size: 16px;
      margin-bottom: 20px;
   }

   .thanks__popup-button {
      width: 100%;
   }

   .thanks__popup-button .popup__close {
      width: 100%;
      max-width: 300px;
   }

   .hero::after {
      height: 65%;
   }

   .hero__body {
      padding: 85px 0 60px;
   }

   .hero__title {
      font-size: 22vw;
      margin-bottom: 240px;
   }

   .hero__about {
      gap: 30px;
   }

   .hero__subtitle {
      font-size: 20px;
   }

   .hero__description {
      display: block;
      width: 100%;
   }

   .hero__description-row {
      font-size: 16px;
   }

   .hero__image {
      width: 100%;
      top: 20px;
   }

   .instant__body {
      padding-top: 0;
      padding-bottom: 40px;
   }

   .instant__title {
      margin-bottom: 30px;
   }

   .instant__content {
      gap: 20px;
   }

   .instant__text {
      font-size: 16px;
   }

   .instant__text .decore-line {
      display: none;
   }

   .instant__text:first-child {
      margin-bottom: 10px;
   }

   .instant__search-area {
      margin-bottom: 20px;
      border-color: #929292;
   }

   .instant__search-button {
      width: 48px;
      height: 48px;
      display: flex;
      align-items: center;
      justify-content: center;
      padding: 0;
   }

   .instant__search-button span {
      display: none;
   }

   .instant__search-button svg {
      display: block;
      width: 28px;
      height: 28px;
   }

   .instant__search-links {
      justify-content: flex-start;
   }

   .instant__chat-wrapper {
      padding: 20px 20px 100px;
   }

   .instant__chat-question {
      font-size: 16px;
   }

   .instant__chat-answer {
      font-size: 14px;
   }

   .instant__chat-form {
      width: calc(100% - 40px);
      left: 20px;
      bottom: 20px;
   }

   .instant__chat-form input {
      padding-left: 10px;
      padding-right: 58px;
   }

   .instant__chat-form .btn {
      width: 48px;
      padding: 0;
   }

   .instant__chat-form .btn span {
      display: none;
   }

   .instant__chat-form .btn svg {
      display: block;
   }

   .legaltech__card {
      flex-direction: column;
      gap: 20px;
      padding: 20px 30px;
   }

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

   .legaltech__card-info img {
      max-height: 60px;
   }

   .legaltech__card-descr {
      font-size: 16px;
   }

   .legaltech__card-legal {
      font-size: 14px;
   }

   .legaltech__card-certificate {
      flex: 1 1 auto;
   }

   .legaltech__card-certificate a {
      cursor: pointer;
   }

   .legaltech__card-certificate img {
      display: none;
   }

   .legaltech__card-certificate span {
      display: block;
      text-align: center;
      text-decoration: underline;
      text-decoration-thickness: from-font;
   }

   .legaltech__image {
      transform: translateX(-10%);
   }

   .possibilities__subtitle {
      width: 100%;
      font-size: 16px;
      margin-bottom: 80px;
   }

   .possibilities__card {
      padding: 65px 20px 36px 20px;
   }

   .possibilities__info {
      max-width: 92%;
      font-size: 18px;
   }

   .possibilities__image {
      width: 138px;
      height: 138px;
      bottom: unset;
      top: -83px;
      right: 0;
   }

   .possibilities__image img {
      width: 138px;
      height: 138px;
   }

   .possibilities__blur {
      width: 108px;
      height: 108px;
      opacity: 0.33;
      filter: blur(44px);
   }

   .capability .legaltech__bg {
      width: 1468px;
      height: 740px;
      top: 90px;
      left: 55%;
      transform: translateX(-50%);
   }

   .capability .legaltech__bg img {
      width: 100%;
      height: 100%;
   }

   .capability__title {
      text-wrap: balance;
      margin-bottom: 30px;
   }

   .capability__price {
      flex-direction: column;
      align-items: center;
      text-align: center;
      justify-content: flex-start;
      padding-bottom: 0;
      border: none;
      margin-bottom: 20px;
   }

   .capability__price-text {
      font-size: 22px;
      text-wrap: balance;
   }

   .capability__price-value {
      font-size: 26px;
      padding: 16px 20px;
   }

   .capability__subtitle {
      font-size: 22px;
      margin-bottom: 20px;
   }

   .capability__cards {
      gap: 10px;
   }

   .capability__card {
      border: none;
      background: linear-gradient(140deg, #00779a 2%, #003f52 100%);
   }

   .capability__card-num {
      margin-bottom: 10px;
      font-size: 16px;
   }

   .capability__card-text {
      font-size: 16px;
   }

   .capability__card-text p:not(:last-child) {
      margin-bottom: 10px;
   }

   .benefits__title {
      text-wrap: balance;
   }

   .benefits__cards {
      margin-top: -40px;
   }

   .benefits__card {
      font-size: 16px;
   }

   .benefits__image {
      width: 245px;
      height: 245px;
   }

   .benefits__bg {
      left: 47%;
      width: 778px;
      height: 392px;
      top: 70px;
   }

   .articles__items {
      flex-direction: column;
      gap: 20px;
   }

   .articles__item-details {
      display: flex;
      align-items: center;
   }

   .articles__item-info {
      display: contents;
   }

   .articles__item-name {
      order: -1;
   }

   .articles__item-date {
      flex: 1 1 auto;
      margin: 0;
   }

   .articles__item-link {
      margin: 0;
   }

   .stages__description {
      font-size: 16px;
   }

   .stages__description p:not(:last-child) {
      margin-bottom: 10px;
   }

   .stages__item {
      font-size: 14px;
   }

   .stages__item:not(:last-child) {
      margin-bottom: 10px;
   }

   .stages__item::before {
      width: 17px;
      height: 17px;
      left: -9px;
   }

   .team__slide {
      padding: 20px 10px;
   }

   .team__slide-photo {
      margin-bottom: 10px;
      padding: 10px;
   }

   .team__slide-name {
      font-size: 16px;
   }

   .team__slide-role {
      font-size: 14px;
      margin-bottom: 10px;
   }

   .team__button {
      margin-top: 30px;
   }

   .hero-int__body::after {
      height: 65%;
   }

   .hero-int__body {
      padding: 103px 0 40px;
   }

   .hero-int__title {
      font-size: 28px;
      margin-bottom: 10px;
   }

   .hero-int__image {
      max-width: 313px;
   }

   .hero-int__subtitle {
      font-size: 16px;
      text-wrap: balance;
      margin-bottom: 30px;
   }

   .services__title {
      margin-bottom: 100px;
   }

   .services__card {
      padding: 65px 20px 20px 20px;
   }

   .services__card-text {
      max-width: 100%;
   }

   .services__card-name {
      font-size: 18px;
      line-height: 132%;
   }

   .services__card-descr {
      font-size: 16px;
   }

   .services__card-descr ul {
      padding-left: 16px;
   }

   .services__card-icon {
      width: 138px;
      height: 138px;
      top: -82px;
      right: 0;
   }

   .services__card-icon::after {
      width: 100%;
      height: 100%;
      opacity: 0.33;
   }

   .services__card-link span {
      display: none;
   }

   .services__card-link svg:nth-child(2) {
      display: none;
   }

   .services__card-link svg:last-child {
      display: block;
      width: 30px;
      height: 15px;
   }

   .how__title {
      margin-bottom: 30px;
   }

   .how__point {
      padding-left: 48px;
   }

   .how__point-num {
      position: absolute;
      top: 0;
      left: 0;
      transform: translate(-50%, 0);
   }

   .how__point-name {
      font-size: 18px;
      margin-bottom: 10px;
   }

   .capability.-adv .capability__cards {
      grid-template-columns: 1fr;
      grid-template-rows: auto;
   }

   .capability.-adv .capability__card {
      background: #00779a;
      border: 1px solid var(--color-secondary);
   }

   .capability.-adv .capability__card-name {
      font-size: 18px;
   }

   .subscription__title {
      margin-bottom: 30px;
   }

   .subscription__subtitle {
      font-size: 18px;
      margin-bottom: 30px;
   }

   .subscription__content {
      gap: 20px;
   }

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

   .subscription__price-title {
      font-size: 28px;
   }

   .subscription__price-value {
      font-size: 24px;
      padding: 16px 30px;
   }

   .subscription__price-att {
      font-size: 18px;
   }

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

   .subscription__descriptions-title {
      font-size: 24px;
   }

   .subscription__description-text h4 {
      font-size: 18px;
   }

   .subscription__description-text p {
      font-size: 16px;
      line-height: 132%;
   }

   .subscription__description-text ul li {
      font-size: 16px;
      line-height: 132%;
   }

   .faq__content {
      padding: 40px 0;
   }

   .faq__title {
      margin-bottom: 30px;
   }

   .faq__items {
      padding-inline: 10px;
   }

   .faq__question {
      font-size: 18px;
   }

   .faq__question-icon {
      width: 30px;
      height: 30px;
      flex: 0 0 30px;
   }

   .faq__question-icon svg {
      width: 18px;
      height: 18px;
   }

   .faq__answer {
      font-size: 16px;
   }

   .situations__body {
      padding-bottom: 40px;
      padding-top: 40px;
   }

   .situations__title {
      margin-bottom: 60px;
   }

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

   .situations__item-text {
      font-size: 18px;
   }

   .capability.-serv .capability__card {
      border: 1px solid var(--color-secondary);
      background: #00779a;
   }

   .capability.-serv .capability__card-text {
      font-size: 16px;
   }

   .capability.-serv .legaltech__bg {
      left: 100%;
   }

   .process__item-name {
      font-size: 18px;
      font-weight: 700;
   }

   .process__item-text {
      font-size: 16px;
   }

   .cases__block {
      padding: 40px 10px;
   }

   .cases__block:not(:last-child) {
      margin-bottom: 30px;
   }

   .cases__num {
      display: none;
   }

   .cases__category {
      margin-bottom: 30px;
      font-size: 24px;
      text-wrap: balance;
   }

   .cases__category br {
      display: none;
   }

   .cases__infocard-label {
      margin-bottom: 16px;
      font-size: 16px;
      min-width: unset;
      padding: 10px 30px;
   }

   .cases__infocard-text {
      font-size: 16px;
   }

   .cases__block-bg {
      top: 50%;
      transform: translateY(-50%);
      right: -50%;
   }

   .stages.-subs .stages__description {
      font-size: 24px;
      margin-bottom: 20px;
   }

   .stages.-subs .stages__contents {
      gap: 30px;
   }

   .stages.-subs .stages__item {
      font-size: 18px;
   }

   .consultation__body {
      padding: 103px 0 40px;
   }

   .hero-ab__body::after {
      height: 65%;
   }

   .hero-ab__body {
      padding: 103px 0 40px;
   }

   .hero-ab__title {
      margin-bottom: 0;
      font-size: 28px;
   }

   .hero-ab__content {
      flex-direction: column;
      gap: 0;
   }

   .hero-ab__image {
      width: 100%;
      height: auto;
   }

   .hero-ab__image img {
      position: static;
      transform: translate(4%, 0);
      width: 100%;
      height: 100%;
   }

   .hero-ab__subtitle {
      font-size: 18px;
   }

   .creating__image img {
      transform: translateY(-10px);
   }

   .creating__cards {
      flex-direction: column;
   }

   .creating__card {
      max-width: 100%;
      padding: 20px;
      font-size: 16px;
   }

   .creating__bg {
      top: 0;
   }

   .possibilities.-adv .possibilities__cards {
      grid-template-rows: auto;
      gap: 20px;
   }

   .possibilities.-adv .possibilities__card {
      min-height: unset;
      padding: 20px;
   }

   .possibilities.-adv .possibilities__card:nth-child(1) .possibilities__image {
      width: 112px;
      height: 114px;
   }

   .possibilities.-adv .possibilities__card:nth-child(2) .possibilities__info {
      max-width: 190px;
   }

   .possibilities.-adv .possibilities__card:nth-child(2) .possibilities__image {
      width: 122px;
      height: 116px;
   }

   .possibilities.-adv .possibilities__card:nth-child(3) .possibilities__image {
      width: 111px;
      height: 116px;
   }

   .possibilities.-adv .possibilities__card:nth-child(4) .possibilities__image {
      width: 111px;
      height: 116px;
   }

   .possibilities.-adv .possibilities__info {
      max-width: 205px;
   }

   .possibilities.-adv .possibilities__info p:last-child {
      font-size: 16px;
   }

   .possibilities.-adv .possibilities__image {
      right: 10px;
      top: -14px;
      width: 112px;
      height: 112px;
   }

   .possibilities.-adv .possibilities__image img {
      width: 100%;
      height: 100%;
   }

   .naming__title {
      margin-bottom: 0;
   }

   .naming__content {
      flex-direction: column;
      gap: 0;
   }

   .naming__image {
      text-align: center;
   }

   .naming__image img {
      max-width: 273px;
      position: static;
      transform: translate(-3%, 0);
   }

   .naming__image::after {
      display: none;
   }

   .naming__description {
      margin-top: -35px;
   }

   .naming__subtitle {
      font-size: 18px;
      text-wrap: unset;
   }

   .naming__text {
      font-size: 16px;
   }

   .naming__text p {
      text-wrap: unset;
   }

   .mission__card {
      overflow: hidden;
      padding: 40px 20px;
   }

   .mission__text {
      font-size: 16px;
   }

   .mission__bg {
      top: 0;
   }

   .partnership__cards {
      grid-template-columns: 1fr;
      gap: 20px;
   }

   .partnership__more {
      margin: 23px 0 40px;
   }

   .error-page__text {
      font-size: 18px;
      margin-top: 0;
   }

   .legal__text {
      font-size: 12px;
      line-height: 160%;
   }

   .legal__text h3 {
      font-size: 14px;
      margin-top: 30px;
      margin-bottom: 20px;
      line-height: 160%;
   }

   .blog__body {
      padding: 100px 0 20px;
   }

   .blog__wrapper {
      grid-template-columns: 1fr;
      gap: 20px;
   }

   .blog__aside-body {
      position: static;
      background: #fff;
      border: 1px solid #e9e9e9;
      padding: 10px 20px;
   }

   .blog__article {
      margin-bottom: 20px;
      padding-bottom: 60px;
   }

   .blog__article-date {
      position: absolute;
      bottom: 20px;
      left: 20px;
   }

   .blog__article-name {
      font-size: 18px;
      margin-bottom: 10px;
   }

   .blog__article-text {
      display: none;
   }

   .blog__article-image {
      margin-bottom: 16px;
      aspect-ratio: 3/2;
   }

   .blog__article-tags {
      max-width: 100%;
   }

   .blog__article-link {
      bottom: 18px;
   }

   .article__name {
      font-size: 24px;
   }

   .article__text {
      font-size: 16px;
   }

   .article__text h2 {
      font-size: 16px;
      margin: 30px 0 6px;
   }

   .article__text ul li:not(:last-child) {
      margin-bottom: 6px;
   }

   .article__text ol li:not(:last-child) {
      margin-bottom: 6px;
   }

   .article__slider-next,
   .article__slider-prev {
      width: 30px;
      height: 30px;
   }

   .article__slider-next svg,
   .article__slider-prev svg {
      width: 12px;
      height: 12px;
   }
}

@media (width < 600px) {
   .footer__body {
      grid-template-columns: 1fr;
      gap: 20px;
   }

   .footer__image {
      order: -1;
   }

   .popup__form-submit .btn {
      width: 100%;
   }

   .team__popup-photo {
      flex: 1 1 auto;
      width: 200px;
   }

   .team__popup-name {
      font-size: 18px;
      text-align: center;
   }

   .team__popup-row {
      font-size: 14px;
   }

   .legaltech__bg {
      width: 100vw;
      left: -20px;
      bottom: 68px;
   }

   .instruction__grid {
      gap: 20px;
   }

   .instruction__item-num {
      width: 36px;
      height: 36px;
      font-size: 16px;
   }

   .instruction__item-text {
      font-size: 16px;
   }

   .instruction__image {
      height: auto;
   }

   .instruction__image img {
      max-width: 211px;
   }

   .instruction__image::after {
      width: 100%;
      height: 100%;
   }

   .articles__item-image {
      height: 188px;
   }

   .related {
      margin-top: 20px;
   }

   .related__title {
      margin-bottom: 20px;
   }

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

@media (width < 550px) {
   .mission__image {
      width: 100%;
   }
}

@media (width < 500px) {
   .subscription__about-button .btn {
      width: 100%;
      max-width: 100%;
   }
}

@media (width < 399px) {
   .about__popup-col {
      flex: 0 1 40%;
   }

   .about__popup-val {
      flex: 0 1 60%;
   }
}

@media (width > 767px) {
   .capability.-adv .capability__card:nth-child(1) {
      order: 1;
   }

   .capability.-adv .capability__card:nth-child(2) {
      order: 3;
   }

   .capability.-adv .capability__card:nth-child(3) {
      order: 2;
   }

   .capability.-adv .capability__card:nth-child(4) {
      order: 4;
   }
}

@media (767px < width < 980px) {
   .articles__items {
      gap: 10px;
   }

   .how__points {
      display: grid;
      grid-template-columns: 1fr 1fr;
      border: none;
      gap: 60px 24px;
   }
}

@media (width > 980px) {
   .possibilities__title {
      min-height: 60px;
   }

   .process__row:first-child .process__item-num {
      order: 1;
      margin-top: 16px;
      margin-bottom: 0;
      transform: translateY(50%);
   }

   .process__row:last-child .process__item:nth-child(1) {
      order: 2;
   }

   .process__row:last-child .process__item:nth-child(2) {
      order: 1;
   }

   .hero-int.-part .hero-int__image {
      bottom: 80px;
   }
}

@media (width > 981px) {
   .instruction__grid {
      display: grid;
      grid-template-columns: 1fr 1fr;
      grid-template-rows: repeat(6, 1fr);
   }

   .instruction__item:nth-child(1) {
      order: 1;
      grid-row: span 2;
   }

   .instruction__item:nth-child(2) {
      order: 3;
      grid-row: span 2;
   }

   .instruction__item:nth-child(3) {
      order: 5;
      grid-row: span 2;
   }

   .instruction__item:nth-child(4) {
      order: 2;
      grid-row: span 3;
   }

   .instruction__item:nth-child(4) .instruction__item-text {
      max-width: 482px;
   }

   .instruction__item:nth-child(5) {
      order: 4;
      grid-row: span 3;
   }

   .instruction__item:nth-child(5) .instruction__item-text {
      max-width: 320px;
   }

   .instruction__image {
      position: absolute;
      bottom: 70px;
      right: 0;
   }
}

@media (width > 1400px) {
   .instant__search-links .btn-light {
      font-size: 18px;
   }
}

@media (width > 1401px) {
   .benefits__cards {
      display: flex;
      align-items: flex-start;
      justify-content: space-between;
   }

   .benefits__image {
      position: absolute;
      top: 200px;
      left: 50%;
      transform: translateX(-50%);
   }
}

@media (hover: hover) {
   .btn:hover {
      background: var(--color-secondary);
      border-color: var(--color-secondary);
   }

   .btn-outline:hover {
      border-color: var(--color-secondary);
      background: var(--color-secondary);
      color: #000;
   }

   .btn-radius:hover {
      background: #fff;
      color: #000;
   }

   .btn-light:hover {
      background: var(--color-primary);
   }

   .btn-dark:hover {
      background: var(--color-primary);
      border-color: var(--color-primary);
   }

   .btn-soc:hover {
      color: var(--color-primary);
      border-color: var(--color-primary);
   }

   .slider-next:hover,
   .slider-prev:hover {
      color: var(--color-secondary);
   }

   .input:hover {
      border-color: var(--color-secondary);
   }

   .breadcrumbs__link:hover {
      color: var(--color-primary);
   }

   .dropdown__button:hover {
      background: var(--color-primary);
   }

   .dropdown__label:hover {
      text-decoration: underline;
      text-decoration-thickness: from-font;
   }

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

   .header__panel-item:hover {
      color: var(--color-primary);
   }

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

   .menu__link--active:hover {
      background: var(--color-primary);
      color: #000 !important;
   }

   .menu__item--has-children:hover>.menu__submenu {
      opacity: 1;
      visibility: visible;
      pointer-events: auto;
   }

   .menu__submenu .menu__link:hover {
      background: rgba(255, 255, 255, 0.1);
      color: var(--color-primary);
   }

   .footer__menu ul a:hover {
      color: var(--color-secondary);
   }

   .footer__social-link:hover {
      opacity: 0.7;
   }

   .popup__close:hover {
      background: var(--color-primary);
   }

   .thanks__popup-body .popup__close:hover svg {
      color: var(--color-primary);
   }

   .thanks__popup-button .popup__close:hover {
      background: var(--color-secondary);
   }

   .instant__search-area:hover {
      border-color: var(--color-primary);
   }

   .instant__chat-form:hover {
      border-color: var(--color-primary);
   }

   .possibilities__card:hover {
      border-color: var(--color-primary);
   }

   .possibilities__card:hover .possibilities__blur {
      opacity: 0.6;
   }

   .possibilities__card:hover .possibilities__image img {
      transform: translateY(-6px);
   }

   .instruction__item:hover {
      border-color: var(--color-primary);
   }

   .instruction__item:hover .instruction__item-num {
      background: var(--color-primary);
   }

   .articles__item-name:hover {
      color: var(--color-secondary);
   }

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

   .team__slide-link a:hover,
   .team__slide-link button:hover {
      color: var(--color-secondary);
   }

   .services__card:hover {
      border-color: var(--color-primary);
   }

   .services__card:hover .services__card-link {
      color: var(--color-secondary);
   }

   .services__card:hover .services__card-icon::after {
      opacity: 0.33;
   }

   .services__card:hover .services__card-icon img {
      transform: translateY(-6px);
   }

   .services__card-link:hover {
      color: var(--color-secondary);
   }

   .subscription__about-button .btn:hover {
      background: var(--color-primary);
   }

   .partnership__card:not(:has(.partnership__card-image)):hover {
      transform: scale(1.02);
   }

   .error-page__text a:hover {
      color: var(--color-secondary);
   }

   .blog__aside-link:hover {
      background: var(--color-secondary);
   }

   .blog__article-name:hover {
      color: var(--color-primary);
   }

   .blog__article-tags a:hover {
      text-decoration: underline;
   }

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

   .blog__button .btn:hover {
      background: var(--color-primary);
      border-color: var(--color-primary);
   }

   .blog__useful-item:hover .blog__useful-name {
      color: var(--color-primary);
   }

   .article__slider-next:hover,
   .article__slider-prev:hover {
      background: rgba(167, 234, 255, 0.7529411765);
   }

   .article__tags a:hover {
      text-decoration: underline;
   }

   .article__video-play:hover {
      color: var(--color-secondary);
   }
}

.legal__text h1 {
   display: none;
}

.legal__text p {
   margin: 0 0 1em;
}

.legal__text p:last-child {
   margin-bottom: 0;
}

.legal__text ul,
.legal__text ol {
   padding-left: 20px;
   margin: 10px 0 20px;
}

.legal__text ul li {
   list-style-type: disc;
}

.legal__text ol li {
   list-style-type: decimal;
}

.legal__text li {
   margin-bottom: 10px;
   line-height: 150%;
}

.legal__text li:last-child {
   margin-bottom: 0;
}

.legal__text a {
   color: var(--color-primary);
   text-decoration: underline;
   text-decoration-thickness: from-font;
}

@media (max-width: 980px) {
   .legal__text h3 {
      font-size: 14px;
      margin-top: 40px;
      margin-bottom: 20px;
   }
}

@media (max-width: 767px) {
   .legal__text h3 {
      font-size: 14px;
      margin-top: 30px;
      margin-bottom: 20px;
      line-height: 160%;
   }
}

.in-dev-tooltip {
   background: #1b1c1c;
   color: #fff;
   padding: 6px 20px;
   border-radius: 2px;
   font-size: 16px;
   border: 1px solid #00779a;
   transform: translate(-50%, -110%);
}

html:has(.header.header--white) .in-dev-tooltip {
   background: #fff;
   border: 1px solid #68dcff;
   color: #1b1c1c;
}

.in-dev-tooltip.-white {
   background: #fff;
   border: 1px solid #68dcff;
   color: #1b1c1c;
}

.blog__pagination svg {
   display: none;
}

.screen-reader-text {
   margin-bottom: 15px;
}

.page-numbers {
   margin-right: 3px;
}

.page-numbers .current {
   color: #00779a;
}