/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
html {
    line-height: 1.15;
    -webkit-text-size-adjust: 100%
}

body {
    margin: 0
}

main {
    display: block
}

h1 {
    font-size: 2em;
    margin: .67em 0
}

hr {
    box-sizing: content-box;
    height: 0;
    overflow: visible
}

pre {
    font-family: monospace, monospace;
    font-size: 1em
}

a {
    background-color: rgba(0, 0, 0, 0)
}

abbr[title] {
    border-bottom: none;
    text-decoration: underline;
    -webkit-text-decoration: underline dotted;
    text-decoration: underline dotted
}

b, strong {
    font-weight: bolder
}

code, kbd, samp {
    font-family: monospace, monospace;
    font-size: 1em
}

small {
    font-size: 80%
}

sub, sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline
}

sub {
    bottom: -0.25em
}

sup {
    top: -0.5em
}

img {
    border-style: none
}

button, input, optgroup, select, textarea {
    font-family: inherit;
    font-size: 100%;
    line-height: 1.15;
    margin: 0
}

button, input {
    overflow: visible
}

button, select {
    text-transform: none
}

button, [type=button], [type=reset], [type=submit] {
    -webkit-appearance: button
}

button::-moz-focus-inner, [type=button]::-moz-focus-inner, [type=reset]::-moz-focus-inner, [type=submit]::-moz-focus-inner {
    border-style: none;
    padding: 0
}

button:-moz-focusring, [type=button]:-moz-focusring, [type=reset]:-moz-focusring, [type=submit]:-moz-focusring {
    outline: 1px dotted ButtonText
}

fieldset {
    padding: .35em .75em .625em
}

legend {
    box-sizing: border-box;
    color: inherit;
    display: table;
    max-width: 100%;
    padding: 0;
    white-space: normal
}

progress {
    vertical-align: baseline
}

textarea {
    overflow: auto
}

[type=checkbox], [type=radio] {
    box-sizing: border-box;
    padding: 0
}

[type=number]::-webkit-inner-spin-button, [type=number]::-webkit-outer-spin-button {
    height: auto
}

[type=search] {
    -webkit-appearance: textfield;
    outline-offset: -2px
}

[type=search]::-webkit-search-decoration {
    -webkit-appearance: none
}

::-webkit-file-upload-button {
    -webkit-appearance: button;
    font: inherit
}

details {
    display: block
}

summary {
    display: list-item
}

template {
    display: none
}

[hidden] {
    display: none
}

@font-face {
    font-family: "Actay";
    src: url("../fonts/Actay-Regular.otf") format("truetype");
    font-style: normal;
    font-weight: 400
}

@font-face {
    font-family: "Actay";
    src: url("../fonts/ActayWide-Bold.otf") format("truetype");
    font-style: normal;
    font-weight: 700
}

@font-face {
    font-family: "Manrope";
    src: url("../fonts/Manrope-Regular.ttf") format("truetype");
    font-style: normal;
    font-weight: 700
}

html {
    box-sizing: border-box;
    height: 100%;
    font-size: 16px
}

html.noscroll {
    overflow: hidden
}

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

:root {
    --dark: #1A2126;
    --darkGrey: #646D77;
    --middleGrey: #CDCDCD;
    --lightGrey: #f7f9fb;
    --white: #FFF;
    --error: #EC0004
}

h1, .h1 {
    font-family: "Actay";
    font-weight: 700;
    /* font-size: 72px;
    font-size: calc(-12px + 4.375vw); */
    font-size: calc(0.35rem + 3.45667vw);
    line-height: 120%;
    color: var(--dark)
}

h2, .h2 {
    font-family: "Actay";
    font-weight: 700;
    /* font-size: 40px; */
    font-size: calc(.75rem + 1.45667vw);
    line-height: 120%;
    color: var(--dark)
}

h3, .h3 {
    font-family: "Actay";
    font-weight: 700;
    font-size: 36px;
    font-size: calc(0.75rem + 1.25vw);
    line-height: 120%;
    color: var(--dark)
}

h4, .h4 {
    font-family: "Actay";
    font-weight: 700;
    /* font-size: 28px; */
    font-size: calc(.35rem + 1.17vw);
    line-height: 120%;
    color: var(--dark)
}

h5, .h5 {
    font-family: "Actay";
    font-weight: 400;
    /* font-size: 32px; */
    font-size: calc(.75rem + 1.04vw);
    line-height: 120%;
    color: var(--dark)
}

.text-1, .text-1 * {
    /* font-size: 20px; */
    font-size: calc(.75rem + .41667vw);
    line-height: 160%;
    color: var(--dark)
}

.text-2, .text-2 * {
    font-family: "Manrope";
    /* font-size: 20px; */
    font-size: calc(.75rem + .41667vw);
    line-height: 160%;
    color: var(--dark)
}

.text-3, .text-3 *:not(h1, h2, h3, h4) {
    font-family: "Manrope";
    font-style: normal;
    font-size: 18px;
    font-size: calc(.625rem + .41667vw);
    line-height: 160%;
    color: var(--dark)
}

.button-1 {
    font-weight: 700;
    font-size: 16px;
    font-size: calc(.5rem + .41667vw);
    line-height: 120%;
    color: var(--dark)
}

.button-2 {
    font-size: 16px;
    font-size: calc(.5rem + .41667vw);
    line-height: 120%;
    color: var(--dark)
}

body {
    background: var(--lightGrey);
    font-family: "Actay", sans-serif;
    min-width: 360px;
    display: flex;
    flex-direction: column;
    height: 100%
}

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

*:has(>img) {
    font-size: 0
}

main {
    flex: 1 0 auto;
    position: relative
}

footer {
    flex: 0 0 auto
}

button, a {
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0)
}

a {
    text-decoration: none
}

p {
    margin-top: 0
}

p:last-child {
    margin-bottom: 0
}

.position-relative {
    position: relative
}

.position-absolute {
    position: absolute
}

.position-fixed {
    position: fixed
}

.top-0 {
    top: 0
}

.start-0 {
    left: 0
}

.end-0 {
    right: 0
}

.bottom-0 {
    bottom: 0
}

.d-none {
    display: none
}

.d-block {
    display: block
}

.d-grid {
    display: grid
}

.d-flex {
    display: flex;
    flex-wrap: wrap
}

.d-inline-block {
    display: inline-block
}

.flex-column {
    flex-direction: column
}

.flex-grow-1 {
    flex-grow: 1
}

.justify-content-start {
    justify-content: flex-start
}

.justify-content-center {
    justify-content: center
}

.justify-content-end {
    justify-content: flex-end
}

.justify-content-between {
    justify-content: space-between
}

.align-items-start {
    align-items: flex-start
}

.align-items-center {
    align-items: center
}

.align-items-end {
    align-items: flex-end
}

.align-items-baseline {
    align-items: baseline
}

.w-100 {
    width: 100%
}

.h-100 {
    height: 100%
}

.mx-auto {
    margin: 0 auto
}

.ms-auto {
    margin-left: auto
}

.m-0 {
    margin: 0
}

.p-0 {
    padding: 0
}

.text-start {
    text-align: left
}

.text-center {
    text-align: center
}

.text-end {
    text-align: right
}

.list-none {
    list-style: none
}

.text-decoration-none {
    text-decoration: none
}

.text-uppercase {
    text-transform: uppercase
}

.object-cover-50 {
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: 50%;
    object-position: 50%
}

.btn {
    padding: 0;
    background-color: rgba(0, 0, 0, 0);
    border: none;
    cursor: pointer
}



.alModalClose {
    width: 32px;
    height: 32px;
    cursor: pointer;
    opacity: 1
}

.alModalClose:hover {
    opacity: .8
}



.container-fluid {
    width: 100%;
    padding: 0 3.881vw
}

.container-fluid.d-flex.flex-column {
    gap: 140px;
}

.container-fluid.d-flex.flex-column>* {
    max-width: 100%;
}

.container-fluid .container-fluid {
    padding: 0;
}

.main-header {
    padding: 32px 0;
    z-index: 3;
}

.main-header-row {
    gap: 40px
}

.main-header-logo {
    background-color: #282a2e;
    width: 124px;
    height: 49px;
    transform: skewX(-9deg);
    padding-top: 7px
}

.main-header-logo-text {
    font-size: 27px;
    font-weight: 500;
    color: #fff;
    transform: skewX(9deg)
}

.main-header-menu {
    margin-left: auto;
    margin-right: 24px;
    transition: .2s ease
}

.main-header-menu.hide,
.main-header-phone.hide,
.main-header .callback_link.hide {
    opacity: 0;
    visibility: hidden;
    z-index: -1;
    transform: translateY(-15px)
}

.main-header-menu ul {
    gap: 40px
}

.main-header-menu ul li:nth-child(5) {
    position: relative
}

.main-header-menu ul li:nth-child(5):after {
    content: "400+";
    position: absolute;
    right: -1px;
    bottom: calc(100% + 2px);
    font-family: "Manrope";
    font-size: 8px;
    line-height: 11px;
    color: var(--middleGrey)
}

.main-header-menu ul li a {
    position: relative;
    font-size: 14px;
    line-height: 120%;
    color: var(--dark)
}

.main-header-menu ul li a:after, .main-header-callback:after {
    content: "";
    position: absolute;
    top: 100%;
    right: 0px;
    display: block;
    transition: .4s;
    width: 0px;
    height: 1px;
    background-color: #1f1e1e
}

.main-header-menu ul li a:hover:after, .main-header-callback:hover:after {
    width: 100%;
    left: 0
}

.main-header-callback {
    position: relative;
    font-size: 16px;
    color: #1f1e1e;
    line-height: 1.2;
    transition: .2s ease
}

.hidden_menu,
.modal_window {
    top: 0;
    left: 0;
    right: 0;
    z-index: 2;
    background-color: var(--white);
    transition: 0.5s ease;
    height: 100vh;
    transform: translateY(-110vh);
    transform: transform .7s cubic-bezier(.65, 0, .35, 1);
    padding-top: 113px;
}



.hidden_menu.active,
.modal_window.active {
    transform: translateY(0);
}

.hidden_menu_content {
    height: 100%;
    overflow: auto;
    padding-top: 80px;
    padding-bottom: 20px;
}

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

