.background-color-sky {background-image: linear-gradient(rgba(205, 223, 233, 1) 0%, rgba(205, 223, 233, 1) 100%); background-size: auto; background-repeat: no-repeat; background-position: left 0px top 0px; background-attachment: scroll;}
.background-color-white {background-image: linear-gradient(rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 1) 100%); background-size: auto; background-repeat: no-repeat; background-position: left 0px top 0px; background-attachment: scroll;}
.background-color-black {background-image: linear-gradient(rgba(0, 20, 31, 1) 0%, rgba(0, 20, 31, 1) 100%); background-size: auto; background-repeat: no-repeat; background-position: left 0px top 0px; background-attachment: scroll;}
.background-color-soft {background-image: linear-gradient(rgba(248, 248, 248, 1) 0%, rgba(248, 248, 248, 1) 100%); background-size: auto; background-repeat: no-repeat; background-position: left 0px top 0px; background-attachment: scroll;}
.background-color-navy {background-image: linear-gradient(rgba(25, 68, 122, 1) 0%, rgba(25, 68, 122, 1) 100%); background-size: auto; background-repeat: no-repeat; background-position: left 0px top 0px; background-attachment: scroll;}
.background-color-coral {background-image: linear-gradient(rgba(217, 69, 56, 1) 0%, rgba(217, 69, 56, 1) 100%); background-size: auto; background-repeat: no-repeat; background-position: left 0px top 0px; background-attachment: scroll;}
.background-color-accent {background-image: linear-gradient(rgba(20, 93, 184, 1) 0%, rgba(20, 93, 184, 1) 100%); background-size: auto; background-repeat: no-repeat; background-position: left 0px top 0px; background-attachment: scroll;}
.container-heading {max-width: 1440px; padding-top: 16px; padding-bottom: 16px; display: flex; flex-direction: row; align-items: center; justify-content: space-between; flex-wrap: nowrap; padding-left: 24px; padding-right: 24px;}
.text-menu {font-weight: 400; font-size: 16px; line-height: 100%; letter-spacing: normal; text-decoration: none;}
.text-color-black {color: rgba(0, 20, 31, 1);}
.text-paragraph {font-weight: 300; font-size: 18px; line-height: 140%; letter-spacing: -0.02em; text-decoration: none;}
.text-heading-1 {font-weight: 500; font-size: 3.47vw; line-height: 120%; letter-spacing: -0.03em; text-transform: uppercase;}
.text-menu-active {font-weight: 700; font-size: 16px; line-height: 100%; letter-spacing: normal; text-decoration: none;}
.container-hero {max-width: 1440px; padding-top: 150px; padding-bottom: 150px; display: flex; flex-direction: column; align-items: center; justify-content: space-between; flex-wrap: nowrap; padding-left: 24px; padding-right: 24px;}
.pic-card-hero {padding-left: 24px; padding-top: 24px; padding-bottom: 24px; border-top-left-radius: 0.25em; border-top-right-radius: 10.94em; border-bottom-left-radius: 10.94em; border-bottom-right-radius: 10.94em; display: flex; flex-direction: column; align-items: normal; justify-content: space-between; flex-wrap: nowrap; max-width: 350px; width: 24.31vw; height: 24.31vw; min-height: 250px; min-width: 250px; max-height: 350px;}
.text-heading-3 {font-weight: 400; line-height: 120%; letter-spacing: -0.03em; font-size: 1.53vw;}
.pic-photo-hero {width: 13.89vw; max-width: 200px; min-width: 140px; margin-left: auto;}
.text-color-white {color: rgba(248, 248, 248, 1);}
.button-regular {display: flex; flex-direction: row; align-items: center; justify-content: center; flex-wrap: nowrap; padding-left: 24px; padding-right: 24px; padding-bottom: 12px; padding-top: 12px; background-image: none/*linear-gradient(rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 1) 100%)*/, linear-gradient(rgba(25, 68, 122, 1) 0%, rgba(25, 68, 122, 1) 100%); background-size: auto, auto; background-repeat: no-repeat, repeat; background-position: left 0px top 0px, left 0px top 0px; background-attachment: scroll, scroll; transition-property: all; transition-duration: 300ms; transition-delay: 0ms; transition-timing-function: ease;}
.button-regular:hover {background-image: linear-gradient(rgba(20, 93, 184, 1) 0%, rgba(20, 93, 184, 1) 100%);}
.pic-card-hero-mobile-special {padding-left: 24px; padding-top: 24px; padding-bottom: 24px; border-top-left-radius: 0.25em; border-top-right-radius: 10.94em; border-bottom-left-radius: 10.94em; border-bottom-right-radius: 10.94em; display: flex; flex-direction: column; align-items: normal; justify-content: space-between; flex-wrap: nowrap; max-width: 350px; width: 24.31vw; height: 24.31vw; min-height: 250px; min-width: 250px; max-height: 350px;}
.container-main {max-width: 1440px; padding-top: 140px; padding-bottom: 140px; display: flex; flex-direction: column; align-items: center; justify-content: space-between; flex-wrap: nowrap; padding-left: 24px; padding-right: 24px; row-gap: 40px;}
.heading-container {display: flex; flex-direction: row; align-items: normal; justify-content: space-between; flex-wrap: nowrap; column-gap: 24px;}
.text-heading-2 {font-weight: 500; font-size: 2.49vw; letter-spacing: -0.03em; line-height: 120%; text-transform: uppercase;}
.corners {border-top-left-radius: 0.25em; border-top-right-radius: 0.25em; border-bottom-left-radius: 0.25em; border-bottom-right-radius: 0.25em;}
.content-container- {display: flex; flex-direction: row; align-items: normal; justify-content: space-between; flex-wrap: nowrap; column-gap: 24px;}
.service-cards-container {row-gap: 24px; column-gap: 24px; display: flex; flex-direction: row; align-items: normal; justify-content: space-between; flex-wrap: nowrap;}
.service-card-container {padding-left: 40px; padding-bottom: 40px; border-top-left-radius: 0.25em; border-top-right-radius: 0.25em; border-bottom-left-radius: 0.25em; border-bottom-right-radius: 0.25em; padding-right: 40px; padding-top: 20px; display: flex; flex-direction: column; align-items: normal; justify-content: space-between; flex-wrap: nowrap; width: 33%; height: 276px; max-height: 276px;}
.service-card-pic {margin-left: auto; width: 15.97vw; max-width: 250px; max-height: 164px; transition-property: all, all; transition-duration: 200ms, 200ms; transition-delay: 0ms, 0ms; transition-timing-function: ease, ease;}
.container-services-cards {display: flex; flex-direction: column; align-items: stretch; justify-content: space-between; flex-wrap: nowrap; row-gap: 24px; width: 100%; padding-left: 0px; padding-top: 0px; padding-bottom: 0px; padding-right: 0px; margin-left: 0px; margin-top: 0px; margin-bottom: 0px; margin-right: 0px;}
.service-card-container-empty {padding-left: 40px; padding-bottom: 40px; border-top-left-radius: 0.25em; border-top-right-radius: 0.25em; border-bottom-left-radius: 0.25em; border-bottom-right-radius: 0.25em; padding-right: 40px; padding-top: 20px; display: flex; flex-direction: column; align-items: normal; justify-content: space-between; flex-wrap: nowrap; width: 33%; height: 276px; max-height: 276px;}
.advantage-card-container-empty {padding-left: 40px; padding-bottom: 40px; border-top-left-radius: 0.25em; border-top-right-radius: 0.25em; border-bottom-left-radius: 0.25em; border-bottom-right-radius: 0.25em; padding-right: 40px; padding-top: 20px; display: flex; flex-direction: column; align-items: normal; justify-content: space-between; flex-wrap: nowrap; width: 25%; height: auto; max-height: none; min-height: 330px;}
.advantage-card-container {padding-left: 40px; padding-bottom: 40px; border-top-left-radius: 0.25em; border-top-right-radius: 0.25em; border-bottom-left-radius: 0.25em; border-bottom-right-radius: 0.25em; padding-right: 40px; padding-top: 40px; display: flex; flex-direction: column; align-items: normal; justify-content: space-between; flex-wrap: nowrap; width: 25%; height: auto; max-height: none; row-gap: 24px; column-gap: 24px; min-height: 330px;}
.advantage-cards-container-line {row-gap: 24px; column-gap: 24px; display: flex; flex-direction: row; align-items: normal; justify-content: space-between; flex-wrap: nowrap; align-content: flex-start;}
.advantage-button {display: flex; flex-direction: row; align-items: center; justify-content: center; flex-wrap: nowrap; padding-left: 40px; padding-right: 40px; padding-bottom: 40px; padding-top: 40px; background-image: none/*linear-gradient(rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 1) 100%)*/, linear-gradient(rgba(25, 68, 122, 1) 0%, rgba(25, 68, 122, 1) 100%); background-size: auto, auto; background-repeat: no-repeat, repeat; background-position: left 0px top 0px, left 0px top 0px; background-attachment: scroll, scroll; transition-property: all; transition-duration: 300ms; transition-delay: 0ms; transition-timing-function: ease; width: 25%; height: 330px; max-width: none; min-height: auto; min-width: auto; max-height: none; border-top-left-radius: 0.25em; border-top-right-radius: 0.25em; border-bottom-left-radius: 0.25em; border-bottom-right-radius: 0.25em;}
.advantage-button:hover {background-image: linear-gradient(rgba(20, 93, 184, 1) 0%, rgba(20, 93, 184, 1) 100%);}
.portfolio-card-container {border-top-left-radius: 0.25em; border-top-right-radius: 0.25em; border-bottom-left-radius: 0.25em; border-bottom-right-radius: 0.25em; display: flex; flex-direction: column; align-items: normal; justify-content: space-between; flex-wrap: nowrap; width: 25%; height: auto; max-height: none; row-gap: 24px; min-height: auto; padding-left: 0px; padding-right: 0px; padding-top: 0px; padding-bottom: 0px; margin-left: 0px; margin-top: 0px; margin-right: 0px; margin-bottom: 0px;}
.container-portfolio-cards {display: flex; flex-direction: row; align-items: stretch; justify-content: space-between; flex-wrap: nowrap; width: 100%; padding-left: 0px; padding-top: 0px; padding-bottom: 0px; padding-right: 0px; margin-left: 0px; margin-top: 0px; margin-bottom: 0px; margin-right: 0px; column-gap: 24px;}
.container-main-partners {max-width: 1440px; padding-top: 140px; padding-bottom: 0px; display: flex; flex-direction: column; align-items: center; justify-content: space-between; flex-wrap: nowrap; padding-left: 24px; padding-right: 24px; row-gap: 40px;}
.partners-card {width: 50%; min-height: auto;}
.container-partner-cards {display: flex; flex-direction: row; align-items: stretch; justify-content: space-between; flex-wrap: nowrap; width: 100%; padding-left: 0px; padding-top: 0px; padding-bottom: 0px; padding-right: 0px; margin-left: 0px; margin-top: 0px; margin-bottom: 0px; margin-right: 0px; column-gap: 24px;}
.text-heading-3-links {font-weight: 400; line-height: 120%; letter-spacing: -0.03em; font-size: 1.53vw; text-decoration: none;}
.text-color-faded {color: rgba(113, 138, 143, 1);}
.checkbox-colour-faded {border-top-width: 1.4px; border-left-width: 1.4px; border-right-width: 1.4px; border-bottom-width: 1.4px; border-top-style: solid; border-left-style: solid; border-right-style: solid; border-bottom-style: solid; border-top-color: rgba(113, 138, 143, 1); border-left-color: rgba(113, 138, 143, 1); border-right-color: rgba(113, 138, 143, 1); border-bottom-color: rgba(113, 138, 143, 1);}
.container-main-footer {max-width: 1440px; padding-top: 24px; padding-bottom: 16px; display: flex; flex-direction: column; align-items: center; justify-content: space-between; flex-wrap: nowrap; padding-left: 24px; padding-right: 24px; row-gap: 40px;}
.button-footer {display: inline-flex; flex-direction: row; align-items: center; justify-content: flex-start; flex-wrap: nowrap; padding-left: 0px; padding-top: 12px; padding-right: 0px; padding-bottom: 12px; font-weight: 400; font-size: 16px; line-height: normal; letter-spacing: normal; color: rgba(248, 248, 248, 1); transition-property: all; transition-duration: 300ms; transition-delay: 0ms; transition-timing-function: ease;}
.button-footer:hover {color: rgba(205, 223, 233, 1);}
.text-color-grey {color: rgba(113, 117, 120, 1);}
.slider-photo-size {width: 100%; min-width: auto; max-width: 1000px; height: auto; min-height: 0px; max-height: 650px;}
.slider-content-size {width: auto; min-width: 1000px; max-width: 100vw; height: auto; min-height: 650px; max-height: 652px;}
.container-hero-service {max-width: 1440px; padding-top: 70px; padding-bottom: 0px; display: flex; flex-direction: column; align-items: center; justify-content: space-between; flex-wrap: nowrap; padding-left: 24px; padding-right: 24px;}
.portfolio-card-container-service {border-top-left-radius: 0.25em; border-top-right-radius: 0.25em; border-bottom-left-radius: 0.25em; border-bottom-right-radius: 0.25em; display: flex; flex-direction: column; align-items: normal; justify-content: space-between; flex-wrap: nowrap; width: 50%; height: auto; max-height: none; row-gap: 24px; min-height: auto; padding-left: 0px; padding-right: 0px; padding-top: 0px; padding-bottom: 0px; margin-left: 0px; margin-top: 0px; margin-right: 0px; margin-bottom: 0px;}
.advantage-card-container-commercial {padding-left: 40px; padding-bottom: 40px; border-top-left-radius: 0.25em; border-top-right-radius: 0.25em; border-bottom-left-radius: 0.25em; border-bottom-right-radius: 0.25em; padding-right: 40px; padding-top: 40px; display: flex; flex-direction: column; align-items: normal; justify-content: space-between; flex-wrap: nowrap; width: 25%; height: auto; max-height: none; row-gap: 24px; column-gap: 24px; min-height: 330px;}
.container-hero-portfolio {max-width: 1440px; padding-top: 150px; padding-bottom: 150px; display: flex; flex-direction: column; align-items: center; justify-content: space-between; flex-wrap: nowrap; padding-left: 24px; padding-right: 24px; row-gap: 24px;}
.container-hero-portfolio-copy {max-width: 1440px; padding-top: 150px; padding-bottom: 150px; display: flex; flex-direction: column; align-items: center; justify-content: space-between; flex-wrap: nowrap; padding-left: 24px; padding-right: 24px; row-gap: 24px;}
.portfolio-card-container-service-copy {border-top-left-radius: 0.25em; border-top-right-radius: 0.25em; border-bottom-left-radius: 0.25em; border-bottom-right-radius: 0.25em; display: flex; flex-direction: column; align-items: normal; justify-content: space-between; flex-wrap: nowrap; width: 50%; height: auto; max-height: none; row-gap: 24px; min-height: auto; padding-left: 0px; padding-right: 0px; padding-top: 0px; padding-bottom: 0px; margin-left: 0px; margin-top: 0px; margin-right: 0px; margin-bottom: 0px;}
.root-3 {position: relative; min-height: 100vh; display: block;}
.root-3::before, .root-3::after {content: ""; display: table; clear: both;}
.page-404__image-2 {margin-bottom: 30px; position: relative; display: inline-flex; vertical-align: top; justify-content: center; align-items: center; height: 194px; width: 157px; overflow-x: hidden; overflow-y: hidden;}
.page-404__image-2 svg {flex-shrink: 0; width: 100%; height: 100%;}
.page-404__title-2 {font-style: normal; font-size: 488px; color: rgba(25, 68, 122, 1); text-align: center; margin-bottom: 0px; line-height: 120%; letter-spacing: -0.03em; margin-top: 0px; margin-right: 0px; margin-left: 0px;}
.page-404__note-2 {font-style: normal; font-size: 15px; text-align: center; color: rgba(156, 156, 156, 1);}
.page404-2 {height: 100vh; display: flex; align-items: center; justify-content: center;}
.page404__content-2 {width: auto; display: flex; flex-direction: column; align-items: center;}
.text-color-navy {color: rgba(25, 68, 122, 1);}
.text-heading-1-copy {font-weight: 500; font-size: 3.47vw; line-height: 120%; letter-spacing: -0.03em; text-transform: uppercase;}
.root-4 {position: relative; min-height: 100vh; display: block;}
.root-4::before, .root-4::after {content: ""; display: table; clear: both;}
.container-2 {width: 100%; max-width: 960px; margin-top: 0px; margin-right: auto; margin-bottom: 0px; margin-left: auto; position: relative; padding-top: 20px;}
.text-2 {font-size: 30px; display: block; vertical-align: top; position: relative; margin-top: 0px; margin-right: 0px; margin-bottom: 20px; margin-left: 0px;}
.search-bar {position: relative; display: flex; margin-bottom: 20px; align-items: flex-start;}
.search-bar__field {display: inline-block; vertical-align: top; overflow-x: hidden; overflow-y: hidden; flex-grow: 1; flex-shrink: 0; margin-right: 5px;}
.search-bar__input {width: 100%; padding-top: 8px; padding-right: 10px; padding-bottom: 9px; padding-left: 10px; background-color: rgb(245, 245, 245); border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; border-top-style: solid; border-right-style: solid; border-bottom-style: solid; border-left-style: solid; border-top-color: rgba(238, 238, 238, 1); border-right-color: rgba(238, 238, 238, 1); border-bottom-color: rgba(238, 238, 238, 1); border-left-color: rgba(238, 238, 238, 1); outline-color: initial; outline-style: none; outline-width: 0; border-top-left-radius: 3px; border-top-right-radius: 3px; border-bottom-right-radius: 3px; border-bottom-left-radius: 3px; font-family: 'Arial'; font-weight: 400; font-size: 14px; color: rgba(0, 0, 0, 1); margin-right: 0px;}
.search-bar__button {cursor: pointer; border-top-width: 0; border-right-width: 0; border-bottom-width: 0; border-left-width: 0; border-top-style: none; border-right-style: none; border-bottom-style: none; border-left-style: none; border-top-color: initial; border-right-color: initial; border-bottom-color: initial; border-left-color: initial; background-color: rgb(43, 187, 220); border-top-left-radius: 3px; border-top-right-radius: 3px; border-bottom-right-radius: 3px; border-bottom-left-radius: 3px; padding-top: 8px; padding-right: 18px; padding-bottom: 9px; padding-left: 18px; font-family: 'Arial';}
.search-bar__span {display: inline-block; font-weight: 500; font-size: 13px; color: rgba(255, 255, 255, 1);}
.search-result {font-size: 14px; font-weight: normal;}
.search-result__count {display: flex; margin-bottom: 20px;}
.search-result__count-value {margin-left: 5px;}
.search-result__list-item {margin-bottom: 20px;}
.search-result__link {display: block; color: rgba(43, 187, 220, 1); text-decoration-line: underline; margin-bottom: 5px;}
.search-result__link:hover {text-decoration-line: none;}
.search-result__list-item__link-text {margin-bottom: 5px;}
.search-result__controls {display: flex;}
.search-result__prev-page {margin-right: 10px;}
.search-result__prev-page, .search-result__next-page {color: rgba(51, 51, 51, 1); text-decoration-line: none;}
.search-result__prev-page:hover, .search-result__next-page:hover {text-decoration-line: underline;}
.search-result__next-page {margin-left: 10px;}
.search-result__pagination, .search-result__pages {display: flex;}
.search-result__pagination-item, .search-result__current-page, .search-result__page-count {margin-top: 0px; margin-right: 5px; margin-bottom: 0px; margin-left: 5px;}
.search-result__pagination-item.is-active .search-result__page-link {text-decoration-line: underline;}
.search-result__page-link {color: rgba(51, 51, 51, 1); text-decoration-line: none;}
.search-result__page-link:hover {text-decoration-line: underline;}
.preloader {position: absolute; top: 0px; z-index: 100; display: flex;}
.cases-content_wrapper {display: flex; flex-direction: column; align-items: flex-start; row-gap: 40px;}
.header-wrapper {width: 1020px;}
.cases-grid {display: grid; grid-template-columns: 1fr 1fr; grid-template-rows: auto auto; column-gap: 24px; row-gap: 24px;}
.case-item_wrapper {display: flex; flex-direction: column; align-items: flex-start;}
.case-cover_wrapper {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;}
.bg_img {width: 100%; height: auto;}
.transitions {transition-property: all; transition-duration: 300ms; transition-delay: 0ms; transition-timing-function: ease;}
.case-name_wrapper {display: flex; align-items: flex-end; justify-content: space-between; color: rgba(0, 20, 31, 1); margin-top: 20px;}
.case_btn {height: 40px; 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(0, 20, 31, 1); border-left-color: rgba(0, 20, 31, 1); border-right-color: rgba(0, 20, 31, 1); border-bottom-color: rgba(0, 20, 31, 1); display: flex; justify-content: center; align-items: center;}
.img_absolute {position: absolute; top: 0px; bottom: 0px; right: 0px; left: 0px;}
.case-hero-content_wrapper {margin-top: auto; padding-bottom: 35px; display: flex; justify-content: flex-start; column-gap: 24px; align-items: flex-end;}
.container-main-copy {max-width: 1440px; display: flex; flex-direction: column; align-items: center; justify-content: space-between; flex-wrap: nowrap; padding-left: 24px; padding-right: 24px; row-gap: 40px;}
.case-header_wrapper {width: 920px;}
.case-description_wrapper {width: 212px; display: flex; flex-direction: column; align-items: flex-start; color: rgba(255, 255, 255, 1); justify-content: flex-end;}
.case-hero_wrapper {height: 100dvh; justify-content: center; display: flex;}
.case-task_wrapper {height: 100vh; display: flex; justify-content: center;}
.task-content_wrapper {height: 100%;}
.task-card {margin-left: auto; width: 448px; margin-top: auto; margin-bottom: auto; background-color: rgb(248, 248, 248); border-top-left-radius: 4px; border-top-right-radius: 4px; border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; padding-left: 40px; padding-right: 40px; padding-top: 40px; padding-bottom: 40px; display: flex; flex-direction: column; align-items: flex-start; row-gap: 20px;}
.stages-content_wrapper {display: flex; justify-content: space-between; align-items: center;}
.stages-left_wrapper {display: flex; flex-direction: column; align-items: flex-start; row-gap: 20px;}
.stages-description_wrapper {width: 582px;}
.stages-right_wrapper {display: flex; flex-direction: column; align-items: flex-start; row-gap: 40px;}
.before-after_wrapper {display: flex; column-gap: 0px; align-items: flex-end;}
.text-rotation {transform: rotateX(0deg) rotateY(0deg) rotateZ(-90deg) translate3D(0px, -15px, 0px);}
.before-after-img_wrapper {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;}
.before-after_descriptor {width: auto; position: absolute; top: 8px; left: 8px; background-color: rgb(248, 248, 248); border-top-left-radius: 2px; border-top-right-radius: 2px; border-bottom-left-radius: 2px; border-bottom-right-radius: 2px; padding-top: 8px; padding-bottom: 8px; padding-left: 8px; padding-right: 8px;}
.result-card {margin-left: auto; width: 448px; margin-top: auto; margin-bottom: auto; background-color: rgb(248, 248, 248); border-top-left-radius: 4px; border-top-right-radius: 4px; border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; padding-left: 40px; padding-right: 40px; padding-top: 40px; padding-bottom: 40px; display: flex; flex-direction: column; align-items: flex-start; row-gap: 20px; margin-right: auto;}
.container-case {display: flex; flex-direction: column; align-items: center;}
.section-stages {display: flex; justify-content: center;}
.section-task {display: flex; justify-content: center;}
.section-result {display: flex; justify-content: center;}
.bg_img-copy {width: 100%; height: auto;}
.decsr-wr {display: flex; column-gap: 24px;}
.cases-on-page-grid {display: grid; grid-template-columns: 1fr 1fr; grid-template-rows: auto auto; column-gap: 24px; row-gap: 24px;}
.bg_img-heght-100 {width: 100%; height: auto;}
.case-pic_wr {display: none;}
@media (max-width: 991px) {.text-menu {font-size: 16px; line-height: 110%;}}
@media (max-width: 991px) {.text-paragraph {font-weight: 300;}}
@media (max-width: 991px) {.text-heading-3 {font-size: 2.86vw;}}
@media (max-width: 991px) {.advantage-card-container-empty {display: none;}}
@media (max-width: 991px) {.advantage-card-container {width: 31%; padding-top: 40px;}}
@media (max-width: 991px) {.advantage-button {width: 31%;}}
@media (max-width: 991px) {.portfolio-card-container {width: 25%; padding-top: 0px;}}
@media (max-width: 991px) {.container-main {padding-top: 100px; padding-bottom: 100px;}}
@media (max-width: 991px) {.container-main-partners {padding-top: 100px;}}
@media (max-width: 991px) {.text-heading-3-links {font-size: 1.82vw;}}
@media (max-width: 991px) {.container-main-footer {padding-top: 24px; padding-bottom: 16px;}}
@media (max-width: 991px) {.slider-photo-size {max-width: 70.64vw; max-height: 45.91vw;}}
@media (max-width: 991px) {.slider-content-size {min-height: 455px; min-width: 700px;}}
@media (max-width: 991px) {.portfolio-card-container-service {width: 50%; padding-top: 0px;}}
@media (max-width: 991px) {.advantage-cards-container-line {flex-wrap: wrap;}}
@media (max-width: 991px) {.advantage-card-container-commercial {width: auto; padding-top: 40px; min-height: auto;}}
@media (max-width: 991px) {.portfolio-card-container-service-copy {width: 50%; padding-top: 0px;}}
@media (max-width: 991px) {.container-heading {padding-left: 24px; padding-right: 24px;}}
@media (max-width: 991px) {.header-wrapper {width: 70%;}}
@media (max-width: 991px) {.case-header_wrapper {width: 50%;}}
@media (max-width: 991px) {.task-card {margin-right: auto;}}
@media (max-width: 991px) {.before-after-img_wrapper {height: 360px;}}
@media (max-width: 991px) {.bg_img-copy {height: 100%;}}
@media (max-width: 991px) {.stages-description_wrapper {width: 100%;}}
@media (max-width: 991px) {.stages-content_wrapper {column-gap: 24px;}}
@media (max-width: 991px) {.decsr-wr {width: 50%; column-gap: 24px;}}
@media (max-width: 991px) {.case-description_wrapper {width: 50%;}}
@media (max-width: 991px) {.cases-on-page-grid {grid-template-columns: 1fr 1fr;}}
@media (max-width: 991px) {.bg_img-heght-100 {height: 100%;}}
@media (max-width: 767px) {.container-hero {align-items: flex-start; padding-top: 100px; padding-bottom: 100px;}}
@media (max-width: 767px) {.text-heading-1 {font-size: 4.3vw;}}
@media (max-width: 767px) {.pic-card-hero {min-height: 280px; min-width: 280px;}}
@media (max-width: 767px) {.pic-card-hero-mobile-special {min-height: 280px; min-width: 280px;}}
@media (max-width: 767px) {.text-heading-3 {font-size: 18px;}}
@media (max-width: 767px) {.container-main {align-items: flex-start; padding-top: 80px; padding-bottom: 80px; row-gap: 30px;}}
@media (max-width: 767px) {.text-heading-2 {font-size: 26px;}}
@media (max-width: 767px) {.heading-container {flex-direction: column; row-gap: 20px;}}
@media (max-width: 767px) {.container-services-cards {align-items: flex-start; padding-top: 0px; padding-bottom: 0px;}}
@media (max-width: 767px) {.service-card-container-empty {display: none;}}
@media (max-width: 767px) {.service-card-container {width: 50%; padding-left: 32px; padding-right: 32px; padding-bottom: 32px; padding-top: 12px;}}
@media (max-width: 767px) {.service-card-pic {width: auto;}}
@media (max-width: 767px) {.advantage-card-container-empty {display: none;}}
@media (max-width: 767px) {.advantage-card-container {width: 100%; padding-left: 32px; padding-right: 32px; padding-bottom: 32px; padding-top: 32px; min-height: 160px; max-height: 240px;}}
@media (max-width: 767px) {.advantage-button {height: auto; width: 100%; min-height: 160px; max-height: 240px;}}
@media (max-width: 767px) {.portfolio-card-container {width: 100%; padding-left: 0px; padding-right: 0px; padding-bottom: 0px; padding-top: 0px; max-height: none; max-width: none; column-gap: 24px; min-height: auto;}}
@media (max-width: 767px) {.container-portfolio-cards {align-items: flex-start; padding-top: 0px; padding-bottom: 0px; flex-wrap: wrap; align-content: flex-start; justify-content: space-between; row-gap: 24px;}}
@media (max-width: 767px) {.container-main-partners {align-items: flex-start; padding-top: 80px; padding-bottom: 0px;}}
@media (max-width: 767px) {.partners-card {width: 100%;}}
@media (max-width: 767px) {.container-partner-cards {align-items: flex-start; padding-top: 0px; padding-bottom: 0px; flex-wrap: wrap; align-content: flex-start; justify-content: space-between; row-gap: 24px;}}
@media (max-width: 767px) {.text-heading-3-links {font-size: 18px;}}
@media (max-width: 767px) {.container-main-footer {align-items: flex-start; padding-top: 24px; padding-bottom: 16px; row-gap: 30px;}}
@media (max-width: 767px) {.slider-photo-size {max-width: 52.15vw; max-height: 33.9vw;}}
@media (max-width: 767px) {.slider-content-size {min-width: 460px; min-height: 299px;}}
@media (max-width: 767px) {.container-hero-service {align-items: flex-start; padding-top: 100px; padding-bottom: 100px;}}
@media (max-width: 767px) {.portfolio-card-container-service {width: 100%; padding-left: 0px; padding-right: 0px; padding-bottom: 0px; padding-top: 0px; max-height: none; max-width: none; column-gap: 24px; min-height: auto;}}
@media (max-width: 767px) {.advantage-card-container-commercial {width: auto; padding-left: 32px; padding-right: 32px; padding-bottom: 32px; padding-top: 32px;}}
@media (max-width: 767px) {.container-hero-portfolio {align-items: flex-start; padding-top: 100px; padding-bottom: 100px; row-gap: 20px;}}
@media (max-width: 767px) {.container-hero-portfolio-copy {align-items: flex-start; padding-top: 100px; padding-bottom: 100px;}}
@media (max-width: 767px) {.portfolio-card-container-service-copy {width: 100%; padding-left: 0px; padding-right: 0px; padding-bottom: 0px; padding-top: 0px; max-height: none; max-width: none; column-gap: 24px; min-height: auto; display: none;}}
@media (max-width: 767px) {.text-heading-1-copy {font-size: 4.3vw;}}
@media (max-width: 767px) {.container-main-copy {align-items: flex-start; padding-top: 80px; padding-bottom: 80px; row-gap: 30px;}}
@media (max-width: 479px) {.text-menu {font-size: 16px;}}
@media (max-width: 479px) {.text-heading-1 {font-size: 7.52vw;}}
@media (max-width: 479px) {.text-paragraph {font-size: 14px; line-height: 130%;}}
@media (max-width: 479px) {.text-heading-3 {font-size: 16px; line-height: 130%;}}
@media (max-width: 479px) {.pic-card-hero {width: 41.67vw; min-width: auto; min-height: auto; max-width: none; max-height: none; height: 41.67vw; padding-left: 10px; padding-top: 10px; padding-bottom: 10px;}}
@media (max-width: 479px) {.pic-photo-hero {min-width: auto; width: 23.61vw;}}
@media (max-width: 479px) {.container-hero {padding-left: 20px; padding-right: 20px; padding-bottom: 60px;}}
@media (max-width: 479px) {.pic-card-hero-mobile-special {width: 100%; min-width: auto; min-height: auto; max-width: none; max-height: none; height: 41.67vw; padding-left: 10px; padding-top: 10px; padding-bottom: 10px;}}
@media (max-width: 479px) {.container-main {padding-left: 20px; padding-right: 20px; padding-bottom: 60px; row-gap: 30px; padding-top: 60px;}}
@media (max-width: 479px) {.text-heading-2 {font-size: 5vw; line-height: 130%;}}
@media (max-width: 479px) {.heading-container {flex-direction: column; column-gap: 24px; row-gap: 12px;}}
@media (max-width: 479px) {.content-container- {row-gap: 30px;}}
@media (max-width: 479px) {.container-services-cards {padding-left: 0px; padding-right: 0px; padding-bottom: 0px; row-gap: 20px; padding-top: 0px;}}
@media (max-width: 479px) {.service-card-container {max-height: 240px; padding-left: 20px; padding-right: 20px; padding-bottom: 20px; padding-top: 10px; width: 100%; height: auto; row-gap: 20px;}}
@media (max-width: 479px) {.service-cards-container {flex-wrap: wrap; row-gap: 20px;}}
@media (max-width: 479px) {.advantage-card-container {max-height: 240px; padding-left: 20px; padding-right: 20px; padding-bottom: 20px; padding-top: 20px; width: 100%; height: auto; row-gap: 20px; min-height: 160px;}}
@media (max-width: 479px) {.advantage-cards-container-line {flex-wrap: wrap; row-gap: 20px;}}
@media (max-width: 479px) {.advantage-button {width: auto;}}
@media (max-width: 479px) {.portfolio-card-container {max-height: none; width: 100%; height: auto; row-gap: 20px; min-height: auto;}}
@media (max-width: 479px) {.container-portfolio-cards {padding-left: 0px; padding-right: 0px; padding-bottom: 0px; row-gap: 20px; padding-top: 0px;}}
@media (max-width: 479px) {.container-main-partners {padding-left: 20px; padding-right: 20px; padding-bottom: 0px; row-gap: 30px; padding-top: 60px;}}
@media (max-width: 479px) {.container-partner-cards {padding-left: 0px; padding-right: 0px; padding-bottom: 0px; row-gap: 20px; padding-top: 0px; column-gap: 20px; flex-wrap: wrap;}}
@media (max-width: 479px) {.partners-card {width: 100%;}}
@media (max-width: 479px) {.text-heading-3-links {font-size: 5vw; line-height: 130%;}}
@media (max-width: 479px) {.container-main-footer {padding-left: 20px; padding-right: 20px; padding-bottom: 20px; row-gap: 30px; padding-top: 20px;}}
@media (max-width: 479px) {.slider-photo-size {max-width: 62.63vw; max-height: 40.71vw;}}
@media (max-width: 479px) {.slider-content-size {width: auto; min-width: 300px; min-height: 195px;}}
@media (max-width: 479px) {.container-hero-service {padding-left: 20px; padding-right: 20px; padding-bottom: 60px;}}
@media (max-width: 479px) {.portfolio-card-container-service {max-height: none; width: 100%; height: auto; row-gap: 20px; min-height: auto;}}
@media (max-width: 479px) {.advantage-card-container-commercial {max-height: 240px; padding-left: 20px; padding-right: 20px; padding-bottom: 20px; padding-top: 20px; width: 100%; height: auto; row-gap: 20px; min-height: 160px;}}
@media (max-width: 479px) {.container-hero-portfolio {padding-left: 20px; padding-right: 20px; padding-bottom: 60px;}}
@media (max-width: 479px) {.container-hero-portfolio-copy {padding-left: 20px; padding-right: 20px; padding-bottom: 60px;}}
@media (max-width: 479px) {.portfolio-card-container-service-copy {max-height: none; width: 100%; height: auto; row-gap: 20px; min-height: auto;}}
@media (max-width: 479px) {.text-heading-1-copy {font-size: 32px;}}
@media (max-width: 479px) {.cases-grid {grid-template-columns: 1fr;}}
@media (max-width: 479px) {.container-main-copy {padding-left: 20px; padding-right: 20px; row-gap: 30px; padding-top: 0px; padding-bottom: 0px;}}
@media (max-width: 479px) {.case-hero-content_wrapper {flex-direction: column; row-gap: 24px;}}
@media (max-width: 479px) {.case-header_wrapper {width: 100%;}}
@media (max-width: 479px) {.case-description_wrapper {width: 50%;}}
@media (max-width: 479px) {.decsr-wr {width: 100%; justify-content: space-between;}}
@media (max-width: 479px) {.task-card {width: 100%; padding-left: 0px; padding-right: 0px; padding-top: 0px; padding-bottom: 0px; border-top-left-radius: 0px; border-top-right-radius: 0px; border-bottom-left-radius: 0px; border-bottom-right-radius: 0px; margin-top: 0px; margin-bottom: 0px; margin-left: auto; margin-right: auto; row-gap: 0px;}}
@media (max-width: 479px) {.stages-content_wrapper {flex-direction: column-reverse; row-gap: 40px;}}
@media (max-width: 479px) {.stages-left_wrapper {width: 100%; row-gap: 0px;}}
@media (max-width: 479px) {.stages-right_wrapper {width: 100%;}}
@media (max-width: 479px) {.bg_img-copy {height: auto;}}
@media (max-width: 479px) {.before-after-img_wrapper {height: auto;}}
@media (max-width: 479px) {.result-card {width: 100%; padding-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; row-gap: 0px; border-top-left-radius: 0px; border-top-right-radius: 0px; border-bottom-left-radius: 0px; border-bottom-right-radius: 0px;}}
@media (max-width: 479px) {.cases-on-page-grid {grid-template-columns: 1fr;}}
@media (max-width: 479px) {.case-task_wrapper {height: auto; flex-direction: column; row-gap: 40px; background-color: rgb(248, 248, 248); padding-top: 60px; padding-bottom: 60px; padding-left: 20px; padding-right: 20px;}}
@media (max-width: 479px) {.task-content_wrapper {padding-left: 0px; padding-right: 0px; height: auto;}}
@media (max-width: 479px) {.case-pic_wr {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; display: flex;}}
@media (max-width: 479px) {.bg_img-heght-100 {height: 100%;}}
@font-face {font-family: ''Arial''; font-weight: 400; font-style: normal; font-display: swap; src: url('/g/fonts/arial/arial-r.woff') format('woff'), url('/g/fonts/arial/arial-r.woff2') format('woff2');}
@font-face {font-family: ''Arial''; font-weight: 400; font-style: italic; font-display: swap; src: url('/g/fonts/arial/arial-i.woff') format('woff'), url('/g/fonts/arial/arial-i.woff2') format('woff2');}
@font-face {font-family: ''Arial''; font-weight: 700; font-style: normal; font-display: swap; src: url('/g/fonts/arial/arial-b.woff') format('woff'), url('/g/fonts/arial/arial-b.woff2') format('woff2');}
@font-face {font-family: ''Arial''; font-weight: 700; font-style: italic; font-display: swap; src: url('/g/fonts/arial/arial-b-i.woff') format('woff'), url('/g/fonts/arial/arial-b-i.woff2') format('woff2');}
@font-face {font-family: ''Arial''; font-weight: 400; font-style: normal; font-display: swap; src: url('/g/fonts/arial/arial-r.woff') format('woff'), url('/g/fonts/arial/arial-r.woff2') format('woff2');}
@font-face {font-family: ''Arial''; font-weight: 400; font-style: italic; font-display: swap; src: url('/g/fonts/arial/arial-i.woff') format('woff'), url('/g/fonts/arial/arial-i.woff2') format('woff2');}
@font-face {font-family: ''Arial''; font-weight: 700; font-style: normal; font-display: swap; src: url('/g/fonts/arial/arial-b.woff') format('woff'), url('/g/fonts/arial/arial-b.woff2') format('woff2');}
@font-face {font-family: ''Arial''; font-weight: 700; font-style: italic; font-display: swap; src: url('/g/fonts/arial/arial-b-i.woff') format('woff'), url('/g/fonts/arial/arial-b-i.woff2') format('woff2');}