.ui_kit-section {margin-left: 60px; margin-right: 60px;}
.ui_kit-block {display: flex; flex-direction: column; row-gap: 32px; align-items: flex-start;}
.heading-1 {font-family: 'Prosto One'; font-weight: 600; font-size: 4.32vw; line-height: 114%;}
.heading-2 {font-weight: 600; line-height: 108%; font-size: 2.78em; font-family: 'Prosto One'; color: rgba(12, 15, 43, 1);}
.heading-3 {font-weight: 400; line-height: 108%; font-size: 2.51em; font-family: 'Prosto One'; color: rgba(12, 15, 43, 1);}
.heading-4 {font-weight: 600; font-size: 2.08em; font-family: 'Prosto One'; line-height: 100%;}
.heading-5 {font-size: 1.99vw; font-weight: 600; font-family: 'Prosto One'; transition-property: color; transition-duration: 400ms; transition-delay: 0ms; transition-timing-function: ease; color: rgba(12, 15, 43, 1);}
.heading-6 {font-weight: 600; font-size: 1.25em; font-family: 'Prosto One'; color: rgba(22, 31, 75, 1);}
.body-large {font-weight: 600; font-size: 1.13em; font-family: 'Manrope'; color: rgba(255, 255, 255, 1);}
.body-medium {font-weight: 500; font-size: 0.93em; font-family: 'Manrope'; color: rgba(12, 15, 43, 1);}
.body-small {font-weight: 500; font-size: 0.81em; font-family: 'Manrope'; color: rgba(44, 46, 56, 1);}
.caption-large {font-size: 1.5vw; font-weight: 600; font-family: 'Prosto One';}
.caption-medium {font-weight: 600; font-size: 1.03em; font-family: 'Prosto One'; color: rgba(12, 15, 43, 1);}
.caption-small {font-weight: 600; font-size: 0.69em; font-family: 'Prosto One'; color: rgba(52, 72, 174, 1); text-transform: uppercase;}
.color_style-item {display: flex; flex-direction: column; row-gap: 13px; align-items: center;}
.button-text {font-size: 0.75em; color: rgba(255, 255, 255, 1); text-transform: uppercase; font-weight: 600; text-align: center; font-family: 'Prosto One';}
.button-text-container {padding-left: 1.03em; padding-right: 1.03em; padding-top: 0.93em; padding-bottom: 0.93em; border-top-left-radius: 2px; border-top-right-radius: 2px; border-bottom-left-radius: 2px; border-bottom-right-radius: 2px; display: flex; align-items: center; justify-content: center; width: auto; column-gap: 8px; background-color: rgb(52, 72, 174); transition-property: background-color; transition-duration: 400ms;}
.button-primary {column-gap: 2px; height: 2.84em;}
.button-arrow-container {padding-left: 0.87em; padding-right: 0.87em; display: flex; justify-content: center; align-items: center; border-top-left-radius: 2px; border-top-right-radius: 2px; border-bottom-left-radius: 2px; border-bottom-right-radius: 2px; overflow-x: hidden; overflow-y: hidden; width: 2.84em; background-color: rgb(52, 72, 174); transition-property: background-color; transition-duration: 400ms; transition-delay: 0ms; transition-timing-function: ease;}
.button-secondary {display: flex; column-gap: 2px; height: 2.82em;}
.white {color: rgba(255, 255, 255, 1);}
.blue {color: rgba(52, 72, 174, 1);}
.arrow-button {width: 2.84em; height: 2.58em; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; border-top-color: rgba(241, 241, 241, 1); border-left-color: rgba(241, 241, 241, 1); border-right-color: rgba(241, 241, 241, 1); border-bottom-color: rgba(241, 241, 241, 1); border-top-style: solid; border-left-style: solid; border-right-style: solid; border-bottom-style: solid; border-top-left-radius: 2px; border-top-right-radius: 2px; border-bottom-left-radius: 2px; border-bottom-right-radius: 2px; display: flex; justify-content: center; align-items: center; background-image: none/*url("/d/left.svg")*/; background-position: center center; background-size: contain;}
.arrow-button:hover {cursor: pointer; transition-property: background-color; transition-duration: 300ms; transition-delay: 0ms; transition-timing-function: ease; background-color: rgba(255, 255, 255, 0.12);}
.link-button {align-items: center; column-gap: 0.23em; color: rgba(52, 72, 174, 1); margin-top: 0.31em;}
.section-hero {display: flex; height: 100vh; padding-left: 3.76em; padding-right: 3.76em; align-items: flex-end; justify-content: space-between; padding-top: 3.76em; padding-bottom: 3.76em; overflow-x: hidden; overflow-y: hidden;}
.herobg-image {position: absolute; width: auto; height: 100%; justify-content: center; align-items: flex-start; left: 0px; right: 0px; top: 0px;}
.hero-title {font-family: 'Dela Gothic One'; font-weight: 700; font-size: 4.4em; color: rgba(255, 255, 255, 1); text-transform: uppercase; overflow-x: hidden; overflow-y: hidden; line-height: 0.7em; padding-bottom: 0.22em;}
.hero-text {display: flex; flex-direction: column; row-gap: 0.86em;}
.hero-content {display: flex; flex-direction: column; row-gap: 1.5em; align-items: flex-start;}
.hero-container {display: flex; align-items: flex-start; justify-content: space-between; padding-top: 2.5em; border-top-width: 1px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; border-top-style: solid; border-left-style: none; border-right-style: none; border-bottom-style: none; border-top-color: rgba(255, 255, 255, 0.3);}
.hero-card {border-top-left-radius: 8px; border-top-right-radius: 8px; border-bottom-left-radius: 8px; border-bottom-right-radius: 8px; background-size: auto; background-image: linear-gradient(rgba(15, 28, 43, 0.61) 0%, rgba(15, 28, 43, 0.61) 100%); background-repeat: no-repeat; background-position: left 0px top 0px; background-attachment: scroll; backdrop-filter: blur(14px); padding-left: 0.57em; padding-right: 0.57em; padding-top: 0.57em; padding-bottom: 0.57em; display: flex; flex-direction: row; row-gap: 1.16em; column-gap: 1.4em; border-top-width: 0.5px; border-right-width: 0.5px; border-bottom-width: 0.5px; border-left-width: 0.5px; border-top-style: solid; border-left-style: solid; border-right-style: solid; border-bottom-style: solid; border-top-color: rgba(241, 241, 241, 0); border-left-color: rgba(241, 241, 241, 0); border-right-color: rgba(241, 241, 241, 0); border-bottom-color: rgba(241, 241, 241, 0); transition-property: border; transition-duration: 300ms; transition-delay: 0ms; transition-timing-function: ease; height: 11em; width: 33em;}
.hero-card-image {width: 20em; height: 100%; border-top-left-radius: 4px; border-top-right-radius: 4px; border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; pointer-events: none;}
.hero-card-text {display: flex; flex-direction: column; row-gap: 0.69em; width: auto;}
.arrow-top {width: 1.6em; height: 1.6em; bottom: 0px;}
.section-ecosystem {display: flex; padding-left: 3.87em; padding-right: 3.87em; justify-content: space-between; padding-top: 6.94em; padding-bottom: 11.57em; align-items: flex-start; background-size: auto; background-image: linear-gradient(rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 1) 100%); background-repeat: no-repeat; background-position: left 0px top 0px; background-attachment: scroll;}
.left-column {width: 40.58em;}
.right-column {width: 30em; display: flex; flex-direction: column; align-items: flex-start;}
.link_button-text {font-weight: 500; font-size: 0.93em; font-family: 'Prosto One';}
.badge-icon {width: 0.69em; height: 0.69em;}
.badge {display: flex; column-gap: 0.35em; width: auto; align-items: center;}
.section-title-container {display: flex; flex-direction: column; row-gap: 1.16em; align-items: flex-start;}
.ecosystem-image {width: 7.18em; height: 6.25em; border-top-left-radius: 2px; border-top-right-radius: 2px; border-bottom-left-radius: 2px; border-bottom-right-radius: 2px;}
.ecosystem-image-container {display: flex; align-items: flex-start; width: auto; column-gap: 4px;}
.second {width: 10.19em;}
.title-text-container {display: flex; flex-direction: column; row-gap: 1.16em;}
.values-card {display: flex; flex-direction: column; row-gap: 3.44em; padding-top: 2.87em; padding-bottom: 2.87em; border-top-width: 1px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; border-top-color: rgba(216, 216, 216, 1); border-left-color: rgba(216, 216, 216, 1); border-right-color: rgba(216, 216, 216, 1); border-bottom-color: rgba(216, 216, 216, 1); border-top-style: solid; border-bottom-style: none;}
.values-cards {display: flex; flex-direction: column; row-gap: 0px;}
.values-card-image {width: 3.24em; height: auto;}
.values-card-text {display: flex; flex-direction: column; align-items: flex-start; row-gap: 12px;}
.proj_slider-title {display: flex; padding-left: 3.69em; padding-right: 3.69em; justify-content: space-between; align-items: flex-end;}
.projects-slider {border-top-left-radius: 6px; border-top-right-radius: 6px; border-bottom-left-radius: 6px; border-bottom-right-radius: 6px;}
.proj_slider-card {height: 70vh; display: flex; flex-direction: row; align-items: flex-start; border-top-left-radius: 4px; border-top-right-radius: 4px; border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; overflow-x: hidden; overflow-y: hidden; justify-content: space-between; padding-left: 2.87em; padding-right: 2.87em; padding-top: 2.87em; padding-bottom: 2.87em; margin-left: 0em; margin-right: 0em;}
.proj_slider_card-image {width: 100%; height: 100%; position: absolute; left: 0px; top: 0px; right: 0px; bottom: 0px; z-index: 0;}
.project-info-panel {padding-left: 1.85em; padding-right: 1.85em; padding-top: 1.85em; padding-bottom: 1.5em; width: 28.01em; display: flex; flex-direction: column; align-items: flex-start; row-gap: 1.2em; background-size: auto; background-image: linear-gradient(rgba(52, 72, 174, 1) 0%, rgba(52, 72, 174, 1) 100%); background-repeat: no-repeat; background-position: left 0px top 0px; background-attachment: scroll; border-top-left-radius: 4px; border-top-right-radius: 4px; border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; z-index: 20;}
.divider-hor {height: 1px; background-size: auto; background-image: linear-gradient(rgba(216, 216, 216, 1) 0%, rgba(216, 216, 216, 1) 100%); background-repeat: no-repeat; background-position: left 0px top 0px; background-attachment: scroll;}
.project-info-items {display: flex; align-items: flex-start; column-gap: 1.85em; width: auto;}
.project-info-item {display: flex; flex-direction: column; row-gap: 0.46em; width: auto;}
.section-about {display: flex; padding-left: 3.87em; padding-right: 3.87em; justify-content: flex-start; padding-top: 7.75em; padding-bottom: 4.13em; align-items: flex-start; flex-direction: column; row-gap: 20em; background-color: rgb(252, 252, 252);}
.about-bottom {display: flex; justify-content: space-between; align-items: flex-end;}
.highlights {display: flex; column-gap: 6em; align-items: flex-start; width: auto;}
.highlights-content {display: flex; flex-direction: column; justify-content: space-between; align-items: flex-start; height: 100%; width: auto;}
.gray {color: rgba(81, 81, 94, 1);}
.divider-ver {width: 1px; height: 100%; background-size: auto; background-image: linear-gradient(rgba(216, 216, 216, 1) 0%, rgba(216, 216, 216, 1) 100%); background-repeat: no-repeat; background-position: left 0px top 0px; background-attachment: scroll; display: flex; align-items: flex-start;}
.section-digital_platform {display: none; padding-left: 3.87em; padding-right: 3.87em; justify-content: flex-start; padding-top: 5.16em; padding-bottom: 1.94em; align-items: flex-start; flex-direction: column; row-gap: 5.02em; background-size: auto; background-image: linear-gradient(rgba(22, 31, 75, 1) 0%, rgba(22, 31, 75, 1) 100%); background-repeat: no-repeat; background-position: left 0px top 0px; background-attachment: scroll; overflow-x: hidden; overflow-y: hidden;}
.digital_platform-top {display: flex; align-items: flex-end; justify-content: space-between;}
.white-bg {color: rgba(255, 255, 255, 1); background-image: linear-gradient(rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 1) 100%);}
.arrow-buttons-control {display: flex; column-gap: 0.29em; width: auto;}
.light {color: rgba(79, 163, 246, 1);}
.digital_platform-cards {display: flex; flex-direction: row; align-items: flex-start; column-gap: 2.01em; width: auto;}
.digital_platform-card {width: 21.82em; height: 27.59em; padding-left: 0.75em; padding-right: 0.75em; padding-top: 0.75em; padding-bottom: 0.75em; display: flex; align-items: flex-start; flex-direction: column; row-gap: 1.29em; background-size: auto; background-image: linear-gradient(rgba(34, 41, 85, 1) 0%, rgba(34, 41, 85, 1) 100%); background-repeat: no-repeat; background-position: left 0px top 0px; background-attachment: scroll; border-top-left-radius: 4px; border-top-right-radius: 4px; border-bottom-left-radius: 4px; border-bottom-right-radius: 4px;}
.digital_card-text {padding-left: 0.75em; padding-right: 0.75em; padding-top: 0.75em; padding-bottom: 0.75em; display: flex; flex-direction: column; row-gap: 1.29em;}
.digit_card_image-container {overflow-x: hidden; overflow-y: hidden; border-top-left-radius: 4px; border-top-right-radius: 4px; border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; height: 14.8em; display: flex; justify-content: center; align-items: center;}
.digit_card_image {width: 110%; height: 110%;}
.section-types_of_work {display: flex; padding-left: 3.87em; padding-right: 3.87em; justify-content: flex-start; padding-top: 7.75em; padding-bottom: 5em; align-items: flex-start; flex-direction: column; row-gap: 2.58em;}
.accordion-number {display: flex; align-items: center; width: 2em; justify-content: flex-start; height: 2.15em; column-gap: 0.39em;}
.accordion-dot {border-top-left-radius: 1px; border-top-right-radius: 1px; border-bottom-left-radius: 1px; border-bottom-right-radius: 1px; width: 0.28em; height: 0.28em; background-size: auto; background-image: linear-gradient(rgba(52, 72, 174, 1) 0%, rgba(52, 72, 174, 1) 100%); background-repeat: no-repeat; background-position: left 0px top 0px; background-attachment: scroll;}
.accordion-item {flex-direction: column; border-top-width: 1px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; border-top-color: rgba(216, 216, 216, 1); border-left-color: rgba(216, 216, 216, 1); border-right-color: rgba(216, 216, 216, 1); border-bottom-color: rgba(216, 216, 216, 1); border-top-style: solid; border-bottom-style: none; align-items: flex-start; margin-bottom: 0px; padding-top: 2.07em; padding-bottom: 2.07em; justify-content: center;}
.accordion-title {display: flex; justify-content: flex-start; width: 100%; align-items: flex-start; padding-bottom: 0px; padding-top: 0px; padding-left: 0px; padding-right: 0px; column-gap: 5.16em;}
.accordion-icon {width: 1.81em; height: 1.81em; background-size: auto; background-image: url("/d/accordion-icon.svg"); background-repeat: no-repeat; background-position: center center; background-attachment: scroll; transition-property: transform; transition-duration: 800ms; transition-delay: 0ms; transition-timing-function: ease; position: absolute; right: 1.29em; transform: rotateX(0deg) rotateY(0deg) rotateZ(0deg); justify-content: center; align-items: center;}
.highlights-content-copy {display: flex; flex-direction: column; justify-content: space-between; align-items: flex-start; height: 100%; width: auto;}
.price-item {display: flex; align-items: flex-start; column-gap: 0.77em; width: auto; height: auto;}
.price-item-text {display: flex; flex-direction: column; justify-content: flex-start; align-items: flex-start; height: auto; width: auto; row-gap: 0.52em;}
.highlights-item {display: flex; align-items: flex-start; column-gap: 1.81em; width: auto; height: 9.04em;}
.price-container {display: flex; align-items: flex-start; column-gap: 4.13em; height: auto; padding-top: 1.55em; padding-bottom: 0em;}
.accordion-image {position: absolute; width: 100%; height: 16.52em;}
.closed {height: 0em;}
.accordion-title-container {display: flex; justify-content: flex-start; width: 36.41em; align-items: flex-start; padding-bottom: 0px; padding-top: 0px; padding-left: 0px; padding-right: 0px; flex-direction: column;}
.price {height: 3.07em;}
.accordion-content {flex-direction: column; row-gap: 6.7em; justify-content: flex-start; display: flex; height: 0px; overflow-x: hidden; overflow-y: hidden; transition-property: height; transition-duration: 800ms; transition-delay: 0ms; transition-timing-function: ease; align-items: flex-start;}
.accordion-template {border-top-width: 0px; border-right-width: 0px; border-bottom-width: 1px; border-left-width: 0px; border-top-color: rgba(216, 216, 216, 1); border-left-color: rgba(216, 216, 216, 1); border-right-color: rgba(216, 216, 216, 1); border-bottom-color: rgba(216, 216, 216, 1); border-bottom-style: solid;}
.section-services {display: flex; justify-content: flex-start; align-items: flex-start; flex-direction: column; overflow-x: hidden; overflow-y: hidden;}
.services-info-panel {border-top-left-radius: 6px; border-top-right-radius: 6px; border-bottom-left-radius: 6px; border-bottom-right-radius: 6px; padding-left: 3.1em; padding-right: 3.1em; padding-top: 3.1em; padding-bottom: 6em; background-size: auto; background-image: linear-gradient(rgba(52, 72, 174, 1) 0%, rgba(52, 72, 174, 1) 100%); background-repeat: no-repeat; background-position: left 0px top 0px; background-attachment: scroll; backdrop-filter: blur(40px); display: flex; flex-direction: column; justify-content: space-between; align-items: flex-start; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; border-top-style: solid; border-left-style: solid; border-right-style: solid; border-bottom-style: solid; border-top-color: rgba(70, 86, 187, 1); border-left-color: rgba(70, 86, 187, 1); border-right-color: rgba(70, 86, 187, 1); border-bottom-color: rgba(70, 86, 187, 1); height: 100%;}
.services-left-column {border-top-left-radius: 12px; border-top-right-radius: 12px; border-bottom-left-radius: 12px; border-bottom-right-radius: 12px; padding-left: 3.1em; padding-right: 3.1em; padding-top: 3.1em; padding-bottom: 3.1em; width: 50%; display: flex; flex-direction: column; align-items: flex-start; justify-content: space-between;}
.services-slider {border-top-left-radius: 6px; border-top-right-radius: 6px; border-bottom-left-radius: 6px; border-bottom-right-radius: 6px;}
.services-miniature {width: 6em; height: 6em; padding-left: 1px; padding-right: 1px; padding-top: 1px; padding-bottom: 1px;}
.services-bottom {display: flex; flex-direction: column; align-items: flex-start; row-gap: 2.07em;}
.services-slide-text {display: flex; flex-direction: column; row-gap: 1.55em;}
.pagination {display: flex; align-items: center; justify-content: space-between;}
.service_slider_card-image {width: 100%; height: 100%; position: absolute; z-index: -1; background-size: auto; background-image: linear-gradient(rgba(59, 52, 52, 1) 0%, rgba(59, 52, 52, 1) 100%); background-repeat: no-repeat; background-position: left 0px top 0px; background-attachment: scroll; filter: brightness(70%); left: 0px; right: 0px; display: flex;}
.section-clients {display: flex; padding-left: 3.87em; padding-right: 3.87em; justify-content: flex-start; padding-top: 7.75em; padding-bottom: 7.75em; align-items: flex-start; flex-direction: column; row-gap: 4em;}
.clients-list {display: flex; row-gap: 8px; flex-direction: column;}
.client-cards-row {display: flex; column-gap: 8px;}
.client-card {height: 8.91em; display: flex; justify-content: center; align-items: center; border-top-left-radius: 4px; border-top-right-radius: 4px; border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; border-top-style: solid; border-left-style: solid; border-right-style: solid; border-bottom-style: solid; border-top-color: rgba(216, 216, 216, 1); border-left-color: rgba(216, 216, 216, 1); border-right-color: rgba(216, 216, 216, 1); border-bottom-color: rgba(216, 216, 216, 1); background-size: 100% 100%; background-image: url("/d/clients-logo.svg"); background-repeat: no-repeat; background-position: center center; background-attachment: scroll; transition-property: border-color; transition-duration: 300ms; transition-delay: 0ms; transition-timing-function: ease;}
.client-card:hover {border-top-color: rgba(54, 75, 202, 1); border-left-color: rgba(54, 75, 202, 1); border-right-color: rgba(54, 75, 202, 1); border-bottom-color: rgba(54, 75, 202, 1);}
.section-advantages {display: flex; justify-content: flex-start; align-items: center; flex-direction: column; height: 72.3em;}
.advantages-container {height: 100%; overflow-x: hidden; overflow-y: hidden; display: flex; flex-direction: row; align-items: flex-start; padding-left: 3.87em; padding-right: 3.87em; padding-top: 3.87em; padding-bottom: 3.87em; justify-content: space-between;}
.advantages-bg {width: 100%; height: 100%; position: absolute; left: 0px; top: 0px; bottom: 0px; right: 0px;}
.advantages-card {display: flex; flex-direction: column; row-gap: 1.29em; padding-left: 1.72em; padding-right: 1.72em; padding-top: 2.3em; padding-bottom: 2.3em; border-top-left-radius: 4px; border-top-right-radius: 4px; border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; background-size: auto; background-image: linear-gradient(rgba(22, 22, 22, 0.4) 0%, rgba(22, 22, 22, 0.4) 100%); background-repeat: no-repeat; background-position: left 0px top 0px; background-attachment: scroll; width: 16em; align-items: flex-start; justify-content: space-between; height: 15em; backdrop-filter: blur(15px);}
.advantage-icon {width: 0.52em; height: 0.52em;}
.section-footer {display: flex; padding-left: 3.87em; padding-right: 3.87em; justify-content: flex-start; padding-top: 3.1em; padding-bottom: 1.55em; align-items: flex-start; flex-direction: column; row-gap: 7.75em; background-size: auto; background-image: linear-gradient(rgba(252, 252, 252, 1) 0%, rgba(252, 252, 252, 1) 100%); background-repeat: no-repeat; background-position: left 0px top 0px; background-attachment: scroll;}
.footer-columns {display: flex; column-gap: 9.04em; align-items: flex-start;}
.footer-column {display: flex; flex-direction: column; align-items: flex-start; row-gap: 0.77em; width: auto;}
.contacts-blocks {display: flex; align-items: flex-start; flex-direction: column; row-gap: 2.07em;}
.contacts-block {display: flex; flex-direction: column; row-gap: 0.52em;}
.social-links {display: flex; align-items: flex-start; column-gap: 0.77em;}
.footer-links {display: flex; flex-direction: column; row-gap: 0.52em;}
.footer-botom {display: flex; flex-direction: column; row-gap: 1.55em; z-index: 1;}
.footer-bottom-links {display: flex; justify-content: space-between;}
.footer-big-logo {width: 100%; height: auto;}
.footer-bg-element {height: auto; width: 26.59em; position: absolute; right: 60px; z-index: 0;}
.big-button {width: 12.14em; height: 12.14em; border-top-left-radius: 2000px; border-top-right-radius: 2000px; border-bottom-left-radius: 2000px; border-bottom-right-radius: 2000px; background-size: auto; background-image: linear-gradient(rgba(52, 72, 174, 1) 0%, rgba(52, 72, 174, 1) 100%); background-repeat: no-repeat; background-position: left 0px top 0px; background-attachment: scroll; position: absolute; right: 13em; top: 11.54em; align-items: center; flex-direction: row; justify-content: center; column-gap: 1.15em;}
.big-button-element {border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; border-top-color: rgba(52, 72, 174, 1); border-left-color: rgba(52, 72, 174, 1); border-right-color: rgba(52, 72, 174, 1); border-bottom-color: rgba(52, 72, 174, 1); border-top-style: dotted; border-left-style: dotted; border-right-style: dotted; border-bottom-style: dotted; position: absolute; width: 12.14em; height: 12.14em; border-top-left-radius: 2000px; border-top-right-radius: 2000px; border-bottom-left-radius: 2000px; border-bottom-right-radius: 2000px; pointer-events: none;}
.caption-micro {font-weight: 600; font-size: 0.58em; text-transform: uppercase; font-family: 'Prosto One'; color: rgba(134, 135, 145, 1);}
.advantages-cards {height: auto; display: flex; column-gap: 2px; flex-wrap: wrap; justify-content: flex-end; align-items: flex-start; row-gap: 2px; width: 33.14em;}
.bold {font-weight: 600;}
.navbar {height: 3.61em; top: 0px; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 1px; border-left-width: 0px; border-top-color: rgba(255, 255, 255, 0.1); border-left-color: rgba(255, 255, 255, 0.1); border-right-color: rgba(255, 255, 255, 0.1); border-bottom-color: rgba(255, 255, 255, 0.1); border-bottom-style: solid; background-size: auto; background-image: linear-gradient(rgba(22, 22, 22, 0.25) 0%, rgba(22, 22, 22, 0.25) 100%); background-repeat: no-repeat; background-position: left 0px top 0px; background-attachment: scroll; backdrop-filter: blur(40px); z-index: 100; display: flex; justify-content: space-between; align-items: center; padding-right: 0.77em; position: fixed;}
.navlinks {display: flex; column-gap: 0px; height: 100%; width: auto;}
.navlink {height: 100%; padding-left: 1.55em; padding-right: 1.55em; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 1px; border-top-color: rgba(255, 255, 255, 0.1); border-left-color: rgba(255, 255, 255, 0.1); border-right-color: rgba(255, 255, 255, 0.1); border-bottom-color: rgba(255, 255, 255, 0.1); border-left-style: solid; border-right-style: none; position: relative; overflow-x: hidden; overflow-y: hidden; padding-top: 0.21em;}
.last {border-right-width: 1px; border-right-style: solid;}
.navlink-bg {position: absolute; height: 100%; left: 0px; bottom: 0px; right: 0px; top: 0px; z-index: -1; -webkit-text-stroke-color: rgba(0, 0, 238, 1); background-size: auto; background-image: linear-gradient(rgba(52, 72, 174, 1) 0%, rgba(52, 72, 174, 1) 100%); background-repeat: no-repeat; background-position: left 0px top 0px; background-attachment: scroll;}
.logo-container {height: 100%; padding-left: 2.07em; padding-right: 2.07em; border-top-width: 0px; border-right-width: 1px; border-bottom-width: 0px; border-left-width: 0px; border-top-color: rgba(255, 255, 255, 0.1); border-left-color: rgba(255, 255, 255, 0.1); border-right-color: rgba(255, 255, 255, 0.1); border-bottom-color: rgba(255, 255, 255, 0.1); border-left-style: none; border-right-style: solid; position: relative; overflow-x: hidden; overflow-y: hidden;}
.header-logo {width: 4.4em;}
.link-button-white {align-items: center; column-gap: 0.23em; color: rgba(52, 72, 174, 1); transition-property: opacity; transition-duration: 300ms; transition-delay: 0ms; transition-timing-function: ease;}
.link-button-white:hover {opacity: 0.9;}
.big-logo-container {border-top-width: 0px; border-right-width: 0px; border-bottom-width: 2px; border-left-width: 0px; border-bottom-style: solid; border-bottom-color: rgba(224, 224, 233, 1); overflow-x: hidden; overflow-y: hidden;}
.last-value {border-bottom-width: 1px; border-bottom-style: solid;}
.projects-left-column {padding-left: 3.1em; padding-right: 3.1em; padding-top: 3.1em; padding-bottom: 3.1em; width: 50%; display: flex; flex-direction: column; align-items: flex-start; justify-content: space-between; height: 100%;}
.ghost {opacity: 1;}
.projects-counter {width: auto; column-gap: 0.38em; font-family: 'Prosto One'; color: rgba(255, 255, 255, 1); font-size: 1em; height: 2.58em; top: 0px; bottom: 0px; display: flex; align-items: center;}
.orange {color: rgba(238, 156, 57, 1);}
.button-tertiary {display: flex; column-gap: 0.57em; height: 2.6em; align-items: center; padding-left: 1em; padding-right: 1em; border-top-left-radius: 2px; border-top-right-radius: 2px; border-bottom-left-radius: 2px; border-bottom-right-radius: 2px; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; border-top-style: solid; border-left-style: solid; border-right-style: solid; border-bottom-style: solid; border-top-color: rgba(255, 255, 255, 0.2); border-left-color: rgba(255, 255, 255, 0.2); border-right-color: rgba(255, 255, 255, 0.2); border-bottom-color: rgba(255, 255, 255, 0.2); padding-top: 0.23em; padding-bottom: 0em; transition-property: background-color, border-color; transition-duration: 600ms, 600ms; transition-delay: 0ms, 0ms; transition-timing-function: ease, ease;}
.button-tertiary:hover {background-color: rgb(52, 72, 174); border-top-color: rgba(52, 72, 174, 1); border-left-color: rgba(52, 72, 174, 1); border-right-color: rgba(52, 72, 174, 1); border-bottom-color: rgba(52, 72, 174, 1);}
.button-dot {border-top-left-radius: 1px; border-top-right-radius: 1px; border-bottom-left-radius: 1px; border-bottom-right-radius: 1px; width: 0.3em; height: 0.3em; background-size: auto; background-image: linear-gradient(rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 1) 100%); background-repeat: no-repeat; background-position: left 0px top 0px; background-attachment: scroll;}
.section-projects {display: flex; padding-left: 3.87em; padding-right: 3.87em; justify-content: space-between; padding-top: 20.08em; padding-bottom: 12em; align-items: flex-start; background-size: auto; background-image: linear-gradient(rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 1) 100%); background-repeat: no-repeat; background-position: left 0px top 0px; background-attachment: scroll; flex-direction: column; row-gap: 2.78em;}
.project-cards {display: flex; flex-wrap: wrap; align-items: flex-start; row-gap: 3.9em; column-gap: 1.95em;}
.project-card {width: 26.95em; display: flex; flex-direction: column; align-items: flex-start; row-gap: 1.29em; column-gap: 0em;}
.project-image-container {width: 100%; height: 18em; overflow-x: hidden; overflow-y: hidden; border-top-left-radius: 4px; border-top-right-radius: 4px; border-bottom-left-radius: 4px; border-bottom-right-radius: 4px;}
.project-image {width: 100%; height: 100%;}
.project-description-small {display: flex; flex-direction: column; row-gap: 0.77em;}
.project-title-small {display: flex; flex-direction: row; align-items: flex-start; justify-content: space-between; column-gap: 40px;}
.project-small-icon {width: 1.5em; height: 1.5em; justify-content: center; align-items: center; position: static;}
.small-project-details- {display: flex; align-items: center; justify-content: flex-start; column-gap: 0.39em;}
.light-navbar {background-image: linear-gradient(rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 1) 100%); background-size: auto; border-bottom-color: rgba(216, 216, 216, 1);}
.pop-up-form {padding-left: 2.3em; padding-right: 2.3em; padding-top: 2.3em; padding-bottom: 2.3em; width: 54em;}
.input {background-image: linear-gradient(rgba(248, 249, 253, 1) 0%, rgba(248, 249, 253, 1) 100%); height: 3em; padding-left: 0.86em; padding-right: 0.86em; display: flex; align-items: flex-start; font-family: 'Prosto One'; font-size: 0.93em;}
.input:hover {border-top-color: rgba(216, 216, 216, 1); border-left-color: rgba(216, 216, 216, 1); border-right-color: rgba(216, 216, 216, 1); border-bottom-color: rgba(216, 216, 216, 1);}
.input:focus {border-top-color: rgba(54, 75, 202, 1); border-left-color: rgba(54, 75, 202, 1); border-right-color: rgba(54, 75, 202, 1); border-bottom-color: rgba(54, 75, 202, 1);}
.form-button {background-image: linear-gradient(rgba(52, 72, 174, 1) 0%, rgba(52, 72, 174, 1) 100%); padding-left: 2.01em; padding-right: 2.01em; padding-top: 0.86em; padding-bottom: 0.86em; width: 36.54%; transition-property: color; transition-duration: 300ms; transition-delay: 0ms; transition-timing-function: ease;}
.form-button:hover {background-image: linear-gradient(rgba(54, 75, 202, 1) 0%, rgba(54, 75, 202, 1) 100%);}
.message {height: 7em; flex-direction: row; grid-template-columns: 1fr 1fr; grid-template-rows: auto auto; align-content: flex-start; padding-top: 0.69em; padding-bottom: 0.69em;}
.pop-up-image {width: 100%; height: auto; border-top-left-radius: 6px; border-top-right-radius: 6px; border-bottom-left-radius: 6px; border-bottom-right-radius: 6px;}
.dark-navlink {border-top-color: rgba(216, 216, 216, 1); border-left-color: rgba(216, 216, 216, 1); border-right-color: rgba(216, 216, 216, 1); border-bottom-color: rgba(216, 216, 216, 1);}
.bg-light {background-image: linear-gradient(rgba(247, 249, 255, 1) 0%, rgba(247, 249, 255, 1) 100%);}
.section-project-page {display: flex; padding-left: 3.87em; padding-right: 3.87em; justify-content: space-between; padding-top: 20.08em; padding-bottom: 11.76em; align-items: flex-start; background-size: auto; background-image: linear-gradient(rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 1) 100%); background-repeat: no-repeat; background-position: left 0px top 0px; background-attachment: scroll; flex-direction: column; row-gap: 3.44em;}
.section-project_slider {display: flex; justify-content: flex-start; padding-top: 2.87em; padding-bottom: 0px; align-items: flex-start; flex-direction: column; row-gap: 1.85em; overflow-x: hidden; overflow-y: hidden;}
.proj_page-title {display: flex; padding-left: 3.47em; padding-right: 3.47em; justify-content: flex-start; align-items: flex-start; flex-direction: column; row-gap: 1.16em;}
.project-details- {display: flex; flex-direction: column; align-items: flex-start; row-gap: 1.39em; width: 30%;}
.button-icon {width: 0.7em; height: 0.7em;}
.button-text-wrapper {width: auto; display: flex; align-items: center;}
.hero-card-details {display: flex; align-items: center; column-gap: 0.29em;}
.hero-card-content {display: flex; flex-direction: column; justify-content: space-between; padding-top: 0.72em; padding-bottom: 0.72em; padding-right: 1em;}
.section-contacts {display: flex; padding-left: 3.87em; padding-right: 3.87em; justify-content: space-between; padding-top: 20.08em; padding-bottom: 15.78em; align-items: flex-start; background-size: auto; background-image: linear-gradient(rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 1) 100%); background-repeat: no-repeat; background-position: left 0px top 0px; background-attachment: scroll; flex-direction: row;}
.left-column-contacts {display: flex; align-items: flex-start; flex-direction: column; row-gap: 2.87em;}
.contacts-container {display: flex; align-items: flex-start; flex-direction: column; row-gap: 2.57em; width: 45%;}
.contacts-page-block {display: flex; align-items: flex-start; flex-direction: column; row-gap: 1.85em;}
.contacts-details-item {display: flex; align-items: flex-start; row-gap: 0.77em; flex-direction: column;}
.contacts-details-list {display: flex; flex-direction: column; align-items: flex-start; row-gap: 0.52em;}
.contacts-page-form {width: 80%; padding-left: 0px; padding-right: 0px; padding-top: 0px; padding-bottom: 0px;}
.hero-stack {display: flex; justify-content: flex-end; align-items: flex-start;}
.hero-title-wrapper {display: flex; align-items: flex-start; column-gap: 1.11em;}
.blue-text {color: rgba(75, 96, 218, 1);}
.project-slider-nav {padding-left: 3.73em; padding-right: 3.73em; padding-top: 2.87em; padding-bottom: 2.87em; width: 100%; display: flex; align-items: center; justify-content: space-between; position: absolute; bottom: 0px; left: 0px; right: 0px; z-index: 2; height: auto;}
.swiper-slide {height: 100%; width: 100%; padding-left: 0.92em; padding-right: 0.92em; padding-top: 0.92em; padding-bottom: 0.92em;}
.project-info-panel-copy {padding-left: 1.85em; padding-right: 1.85em; padding-top: 1.85em; padding-bottom: 1.85em; width: 28.01em; display: flex; flex-direction: column; align-items: flex-start; row-gap: 1.6em; background-size: auto; background-image: linear-gradient(rgba(52, 72, 174, 1) 0%, rgba(52, 72, 174, 1) 100%); background-repeat: no-repeat; background-position: left 0px top 0px; background-attachment: scroll; border-top-left-radius: 4px; border-top-right-radius: 4px; border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; position: absolute; left: 3.73em; top: 2.87em; height: 13.9em; z-index: -1;}
.swiper-projects {width: 100%;}
.projects-pagination {width: auto; font-family: 'Prosto One'; color: rgba(255, 255, 255, 1);}
.nav-control {display: flex; width: auto; column-gap: 1.29em; align-items: flex-end;}
.projects-number {width: auto; display: flex; column-gap: 0.57em;}
.service_slider-container {height: 85vh; display: flex; flex-direction: row; align-items: stretch; justify-content: space-between;}
.swiper-services {display: flex; height: 100.01%; position: relative; width: 100.04%;}
.services-counter {width: auto; display: flex; column-gap: 0.38em; font-family: 'Prosto One'; color: rgba(255, 255, 255, 1); font-size: 1em; height: 2.58em; align-items: center; top: 0px; bottom: 0px;}
.link-button-icon {width: 1em; height: 1em;}
.button-arrow-icn {width: 0.75em; height: 0.75em;}
.arrow-btn-icon {width: 0.69em;}
.accordion-main {display: flex; column-gap: 3.32vw; align-items: flex-start; top: 0px; bottom: 0px;}
.accordion_image-container {width: 21.95em; height: 0em; overflow-x: hidden; overflow-y: hidden;}
.swiper-wrapper {height: 100%; width: 100%;}
.services-right-column {display: flex; width: 45%; align-items: flex-start;}
.services {position: absolute; width: 100%; bottom: 0px; justify-content: space-between; padding-left: 4em; padding-right: 4em; padding-top: 3em; padding-bottom: 3em; height: 9.44em;}
.values-number {color: rgba(187, 190, 191, 1);}
.badge-text {font-weight: 600; font-size: 0.69em; font-family: 'Prosto One'; color: rgba(52, 72, 174, 1); text-transform: uppercase; padding-top: 0.11em;}
.section-proj_page {display: flex; padding-left: 0em; padding-right: 0em; justify-content: flex-start; padding-top: 20.08em; padding-bottom: 0px; align-items: flex-start; flex-direction: column; row-gap: 1.85em;}
.proj-page-description {display: flex; padding-left: 3.47em; padding-right: 3.47em; justify-content: space-between; padding-top: 4.63em; padding-bottom: 8.1em; align-items: flex-start; flex-direction: row; row-gap: 1.85em;}
.advantages-card-last {display: none;}
.contacts-image-wrapper {width: auto;}
.image-404 {opacity: 1; pointer-events: none; z-index: -1; width: 24em;}
.text-404 {display: flex; flex-direction: column; row-gap: 0.25em; align-items: center;}
.proj-page {justify-content: flex-end;}
.menu-button {width: 2.6em; height: 2.6em; display: none;}
.menu-icon {width: 100%; height: auto;}
.nav_button-text {font-weight: 600; font-size: 0.69em; font-family: 'Prosto One'; color: rgba(255, 255, 255, 1); text-transform: uppercase; padding-top: 0.11em;}
.projects-page-slider {overflow-x: hidden; overflow-y: hidden;}
.navlink-arrow {display: none;}
.reveal-text {overflow-x: hidden; overflow-y: hidden;}
.display-none {display: none;}
.collection-project-photos {width: 100%;}
.collection-list-photos {height: 100%; width: 100%;}
.collection-photos-item {height: 100%; width: 100%; padding-left: 0.92em; padding-right: 0.92em; padding-top: 0.92em; padding-bottom: 0.92em;}
.black-btn-text {color: rgba(12, 15, 43, 1);}
.button-tertiary-black {display: flex; column-gap: 0.57em; height: 2.6em; align-items: center; padding-left: 1em; padding-right: 1em; border-top-left-radius: 2px; border-top-right-radius: 2px; border-bottom-left-radius: 2px; border-bottom-right-radius: 2px; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; border-top-style: solid; border-left-style: solid; border-right-style: solid; border-bottom-style: solid; border-top-color: rgba(54, 75, 202, 1); border-left-color: rgba(54, 75, 202, 1); border-right-color: rgba(54, 75, 202, 1); border-bottom-color: rgba(54, 75, 202, 1); padding-top: 0.23em; padding-bottom: 0em; transition-property: background-color, border-color; transition-duration: 600ms, 600ms; transition-delay: 0ms, 0ms; transition-timing-function: ease, ease;}
.button-tertiary-black:hover {background-color: rgba(52, 72, 174, 0.03); border-top-color: rgba(52, 72, 174, 0.4); border-left-color: rgba(52, 72, 174, 0.4); border-right-color: rgba(52, 72, 174, 0.4); border-bottom-color: rgba(52, 72, 174, 0.4);}
.last-mob {border-right-width: 1px; border-right-style: solid;}
.invisible {display: none;}
.navlink-bg-light {background-image: linear-gradient(rgba(54, 75, 202, 0.04) 0%, rgba(54, 75, 202, 0.04) 100%);}
.section-privacy {display: flex; padding-left: 17.87em; padding-right: 17.87em; justify-content: flex-start; padding-top: 20.08em; padding-bottom: 15.78em; align-items: flex-start; background-size: auto; background-image: linear-gradient(rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 1) 100%); background-repeat: no-repeat; background-position: left 0px top 0px; background-attachment: scroll; flex-direction: column; row-gap: 3.32vw;}
.privacy-container {display: flex; align-items: flex-start; flex-direction: column; row-gap: 4.57em;}
.privacy-title {display: flex; align-items: flex-start; flex-direction: column; row-gap: 2em;}
.privacy-block {display: flex; align-items: flex-start; flex-direction: column; row-gap: 1.85em;}
.section-project_slider-copy {display: flex; justify-content: flex-start; padding-top: 2.87em; padding-bottom: 0px; align-items: flex-start; flex-direction: column; row-gap: 1.85em; overflow-x: hidden; overflow-y: hidden;}
.black-text {color: rgba(22, 31, 75, 1);}
.right-nav {justify-content: flex-end;}
.blue-button {background-color: rgb(52, 72, 174); border-top-width: 0px; border-left-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-top-style: none; border-left-style: none; border-right-style: none; border-bottom-style: none;}
.blue-button:hover {background-color: rgb(54, 75, 202);}
.small {height: 27.69em;}
.cookie-content {height: auto; padding-left: 1.2em; padding-right: 1.2em; padding-top: 1.2em; padding-bottom: 1.2em; display: flex; flex-direction: column; row-gap: 0.77em; right: 0px; bottom: 0px;}
@media (max-width: 479px) {.navbar {height: 17vw; padding-right: 3.2vw; display: flex;}}
@media (max-width: 479px) {.logo-container {padding-left: 3.2vw; padding-right: 3.2vw;}}
@media (max-width: 479px) {.header-logo {width: 20.8vw;}}
@media (max-width: 479px) {.navlinks {flex-direction: column; height: 80vh; position: absolute; top: 0vw; width: 100%; backdrop-filter: blur(20px); padding-top: 12.5vw; z-index: 50; margin-top: 17vw; background-color: rgb(12, 15, 43);}}
@media (max-width: 479px) {.button-tertiary {height: 9.6vw; padding-left: 3.2vw; padding-right: 3.2vw; padding-top: 0px; column-gap: 2.13vw;}}
@media (max-width: 479px) {.caption-small {font-size: 2.5vw;}}
@media (max-width: 479px) {.button-icon {width: 2.67vw; height: 2.67vw;}}
@media (max-width: 479px) {.section-hero {padding-left: 3.2vw; padding-right: 3.2vw; padding-top: 14vw; padding-bottom: 14vw;}}
@media (max-width: 479px) {.hero-title {font-size: 13vw; padding-bottom: 5vw; line-height: 9.06vw;}}
@media (max-width: 479px) {.hero-container {padding-top: 6.2vw; flex-direction: column; row-gap: 12.47vw; border-top-width: 0px; border-top-style: none;}}
@media (max-width: 479px) {.heading-6 {font-size: 6.25vw;}}
@media (max-width: 479px) {.hero-title-wrapper {column-gap: 3.2vw; flex-direction: column; row-gap: 0.38vw;}}
@media (max-width: 479px) {.hero-text {row-gap: 1.2vw;}}
@media (max-width: 479px) {.hero-stack {justify-content: flex-start;}}
@media (max-width: 479px) {.hero-card {row-gap: 1.07vw; column-gap: 4vw; height: 35.2vw; padding-left: 1.07vw; padding-right: 1.07vw; padding-top: 1.07vw; padding-bottom: 1.07vw; width: 94.67vw;}}
@media (max-width: 479px) {.hero-card-content {padding-right: 3.2vw; padding-top: 2.4vw; padding-bottom: 2.4vw;}}
@media (max-width: 479px) {.body-medium {font-size: 3.73vw;}}
@media (max-width: 479px) {.link_button-text {font-size: 3.75vw;}}
@media (max-width: 479px) {.link-button-icon {width: 4.38vw; height: 4.38vw;}}
@media (max-width: 479px) {.link-button-white {column-gap: 1.07vw;}}
@media (max-width: 479px) {.body-small {font-size: 3.2vw;}}
@media (max-width: 479px) {.hero-card-details {column-gap: 1vw;}}
@media (max-width: 479px) {.hero-card-text {row-gap: 2.13vw;}}
@media (max-width: 479px) {.hero-card-image {width: 56.53vw;}}
@media (max-width: 479px) {.button-text {font-size: 2.93vw;}}
@media (max-width: 479px) {.button-text-container {padding-left: 5vw; padding-right: 5vw; padding-top: 4.27vw; padding-bottom: 4.27vw;}}
@media (max-width: 479px) {.button-arrow-container {padding-left: 3.2vw; padding-right: 3.2vw; width: 12.5vw;}}
@media (max-width: 479px) {.button-primary {height: 12.5vw; display: flex;}}
@media (max-width: 479px) {.button-arrow-icn {width: 2.67vw; height: 2.67vw;}}
@media (max-width: 479px) {.hero-content {row-gap: 5.33vw;}}
@media (max-width: 479px) {.badge-icon {width: 3.75vw; height: 3.75vw;}}
@media (max-width: 479px) {.badge {column-gap: 1.6vw; align-items: center;}}
@media (max-width: 479px) {.section-ecosystem {padding-left: 3.2vw; padding-right: 3.2vw; flex-direction: column; justify-content: flex-start; row-gap: 14vw; padding-top: 15vw; padding-bottom: 20vw;}}
@media (max-width: 479px) {.swiper-slide {padding-left: 3.2vw; padding-right: 3.2vw; padding-top: 3.2vw; padding-bottom: 3.2vw;}}
@media (max-width: 479px) {.section-types_of_work {padding-left: 3.2vw; padding-right: 3.2vw; padding-top: 20vw; padding-bottom: 15vw; row-gap: 10vw;}}
@media (max-width: 479px) {.section-about {padding-left: 3.2vw; padding-right: 3.2vw; row-gap: 6.67vw;}}
@media (max-width: 479px) {.services-left-column {padding-left: 6.4vw; padding-right: 6.4vw; padding-top: 6.4vw; padding-bottom: 6.4vw; width: 100%; justify-content: flex-start; row-gap: 8vw;}}
@media (max-width: 479px) {.section-footer {padding-left: 3.2vw; padding-right: 3.2vw; padding-bottom: 3.2vw; row-gap: 15vw; padding-top: 15vw;}}
@media (max-width: 479px) {.left-column {width: 100%;}}
@media (max-width: 479px) {.ecosystem-image {width: 35.47vw; height: 30.27vw;}}
@media (max-width: 479px) {.second {width: 48.47vw;}}
@media (max-width: 479px) {.heading-4 {font-size: 6.88vw;}}
@media (max-width: 479px) {.title-text-container {row-gap: 4.27vw;}}
@media (max-width: 479px) {.section-title-container {row-gap: 5vw;}}
@media (max-width: 479px) {.right-column {width: 100%;}}
@media (max-width: 479px) {.heading-5 {font-size: 6.25vw;}}
@media (max-width: 479px) {.values-card-image {width: 15.33vw;}}
@media (max-width: 479px) {.values-card {row-gap: 14vw; padding-top: 11vw; padding-bottom: 11vw;}}
@media (max-width: 479px) {.heading-2 {font-size: 8.75vw; overflow-wrap: normal;}}
@media (max-width: 479px) {.proj_slider-title {padding-left: 2.9vw; padding-right: 2.9vw; flex-direction: column; align-items: flex-start; row-gap: 4.83vw;}}
@media (max-width: 479px) {.section-project_slider {row-gap: 4.83vw; padding-top: 6.25vw;}}
@media (max-width: 479px) {.projects-number {column-gap: 4px; order: -1;}}
@media (max-width: 479px) {.project-info-panel {width: 100%; row-gap: 4vw; padding-left: 5.33vw; padding-right: 5.33vw; padding-top: 5.33vw; padding-bottom: 5.33vw;}}
@media (max-width: 479px) {.project-info-items {flex-direction: row; row-gap: 4vw; column-gap: 8.53vw; width: 100%; flex-wrap: wrap; align-content: flex-start;}}
@media (max-width: 479px) {.project-info-item {row-gap: 2.5vw;}}
@media (max-width: 479px) {.arrow-btn-icon {width: 3.2vw;}}
@media (max-width: 479px) {.arrow-button {width: 12vw; height: 11vw;}}
@media (max-width: 479px) {.arrow-buttons-control {column-gap: 2vw;}}
@media (max-width: 479px) {.projects-counter {font-size: 3.75vw; height: 11vw; column-gap: 1.25vw;}}
@media (max-width: 479px) {.button-secondary {height: 12.5vw; display: flex;}}
@media (max-width: 479px) {.proj_slider-card {padding-left: 3.2vw; padding-right: 3.2vw; padding-top: 3.2vw; padding-bottom: 3.2vw; height: 58vh;}}
@media (max-width: 479px) {.project-slider-nav {padding-left: 7.5vw; padding-right: 7.5vw; padding-top: 7.5vw; padding-bottom: 7.5vw; flex-direction: row; align-items: center; height: auto;}}
@media (max-width: 479px) {.heading-3 {font-size: 10vw;}}
@media (max-width: 479px) {.accordion-number {width: 7.47vw; height: 4.27vw; column-gap: 1.33vw;}}
@media (max-width: 479px) {.accordion-dot {width: 1.07vw; height: 1.07vw;}}
@media (max-width: 479px) {.accordion-icon {width: 4.27vw; height: 4.27vw; right: 0em;}}
@media (max-width: 479px) {.accordion-title {align-items: flex-start;}}
@media (max-width: 479px) {.accordion-main {flex-direction: column; column-gap: 0vw; row-gap: 6.4vw; margin-top: -6.25vw; transition-property: margin-top; transition-duration: 300ms; transition-delay: 0ms; transition-timing-function: ease;}}
@media (max-width: 479px) {.accordion_image-container {width: 66.67vw; height: 0vw; transition-property: height, all; transition-duration: 800ms, 300ms; transition-delay: 0ms, 0ms; transition-timing-function: ease, ease;}}
@media (max-width: 479px) {.accordion-image {height: 38vw;}}
@media (max-width: 479px) {.accordion-title-container {width: 81.6vw; margin-top: -1.5vw; row-gap: 3.2vw; transition-property: margin-top; transition-duration: 300ms; transition-delay: 0ms; transition-timing-function: ease;}}
@media (max-width: 479px) {.accordion-content {height: 0vw; row-gap: 10.67vw;}}
@media (max-width: 479px) {.accordion-item {padding-top: 36px; padding-bottom: 36px;}}
@media (max-width: 479px) {.price-container {padding-top: 2.13vw; column-gap: 10vw; flex-direction: row; row-gap: 7.5vw;}}
@media (max-width: 479px) {.price-item {column-gap: 2.13vw;}}
@media (max-width: 479px) {.price {height: 12vw;}}
@media (max-width: 479px) {.price-item-text {row-gap: 2.13vw;}}
@media (max-width: 479px) {.about-bottom {flex-direction: column; align-items: flex-start; justify-content: flex-start; row-gap: 17.07vw;}}
@media (max-width: 479px) {.heading-1 {font-size: 14.93vw; line-height: 87%;}}
@media (max-width: 479px) {.highlights {column-gap: 0em; flex-direction: column; row-gap: 18.67vw; width: 100%;}}
@media (max-width: 479px) {.highlights-content {row-gap: 4.27vw;}}
@media (max-width: 479px) {.highlights-item {height: 26.67vw; column-gap: 6vw;}}
@media (max-width: 479px) {.section-services {padding-top: 17.07vw;}}
@media (max-width: 479px) {.service_slider-container {flex-direction: column; max-height: none; row-gap: 17.5vw; height: auto;}}
@media (max-width: 479px) {.swiper-services {width: 100%;}}
@media (max-width: 479px) {.services-info-panel {padding-left: 6.25vw; padding-right: 6.25vw; padding-top: 6.25vw; padding-bottom: 24.33vw;}}
@media (max-width: 479px) {.services-miniature {width: 17.07vw; height: 17.07vw;}}
@media (max-width: 479px) {.services-slide-text {row-gap: 7vw;}}
@media (max-width: 479px) {.section-clients {row-gap: 10vw; padding-top: 20vw; padding-bottom: 20vw; padding-left: 3.75vw; padding-right: 3.75vw;}}
@media (max-width: 479px) {.client-cards-row {flex-direction: column; row-gap: 6px; column-gap: 0px;}}
@media (max-width: 479px) {.client-card {height: 24vw;}}
@media (max-width: 479px) {.advantages-container {padding-left: 5.33vw; padding-right: 5.33vw; padding-top: 8vw; padding-bottom: 8vw; flex-direction: column; row-gap: 17.07vw; justify-content: space-between; height: 551px;}}
@media (max-width: 479px) {.advantages-cards {flex-direction: row; justify-content: flex-start; flex-wrap: nowrap; row-gap: 4px; column-gap: 8px; width: auto;}}
@media (max-width: 479px) {.section-advantages {justify-content: space-between; height: auto;}}
@media (max-width: 479px) {.advantages-card {padding-left: 7.47vw; padding-right: 7.47vw; padding-top: 8.53vw; padding-bottom: 8.53vw; width: 83vw; height: 80vw; flex-grow: 1; flex-shrink: 0;}}
@media (max-width: 479px) {.advantage-icon {width: 2.13vw; height: 2.13vw;}}
@media (max-width: 479px) {.caption-medium {font-size: 4.38vw;}}
@media (max-width: 479px) {.footer-columns {flex-direction: column; row-gap: 10vw;}}
@media (max-width: 479px) {.footer-column {row-gap: 3.75vw;}}
@media (max-width: 479px) {.contacts-blocks {row-gap: 6.25vw;}}
@media (max-width: 479px) {.contacts-block {row-gap: 1.88vw;}}
@media (max-width: 479px) {.footer-links {row-gap: 1.88vw;}}
@media (max-width: 479px) {.caption-micro {font-size: 2vw;}}
@media (max-width: 479px) {.footer-botom {row-gap: 2.5vw;}}
@media (max-width: 479px) {.big-button {width: 32vw; height: 32vw; top: auto; right: 4.27vw; bottom: 42.93vw;}}
@media (max-width: 479px) {.footer-bg-element {width: 62.8vw; right: 5vw; bottom: 10vw;}}
@media (max-width: 479px) {.services-right-column {width: 100%; height: 158vw;}}
@media (max-width: 479px) {.nav-control {height: auto; column-gap: 2.5vw;}}
@media (max-width: 479px) {.services {padding-left: 10vw; padding-right: 10vw; height: 22.07vw; padding-top: 10vw; padding-bottom: 10vw;}}
@media (max-width: 479px) {.social-links {column-gap: 3.75vw;}}
@media (max-width: 479px) {.services-counter {height: 11vw; column-gap: 0.38vw; font-size: 3.75vw;}}
@media (max-width: 479px) {.section-projects {row-gap: 6.25vw; padding-top: 41.25vw; padding-left: 3.75vw; padding-right: 3.75vw; padding-bottom: 27.81vw;}}
@media (max-width: 479px) {.project-cards {flex-direction: column; row-gap: 12.5vw; column-gap: 0em;}}
@media (max-width: 479px) {.project-card {width: 100%; row-gap: 5vw;}}
@media (max-width: 479px) {.project-image-container {height: 55vw;}}
@media (max-width: 479px) {.project-description-small {row-gap: 12px;}}
@media (max-width: 479px) {.project-small-icon {width: 5vw; height: 5vw; margin-top: 1.25vw;}}
@media (max-width: 479px) {.small-project-details- {column-gap: 5px;}}
@media (max-width: 479px) {.caption-large {font-size: 4.11vw;}}
@media (max-width: 479px) {.badge-text {font-size: 3.44vw;}}
@media (max-width: 479px) {.advantages-cards-wrapper {overflow-x: scroll; overflow-y: scroll; position: absolute; bottom: 0vw; width: 100%; left: 0px; right: 0px; padding-left: 3.75vw; padding-right: 3.75vw; padding-top: 0vw; padding-bottom: 8vw;}}
@media (max-width: 479px) {.clients-list {flex-direction: row; column-gap: 6px;}}
@media (max-width: 479px) {.last {width: 1px; padding-left: 0vw; padding-right: 0vw; padding-top: 0vw; padding-bottom: 0vw; border-right-width: 0px; border-right-style: none; border-bottom-width: 1px; border-bottom-style: solid;}}
@media (max-width: 479px) {.advantages-card-last {padding-left: 0vw; padding-right: 0vw; padding-top: 0vw; padding-bottom: 0vw; width: 1px; opacity: 0; background-size: auto; background-image: none/*linear-gradient(rgba(22, 22, 22, 0.4) 0%, rgba(22, 22, 22, 0.4) 100%)*/; background-repeat: no-repeat; background-position: left 0px top 0px; background-attachment: scroll; backdrop-filter: /*blur(15px)*/; display: flex;}}
@media (max-width: 479px) {.pop-up-image {height: 32.33vw;}}
@media (max-width: 479px) {.pop-up-form {width: 100%; padding-left: 5vw; padding-right: 5vw; padding-top: 5vw; padding-bottom: 5vw;}}
@media (max-width: 479px) {.input {height: 12.22vw; padding-left: 12px; padding-right: 12px; font-size: 3.89vw;}}
@media (max-width: 479px) {.message {height: 26.22vw;}}
@media (max-width: 479px) {.form-button {padding-left: 3.2vw; padding-right: 3.2vw; padding-top: 3.2vw; padding-bottom: 3.2vw; width: 60%;}}
@media (max-width: 479px) {.proj_page-title {row-gap: 3.2vw;}}
@media (max-width: 479px) {.body-large {font-size: 5vw;}}
@media (max-width: 479px) {.project-details- {width: 100%; row-gap: 6.25vw; order: -1;}}
@media (max-width: 479px) {.section-proj_page {padding-top: 41.25vw; row-gap: 3.2vw; overflow-x: hidden; overflow-y: hidden;}}
@media (max-width: 479px) {.proj-page-description {flex-direction: column; justify-content: flex-start; row-gap: 14vw; padding-top: 6vw; padding-bottom: 20vw; padding-left: 3.75vw; padding-right: 3.75vw;}}
@media (max-width: 479px) {.size-s {font-size: 7vw;}}
@media (max-width: 479px) {.section-contacts {flex-direction: column; justify-content: flex-start; row-gap: 12.5vw; padding-top: 41.25vw;}}
@media (max-width: 479px) {.left-column-contacts {flex-direction: row; justify-content: space-between; row-gap: 0em; width: 100%;}}
@media (max-width: 479px) {.contacts-container {width: 100%; row-gap: 8.75vw;}}
@media (max-width: 479px) {.contacts-details-list {row-gap: 1.88vw;}}
@media (max-width: 479px) {.contacts-details-item {row-gap: 3.75vw;}}
@media (max-width: 479px) {.contacts-page-block {row-gap: 7.5vw;}}
@media (max-width: 479px) {.contacts-page-form {width: 100%;}}
@media (max-width: 479px) {.image-404 {width: 61.25vw; opacity: 0.5;}}
@media (max-width: 479px) {.invisible {display: flex; position: absolute; bottom: 12.5vw; left: 5vw;}}
@media (max-width: 479px) {.menu-button {display: flex; height: 7vw; width: 7vw; overflow-x: hidden; overflow-y: hidden;}}
@media (max-width: 479px) {.nav_button-text {font-size: 3.8vw; padding-top: 0px;}}
@media (max-width: 479px) {.navlink {justify-content: space-between; padding-left: 5vw; padding-right: 3.13vw; padding-top: 0em; width: 100%; height: 17vw; border-top-width: 1px; border-top-style: solid; border-bottom-width: 0px; border-bottom-style: none; border-left-width: 0px; border-left-style: none;}}
@media (max-width: 479px) {.projects-page-slider {overflow-x: clip; overflow-y: clip;}}
@media (max-width: 479px) {.menu-icon {display: none;}}
@media (max-width: 479px) {.last-mob {border-bottom-width: 1px; border-bottom-style: solid;}}
@media (max-width: 479px) {.navlink-arrow {width: 4vw; height: 4vw; background-size: contain; background-image: url("/d/2_871082.svg"); background-repeat: no-repeat; background-position: center center; background-attachment: scroll; display: flex; opacity: 0.5;}}
@media (max-width: 479px) {.collection-photos-item {padding-left: 3.2vw; padding-right: 3.2vw; padding-top: 3.2vw; padding-bottom: 3.2vw;}}
@media (max-width: 479px) {.bg-light {background-image: linear-gradient(rgba(52, 72, 174, 1) 0%, rgba(52, 72, 174, 1) 100%);}}
@media (max-width: 479px) {.button-tertiary-black {height: 9.6vw; padding-left: 3.2vw; padding-right: 3.2vw; padding-top: 0px; column-gap: 2.13vw;}}
@media (max-width: 479px) {.navlink-bg-light {background-image: linear-gradient(rgba(241, 241, 241, 1) 0%, rgba(241, 241, 241, 1) 100%);}}
@media (max-width: 479px) {.section-privacy {flex-direction: column; justify-content: flex-start; row-gap: 12.5vw; padding-top: 41.25vw; padding-bottom: 17.19vw; padding-left: 6.25vw; padding-right: 6.25vw;}}
@media (max-width: 479px) {.privacy-container {width: 100%; row-gap: 15.75vw;}}
@media (max-width: 479px) {.privacy-title {row-gap: 7.5vw; width: 100%;}}
@media (max-width: 479px) {.privacy-block {row-gap: 7.5vw;}}
@media (max-width: 479px) {.light-navbar {display: flex;}}
@media (max-width: 479px) {.section-project_slider-copy {row-gap: 4.83vw; padding-top: 6.25vw;}}
@media (max-width: 479px) {.counter-hide {display: none;}}
@media (max-width: 479px) {.small {height: 100vw;}}
@media (max-width: 479px) {.cookie-content {padding-left: 4.38vw; padding-right: 4.38vw; padding-top: 4.38vw; padding-bottom: 4.38vw; row-gap: 3.13vw;}}