.hidden_menu_bottom {
    margin-top: 40px;
}

.menu_address {
    margin-bottom: 28px;
}

.modal_window {
    padding-top: 0;
    background-color: var(--lightGrey);
    z-index: 3;
}

.modal_window form {
    max-width: 1164px;
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 80px;
}

.modal_window_top {
    height: 113px;
}

.modal_window_content {
    padding-top: 80px;
    height: calc(100% - 113px);
    padding-bottom: 100px;
    overflow: auto;
}
.modal_window_content .h1 {
    margin-bottom: 40px;
}
.modal-form_block {}

.modal-form_top {}

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

.modal-form-row {
    grid-template-columns: 1fr 1fr;
    gap: 20px;
}

.modal-form-column {
    width: 100%;
    gap: 20px;
}

.modal-form-input input {
    width: 100%;
    padding: 26px 20px;
    border-radius: 4px;
    border: none;
    background-color: var(--white);
}

.modal-form_radio-row {
    gap: 20px;
}

.modal-form_radio-item {
    padding: 12px 24px;
    background-color: var(--white);
    color: var(--dark);
    border-radius: 4px;
    position: relative;
    cursor: pointer;
}

.modal-form_radio-item:has(input:checked) {
    background-color: var(--dark);
    color: var(--white);
    border-radius: 100px;
}

.modal-form_radio-item input,
.add-file input {
    appearance: none;
    width: 0.00000000001px;
    height: 0.00000000001px;
    opacity: 0;
    position: absolute;
    left: -100%;
    top: -100%;
}

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

.modal-form_desc textarea {
    width: 100%;
    height: 244px;
    resize: none;
    padding: 20px;
    background-color: var(--white);
    color: var(--dark);
    border: none;
}

.modal-form_block-bottom {
    gap: 20px;
}

.modal-form_desc-info {}

.add-file {
    gap: 12px;
}

.add-file-icon {
    width: 40px;
    height: 40px;
    background-color: var(--white);
    border-radius: 4px;
}

.add-file-name {
    color: var(--dark);
}

.submit-row {
    flex-wrap: nowrap;
    gap: 12px;
}

.submit-row .callback_link {
    border: none;
    margin-left: 0;
    cursor: pointer;
}

.modal-policy-text {
    max-width: 377px;
    font-size: 12px;
    color: var(--middleGrey);
}

.modal-policy-text a {
    color: var(--dark);
}

.modal-policy-text a:hover {
    text-decoration: underline;
}

.btn-hamburger {
    width: 42px;
    height: 42px
}

.menu-icon {
    width: 100%;
    height: 18px
}

.menu-icon span {
    display: block;
    width: 38px;
    height: 2px;
    background-color: #282a2e;
    transition: all .2s cubic-bezier(0.1, 0.82, 0.76, 0.965)
}

.menu-icon span:nth-child(1) {
    top: 0
}

.menu-icon span:nth-child(2) {
    bottom: 0
}

@media(min-width: 1280px) {
    .btn-hamburger:hover span:nth-child(1) {
        width: 42px
    }

    .btn-hamburger:hover span:nth-child(2) {
        width: 30px
    }
}

.btn-hamburger.active span:nth-child(1), .btn-hamburger.active span:nth-child(2) {
    width: 36px
}

.btn-hamburger.active span:nth-child(1) {
    transform: rotate(45deg);
    top: 8px
}

.btn-hamburger.active span:nth-child(2) {
    transform: rotate(-45deg);
    bottom: 8px
}


body:has(.header_white) .main-header:not(.fixed) .main-header-menu ul li a,
body:has(.header_white) .main-header:not(.fixed) .main-header-menu ul li:nth-child(6):after,
body:has(.header_white) .main-header:not(.fixed) .main-header-phone {
    color: var(--white);
}

body:has(.header_white) .main-header:not(.fixed) .main-header-menu ul li a:after, .main-header-callback:after,
body:has(.header_white) .main-header:not(.fixed) .menu-icon span,
body:has(.header_white) .main-header:not(.fixed) .main-header-logo {
    background-color: var(--white);
}

body:has(.header_white) .main-header:not(.fixed) .callback_link {
    background-color: var(--white);
    color: var(--dark);
}

body:has(.header_white) .main-header:not(.fixed) .main-header-logo-text {
    color: var(--dark);
}

.main-header.fixed {
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    background-color: var(--lightGrey);
    opacity: 0;
    transform: translate3d(0, -15px, 0);
}

.main-header.show {
    opacity: 1;
    transform: translate3d(0, 0, 0);
    transition: 0.5s cubic-bezier(0.4, 0, 0.2, 1) 0.4s;
    will-change: auto;
}


.main-footer {
    background-color: #fff
}

.footer-content {
    padding: 64px 0 185px
}

.footer-top {
    margin-bottom: 64px
}

.footer_right {
    width: 424px;
    margin-left: auto
}

.footer-socials {
    gap: 4px
}

.footer-socials a {
    width: 56px;
    height: 44px;
    background: #fafafa;
    border-radius: 4px
}

.footer-socials a img {
    width: 33px
}

.footer-bottom {
    gap: 40px
}

.footer_main_menu {
    width: 276px
}

.footer_main_menu ul {
    gap: 28px
}

.footer_main_menu ul li a {
    color: var(--dark)
}

.footer_menu:nth-child(2) {
    width: 237px
}

.footer_menu:nth-child(3) {
    width: 276px
}

.footer_menu ul {
    gap: 28px
}

.footer_menu ul li ul {
    max-width: 235px;
    margin-top: 20px
}

.footer_menu ul li ul li:not(:last-child) {
    margin-bottom: 8px
}

.footer_menu ul li ul li a {
    font-weight: 400;
    font-size: 16px;
    line-height: 120%;
    color: var(--darkGrey)
}


 .main-footer .footer_main_menu, .main-footer .footer_menu {
    margin-top: -100px;
}

.footer_info {
    grid-template-columns: 1fr 1fr;
    gap: 28px;
    
}

.footer_info .mini_video {
    width: 100%;
    height: 238px;
    grid-column: 1/-1;
    margin-top: 52px
}

.footer_info-label {
    color: var(--darkGrey);
    margin-bottom: 8px
}

.footer_info-value {
    color: var(--dark)
}

.under-footer {
    padding: 20px 0
}

.under-footer-content {
    gap: 40px
}

.copyright, .under-footer-links a, .partners_link {
    color: var(--middleGrey)
}

.under-footer-links {
    gap: 40px
}

.callback_link {
    padding: 12px 24px;
    background-color: #1a2126;
    border-radius: 4px;
    color: var(--white);
    flex-shrink: 0
}

.main_block {
    height: 80vh;
    min-height: 540px;
    max-height: 718px;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    padding-bottom: 40px;
    background-color: #fff;
    position: fixed;
    top: 0;
    left: 0;
    right: 0
}
.main_block-title {
    font-weight: 400;
}
.main_block-row {
    flex-wrap: nowrap;
    gap: 95px
}

.main_block-row_content {
    max-width: 496px;
    width: 100%;
    padding-bottom: 1vw
}

.mini_video {
    width: 356px;
    height: 200px;
    background: #1a2126;
    border-radius: 12px;
    margin-bottom: 28px
}

.mini_video span {
    width: 16px
}

.partners_slider {
    -webkit-mask-image: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgb(255, 255, 255) 16%, rgb(255, 255, 255) 84%, rgba(255, 255, 255, 0) 100%);
    mask-image: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgb(255, 255, 255) 16%, rgb(255, 255, 255) 84%, rgba(255, 255, 255, 0) 100%);
    margin-top: 112px;
}

.partners_slider .client-list {
    width: max-content;
    flex-wrap: nowrap;
    transform: translate3d(0, 0, 0);
    animation: dReeeB 30s linear infinite;
    gap: 80px;
    position: relative;
}

.partners_slider .client-list>div {
    display: flex;
    align-items: flex-start;
    align-content: flex-start;
    gap: 100px 80px;
    flex-shrink: 0;
}
.partners_slider .client-list>div:nth-child(2) {
    position: absolute;
    left: calc(100% + 80px);
}
@keyframes dReeeB {
    0% {
        transform: translateX(0)
    }

    100% {
        transform: translateX(-100%)
    }
}

.partners_slider .client-list:hover {
    animation-play-state: paused;
}


.client_item {
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    height: 44px;
    display: flex;
    align-items: center;
    opacity: .2;
    flex-shrink: 0;
}

.client_item:hover {
    opacity: 1
}
.apps_quiz_inner {
    grid-template-columns: 720px 1fr;
    gap: 20px;
}
.apps_quiz_slider {
    background-color: var(--dark);
    padding: 76px;
    border-radius: 12px;

}
.swiper-slide.sale-quiz-swiper-info {
    opacity: 0!important;
    max-height: 0px;
    display: flex;
    gap: 40px;
    flex-direction: column;
    justify-content: space-between;
}
.swiper-slide.sale-quiz-swiper-info.swiper-slide-active {
    opacity: 1!important;
    max-height: 100%;
}
.current-slide {
    color: var(--white);
}
.quiz-answers {
    gap: 28px;
    align-items: flex-start;
}
.quiz_control {
    display: flex;
    flex-direction: row-reverse;
    gap: 20px;
    color: #fff;
    cursor: pointer;
}
.quiz_control input {
    appearance: none;
    width: 28px;
    height: 28px;
    border-radius: 4px;
    background-color: var(--darkGrey);
    flex-shrink: 0;
}
.quiz_control input:checked {
    background-color: var(--white);
}

.managInput {
    width: 100%;
    height: 40px;
    border: none;
    border-bottom: 1px solid #fff;
    background-color: transparent;
    color: #fff;
}
.control_indicator {
    display: none;
}
.quiz-swiper-buttons {
    gap: 20px;
}
.quiz-swiper-buttons .swiper-button-prev,
.quiz-swiper-buttons .swiper-button-next,
.managSubmit {
    width: auto;
    height: auto;
    margin: 0;
    position: static;
    background-color: var(--white);
    padding: 12px 24px;
    color: var(--dark);
    border-radius: 4px;
    transition: 0.2s ease;
}
.quiz-swiper-buttons .swiper-button-prev:hover,
.quiz-swiper-buttons .swiper-button-next:hover,
.managSubmit:hover {
    background-color: var(--middleGrey);
}
.managSubmit {
    border: none;
     cursor: pointer;
}
.apps_quiz_image {
    width: 100%;
    border-radius: 12px;
    overflow: hidden;
}

.tech_block {
    overflow: hidden;
    margin: 0 -3.881vw;
    padding: 0 3.881vw;
    max-width: none !important;
    width: calc(100% + 3.881vw * 2);
}
.tech_slider {
    overflow-x: hidden;
    display: flex;
    margin: 0 -3.881vw;
    padding: 0 3.881vw;
}
.tech-list {
    flex-wrap: nowrap;
    transform: translate3d(0, 0, 0);
    animation: dReeeB 40s linear infinite;
    gap: 26px;
}
.tech-list>div {
    display: flex;
    align-items: flex-start;
    align-content: flex-start;
    gap: 26px;
    flex-shrink: 0;
}
.tech_item {
    width: 270px;
    height: 270px;
    gap: 26px;
    flex-shrink: 0;
    border-radius: 12px;
    background-color: var(--white);
    transition: 0.3s ease;
}
.tech_item:hover {
    border-radius: 40px;
}

.dov_item {
    width: 335px;
    flex-shrink: 0;
    border-radius: 0;
    background-color: var(--white);
    transition: 0.3s ease;
}
.tech_item:hover {
    border-radius: 12px;
}
.projects_block {
    width: 100%;
    padding: 85px 0;
    background-color: var(--lightGrey);
    position: relative;
    z-index: 1
}

.services_page .projects_block {
    padding: 0;
}

.projects_block-title {
    /* font-size: 36px; */
    color: #302c2c;
    /* line-height: 1.2; */
    margin-bottom: 60px
}

.projects_block-list {
    gap: 80px 0;
    margin-bottom: 290px
}

.project-item_wrapper {
    width: 43.209vw;
    max-width: 803px;
}

.project-item {
    display: block
}

@media(min-width:768px) {
    .project-item_wrapper:nth-child(1) .project-item {
        transform: translateY(0)
    }

    .project-item_wrapper:nth-child(2) .project-item {
        transform: translateY(30%)
    }

    .project-item_wrapper:nth-child(3) .project-item {
        transform: translateY(-5%)
    }

    .project-item_wrapper:nth-child(4) .project-item {
        transform: translateY(65%)
    }

    .project-item_wrapper:nth-child(5) .project-item {
        transform: translateY(-25%)
    }

    .project-item_wrapper:nth-child(6) .project-item {
        transform: translateY(100%)
    }
}

.project-item-preview_wrapper {
    margin-bottom: 28px
}

.project-item-preview {
    overflow: hidden;
    aspect-ratio: 17/13;
    max-height: 661px;
    transition: 0.3s ease;
}
.services-page_slider .project-item-preview {
    max-height: 330px;
}
.project-item-preview img {
    transition: 0.6s ease;
    opacity: 1;
}
.project-video-preview img {
     transition: 0.15s ease;
}
.card-video {
    opacity: 0;
    transition: 0.6s ease;
}
.project-video-preview:hover .card-video {
    opacity: 1;
}

.project-item:has(.project-item-preview:not(.project-video-preview)):hover img {
    scale: 1.05;
}

.project-item-name {
    margin-bottom: 28px
}

.project-item-tags {
    gap: 8px
}

.project-item-tag {
    padding: 12px 24px;
    background: var(--white);
    border-radius: 4px
}

.btn_bubble {
    border-radius: 50%;
    background-color: #fff;
    width: 210px;
    height: 210px;
    font-size: 18px;
    color: #302c2c;
    line-height: 1.2;
    margin: 0 auto
}

.btn_bubble:before {
    content: "";
    display: block;
    width: 210px;
    height: 210px;
    position: absolute;
    border-radius: 50%;
    background-color: #fff;
    transform-origin: 50%;
    transition: .2s ease
}

.btn_bubble:hover:before {
    transform: scale(1.143)
}

.btn_bubble:hover .btn_bubble-name {
    color: #646d77
}

.services_block {
    padding: 85px 0 70px
}

.services_block-head {
    margin-bottom: 200px
}

.collections-row {
    width: 100%;
    gap: 44px 0;
    margin-bottom: 135px
}

.collections-row a {
    display: flex;
    align-items: center;
    color: #1a2126;
    transition: .2s ease
}
/* .collections-row a:not(:last-child):after {
    content: "/";
    font-size: calc(.75rem + 1.04vw);
    font-weight: 300;
    line-height: 1.2;
    color: #d3d5d5;
    margin: 0px 2.13333vw;
} */
 .collections-row a:not(:last-child):after {
    background-color: #d3d5d5;
    height: calc(.75rem + 1.04vw);
    width: 2px;
    transform: rotate(19deg);
    content: "";
    display: block;
    margin: 0px 2.13333vw;
}
.collections-row a:hover {
    border-radius: 36px;
    color: #646d77
}

.services-row {
    /* height: 1026px; */
    grid-template-columns: repeat(3, 1fr);
    grid-template-rows: repeat(12, 1fr) auto;
    gap: 24px;
}

.services-item {
    background-color: #fff;
    padding: 32px 32px 40px
}

.services-item:nth-child(1), .services-item:nth-child(3) {
    grid-row: 1/9
}

.services-item:nth-child(2) {
    grid-row: 1/7
}

.services-item:nth-child(4), .services-item:nth-child(6) {
    grid-row: 9/-1
}

.services-item:nth-child(5) {
    grid-row: 7/-1
}

.services-item-title {
    display: flex;
    align-items: center;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    gap: 25px;
    margin-bottom: 20px;
    max-width: 425px;
}
.services-item-title h4 span {
    display: ruby;
    margin-left: 12px;
}
.services-item-title span svg {
    transition: 0.3s ease;
}
/* .services-item-title:after {
    content: "";
    display: block;
    width: 11px;
    height: 20px;
    background-image: url(../images/arrow2.png);
    background-repeat: no-repeat;
    background-position: 50%;
    margin-top: -4px;
    flex-shrink: 0;
} */

.services-item-text {
    max-width: 430px;
    color: var(--darkGrey)
}

.services-item-list {
    margin-top: 35px;
    margin-bottom: 35px;
    gap: 40px
}

.services-item-list ul li a {
    color: var(--dark)
}

.services-item-list ul li:not(:last-child) {
    margin-bottom: 8px
}

.services-item .apps-block-link {
    margin-top: auto;
    text-transform: uppercase
}

.btn_circle {
    width: 104px;
    height: 104px;
    border: 1px solid var(--dark);
    border-radius: 50%;
    flex-shrink: 0;
    transition: .2s ease
}

.childs_list-item:hover .btn_circle,
.apps-block-link:hover .btn_circle {
    transform: rotate(-25deg)
}

*:hover .btn_circle {
    border-color: var(--darkGrey)
}

.apps_block {
    padding-top: 70px
}

.apps_block-inner {
    padding: 0px 0px 0px 3.125vw;
    height: 42.7083vw
}
.apps_block-info {
    position: relative;
    z-index: 1;
}
.apps_block-title {
    max-width: 710px;
    color: #1e2934;
    margin-bottom: 40px
}

.apps_block-text {
    color: #1e2934;
    max-width: 410px;
    margin-bottom: 60px
}

.apps-block-link {
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    gap: 20px;
    flex-wrap: nowrap;
}

.apps_block-video-bg {
    z-index: 0
}

.apps-block-link .btn_bubble {
    border: 1px solid #b7bbbf;
    border-radius: 50%;
    width: 108px;
    height: 108px;
    background-color: rgba(0, 0, 0, 0)
}

.video_block-text {
    padding: 100px 0 10px;
    background-color: var(--lightGrey);
    position: relative;
    z-index: 1;
}

.video_block-text_wrapper {
    max-width: 818px;
    width: 100%;
    margin: 0 auto;
    transform: translate(0px, 100%)
}

.video_block {
    width: 100%;
    height: 100vh;
    overflow: hidden;
    background-color: var(--lightGrey);
}

.video_block-decore {
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, .3);
    -webkit-mask-image: url(../images/symbol3.svg);
    mask-image: url(../images/symbol3.svg);
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-position: center;
    z-index: 2;
    -webkit-mask-size: auto 7%;
    mask-size: auto 7%;
    transform: skewX(-8deg)
}

.video_block-wrapper {
    transform: skewX(8deg)
}

.video_block-content-logo {
    font-size: 27px;
    color: #fff;
    line-height: 1.2;
    margin-bottom: 75px
}

.video_block-content {
    z-index: 2;
    top: calc(50% - 12px);
    left: calc(50% - 105px)
}

.btn_bubble.btn_callback {
    opacity: 0;
    visibility: hidden;
    z-index: -1;
    transition: .2s ease
}

.btn_bubble.btn_callback.visible {
    opacity: 1;
    visibility: visible;
    z-index: 1
}

.about_block {
    padding: 125px 0 100px
}

.services_page .about_block {
    padding: 0;
}

.about_block-head {
    margin-bottom: 120px
}

.about_block-title {
    max-width: 868px;
    width: 100%
}

.about_block-triggers-row:not(:last-child) {
    margin-bottom: 6.40625vw
}

.about_block-triggers-row {
    grid-template-columns: repeat(3, 1fr);
    gap: 20px
}

.trig1 {
    transform: translateY(100%)
}

.trig2 {
    transform: translateY(250%)
}

.trig3 {
    grid-column: 2;
    transform: translateY(250%)
}

.trig4 {
    grid-column: 3;
    transform: translateY(350%)
}

.trig5 {
    transform: translateY(400%)
}

.trig6 {
    grid-column: 3;
    transform: translateY(450%)
}

.about_block-triggers-row.list5 .trig3 {
    grid-column: 1;
    transform: translateY(300%)
}

.about_block-triggers-row.list5 .trig4 {
    grid-column: 2;
}

.about_block-triggers-row.list6 .trig3 {
    grid-column: 3;
    transform: translateY(300%)
}

.about_block-triggers-row.list6 .trig4 {
    grid-column: 1;
}

.about_block-trigger {
    /* background-color: #fff; */
    padding: 32px;
    border-radius: 12px
}

.about_block-trigger-icon {
    width: calc(1rem + 12.45667vw);
    margin-bottom: 50px;
    margin-left: auto;
    flex-grow: 1;
}

.about_block-trigger-icon img {
    margin-left: auto;
}

.about_block-trigger-num {
    font-size: 12px;
    line-height: 120%;
    color: var(--middleGrey);
    margin-bottom: 12px
}

.about_block-trigger-title {
    color: #302c2c;
    line-height: 1.2;
    margin-bottom: 25px
}

.about_block-trigger-text {
    color: #666a6e;
}

.development_block {
    padding: 100px 0
}

.development_block-title {
    max-width: 1115px;
    width: 100%;
    color: var(--dark);
    margin-bottom: 75px;
    transform: translateY(100%)
}

.development_block-text {
    max-width: 978px;
    width: 100%;
    transform: translateY(100%)
}

.development_block-text p {
    color: var(--dark);
    margin-bottom: 25px
}

.news_block {
    padding: 100px 0 70px
}

.news_block-header {
    gap: 40px;
    flex-wrap: nowrap;
    margin-bottom: 36px
}

.news_block-title {
    color: var(--dark);
    flex-shrink: 0
}

.news-link {
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    white-space: nowrap;
    padding: 12px 24px;
    height: 43px;
    background: #fff;
    border-radius: 4px;
    transition: .2s ease
}

.news-link:hover {
    border-radius: 22px;
    color: var(--darkGrey)
}

.news_slider_pagination {
    max-width: 868px;
    margin-left: auto
}

.newsSwiper {
    padding: 0 3.881vw;
    margin: 0 -3.881vw
}

.news-item-image {
    width: 100%;
    max-height: 300px;
    aspect-ratio: 15/10;
    border-radius: 20px;
    overflow: hidden;
    margin-bottom: 28px
}

.news-item-name {
    color: var(--dark);
    margin-bottom: 20px
}

.news-item-text {
    color: var(--dark);
    margin-bottom: 28px
}

.swiper-pagination-progressbar {
    position: static !important;
    width: 100% !important;
    height: 2px !important;
    border-radius: 2px !important;
    overflow: hidden !important;
    background-color: var(--middleGrey) !important
}

.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
    background-color: var(--dark) !important
}

.our_socials_block {
    padding: 70px 0 160px
}

.our_socials_block__head {
    margin-bottom: 60px
}

.our_socials_block__links {
    gap: 12px
}

.our_socials_block__links a {
    height: 69px;
    padding: 0 19px;
    background-color: #fff;
    border-radius: 6px
}

.socsSwiper {
    padding: 0 3.881vw;
    margin: 0 -3.881vw
}

.socsSwiper .swiper-slide {
    width: 315px;
    height: 560px;
    scale: 1;
    border-radius: 12px;
    overflow: hidden;
    /* transform: translate(-56px, 0) */
}

.socsSwiper .swiper-slide a {
    pointer-events: none;
}

.socsSwiper .swiper-slide-active a {
    pointer-events: auto;
}

/* .socsSwiper .swiper-slide-prev {
    transform: translate(-56px, 0)
}

.socsSwiper .swiper-slide-next {
    transform: translate(56px, 0)
}

.socsSwiper .swiper-slide-next+.swiper-slide {
    transform: translate(56px, 0)
}

.socsSwiper .swiper-slide-next+.swiper-slide+.swiper-slide {
    transform: translate(56px, 0)
}

.socsSwiper .swiper-slide-active {
    scale: 1.36;
    transform: translate(0, 0) !important
} */
.teamSwiper {
    margin: 0 -3.881vw;
    padding: 0 3.881vw;
}
.teamSwiper .swiper-wrapper {
    transition-timing-function : linear;
}
.default_page {
    padding: 177px 0 160px
}

.page_head {
    margin-bottom: 64px
}

.breadcrumbs {
    display: flex;
    overflow: auto;
    margin-bottom: 64px
}

.breadcrumb {
    display: flex;
    align-items: center;
    gap: 4px;
    flex-shrink: 0;
}

.breadcrumb__item>.breadcrumb__title {
    color: var(--darkGrey)
}

.page_head-row {
    flex-wrap: nowrap;
    gap: 40px;
}

.page_head_title {
    max-width: 1238px;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content
}

.title_label {
    bottom: calc(100% + 4px);
    right: 0;
    font-weight: 400
}

.page_head_text {
    max-width: 580px;
    padding-bottom: 18px
}

.blog_list {
    grid-template-columns: repeat(3, 1fr);
    gap: 64px 20px
}

.promo_list {
    grid-template-columns: repeat(2, 1fr);
    gap: 64px 20px
}

.promo-item-image {
    max-height: 448px
}

.contacts_map {
    margin-bottom: 64px
}

.contacts_row {
    gap: 40px 150px;
    margin-bottom: 64px
}

.contacts_column {
    max-width: 570px;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    gap: 40px
}

.contacts_column:last-child {
    margin-left: auto
}

.contacts-item {
    width: 100%
}

.contacts-item_label {
    color: var(--darkGrey);
    margin-bottom: 8px
}

.contacts-item_value a {
    color: var(--dark)
}

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

.services-page_slider {
    max-width: 100%
}

.servSwiper, .stepsSwiper, .reviewsSwiper {
    padding: 0 3.881vw;
    margin: 0 -3.881vw
}

.services_content {
    gap: 120px
}

.services-page-row {
    max-width: 100%;
    grid-template-columns: 420px minmax(800px, 1162px);
    gap: 40px
}

.services_info {
    gap: 40px
}

.services_parent a {
    color: var(--dark)
}

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

.services_list-column {
    gap: 20px
}

.services_list-item {
    background-color: #fff;
    border-radius: 12px;
    padding: 32px
}

.services_list-item-title {
    margin-bottom: 20px
}

.services_list-item-text {
    max-width: 428px;
    color: var(--darkGrey);
    margin-bottom: 40px
}

.services_list-item-link {
    gap: 28px
}

.services_list-item-link-icon {
    line-height: 0
}

.services_cloud {
    height: 800px;
    background-color: var(--dark)
}

.services_cloud-title {
    color: var(--white);
    margin-bottom: 64px
}

.services_cloud-row {
    gap: 20px;
    max-width: 1380px;
    width: 100%;
    margin: 0 auto
}

.services_cloud-link {
    padding: 12px 24px;
    background: #fff;
    border-radius: 4px;
    color: var(--dark);
    text-align: center;
    transition: .3s ease
}

.services_cloud-link:hover {
    color: var(--darkGrey);
    border-radius: 36px
}

.steps_block-head {
    flex-wrap: nowrap;
}

.steps_block-title {
    width: 100%
}

.steps_slider_nav {
    flex-shrink: 0;
    width: 136px
}

.swiper-button-prev:after, .swiper-button-next:after {
    display: none
}

.steps_slider_nav .swiper-button-prev, .steps_slider_nav .swiper-button-next, .sites_slider .swiper-button-prev, .sites_slider .swiper-button-next {
    width: 64px;
    height: 64px;
    border: 1px solid var(--dark);
    border-radius: 50%;
    margin: 0
}

.steps_slider_nav .swiper-button-prev, .steps_slider_nav .swiper-button-next {
    position: static
}

.steps-item {
    height: auto;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    min-height: 320px;
    width: 572px;
    background-color: var(--white);
    padding: 92px 32px 32px;
    border-radius: 12px
}

.steps-item_num {
    font-family: "Actay";
    font-weight: 400;
    font-size: 12px;
    line-height: 120%;
    color: var(--middleGrey);
    margin-bottom: 12px
}

.steps-item_name {
    margin-bottom: 20px;
    color: var(--dark)
}

.steps-item_text {
    color: var(--darkGrey)
}

.block_head {
    grid-template-columns: 1fr 1fr;
    gap: 20px;
    margin-bottom: 64px
}

.head_label {
    max-width: 188px
}

.themes_block_list {
    grid-template-columns: repeat(3, 1fr);
    gap: 20px
}

.themes_block-item {
    grid-template-columns: 116px 1fr;
    gap: 8px
}

.themes_block-item-icon {
    width: 116px;
    height: 116px;
    border-radius: 12px;
    overflow: hidden;
    transition: .3s ease
}

.themes_block-item-info {
    height: 116px;
    background: var(--white);
    border-radius: 12px;
    padding: 0 24px
}

.themes_block-item-name {
    max-width: 350px;
    transition: .3s ease;
    font-size: 21px;
    font-weight: 500;
}

.themes_block-item-name span {
    margin-left: 4px;
    display: ruby;
}

.themes_block-item-name svg, .themes_block-item-name svg path {
    transition: .3s ease
}

.themes_block-item:hover .themes_block-item-icon {
    border-radius: 50%
}

.themes_block-item:hover .themes_block-item-name {
    color: var(--darkGrey)
}

.themes_block-item:hover .themes_block-item-name span svg {
    transform: translate(8px, 0)
}

.themes_block-item:hover .themes_block-item-name svg path {
    fill: var(--darkGrey)
}

.video_banner {
    width: 100%;
    margin-bottom: 140px;
}

.respons_block_list {
    grid-template-columns: repeat(3, 1fr);
    gap: 20px;
    border-radius: 12px
}

.respons-item {
    padding: 32px;
    min-height: 360px;
    background: #fff;
    border-radius: 12px
}

.respons-item_image {
    border-radius: 12px;
    overflow: hidden;
    background-size: cover;
    background-position: 50%;
}

.respons-item_image:nth-child(2) {
    grid-column: 2 / -1;
    grid-row: 1
}

.respons-item_image:nth-child(7) {
    grid-column: 1;
    grid-row: 3
}

.respons-item_num {
    font-size: 12px;
    line-height: 120%;
    color: var(--middleGrey);
    margin-bottom: 12px
}

.respons-item_name {
    color: var(--dark);
    margin-bottom: 20px
}

.respons-item_text {
    color: var(--darkGrey)
}

.sites_tabs_row {
    grid-template-columns: minmax(1px, 1fr) 1fr;
    gap: 20px
}

.sites_slider {
    max-width: 720px;
    scale: 0;
    transform-origin: 50%;
    opacity: 0;
    transition: 0.4s ease;
    position: absolute;

}

.sites_tabs_row.active .sites_slider {
    scale: 1;
    opacity: 1;
    transition-delay: 0.4s;
    position: static;
}

.sites_tabs_row .faq-item {
    grid-column: 2;
}

.sitesSwiper {
    width: calc(100% - 160px);
    margin: 0 auto
}

.sites_slider .swiper-button-prev, .sites_slider .swiper-button-next {
    top: calc(50% - 32px)
}

.sites_slider .swiper-button-prev {
    left: 0
}

.sites_slider .swiper-button-next {
    right: 0
}

.sites_slider-item__image {
    margin-bottom: 20px;
    aspect-ratio: 16/12;
    border-radius: 12px;
    overflow: hidden
}

.sites_slider-item__name {
    color: var(--dark)
}

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

.faq_image {
    width: 100%;
    border-radius: 12px;
    overflow: hidden;
}

.faq-items {
    gap: 20px
}

.faq-item {
    background-color: var(--white);
    border-radius: 12px
}

.faq-item-header {
    padding: 32px;
    cursor: pointer;
    flex-wrap: nowrap;
    gap: 20px;
}

.faq-item-btn {
    width: 28px;
    height: 28px;
    background: var(--dark);
    border-radius: 4px;
    flex-shrink: 0;
}
.sites_tabs_row.active .faq-item-btn img,
.faq-item.active .faq-item-btn img {
    transform: rotate(45deg);
}
.faq-item-content {
    padding: 8px 32px 32px;
    display: none;
}

.faq-item-content p {
    color: var(--darkGrey)
}

.faq-item-content .apps-block-link {
    margin-top: 44px
}

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

.development_info_head h2 {
    margin-bottom: 40px
}

.development_info__list {
    gap: 20px
}

.development_info-item {
    padding: 32px;
    background-color: var(--white);
    border-radius: 12px
}

.development_info-item--name {
    margin-bottom: 28px
}

.development_info-item--text p {
    color: var(--darkGrey)
}
.top_content {
    margin-bottom: 140px;
    background-color: var(--white);
}
.page_banner {
    min-height: 660px;
    padding: 230px 0;
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: cover;
    margin-bottom: 140px;
}
.top_content .page_banner {
    margin-bottom: 0;
}
.page_banner-title {
    max-width: 565px;
    width: 100%;
    margin: 0 auto;
    color: var(--white);
    margin-bottom: 64px
}

.childs_list_content {
    grid-template-columns: repeat(3, 1fr);
    gap: 20px
}

.childs_list-item {
    gap: 20px
}

/* .childs_list_content .childs_list-item:nth-child(2) {
    grid-column: 2/-1;
    grid-template-columns: repeat(2, 1fr)
} */

/* .childs_list_content .childs_list-item:nth-child(3):has(.childs_list-item-image),
.childs_list_content .childs_list-item:nth-child(7):has(.childs_list-item-image) {
    grid-column: 1/-1;
    grid-template-columns: repeat(3, 1fr)
} */
.childs_list-item-image:nth-child(5) {
    grid-row: 2;
    grid-column: 1 / 3;
}
.childs_list-item-image:nth-child(7) {
    grid-row: 4;
    grid-column: 2 / -1;
}
.childs_list-item-info {
    height: 100%;
    padding: 32px;
    gap: 20px;
    background-color: var(--white);
    border-radius: 12px
}

.childs_list-item-name {
    max-width: 428px;
    width: 100%
}

.childs_list-item-text {
    color: var(--darkGrey);
    flex-grow: 1
}

.childs_list-item-image {
    border-radius: 12px;
    overflow: hidden;
    background-position: 50%;
    background-size: cover;
    background-repeat: no-repeat;
    pointer-events: none;
}

.childs_list-item-info .apps-block-link {
    margin-top: 44px
}

.childs_list-item:nth-child(3) .childs_list-item-info {
    grid-column: 3
}

.childs_list-item:nth-child(3) .childs_list-item-image {
    grid-row: 1;
    grid-column: 1/3
}

.childs_list-item:nth-child(7) .childs_list-item-image {
    grid-row: 1;
    grid-column: 2/-1
}

.single_page h1 {
    max-width: 868px;
    width: 100%
}

.single_banner {
    margin-bottom: 80px;
    aspect-ratio: 17 / 6;
}

.single-content {
    max-width: 1016px;
    width: 100%;
    margin: 0 auto
}

.single-content ul {
    padding-left: 22px;
}
.single-content ul li:not(:last-child) {
    margin-bottom: 8px;
}
.single-content table,
.single-content table tr td {
    border: 1px solid #000
}

.filter_radio-row {
    max-width: 980px;
    width: 100%;
    gap: 20px;
}

.bx-filter {
    margin-bottom: 64px;
}

.filter-block-row {
    flex-wrap: nowrap;
}

.bx-filter-param-label {
    overflow: hidden;
    padding: 0 24px;
    height: 44px;
    background: var(--white);
    border-radius: 4px;
    cursor: pointer;
    transition: 0.3s ease;
    color: var(--dark);
}

.bx-filter-param-label:hover {
    border-radius: 22px;
    color: var(--darkGrey);
}

.radio:first-child .bx-filter-param-label,
.bx-filter-param-label:has(input:checked) {
    background-color: var(--dark);
    border-radius: 22px;
    color: var(--white);
}

.radio {
    position: relative;
}

.filter_radio-row:has(.radio:not(:first-child) input:checked) .radio:first-child .bx-filter-param-label {
    background: var(--white);
    border-radius: 4px;
    color: var(--dark);
}

.bx-filter-param-label input {
    appearance: none;
    width: 0.00000000001px;
    height: 0.00000000001px;
    opacity: 0;
    position: absolute;
    left: -100%;
    top: -100%;
}

.bx-filter-select-block {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0 24px;
    gap: 10px;
    width: 236px;
    height: 44px;
    background: var(--white);
    border-radius: 4px;
    cursor: pointer;
}

.bx-filter-select-text {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    color: var(--dark);
}

.bx-filter-select-arrow {
    font-size: 0;
}

.bx-filter-button-box {
    display: none;
}

.bx-filter-select-popup .bx-filter-param-label {
    padding: 0;
}

.bx-filter-select-popup ul {
    gap: 8px;
}

.load_more {
    margin-top: 40px;
    cursor: pointer;
}

.services_page:has(.video_block) {
    padding-bottom: 0;
}

.services_page .about_block-head {
    margin-bottom: 64px;
}


.respons_job {
    margin-bottom: 140px;
}

.respons_job_list .respons-item:nth-child(4),
.respons_job_list .respons-item_image:nth-child(7) {
    grid-column: 1 / 3
}

.jobs_list {
    grid-template-columns: repeat(3, 1fr);
    gap: 20px;
}

.jobs_bottom-text {
    max-width: 830px;
    width: 100%;
    margin: 140px auto 0;
}

.jobs_form_block {
    background-color: var(--dark);
    padding: 80px 0;
}

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

.error-msg {
    color: red;
}

.form__body .error-msg {
    color: red;
}

.form__body {
    display: flex;
    flex-direction: column;
    gap: 86px;
}
.bx-input-file-desc {
    display: none;
}
@media only screen and (min-width:0) and (max-width:1023px) {
    .form__title {}

    .form__body {
        width: 100%
    }
}

.form__body-row {
    display: flex;
    flex-wrap: nowrap;
    justify-content: space-between;
    gap: 32px;
}

.form__body-row:last-child {
    display: flex;
    align-items: center
}

@media only screen and (min-width:1024px) {
    .form__body-row:last-child {
        align-items: flex-end
    }
}

@media only screen and (min-width:0) and (max-width:1023px) {
    .form__title {}

    .form__body-row {
        flex-direction: column
    }
}

@media only screen and (min-width:1024px) {
    .form__body-row {
        flex-direction: row
    }
}

.form__formset {
    width: 100%;
    display: flex;
    flex-wrap: nowrap;
    gap: 32px;
}

@media only screen and (min-width:0) and (max-width:1023px) {
    .form__formset {
        flex-direction: column;
    }
}

@media only screen and (min-width:1023px) {
    .form__formset {
        flex-direction: row;
        align-items: flex-end
    }

    .form__formset-underline {
        white-space: nowrap
    }
}

.form__formset-text {
    display: inline-block;
    white-space: nowrap;
    color: var(--white);
    cursor: pointer;
}

@media only screen and (min-width:0) and (max-width:1023px) {
    .form__formset-text {

        margin: 0 0 10px
    }

    .form__formset-text br {
        display: none
    }

    .form__formset-field {
        width: 100%
    }
}

@media only screen and (min-width:768px) and (max-width:1023px) {
    .form__formset-text {

        margin: 0
    }

    .form__formset-text br {
        display: none
    }

    .form__formset-field {
        width: 100%
    }
}

.form__formset-field {
    width: 100%;
    position: relative;
    display: flex;
    flex-wrap: nowrap;
}

.form__formset-input {
    width: 100%;
    border: none;
    outline: 0;
    box-shadow: 0px 5px 0px -4px var(--white);
    color: var(--white);
    transition: outline .1s;
    background-color: transparent;
}



.form__formset-input.focus-visible {
    box-shadow: 0px 5px 0px -3px var(--white);
    transition: border-bottom .1s
}

.form__formset-input:focus-visible {
    box-shadow: 0px 5px 0px -3px var(--white);
    transition: .1s
}

.form__formset-input.visually-hidden {
    position: absolute;
    visibility: hidden;
    opacity: 0;
    width: 1px;
    height: 1px;
    margin: -1px;
    border: 0;
    padding: 0;
    white-space: nowrap;
    -webkit-clip-path: inset(100%);
    clip-path: inset(100%);
    clip: rect(0 0 0 0);
    overflow: hidden;
}

.form__formset-underline {
    position: absolute;
    top: calc(100% + 8px);
    left: 50%;
    transform: translateX(-50%);
    font-size: 12px;
    line-height: 120%;
    color: var(--white);
    white-space: nowrap
}

.form__file-loader {
    cursor: pointer;

    color: var(--white);
    text-decoration: underline
}


.form__file-name {
    color: var(--white);
    white-space: nowrap;
}

.form__submit {
    position: relative;
    width: 138px;
    height: 43px;
    border-radius: 4px;
    overflow: hidden;
    color: var(--dark);
    background-color: var(--white);
    cursor: pointer;
    margin: 0 0 0 auto;
}


@media only screen and (min-width:0) and (max-width:1023px) {

    .form__formset-input--five,
    .form__formset-input--four,
    .form__formset-input--one,
    .form__formset-input--six,
    .form__formset-input--three,
    .form__formset-input--two {
        width: 100%;
        max-width: 100%;
        height: auto;
    }
}

@media only screen and (min-width:768px) and (max-width:1023px) {

    .form__formset-input--five,
    .form__formset-input--four,
    .form__formset-input--one,
    .form__formset-input--six,
    .form__formset-input--three,
    .form__formset-input--two {
        width: 100%;
        max-width: 100%
    }
}


.about_page {
    background-color: var(--white);
    padding-bottom: 0 !important;
}

.about_banner {
    width: 100%;
    aspect-ratio: 16/7.7271;
}

.advantages_block {
    padding: 64px 0 100px;
}

.advantages-row {
    grid-template-columns: repeat(4, 1fr);
    gap: 20px;
}

.advantage-item {
    width: 100%;
}

.advantage-item_num {
    color: var(--dark);
}

.advantage-item_text {
    max-width: 275px;
    width: 100%;
    color: var(--dark);
}

.about_page_content {
    background-color: var(--lightGrey);
    padding: 120px 0 160px;
}

.company_gallery_block {}

.company_gallery_list {
    grid-template-columns: repeat(4, 1fr);
    gap: 64px 20px;
}

.company_gallery-item {
    width: 100%;
}

.company_gallery-item--image {
    width: 100%;
    aspect-ratio: 8 / 10.5663;
    border-radius: 12px;
    overflow: hidden;
    margin-bottom: 20px;
    transition: 0.3s ease;
}

.company_gallery-item:hover .company_gallery-item--image {
    border-radius: 40px;
}

.company_gallery-item--name {
    color: var(--dark);
    margin-bottom: 12px;
}

.company_gallery-item--label {
    color: var(--darkGrey);
}

.certs_list {
    grid-template-columns: repeat(3, 1fr);
    gap: 20px;
}

.certs-item {
    width: 100%;
    border-radius: 12px;
    overflow: hidden;
    transition: 0.3s ease;
}

.certs-item:hover {
    border-radius: 40px;
}

.partners_list {
    grid-template-columns: repeat(4, 1fr);
    gap: 20px;
}

.partners-item {
    width: 100%;
    aspect-ratio: 16 / 3.774;
    transition: 0.2s ease;
    border-radius: 12px;
    overflow: hidden;
}

.partners-item:hover {
    background-color: var(--white);
}

.partners-item img {
    object-fit: scale-down;
    object-position: 50%;
}

.reviews_slider {
    margin-top: 64px;
}

.reviews_slider_head {
    margin-bottom: 40px;
}

.reviews_slider .swiper-slide {
    height: auto;
}

.review-item {
    padding: 32px;
    border-radius: 12px;
    background-color: var(--white);
}

.review-item-top {
    flex-wrap: nowrap;
    gap: 28px;
    margin-bottom: 28px;
}

.review-item-ava {
    width: 98px;
    height: 98px;
    border-radius: 50%;
    overflow: hidden;
    flex-shrink: 0;
}

.review-item_info {}

.review-item-name {
    color: var(--dark);
}

.review-item-label {
    color: var(--darkGrey);
}

.review-item-content {
    color: var(--dark);
}

.about_page_content .our_socials_block {
    padding: 0;
}

.year-item {
    height: auto;
    padding: 32px;
    background-color: #fff;
    border-radius: 12px;
    overflow: hidden;
}

.year-item_num {
    color: var(--dark);
    margin-bottom: 20px;
}

.year-item_text {
    color: var(--dark);
}

.year-item:first-child {
    background-color: var(--dark);
}

.year-item:first-child .year-item_num,
.year-item:first-child .year-item_text p {
    color: var(--white);
}

.block_head .steps_slider_nav {
    margin-left: auto;
}

.work_banner {
    padding: 188px 76px;
    border-radius: 12px;
    background: linear-gradient(90deg, rgba(26, 33, 38, 1) 40%, rgba(26, 33, 38, 0) 65%), url(../images/work.jpg);
    background-repeat: no-repeat;
    background-position: 0 0, 100% 50%;
    background-size: auto, auto 100%;
}

.work_banner-content {
    max-width: 560px;
}

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

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

.work_banner-text {
    margin-bottom: 64px;
}

.work_banner .apps-block-link-name {
    color: var(--white);
}

.work_banner .btn_circle {
    border-color: var(--white);
}

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

.vacancy_tags {
    gap: 20px;
}

.vacancy_tag-item {
    padding: 12px 24px;
    background-color: var(--white);
    border-radius: 4px;
}

.vacancy_block_list {
    grid-template-columns: repeat(3, 1fr);
    gap: 20px;
}

.vacancy_block-item {
    padding: 32px;
    background-color: var(--white);
    border-radius: 12px;
}

.vacancy_block_banner {
    border-radius: 12px;
    overflow: hidden;
    margin-top: 20px;
}



.case_page {}

.case_banner {
    min-height: 754px;
    height: 100vh;
    padding-top: 177px;
    background-size: cover;
    background-position: 50%;
    padding-bottom: 68px;
    margin-bottom: 120px;
}

.case_banner .container-fluid {
    height: 100%;
    display: flex;
    flex-direction: column;
}

.back_link {
    gap: 10px;
}
.back_link_name {
    color: var(--dark);
}
.header_white .back_link_name {
    color: var(--white);
}
.header_white .back_link img {
    filter: brightness(0) invert(1);
}
.case_banner_content {
    max-width: 908px;
    width: 100%;
    margin: 0 auto;
}

.case_banner-title {
    color: var(--dark);
    margin-bottom: 28px;
}
.header_white .case_banner-title {
    color: var(--white);
}
.case_banner-link {
    width: fit-content;
    padding: 12px 24px;
    border-radius: 4px;
    background-color: var(--dark);
    color: var(--white);
    gap: 10px;
    white-space: nowrap;
    margin: 0 auto 40px;
}
.header_white .case_banner-link {
    background-color: var(--white);
    color: var(--dark);
}
.case_banner-desc {
    padding: 32px;
    max-width: 868px;
    background: rgba(255, 255, 255, 0.24);
    backdrop-filter: blur(9px);
    border-radius: 12px;
    color: #fff;
    margin-top: auto;
}

.case_page_content img {
    margin: 0 auto;
}

.case_info-row {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 20px;
}

.case_info-item {
    padding: 32px;
    background: var(--white);
    border-radius: 12px;
}

.case_info-item-name {
    margin-bottom: 20px;
}

.case_info_content {
    gap: 8px;
}

.next-case {
    padding: 140px 0;
}

.services_parent a,
.services_list-item-link,
.services-item-list ul li a,
.apps-block-link,
.services-item-title,
.services-item-title:after,
.footer_main_menu ul li a,
.footer_menu .text-1,
.footer_info-value a,
.footer-socials a img,
.callback_link,
.case_banner-link,
.case_banner-link img,
.back_link span,
.services_list-item-link-icon {
    transition: 0.3s ease;
}

.services_parent a:hover,
.services-item-list ul li a:hover,
.footer_main_menu ul li a:hover,
.footer_menu .text-1:hover,
.footer_info-value a:hover {
    color: var(--darkGrey)
}

.apps-block-link:hover,
.services-item-title:hover {
    filter: invert(42%) sepia(12%) saturate(438%) hue-rotate(171deg) brightness(95%) contrast(85%);
}

.services-item-title:hover span svg,
.services_list-item:hover .services_list-item-link .services_list-item-link-icon {
    transform: translate(8px, 0);
}

.news-item-image img {
    transition: 0.4s ease;
}

.news-item:hover .news-item-image img {
    scale: 1.05;
}

.footer_menu .button-2:hover {
    text-decoration: underline;
}

.footer-socials a:hover img,
.services_list-item:hover .services_list-item-link {
    filter: invert(42%) sepia(12%) saturate(438%) hue-rotate(171deg) brightness(95%) contrast(85%);

}

.callback_link:hover {
    background-color: var(--darkGrey);
    border-radius: 100px;
}

.case_banner-link:hover {
    color: var(--darkGrey);
    border-radius: 100px;
}

.case_banner-link:hover img {
    filter: invert(42%) sepia(12%) saturate(438%) hue-rotate(171deg) brightness(95%) contrast(85%);
}

.back_link:hover span {
    transform: translate(-5px, 0);
}


.concept-row {
    grid-template-columns: repeat(3,1fr);
    gap: 20px;
}
.concept-item {
    padding: 32px;
    width: 100%;
    background-color: var(--white);
    color: var(--dark);
}
.concept_block_image {
    border-radius: 12px;
    margin-top: 20px;
    overflow: hidden;
}

.med_dop_row {
    grid-template-columns: repeat(2,1fr);
    gap: 20px;
    margin-bottom: 100px;
}
.steps_block .med_dop_row:last-child {
    margin-bottom: 0;
    margin-top: 20px;
}
.med_dop-image {
    border-radius: 12px;
    background-size: cover;
    background-position: 50%;
}
.med_dop-item {
    padding: 32px;
    width: 100%;
    background-color: var(--white);
    border-radius: 12px;
}
.med_dop-item-name {
    color: var(--dark);
    margin-bottom: 20px;
}
.med_dop-item-text {
    color: var(--dark);
}
.steps_block2 .med_dop-item {
    background-color: var(--darkGrey);
}
.steps_block2 .med_dop-item-text p {
    color: var(--white);
}

.gift-row {
    grid-template-columns: repeat(12,1fr);
    gap: 20px;
}
.gift_list {
    grid-column: 1 / 5;
    gap: 20px;
}
.gift-item {
    width: 100%;
    padding: 32px;
    background-color: var(--white);
    border-radius: 12px;
}
.gift-item_num {
    font-size: 12px;
    line-height: 120%;
    color: var(--middleGrey);
    margin-bottom: 12px;
}
.gift-item_text {
    color: var(--dark);
}
.gift_image {
    grid-column: 5 / -1;
    border-radius: 12px;
    overflow: hidden;
}


.pluses_minuses-row {
    grid-template-columns: repeat(2,1fr);
    gap: 20px;
}
.pluses_minuses-image {
    border-radius: 12px;
    background-size: cover;
    background-position: 50%;
}
.pluses_minuses-column {
    gap: 20px;
}
.pluses_minuses-item {
    width: 100%;
    padding: 32px;
    background-color: var(--white);
    border-radius: 12px;
}
.pluses_minuses-item-name {
    color: var(--dark);
    margin-bottom: 28px;
}
.pluses_minuses-item-text p {
    color: var(--darkGrey);
}

.methodics_row {
    grid-template-columns: repeat(3,1fr);
    gap: 20px;
}
.methodics-item {
    padding: 32px;
    border-radius: 12px;
    background-color: var(--white);
}
.methodics_block .methodics-item:nth-child(3) {
    grid-column: 2;
    grid-row: 2;
}
.methodics_block .methodics-item:nth-child(4) {
    grid-column: 3;
    grid-row: 2;
}
.methodics-item_text {
    color: var(--dark);
}
.seo_text_block_center {
    max-width: 960px!important;
    width: 100%;
    margin: 0 auto;
}
.seo_price-row {
    grid-template-columns: repeat(3,1fr);
    gap: 20px;
}
.seo_price-row .methodics-item:nth-child(9) {
    grid-column: 2 / -1;
}
.seo_price-image {
    grid-column: 3;
    grid-row: 2 / 4;
    background-size: cover;
    background-position: 50%;
    border-radius: 12px;
}
@media(max-width: 1700px) {
    .main_block-row_content {
        max-width: 356px;
    }

    .socsSwiper .swiper-slide {
        width: 240px;
        height: 380px;
        /* transform: translate(-44px, 0); */
    }

    /* .socsSwiper .swiper-slide-prev {
        transform: translate(-44px, 0);
    }

    .socsSwiper .swiper-slide-next {
        transform: translate(44px, 0);
    }

    .socsSwiper .swiper-slide-next+.swiper-slide,
    .socsSwiper .swiper-slide-next+.swiper-slide+.swiper-slide {
        transform: translate(44px, 0);
    } */
}

@media(max-width: 1525px) {
    .main-header-phone {
        display: none;
    }

    .callback_link {
        margin-left: auto;
    }

    .main-header-menu ul {
        gap: 30px;
    }

    .apps-block-link {
        gap: 15px;
    }

    .btn_circle {
        width: 70px;
        height: 70px;
    }

    .video_block-content-logo {
        margin-bottom: 20px;
    }

    .video_block-content {
        left: calc(50% - 80px);
    }

    .btn_bubble {
        width: 160px;
        height: 160px;
        font-size: 16px;
    }

    .btn_bubble:before {
        width: 180px;
        height: 180px;
    }

    .footer_main_menu {
        width: 175px;
    }

    .services-page-row {
        grid-template-columns: 320px minmax(580px, 1160px);
    }

    .page_banner {
        min-height: 0;
        padding: 120px 0;
    }
}

@media(max-width: 1400px) {
    .work_banner {
        padding: 94px 45px;
        background: linear-gradient(90deg, rgba(26, 33, 38, 1) 45%, rgba(26, 33, 38, 0) 65%), url(../images/work.jpg);
        background-repeat: no-repeat;
        background-position: 0 0, 100% 50%;
        background-size: auto, auto 100%;
    }

    .main-header {
        padding: 18px 0;
    }
    .main-header-menu {
        margin-right: 0;
    }
    .hidden_menu {
        padding-top: 85px;
    }
    .gift_list {
        grid-column: 1 / 6;
    }
    .gift_image {
        grid-column: 6 / -1;
    }
    .apps_quiz_slider {
        padding: 36px;
    }
}

@media(max-width: 1340px) {
    .footer_info {
        grid-template-columns: 1fr;
    }

    .footer_right {
        width: 350px;
    }
    .collections-row a:not(:last-child):after {
        width: 1px;
    }
}

@media(max-width: 1290px) {
    .main-header-menu {
        display: none;
    }

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

    .footer_menu {
        display: none;
    }

    .themes_block_list {
        grid-template-columns: repeat(2, 1fr);
        gap: 20px;
    }

    .steps-item {

        min-height: 0;
        width: 400px;

    }

    .form__formset-text {
        white-space: break-spaces;
    }
    .services-item-title span svg {
        margin-bottom: -2px;
    }
}
@media(max-width: 1200px) {
    .apps_quiz_inner {
        grid-template-columns: 100%;
    }
    .apps_quiz_image {
        display: none;
    }
}
@media(max-width: 1100px) {
    .services-row {
        gap: 16px;
    }

    .our_socials_block__links a {
        height: 56px;
        padding: 0 10px;
    }
}

@media(max-width: 1023px) {
    .main_block-row_content {
        max-width: 280px;
    }

    .mini_video {
        width: 280px;
        height: 158px;
    }

    .services-row {
        grid-template-columns: 1fr 1fr;
        grid-template-rows: auto;
        height: auto;
    }

    .services-item {
        grid-row: auto !important;
        grid-column: auto !important;
    }

    .about_block-triggers-row {
        grid-template-columns: 1fr 1fr;
    }

    .about_block-trigger {
        grid-column: auto !important;
        grid-row: auto !important;
    }

    .services-page-row {
        grid-template-columns: 1fr;
    }

    .copyright {
        width: 100%;
    }

    .under-footer-content {
        gap: 14px;
    }

    .under-footer-links {
        gap: 20px;
    }

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

    /* .respons_block_list,
    .childs_list_content,
    .childs_list_content .childs_list-item:nth-child(3):has(.childs_list-item-image),
    .childs_list_content .childs_list-item:nth-child(7):has(.childs_list-item-image) {
        grid-template-columns: repeat(2, 1fr);
    } */

    .respons_block_list,
    .childs_list_content {
        grid-template-columns: repeat(2, 1fr);
    }

    .childs_list_content .childs_list-item:first-child,
    .childs_list_content .childs_list-item:nth-child(6) {
        grid-column: 1 / -1;
    }
    .childs_list-item-image:nth-child(5) {
        grid-row: 3;
        grid-column: 1;
    }
    .childs_list-item .childs_list-item-image {
        grid-column: auto !important;
    }

    .childs_list-item:nth-child(3) .childs_list-item-info {
        grid-column: 2;
    }

    .page_head_text {
        max-width: 360px;
    }

    .company_gallery_list,
    .partners_list {
        grid-template-columns: repeat(3, 1fr);
    }

    .review-item-ava {
        width: 80px;
        height: 80px;
    }

    .work_banner {
        padding: 40px 45px;
    }

    .respons_job_list .respons-item:nth-child(1) {
        grid-column: 1 / -1;
    }

    .respons_job_list .respons-item:nth-child(4),
    .respons_job_list .respons-item_image:nth-child(7) {
        grid-column: auto;
    }

    .sites_tabs_row {
        grid-template-columns: minmax(1px, 1fr);
        gap: 20px;
    }

    .sites_tabs_row .faq-item {
        grid-column: auto;
    }

    .sites_slider {
        grid-row: 2;
        max-width: 100%;
        position: static;
        scale: 1;
        height: 0;
        pointer-events: none;
    }

    .sites_tabs_row.active .sites_slider {
        height: auto;
        pointer-events: auto;
    }
    .concept-row {
        grid-template-columns: repeat(2, 1fr);
    }
    .gift_list {
        grid-column: 1 / 7;
    }
    .gift_image {
        grid-column: 7 / -1;
    }
}

@media(max-width: 767px) {
    .hidden_menu_content {
        padding-top: 40px;
        padding-bottom: 70px;
    }

    .hidden_menu_content .footer-bottom {
        gap: 40px;
        flex-direction: column;
    }

    .hidden_menu_bottom {
        flex-direction: column-reverse;
        gap: 40px;
        align-items: flex-start;
    }

    .hidden_menu_bottom_right {
        max-width: 350px;
        width: 100%;
    }

    .hidden_menu-right {
        margin-left: 0;
    }
    .partners_slider .client-list,
    .partners_slider .client-list>div {
        gap: 40px;
    }
    .partners_slider .client-list>div:nth-child(2) {
        position: absolute;
        left: calc(100% + 40px);
    }
    .client_item {
        width: 120px;
    }

    .default_page {
        padding: 120px 0 80px;
    }

    .about_page_content {
        padding: 80px 0;
    }

    .page_banner {
        margin-bottom: 80px;
        padding: 48px 0;
    }

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

    .steps_block-head,
    .block_head,
    .projects_block-title {
        margin-bottom: 32px;
    }

    h1, .h1 {
        font-size: 1.45rem;
    }

    h2, .h2 {
        font-size: 1.25rem;
    }

    h3, .h3 {
        font-size: 1.15rem;
    }

    h4, .h4, h5, .h5,
    .themes_block-item-name {
        font-size: .9375rem;
    }

    .text-1, .text-1 * {
        font-size: .85rem;
    }

    .text-2, .text-2 *,
    .text-3, .text-3 *:not(h1, h2, h3, h4) {
        font-size: .8rem;
    }

    .button-1,
    .button-2 {
        font-size: 0.75rem;
    }

    .breadcrumbs {
        margin-bottom: 32px;
    }

    .page_head-row {
        gap: 24px;
    }

    .page_head_text {
        padding: 0;
    }

    .main-header-row .callback_link {
        display: none;
    }

    .news_block-header {
        justify-content: space-between;
    }

    .news_slider_pagination {
        display: none;
    }

    .services-row {
        grid-template-columns: 1fr;
    }

    .main_block {
        height: 100vh;
    }

    .main_block-row {
        flex-wrap: nowrap;
        gap: 45px;
        flex-direction: column;
        align-items: flex-start;
        padding-top: 179px;
    }

    .main_block-row_content {
        max-width: 100%;
        width: 100%;
    }

    .mini_video {
        width: 100%;
    }

    .about_block-triggers-row {
        gap: 10px;
    }

    .about_block-trigger {
        padding: 14px;
    }

    .about_block-trigger-icon {
        margin-bottom: 15px;
    }

    .about_block-trigger-title {
        margin-bottom: 12px;
    }

    .projects_block-list {
        gap: 32px;
        margin-bottom: 80px;
    }

    .project-item_wrapper {
        width: 100%;
    }

    .project-item-preview_wrapper,
    .project-item-name {
        margin-bottom: 14px;
    }

    .project-item-tag {
        padding: 12px;
    }

    .collections-row {
        gap: 10px;
        margin-bottom: 40px;
    }

    .collections-row a {
        font-size: .8125rem;
    }

    .services_block,
    .projects_block,
    .development_block,
    .news_block {
        padding: 40px 0;
    }

    .about_block {
        padding: 80px 0;
    }

    .development_block-title {
        margin-bottom: 35px;
    }

    .services-item .apps-block-link {
        margin-top: 20px;
        text-transform: uppercase;
    }

    .services-item-title:after {
        height: 14px;
        background-size: contain;
    }

    .apps_block-inner {
        height: 280px;
        margin: 0 -3.881vw;
    }

    .apps_block-text {
        max-width: 230px;
    }

    .our_socials_block__links {
        justify-content: flex-start;
    }

    .footer-content {
        padding: 64px 0;
    }

    .footer-top {
        flex-direction: column;
        gap: 40px;
        align-items: flex-start;
    }

    .footer-bottom {
        gap: 40px;
        flex-direction: column-reverse;
    }

    .footer_info {
        margin-left: 0;
    }

    .footer_right {
        max-width: 350px;
        width: 100%;
        margin-left: 0;
    }

    .footer_main_menu ul li a {
        font-size: 1.8rem;
    }

    .services_list-item {
        padding: 12px;
    }

    .services_list-column,
    .services_list {
        gap: 10px;
    }

    .services_parent {
        font-size: 1.2rem;
    }

    .services_content {
        gap: 80px;
    }

    .services_cloud {
        height: auto;
        padding: 80px 0;
    }

    .services_cloud-row {
        gap: 10px;
    }

    .services_cloud-link {
        padding: 12px;
    }

    .themes_block_list {
        grid-template-columns: 1fr;
        gap: 10px;
    }

    .themes_block-item {
        grid-template-columns: 96px 1fr;
        gap: 4px;
    }

    .themes_block-item-icon {
        height: 96px;
        width: 96px;
    }

    .themes_block-item-info {
        height: 96px;
        background: var(--white);
        border-radius: 12px;
        padding: 0 12px;
    }

    .container-fluid.d-flex.flex-column {
        gap: 80px;
    }

    .respons_block_list,
    .childs_list_content {
        gap: 10px;
    }

    /* .childs_list_content {
        grid-template-columns: 1fr;
    }
    .childs_list_content .childs_list-item {
        grid-column: auto!important;
    } */
    .childs_list-item {
        gap: 10px;
    }

    .childs_list-item-info .apps-block-link {
        margin-top: 16px;
    }

    .childs_list-item-info,
    .respons-item,
    .development_info-item,
    .concept-item {
        padding: 12px;
    }

    .respons-item {
        justify-content: flex-start;
        min-height: 0;
    }

    .steps_slider_nav {
        display: none;
    }

    .btn_circle {
        width: 38px;
        height: 38px;
    }

    .btn_circle img {
        width: 20px;
    }

    .steps-item {
        justify-content: flex-start;
        width: auto;
        padding: 12px;
    }

    .page_head-row {
        flex-direction: column;
        align-items: flex-start;
    }

    .video_banner {
        margin-bottom: 80px;
    }

    .advantages-row {
        grid-template-columns: repeat(2, 1fr);
        gap: 20px;
    }

    .company_gallery_list,
    .certs_list,
    .partners_list {
        grid-template-columns: repeat(2, 1fr);
        gap: 10px;
    }

    .company_gallery-item--image {
        margin-bottom: 10px;
    }

    .company_gallery-item--name {
        margin-bottom: 5px;
    }

    .partners-item {
        background-color: var(--white);
        padding: 10px;
    }

    .review-item-top {
        gap: 14px;
        margin-bottom: 20px;
    }

    .review-item {
        padding: 12px;
        border-radius: 12px;
        background-color: var(--white);
    }

    .review-item-ava {
        width: 64px;
        height: 64px;
    }

    .work_banner {
        padding: 40px 16px;
        background: linear-gradient(90deg, rgba(26, 33, 38, 1) 180px, rgba(26, 33, 38, 0) 65%), url(/bitrix/templates/is-art/assets/css/../images/work.jpg);
        background-position: 0 0, calc(100% + 77px) 50%;
        background-repeat: no-repeat;
        background-size: auto, auto 100%;
    }

    .work_banner-content {
        width: 150px;
    }

    .advantages_block {
        padding: 32px 0 50px;
    }

    .vacancy_tags {
        gap: 10px;
        flex-wrap: nowrap;
        overflow: auto;
        padding: 0 3.881vw 5px;
        margin: 0 -3.881vw
    }

    .vacancy_tag-item {
        flex-shrink: 0;
        padding: 12px;
    }

    .vacancy_block_list,
    .jobs_list {
        grid-template-columns: repeat(2, 1fr);
        gap: 10px;
    }

    .vacancy_block-item {
        padding: 12px;
    }

    .form__formset {
        gap: 14px;
    }

    .form__body {
        gap: 60px;
    }

    .portfolio_list {
        grid-template-columns: 1fr;
        gap: 32px;
    }

    .filter_radio-row .radio {
        width: calc(50% - 5px);
    }

    .filter_radio-row {
        gap: 10px;
    }

    .filter-block-row {
        flex-direction: column-reverse;
        gap: 20px;
    }

    .bx-filter-parameters-box,
    .bx-filter-select-container,
    .bx-filter-select-block {
        width: 100%;
    }

    #smartFilterDropDown11 {
        width: calc(100% - 7.762vw);
        left: 3.881vw !important;
    }

    .bx-filter-select-popup .bx-filter-param-label {
        font-size: 14px;
        line-height: 2;
    }

    .bx-filter-param-label {
        padding: 0 12px;
        text-align: center;
    }

    .next-case {
        padding: 80px 0;
    }

    .sites_slider .swiper-button-prev, .sites_slider .swiper-button-next {
        display: none;
    }

    .sitesSwiper {
        width: calc(100% + 3.881vw * 2);
        margin: 0 -3.881vw;
        padding: 0 3.881vw;
    }

    .faq_row {
        grid-template-columns: 1fr;
        gap: 10px;
    }

    .faq-item-header {
        padding: 16px;
    }

    .faq-item-content {
        padding: 8px 16px 16px;
    }

    .case_info-row {
        grid-template-columns: 1fr;
        gap: 10px;
    }

    .case_info-item {
        padding: 16px;
    }

    .case_banner {
        padding-top: 115px;
    }

    .case_banner-desc {
        padding: 16px;
    }

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

    .modal_window_top {
        height: 85px;
    }

    .modal_window_content {
        padding-top: 40px;
    }

    .modal_window form {
        gap: 40px;
    }

    .modal-form-row {
        grid-template-columns: 1fr;
        gap: 10px;
    }

    .modal-form-column {
        gap: 10px;
    }

    .modal-form-input input {
        padding: 12px 12px;
    }

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

    .modal-form_desc textarea {
        height: 144px;
        padding: 12px;
    }

    .add-file {
        margin-left: -12px;
    }

    .submit-row {
        flex-wrap: nowrap;
        gap: 12px;
        flex-direction: column;
    }
    .modal-form_radio-row {
        gap: 10px;
    }
    .modal-form_radio-item {
        padding: 12px;
    }
    .tech-list {
        gap: 10px;
    }
    .tech-list>div {
        gap: 10px;
    }
    .tech_item {
        width: 180px;
        height: 180px;
        gap: 12px;
        padding: 15px;
    }
    .dov_item {
        width: 180px;
    }
    .back_link {
        margin-bottom: 40px;
    }
    .concept-row {
        gap: 10px;
    }
    .concept_block_image {
        margin-top: 10px;
    }
    .med_dop_row {
        grid-template-columns: 1fr;
        gap: 10px;
        margin-bottom: 50px;
    }
    .steps_block .med_dop_row:last-child {
        margin-top: 10px;
    }
    .med_dop-item {
        padding: 12px;
    }
    .med_dop-image {
        height: 229px;
    }
    .med_dop-item-name {
        margin-bottom: 10px;
    }
    .respons-item_name {
        margin-bottom: 10px;
    }
    .gift_list {
        gap: 10px;
    }
    .gift-row {
        gap: 10px;
    }
    .gift-item {
        padding: 12px;
    }
    .pluses_minuses-row {
        grid-template-columns: 1fr;
        gap: 10px;
    }
    .pluses_minuses-image {
        height: 320px;
    }
    .pluses_minuses-column {
        gap: 10px;
    }
    .pluses_minuses-item {
        padding: 12px;
    }
    .pluses_minuses-item-name {
        margin-bottom: 14px;
    }
    .methodics_row,
    .seo_price-row {
        grid-template-columns: repeat(2,1fr);
        gap: 10px;
    }
    .methodics-item {
        padding: 12px;
        grid-column: auto!important;
    }
    .seo_price-image {
        grid-column: 1 / -1;
        height: 240px;
        grid-row: 3;
    }
    .seo_price-row .methodics-item:nth-child(9) {
        grid-column: 1 / -1!important;
    }
    .apps_quiz_slider {
        padding: 20px 12px;
    }
    .quiz-swiper-buttons .swiper-button-prev, .quiz-swiper-buttons .swiper-button-next,.managSubmit {
        padding: 12px;
    }
    .swiper-slide.sale-quiz-swiper-info {
        gap: 20px;
    }
    .quiz-answers {
        gap: 14px;
    }
    .quiz-swiper-buttons,
    .quiz_control {
        gap: 10px;
    }
    .quiz_control input {
        width: 20px;
        height: 20px;
    }
    .main-footer .footer_main_menu, .main-footer .footer_menu {
        margin-top: 0;
    }
}

@media(max-width: 520px) {
    .work_banner {
        background-position: 0 0, calc(100% + 155px) 50%;
    }
}

@media(max-width: 370px) {
    h2, .h2 {
        font-size: 1.15rem;
    }
}

.swiper-wrapper {
    height: auto;
}