@font-face {
  font-family: "mardoto-extraBold";
  font-display: "auto";
  src: url("../../fonts/Mardoto-Black/Mardoto-Black.eot?#iefix") format("embedded-opentype"), url("../../fonts/Mardoto-Black/Mardoto-Black.woff") format("woff"), url("../../fonts/Mardoto-Black/Mardoto-Black.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "mardoto-regular";
  font-display: "auto";
  src: url("../../fonts/Mardoto-Regular/Mardoto-Regular.eot?#iefix") format("embedded-opentype"), url("../../fonts/Mardoto-Regular/Mardoto-Regular.woff") format("woff"), url("../../fonts/Mardoto-Regular/Mardoto-Regular.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "mardoto-light";
  font-display: "auto";
  src: url("../../fonts/Mardoto-Light/Mardoto-Light.eot?#iefix") format("embedded-opentype"), url("../../fonts/Mardoto-Light/Mardoto-Light.woff") format("woff"), url("../../fonts/Mardoto-Light/Mardoto-Light.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "manrope-extraBold";
  font-display: "auto";
  src: url("../../fonts/Manrope-ExtraBold/Manrope-ExtraBold.eot?#iefix") format("embedded-opentype"), url("../../fonts/Manrope-ExtraBold/Manrope-ExtraBold.woff") format("woff"), url("../../fonts/Manrope-ExtraBold/Manrope-ExtraBold.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "manrope-regular";
  font-display: "auto";
  src: url("../../fonts/Manrope-Regular/Manrope-Regular.eot?#iefix") format("embedded-opentype"), url("../../fonts/Manrope-Regular/Manrope-Regular.woff") format("woff"), url("../../fonts/Manrope-Regular/Manrope-Regular.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "manrope-light";
  font-display: "auto";
  src: url("../../fonts/Manrope-ExtraLight/Manrope-ExtraLight.eot?#iefix") format("embedded-opentype"), url("../../fonts/Manrope-ExtraLight/Manrope-ExtraLight.woff") format("woff"), url("../../fonts/Manrope-ExtraLight/Manrope-ExtraLight.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "icon";
  font-display: "auto";
  src: url("../../fonts/icons/icomoon.eot?x0l9q8");
  src: url("../../fonts/icons/icomoon.eot?x0l9q8#iefix") format("embedded-opentype"), url("../../fonts/icons/icomoon.ttf?x0l9q8") format("truetype"), url("../../fonts/icons/icomoon.woff?x0l9q8") format("woff");
  font-weight: normal;
  font-style: normal;
}
.icon_facebook:before {
  content: "\e90a";
}

.icon_instagram:before {
  content: "\e90b";
}

.icon_linkedin:before {
  content: "\e90c";
}

.icon_twitter:before {
  content: "\e90d";
}

.icon_pinterest:before {
  content: "\e90e";
}

.icon_youtube:before {
  content: "\e90f";
}

.icon_telegram:before {
  content: "\e91a";
}

.icon_ok:before {
  content: "\e91b";
}

.icon_vk:before {
  content: "\e91c";
}

.icon_google:before {
  content: "\e91d";
}

.icon_tiktok:before {
  content: "\e91e";
}

.icon_flickr:before {
  content: "\e91f";
}

.icon_s1_logo:before {
  content: "\e900";
}

.icon_down:before {
  content: "\e901";
}

.icon_left:before, .projects_section .slide_prev:before {
  content: "\e902";
}

.icon_right:before, .projects_section .slide_next:before {
  content: "\e903";
}

.icon_close:before {
  content: "\e904";
}

.icon_check:before {
  content: "\e905";
}

.icon_search:before {
  content: "\e906";
}

.icon_globe:before {
  content: "\e907";
}

.icon_info:before {
  content: "\e908";
}

.icon_success:before {
  content: "\e909";
}

.icon_warning:before {
  content: "\e910";
}

.icon_error:before {
  content: "\e911";
}

.icon_phone:before {
  content: "\e912";
}

.icon_message:before {
  content: "\e913";
}

.icon_star:before {
  content: "\e914";
}

.icon_quotation:before {
  content: "\e915";
}

.info_line ul, .services_main .services_list, .header .lg_list, .header .main_menu, .breadcrumbs ul, .tab_btns ul {
  padding: 0;
  margin: 0;
  list-style-type: none;
}

.experts_main .image_block img, .services_main .services_list li:before, .text_cover {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}

.projects_section .slide_prev:before,
.projects_section .slide_next:before, .contact_select.nice-select:before, [class*=icon_]:before, .projects_section .slide_prev:after,
.projects_section .slide_next:after, [class*=icon_]:after {
  font-family: "icon" !important;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.projects_section .slide_block img, .projects_section .slider_wrapper *, .projects_section .slider_wrapper, .projects_section .name_block, .projects_section .project_item img, .belated_text {
  backface-visibility: hidden;
  -webkit-backface-visibility: hidden;
  transform-style: preserve-3d;
  -webkit-transform-style: preserve-3d;
}

.projects_section .slide_prev,
.projects_section .slide_next, .clients_section .client_item, .services_main .services_list a:after, .video_section .video_block .video_inner, .main_screen .info_description .belated_text span, .page_messages, .popup_block .popup_close, .projects_section .name_block, .down_up, .swiper_btns button, .tab_btns button, .section_category, .secondary_btn span, .primary_btn span {
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
}

.secondary_btn, .primary_btn {
  display: inline-flex;
  vertical-align: top;
  align-items: center;
  justify-content: center;
  text-align: center;
}

.standard_text {
  font-size: 140%;
  line-height: 20px;
}

.secondary_btn, .primary_btn {
  border: none;
  height: 60px;
}

.primary_btn {
  background: #122B55;
  color: #F3F4F7;
  font-size: 180%;
  line-height: 1.4em;
  display: flex;
  align-items: center;
  border: none;
  border-radius: 50px;
  padding: 6px 6px 6px 30px;
}
.loading.primary_btn {
  pointer-events: none;
  -webkit-text-fill-color: transparent;
  position: relative;
}
.loading.primary_btn:after {
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -4px -12px;
  border-radius: 50%;
  color: inherit;
  display: block;
  width: 8px;
  height: 8px;
  content: "";
  animation: loadAnimation 1.6s infinite linear;
}
.primary_btn span {
  height: 48px;
  aspect-ratio: 1;
  border-radius: 50%;
  background: #EE7C00;
  color: #122B55;
  margin-left: 10px;
  pointer-events: none;
  transform: rotate(-45deg);
}
.primary_btn span:before {
  font-size: 2.4rem;
  display: inline-block;
  vertical-align: top;
  position: relative;
  font-size: 2.4rem;
  transform: translate(0, 0);
  transition: transform 0.3s ease;
}
@media (hover: hover) {
  .primary_btn:hover {
    background: #0C182D;
    color: #ffffff;
  }
  .primary_btn:hover span:before {
    transform: translate(4px, 0);
  }
}
@media screen and (max-width: 575px) {
  .primary_btn {
    font-size: 160%;
  }
}

.secondary_btn {
  background: #ffffff;
  color: #0C182D;
  font-size: 180%;
  line-height: 1.4em;
  display: flex;
  align-items: center;
  border: none;
  border-radius: 50px;
  padding: 6px 6px 6px 30px;
}
.loading.secondary_btn {
  pointer-events: none;
  -webkit-text-fill-color: transparent;
  position: relative;
}
.loading.secondary_btn:after {
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -4px -12px;
  border-radius: 50%;
  color: inherit;
  display: block;
  width: 8px;
  height: 8px;
  content: "";
  animation: loadAnimation 1.6s infinite linear;
}
.secondary_btn span {
  height: 48px;
  aspect-ratio: 1;
  border-radius: 50%;
  background: #EE7C00;
  color: #122B55;
  margin-left: 10px;
  transform: rotate(-45deg);
}
.secondary_btn span:before {
  font-size: 2.4rem;
  display: inline-block;
  vertical-align: top;
  position: relative;
  font-size: 2.4rem;
}
@media (hover: hover) {
  .secondary_btn:hover {
    background: #EE7C00;
  }
  .secondary_btn:hover span {
    background: #ffffff;
  }
}
@media screen and (max-width: 575px) {
  .secondary_btn {
    font-size: 160%;
  }
}

html {
  height: 100%;
  font-size: 10px;
  line-height: 1.4;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  -ms-overflow-style: scrollbar;
  -webkit-overflow-scrolling: touch;
  -webkit-tap-highlight-color: transparent;
}

body {
  margin: 0;
  padding: 0;
  border: none;
  font-size: 100%;
  color: #0C182D;
  width: 100%;
  overflow-x: hidden;
  -webkit-overflow-scrolling: touch;
  min-height: 100%;
  font-family: "manrope-regular", "mardoto-regular";
}
body.popup_opened {
  overflow: hidden;
}

.aaa,
.bbb,
.ccc {
  font-size: 30px;
  line-height: 1.25em;
}

.aaa {
  font-family: "manrope-extraBold", "mardoto-extraBold";
}

.bbb {
  font-family: "manrope-light", "mardoto-light";
}

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

.root {
  display: flex;
  flex-direction: column;
  min-height: 100dvh;
}

input,
select,
textarea,
button,
a,
.slick-slide {
  outline: none !important;
}

a,
a:focus,
a:hover,
button:hover {
  text-decoration: none;
}

a {
  color: #EE7C00;
}
a:not([href]) {
  pointer-events: none;
}

button {
  cursor: pointer;
  display: block;
}

img {
  max-height: none;
  border: none;
}

input {
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
}

input,
textarea,
button {
  font-family: inherit;
  font-size: 100%;
}

.page_row {
  display: flex;
  flex-wrap: wrap;
}
@media screen and (min-width: 1601px) {
  .page_row {
    margin-left: -16px;
    margin-right: -16px;
  }
}
@media screen and (min-width: 1441px) and (max-width: 1600px) {
  .page_row {
    margin-left: -12px;
    margin-right: -12px;
  }
}
@media screen and (min-width: 1025px) and (max-width: 1440px) {
  .page_row {
    margin-left: -10px;
    margin-right: -10px;
  }
}
@media screen and (min-width: 769px) and (max-width: 1024px) {
  .page_row {
    margin-left: -8px;
    margin-right: -8px;
  }
}
@media screen and (min-width: 576px) and (max-width: 768px) {
  .page_row {
    margin-left: -6px;
    margin-right: -6px;
  }
}
@media screen and (max-width: 575px) {
  .page_row {
    margin-left: -4px;
    margin-right: -4px;
  }
}
.page_row .cb {
  flex: 0 0 100%;
  max-width: 100%;
}

.page_container {
  width: 100%;
  margin: 0 auto;
}
@media screen and (min-width: 1025px) {
  .page_container {
    padding-left: 20px;
    padding-right: 20px;
  }
}
@media screen and (max-width: 1024px) {
  .page_container {
    padding-left: 16px;
    padding-right: 16px;
  }
}
@media screen and (min-width: 1601px) {
  .page_container {
    max-width: 1760px;
  }
}
@media screen and (min-width: 1441px) and (max-width: 1600px) {
  .page_container {
    max-width: 1760px;
  }
}
@media screen and (min-width: 1281px) and (max-width: 1440px) {
  .page_container {
    max-width: 1760px;
  }
}
@media screen and (min-width: 1025px) and (max-width: 1280px) {
  .page_container {
    max-width: 1760px;
  }
}

.individual_hint,
.drop_list,
.drop_block {
  display: none;
}

.error_hint {
  display: block;
  max-height: 0;
  overflow: hidden;
  width: 100%;
  color: #FF2020;
  font-size: 1.4rem;
  line-height: 1.4em;
  left: 0;
  top: 100%;
  position: absolute;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
}
.error_hint:before {
  display: block;
  content: "";
  height: 8px;
}

.help-block.form-error {
  display: none !important;
}

.error .error_hint,
.error ~ .error_hint {
  max-height: 32px;
}

.field_block {
  position: relative;
}
.field_block input,
.field_block textarea {
  width: 100%;
}
.field_block textarea {
  resize: none;
  display: block;
}
.field_block.error input, .field_block.error textarea {
  border-bottom-color: #FF2020;
}

.cb {
  display: block;
  clear: both;
}

.text_cover {
  overflow: hidden;
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  z-index: 2;
  pointer-events: none;
}
.text_cover span {
  display: block;
  width: 100%;
}
.text_cover span:before {
  display: block;
  content: ".";
  color: transparent;
}

.ready .text_cover span {
  width: 0;
}

.section_title {
  font-family: "manrope-extraBold", "mardoto-extraBold";
  margin: 0;
  font-size: 460%;
  line-height: 1.4em;
  color: #0F1D35;
}
.section_title .special {
  color: #EE7C00;
}
@media screen and (min-width: 1025px) and (max-width: 1440px) {
  .section_title {
    font-size: 380%;
  }
}
@media screen and (min-width: 576px) and (max-width: 1024px) {
  .section_title {
    font-size: 300%;
  }
}
@media screen and (max-width: 575px) {
  .section_title {
    font-size: 240%;
  }
}

.belated_text {
  will-change: transform;
  -o-transition: transform 1s;
  -ms-transition: transform 1s;
  -moz-transition: transform 1s;
  -webkit-transition: transform 1s;
  transition: transform 1s;
}

*:has(> .belated_text) {
  position: relative;
  overflow: hidden;
}

span.belated_text {
  display: block;
}

.section_category {
  padding: 10px 24px 10px 20px;
  font-size: 180%;
  line-height: 1.4em;
  color: #0C182D;
  background: #E6E8F0;
  border-radius: 30px;
  width: max-content;
}
.section_category:before {
  display: block;
  margin-right: 6px;
  color: #FF872A;
  font-size: 2rem;
}
@media screen and (max-width: 1024px) {
  .section_category {
    font-size: 160%;
  }
}
@media screen and (max-width: 575px) {
  .section_category {
    font-size: 140%;
    padding: 8px 14px 8px 10px;
  }
}

.tab_block {
  position: relative;
  -o-transition: opacity 0.3s;
  -ms-transition: opacity 0.3s;
  -moz-transition: opacity 0.3s;
  -webkit-transition: opacity 0.3s;
  transition: opacity 0.3s;
}
.tab_block:not(.selected) {
  height: 0;
  opacity: 0;
  overflow: hidden;
}

.content:before {
  display: block;
  content: "";
  position: absolute;
  background: #ffffff;
  left: 0;
  top: 0;
  width: 100%;
}
@media screen and (min-width: 1601px) {
  .content {
    padding-top: 88px;
  }
  .content:before {
    height: 88px;
  }
}
@media screen and (min-width: 1201px) and (max-width: 1600px) {
  .content {
    padding-top: 82px;
  }
  .content:before {
    height: 82px;
  }
}
@media screen and (min-width: 1025px) and (max-width: 1200px) {
  .content {
    padding-top: 78px;
  }
  .content:before {
    height: 78px;
  }
}
@media screen and (max-width: 1024px) {
  .content {
    padding-top: 68px;
  }
  .content:before {
    height: 68px;
  }
}

.tab_btns ul {
  background: #F3F4F7;
  width: max-content;
  border-radius: 50px;
  padding: 6px;
  display: flex;
}
.tab_btns ul li:not(:last-child) {
  padding-right: 1px;
}
.tab_btns button {
  font-size: 180%;
  height: 60px;
  padding: 5px 30px;
  line-height: 1.4em;
  border: none;
  border-radius: 50px;
  color: #0C182D;
  background: transparent;
}
@media (hover: hover) {
  .tab_btns button:hover {
    background: #ffffff;
  }
}
.tab_btns button.selected {
  background: #EE7C00;
  pointer-events: none;
}

.hidden_label {
  display: none;
}

.swiper_btns {
  min-height: 70px;
}
.swiper_btns button {
  border: none;
  padding: 0;
  background: #E6E8F0;
  color: #0C182D;
  height: 70px;
  aspect-ratio: 1;
  border-radius: 50%;
  -o-transition: 0.3s;
  -ms-transition: 0.3s;
  -moz-transition: 0.3s;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
.swiper_btns button.swiper-button-lock {
  display: none;
}
.swiper_btns button:before {
  font-size: 3rem;
  display: inline-block;
  vertical-align: top;
}
@media (hover: hover) {
  .swiper_btns button:hover {
    background: #EE7C00;
  }
}
@media screen and (max-width: 1200px) {
  .swiper_btns {
    min-height: 60px;
  }
  .swiper_btns button {
    height: 60px;
  }
  .swiper_btns button:before {
    font-size: 2.4rem;
  }
}
@media screen and (max-width: 1024px) {
  .swiper_btns {
    min-height: 50px;
  }
  .swiper_btns button {
    height: 50px;
  }
  .swiper_btns button:before {
    font-size: 2rem;
  }
}

.slider_section:not(.is_ready) .slide_prev,
.slider_section:not(.is_ready) .slide_next {
  visibility: hidden !important;
  pointer-events: none;
}

[class*=_section]:not(:has(.swiper-initialized)) .swiper_btns,
[class*=_slider]:not(.swiper-initialized) > .swiper_btns {
  visibility: hidden !important;
  pointer-events: none;
}

.breadcrumbs {
  font-size: 120%;
  line-height: 1.4em;
  padding-top: 15px;
}
.breadcrumbs ul {
  display: flex;
  align-items: center;
}
.breadcrumbs li {
  color: #0C182D;
  display: flex;
}
.breadcrumbs li:not(:first-child):before {
  display: block;
  color: #3C3D45;
  content: "/";
  margin: 0 2px;
}
.breadcrumbs li:last-child {
  flex: 1;
  width: 10%;
}
.breadcrumbs li div {
  max-width: 100%;
  white-space: nowrap;
  text-overflow: ellipsis;
  position: relative;
  overflow: hidden;
}
.breadcrumbs a {
  display: block;
  color: #3C3D45;
  position: relative;
  -o-transition: 0.3s;
  -ms-transition: 0.3s;
  -moz-transition: 0.3s;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
@media (hover: hover) {
  .breadcrumbs a:hover {
    color: #EE7C00;
  }
}
@media screen and (max-width: 768px) {
  .breadcrumbs {
    display: none;
  }
}

.down_up {
  aspect-ratio: 1;
  border-radius: 50%;
  background: #F3F4F7;
  color: #0C182D;
}
.down_up:before {
  animation: upDown 1s ease-in-out infinite alternate;
}
@media screen and (min-width: 1601px) {
  .down_up {
    height: 172px;
    font-size: 5rem;
  }
}
@media screen and (min-width: 1441px) and (max-width: 1600px) {
  .down_up {
    height: 150px;
    font-size: 4.4rem;
  }
}
@media screen and (min-width: 1281px) and (max-width: 1600px) {
  .down_up {
    height: 130px;
    font-size: 4rem;
  }
}
@media screen and (min-width: 1025px) and (max-width: 1280px) {
  .down_up {
    height: 110px;
    font-size: 3.2rem;
  }
}
@media screen and (max-width: 1024px) {
  .down_up {
    display: none;
  }
}

.projects_section ul {
  list-style-type: none;
  padding: 0;
  display: flex;
  flex-wrap: wrap;
}
.projects_section li {
  flex: 0 0 50%;
  max-width: 50%;
}
.projects_section .project_item {
  display: block;
  text-align: center;
  color: inherit;
}
@media (hover: hover) {
  .projects_section .project_item:hover .name_block {
    color: #EE7C00;
  }
  .projects_section .project_item:hover img {
    transform: scale(1.05);
  }
}
.projects_section .project_item .image_block {
  aspect-ratio: 822/550;
  display: block;
  border-radius: 30px;
  position: relative;
  overflow: hidden;
}
.projects_section .project_item img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  pointer-events: none;
  -o-transition: 0.3s;
  -ms-transition: 0.3s;
  -moz-transition: 0.3s;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
.projects_section .name_block {
  height: 34px;
  margin-top: 30px;
  line-height: 1.4em;
  font-family: "manrope-extraBold", "mardoto-extraBold";
  padding: 0 30px;
}
@media screen and (min-width: 769px) {
  .projects_section li.showed_late:first-child > * {
    -o-transition-delay: 1.35s;
    -ms-transition-delay: 1.35s;
    -moz-transition-delay: 1.35s;
    -webkit-transition-delay: 1.35s;
    transition-delay: 1.35s;
  }
  .projects_section li.showed_late:nth-child(2) > * {
    -o-transition-delay: 1.2s;
    -ms-transition-delay: 1.2s;
    -moz-transition-delay: 1.2s;
    -webkit-transition-delay: 1.2s;
    transition-delay: 1.2s;
  }
  .projects_section li:nth-child(2n+1) > * {
    -o-transition-delay: 0.15s;
    -ms-transition-delay: 0.15s;
    -moz-transition-delay: 0.15s;
    -webkit-transition-delay: 0.15s;
    transition-delay: 0.15s;
  }
}
@media screen and (max-width: 768px) {
  .projects_section li:first-child > * {
    -o-transition-delay: 1.2s;
    -ms-transition-delay: 1.2s;
    -moz-transition-delay: 1.2s;
    -webkit-transition-delay: 1.2s;
    transition-delay: 1.2s;
  }
}
@media screen and (min-width: 1025px) {
  .projects_section {
    padding-top: 90px;
  }
  .projects_section li:nth-child(2n+1) {
    padding-top: 90px;
  }
  .projects_section .name_block {
    font-size: 240%;
  }
}
@media screen and (min-width: 1441px) {
  .projects_section ul {
    margin: 0 -37px;
  }
  .projects_section li {
    padding: 0 37px;
  }
}
@media screen and (min-width: 1201px) and (max-width: 1440px) {
  .projects_section ul {
    margin: 0 -24px;
  }
  .projects_section li {
    padding: 0 24px;
  }
}
@media screen and (min-width: 1025px) and (max-width: 1200px) {
  .projects_section ul {
    margin: 0 -16px;
  }
  .projects_section li {
    padding: 0 16px;
  }
}
@media screen and (max-width: 1024px) {
  .projects_section {
    padding-top: 70px;
  }
  .projects_section ul {
    margin: 0 -10px;
  }
  .projects_section li {
    padding: 0 10px;
  }
  .projects_section li:nth-child(2n+1) {
    padding-top: 70px;
  }
  .projects_section .project_item .image_block {
    border-radius: 20px;
  }
  .projects_section .name_block {
    font-size: 160%;
    height: 24px;
    margin-top: 20px;
  }
}
@media screen and (max-width: 768px) {
  .projects_section {
    padding-top: 0;
  }
  .projects_section ul {
    margin: 0;
  }
  .projects_section li {
    padding: 50px 0 0;
    flex: 0 0 100%;
    max-width: 100%;
  }
  .projects_section li:nth-child(2n+1) {
    padding-top: 50px;
  }
  .projects_section .project_item .image_block {
    border-radius: 16px;
  }
  .projects_section .name_block {
    font-size: 220%;
    margin-top: 24px;
    height: auto;
  }
}
@media screen and (max-width: 575px) {
  .projects_section li {
    padding: 30px 0 0;
  }
  .projects_section li:nth-child(2n+1) {
    padding-top: 30px;
  }
  .projects_section .name_block {
    font-size: 180%;
    padding: 0 20px;
  }
  .projects_section .project_item .image_block {
    border-radius: 30px;
  }
}
@media screen and (max-width: 480px) {
  .projects_section .name_block {
    font-size: 140%;
    margin-top: 14px;
  }
}

.page_title {
  font-size: 700%;
  line-height: 1em;
  color: #0C182D;
  font-family: "manrope-extraBold", "mardoto-extraBold";
  font-weight: normal;
}
@media screen and (min-width: 1025px) and (max-width: 1440px) {
  .page_title {
    font-size: 560%;
  }
}
@media screen and (max-width: 1024px) {
  .page_title {
    font-size: 500%;
  }
}
@media screen and (max-width: 768px) {
  .page_title {
    font-size: 400%;
    line-height: 1.5em;
  }
}
@media screen and (max-width: 575px) {
  .page_title {
    font-size: 300%;
  }
}

.select_main.error .nice-select {
  border-bottom-color: #FF2020 !important;
}
.select_main.error .error_hint {
  max-height: 32px;
}
.contact_select.nice-select {
  background: transparent;
  height: 40px;
  padding: 0 40px 14px 0;
  border-radius: 0;
  line-height: normal;
  color: #0C182D;
  width: 100%;
  border: none;
  transition: none;
  float: none;
  border-bottom: 1px solid #C8CDE0 !important;
  font-size: 180%;
  line-height: 1.4em;
  white-space: normal;
  -o-transition: 0.3s;
  -ms-transition: 0.3s;
  -moz-transition: 0.3s;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
.contact_select.nice-select:after {
  display: none;
}
.contact_select.nice-select:before {
  display: block;
  content: "";
  position: absolute;
  content: "\e901";
  right: 0;
  bottom: 14px;
  font-size: 2.4rem;
  color: #212121;
}
@media (hover: hover) {
  .contact_select.nice-select:hover {
    border-color: #0C182D !important;
  }
}
.contact_select.nice-select:has(.disabled.selected) .current {
  font-size: 0;
}
.contact_select.nice-select .list li:empty {
  display: none;
}
.contact_select.nice-select .current {
  color: #4A4E54;
  position: relative;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
}
.contact_select.nice-select.open:before {
  transform: rotate(180deg);
}
.contact_select.nice-select .nice-select-dropdown {
  margin-top: 0;
  box-shadow: none;
  left: -1px;
  right: -1px;
  border-radius: 0;
  background: #F3F4F7;
  overflow: hidden;
  border: none !important;
}
.contact_select.nice-select .nice-select-dropdown ul {
  margin: 20px 0;
  padding: 0 20px;
  position: relative;
  list-style-type: none;
  border-radius: 0;
}
.contact_select.nice-select .nice-select-dropdown li {
  margin: 0;
  padding: 10px 0;
  height: auto;
  white-space: normal;
  background: transparent;
  border-radius: 0;
  line-height: inherit;
  color: #1D1D1D;
}
.contact_select.nice-select .nice-select-dropdown li.option.disabled {
  display: none;
}
.contact_select.nice-select .nice-select-dropdown li:focus, .contact_select.nice-select .nice-select-dropdown li:active, .contact_select.nice-select .nice-select-dropdown li:hover {
  color: #FF872A !important;
}
.contact_select.nice-select .nice-select-dropdown li.selected {
  background-color: transparent !important;
  color: #EE7C00;
  pointer-events: none;
}

.popup_block {
  position: fixed;
  left: 0;
  width: 100%;
  height: 0;
  overflow: hidden;
  z-index: 1000;
  background: rgba(0, 0, 0, 0.7);
  height: 100%;
  top: 0;
  left: unset;
  right: -100%;
  -o-transition: height 0s 1s, right 1s;
  -ms-transition: height 0s 1s, right 1s;
  -moz-transition: height 0s 1s, right 1s;
  -webkit-transition: height 0s 1s, right 1s;
  transition: height 0s 1s, right 1s;
}
.popup_block.showed {
  height: 100%;
  overflow-y: auto;
}
.popup_block.contact_popup {
  display: flex;
  justify-content: flex-end;
}
.popup_block.showed {
  right: 0;
  -o-transition: height 0s 0s, right 1s;
  -ms-transition: height 0s 0s, right 1s;
  -moz-transition: height 0s 0s, right 1s;
  -webkit-transition: height 0s 0s, right 1s;
  transition: height 0s 0s, right 1s;
}
.popup_block .popup_container {
  min-height: 100%;
  background: #ffffff;
  width: 100%;
  max-width: 904px;
  padding: 40px 90px 80px;
  position: relative;
}
.popup_block .popup_inner {
  width: 100%;
  max-width: 904px;
}
.popup_block .popup_close {
  position: absolute;
  top: 40px;
  right: 40px;
  padding: 0;
  background: #E6E8F0;
  color: #0C182D;
  font-size: 0;
  height: 46px;
  aspect-ratio: 1;
  border-radius: 50%;
  border: none;
}
@media (hover: hover) {
  .popup_block .popup_close:hover {
    background: #EE7C00;
    color: #ffffff;
  }
}
.popup_block .popup_close:before {
  display: block;
  font-size: 2.4rem;
}
.popup_block .contact_title {
  font-family: "manrope-extraBold", "mardoto-extraBold";
  margin: 0;
  font-size: 460%;
  line-height: 1.4em;
  color: #0F1D35;
  padding-right: 60px;
}
.popup_block .contact_description {
  font-size: 380%;
  line-height: 1.5em;
  font-family: "manrope-light", "mardoto-light";
  color: #4A4E54;
}
.popup_block .main_field {
  padding-top: 20px;
}
.popup_block .main_field .field_block:has(select) {
  margin-bottom: 0;
}
.popup_block .main_field:has(.nice-select.open) .placeholder {
  top: 0;
}
.popup_block .field_main {
  padding-bottom: 20px;
}
.popup_block .field_title {
  font-size: 240%;
  line-height: 1.4em;
  font-family: "manrope-extraBold", "mardoto-extraBold";
  color: #0C182D;
  padding-bottom: 10px;
}
.popup_block input,
.popup_block textarea {
  border: none;
  border-bottom: 1px solid #C8CDE0;
  padding: 0 0 14px;
  background: transparent;
  font-size: 180%;
  line-height: 1.4em;
  color: #0C182D;
}
.popup_block textarea {
  resize: none;
  max-height: 40px;
}
.popup_block .field_block {
  padding-top: 29px;
  margin-bottom: 32px;
}
.popup_block .field_block:has(.filled) .placeholder {
  top: 0;
}
.popup_block .placeholder {
  display: block;
  position: absolute;
  left: 0;
  top: 29px;
  color: #4A4E54;
  font-size: 180%;
  line-height: 1.4em;
  pointer-events: none;
  -o-transition: 0.3s;
  -ms-transition: 0.3s;
  -moz-transition: 0.3s;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
@media screen and (max-width: 1024px) {
  .popup_block .contact_title {
    font-size: 380%;
  }
  .popup_block .contact_description {
    font-size: 300%;
  }
  .popup_block .popup_container {
    padding: 40px 50px 50px;
  }
  .popup_block .field_title {
    font-size: 220%;
  }
  .popup_block .popup_close {
    top: 20px;
    right: 20px;
  }
}
@media screen and (max-width: 768px) {
  .popup_block .contact_title {
    font-size: 300%;
  }
  .popup_block .contact_description {
    font-size: 240%;
  }
  .popup_block .popup_container {
    padding: 40px 20px;
  }
  .popup_block input,
  .popup_block textarea,
  .popup_block .placeholder {
    font-size: 160%;
  }
  .popup_block .field_title {
    font-size: 180%;
  }
}
@media screen and (max-width: 575px) {
  .popup_block .contact_title {
    font-size: 240%;
    padding-right: 30px;
  }
  .popup_block .contact_description {
    font-size: 180%;
  }
  .popup_block .popup_close {
    right: 10px;
    top: 10px;
  }
  .popup_block .field_title {
    font-size: 160%;
  }
  .popup_block input,
  .popup_block textarea,
  .popup_block .placeholder {
    font-size: 140%;
  }
  .popup_block .field_block {
    padding-top: 20px;
    margin-bottom: 24px;
  }
  .popup_block .placeholder {
    top: 20px;
  }
  .popup_block .field_title {
    padding-bottom: 4px;
  }
  .popup_block .primary_btn {
    height: 52px;
  }
  .popup_block .primary_btn span {
    height: 40px;
  }
}

.page_messages {
  background: rgba(0, 0, 0, 0.7);
  position: fixed;
  padding: 0 20px;
  left: 0;
  max-width: 100%;
  width: 100%;
  height: 0;
  z-index: 10000;
  top: 0;
  text-align: left;
}
.page_messages:before, .page_messages:after {
  display: block;
  content: "";
  min-height: 20px;
  flex: 1;
}
.page_messages:has(.message_block) {
  height: 100%;
}
.page_messages .message_block {
  width: 448px;
  background: #F3F4F7;
  padding: 30px 20px;
  border-radius: 20px;
  position: relative;
  text-align: center;
}
.page_messages img {
  height: 60px;
  aspect-ratio: 1;
  width: auto;
  object-fit: cover;
}
.page_messages .message_title {
  display: block;
  font-size: 240%;
  line-height: 1.4em;
  color: #0C182D;
  font-family: "manrope-extraBold", "mardoto-extraBold";
  padding-top: 10px;
}
.page_messages .message_text {
  display: block;
  font-size: 180%;
  line-height: 1.4em;
  color: #212121;
  padding-top: 10px;
}
.page_messages .message_remove {
  width: max-content;
  margin: 20px auto 0;
}

@keyframes upDown {
  from {
    transform: rotate(-90deg) translateX(0);
  }
  to {
    transform: rotate(-90deg) translateX(-15px);
  }
}
@keyframes loadAnimation {
  9% {
    box-shadow: none;
  }
  10% {
    box-shadow: -8px 0 0;
  }
  35% {
    box-shadow: -8px 0 0;
  }
  35.1% {
    box-shadow: -8px 0 0, 8px 0 0;
  }
  60% {
    box-shadow: -8px 0 0, 8px 0 0;
  }
  60.1% {
    box-shadow: -8px 0 0, 8px 0 0, 24px 0 0;
  }
  85% {
    box-shadow: -8px 0 0, 8px 0 0, 24px 0 0;
  }
  85.1% {
    box-shadow: none;
  }
  100% {
    box-shadow: none;
  }
}
[data-animation=fade]:not([class*=slider]) > * {
  -o-transition: opacity 0.75s ease;
  -ms-transition: opacity 0.75s ease;
  -moz-transition: opacity 0.75s ease;
  -webkit-transition: opacity 0.75s ease;
  transition: opacity 0.75s ease;
}
[data-animation=fade]:not([class*=slider]) > *:nth-child(2) {
  transition-delay: 0.25s;
}
[data-animation=fade]:not([class*=slider]) > *:nth-child(3) {
  transition-delay: 0.45s;
}
[data-animation=fade]:not([class*=slider]):not(.ready) > * {
  opacity: 0;
}

[data-order]:not([class*=slider]) > *,
[data-order] .swiper-slide,
[data-order] .slide_block {
  opacity: 0;
  -o-transition: opacity 0.75s ease-out;
  -ms-transition: opacity 0.75s ease-out;
  -moz-transition: opacity 0.75s ease-out;
  -webkit-transition: opacity 0.75s ease-out;
  transition: opacity 0.75s ease-out;
}

.header {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  background: #ffffff;
  z-index: 100;
  -o-transition: top 0.5s;
  -ms-transition: top 0.5s;
  -moz-transition: top 0.5s;
  -webkit-transition: top 0.5s;
  transition: top 0.5s;
}
.header.fixed {
  top: -82px;
}
.header.fixed.showed {
  top: 0;
}
.header .main_menu {
  display: flex;
  justify-content: center;
}
.header .main_menu > li {
  position: relative;
}
.header .main_menu a {
  display: block;
  border-radius: 56px;
  color: #222220;
  line-height: 1.4em;
}
@media (hover: hover) {
  .header .main_menu a:hover {
    background: #F3F4F7;
    color: #0C182D;
  }
}
.header_inner {
  display: flex;
  align-items: center;
}
.header_main {
  padding: 14px 0;
  flex: 1;
  width: 50%;
  display: flex;
  align-items: center;
}
.header .main_logo {
  display: block;
  font-size: 0;
  line-height: 0;
}
.header .main_logo a {
  display: block;
}
.header .main_logo svg {
  width: auto;
  aspect-ratio: 224/80;
  object-fit: cover;
  display: block;
  -o-transition: 0.3s;
  -ms-transition: 0.3s;
  -moz-transition: 0.3s;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
.header .header_actions {
  display: flex;
  align-items: center;
}
.header .lg_list {
  display: flex;
}
.header .lg_list li {
  display: flex;
}
.header .lg_list li:last-child {
  position: relative;
  padding-left: 14px;
}
.header .lg_list li:last-child:before {
  display: block;
  content: "";
  position: absolute;
  top: 5px;
  bottom: 5px;
  left: 7px;
  transform: rotate(7deg);
  width: 1px;
  background: #0C182D;
}
.header .lg_list a {
  line-height: 1.4em;
  color: #0C182D;
  display: block;
}
@media (hover: hover) {
  .header .lg_list a:hover {
    color: #EE7C00;
  }
}
.header .lg_list a.selected {
  font-family: "manrope-extraBold", "mardoto-extraBold";
  pointer-events: none;
}

.footer {
  margin-top: auto;
}
.footer_inner {
  background: #0C182D;
}
.footer .belated_text {
  transition-timing-function: cubic-bezier(0.83, 0, 0.17, 1);
}
.footer .belated_text:not(.showed) {
  transform: translate3d(0, 110%, 0);
  -moz-transform: translate3d(0, 110%, 0);
  -ms-transform: translate3d(0, 110%, 0);
  -webkit-transform: translate3d(0, 110%, 0);
  -o-transform: translate3d(0, 110%, 0);
}
.footer_main {
  display: flex;
  align-items: flex-start;
  line-height: 1.4em;
  font-size: 160%;
}
.footer_info {
  flex: 1;
  width: 60%;
  display: flex;
  align-items: flex-start;
  margin-right: -20px;
}
.footer_logo {
  padding-right: 50px;
}
.footer_logo img {
  width: auto;
  height: 80px;
  aspect-ratio: 224/80;
  object-fit: cover;
  display: block;
}
.footer .contact_list {
  list-style-type: none;
  padding: 0;
  margin: 0;
  display: flex;
}
.footer .contact_list li {
  flex: 0 0 50%;
  max-width: 50%;
  padding: 0 20px;
}
.footer_menues {
  list-style-type: none;
  padding: 0;
  margin: 0;
  display: flex;
  flex-wrap: wrap;
}
.footer_menues li {
  display: flex;
  justify-content: flex-end;
}
.footer_menues a {
  text-align: right;
  color: #ffffff;
  width: max-content;
  display: block;
}
@media (hover: hover) {
  .footer_menues a:hover {
    color: #EE7C00;
  }
}
.footer_subtitle {
  color: #ffffff;
  font-family: "manrope-extraBold", "mardoto-extraBold";
}
.footer .contact_info {
  color: #ffffff;
  padding-top: 14px;
}
.footer .contact_info a {
  color: #ffffff;
  display: flex;
  align-items: center;
  width: max-content;
}
@media (hover: hover) {
  .footer .contact_info a:hover {
    color: #EE7C00;
  }
}
.footer .contact_info a:before {
  display: block;
  font-size: 2.4rem;
  margin-right: 10px;
}
.footer_bottom {
  display: flex;
  align-items: center;
  justify-content: space-between;
  color: #ffffff;
  line-height: 1.4em;
  color: #E6E8F0;
  font-size: 160%;
}
.footer .customer_developer a {
  display: inline-block;
  vertical-align: top;
  font-size: 0;
}
.footer .customer_developer img {
  height: 22px;
  width: auto;
  aspect-ratio: 116/22;
  margin-left: 10px;
}
.footer .socials_list {
  display: flex;
  font-size: 0;
  line-height: 0;
  list-style-type: none;
  padding: 0 10px;
  margin: 0;
}
.footer .socials_list a {
  display: block;
  color: #ffffff;
}
.footer .socials_list a:before {
  display: block;
  font-size: 3.2rem;
}
.footer .socials_list li {
  padding: 0 10px;
}

body {
  background: #F3F4F7;
}

.content {
  position: relative;
}

.main_screen {
  background: #ffffff;
}
.main_screen .screen_inner {
  width: 100%;
  max-width: 1920px;
  margin: 0 auto;
  position: relative;
}
.main_screen .image_block .image_cover:before {
  display: block;
  content: "";
  position: absolute;
  top: -25px;
  right: 42.5%;
  width: 15.5%;
  background: #ffffff;
  height: 120%;
  transform-origin: right top;
  -webkit-transfrom-origin: right top;
  transform: rotate(-21.5deg) skewY(-46deg);
  -moz-transform: rotate(-21.5deg) skewY(-46deg);
  -ms-transform: rotate(-21.5deg) skewY(-46deg);
  -webkit-transform: rotate(-21.5deg) skewY(-46deg);
  -o-transform: rotate(-21.5deg) skewY(-46deg);
  -o-transition: all 0.9s 0.7s linear;
  -ms-transition: all 0.9s 0.7s linear;
  -moz-transition: all 0.9s 0.7s linear;
  -webkit-transition: all 0.9s 0.7s linear;
  transition: all 0.9s 0.7s linear;
}
.main_screen .image_block .image_cover:after {
  display: block;
  content: "";
  position: absolute;
  bottom: 0;
  left: 20%;
  width: 100%;
  height: 12%;
  background: #ffffff;
  -o-transition: all 0.75s 1.2s linear;
  -ms-transition: all 0.75s 1.2s linear;
  -moz-transition: all 0.75s 1.2s linear;
  -webkit-transition: all 0.75s 1.2s linear;
  transition: all 0.75s 1.2s linear;
}
.main_screen .image_block .image_inner {
  overflow: hidden;
  position: relative;
}
.main_screen .image_block .image_inner:before {
  display: block;
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  height: 120%;
  background: #ffffff;
  width: 15.5%;
  transform-origin: left bottom;
  -webkit-transfrom-origin: left bottom;
  transform: rotate(21.5deg);
  -moz-transform: rotate(21.5deg);
  -ms-transform: rotate(21.5deg);
  -webkit-transform: rotate(21.5deg);
  -o-transform: rotate(21.5deg);
  -o-transition: all 0.75s linear;
  -ms-transition: all 0.75s linear;
  -moz-transition: all 0.75s linear;
  -webkit-transition: all 0.75s linear;
  transition: all 0.75s linear;
}
.main_screen img {
  display: block;
  width: 100%;
  height: auto;
}

.main_screen {
  padding-top: 40px;
}
.main_screen .info_title {
  line-height: 1.15em;
  color: #0C182D;
  font-family: "manrope-light", "mardoto-light";
}
.main_screen .info_title .belated_text {
  transform: translate3d(0, 450px, 0);
  -moz-transform: translate3d(0, 450px, 0);
  -ms-transform: translate3d(0, 450px, 0);
  -webkit-transform: translate3d(0, 450px, 0);
  -o-transform: translate3d(0, 450px, 0);
}
.main_screen .info_title .belated_text:nth-child(2) {
  transition-delay: 0.3s;
}
.main_screen .info_title .belated_text:nth-child(3) {
  transition-delay: 0.6s;
}
.main_screen .info_title .belated_text:nth-child(4) {
  transition-delay: 0.9s;
}
.main_screen .info_title .belated_text:nth-child(5) {
  transition-delay: 1.2s;
}
.main_screen .info_title span {
  font-family: "manrope-extraBold", "mardoto-extraBold";
}
.main_screen .info_description {
  width: 840px;
  max-width: 100%;
  line-height: 1.4em;
  font-family: "manrope-light", "mardoto-light";
  color: #0C182D;
}
.main_screen .info_description .belated_text {
  -o-transition-delay: 1.2s;
  -ms-transition-delay: 1.2s;
  -moz-transition-delay: 1.2s;
  -webkit-transition-delay: 1.2s;
  transition-delay: 1.2s;
  transform: translate3d(0, 250px, 0);
  -moz-transform: translate3d(0, 250px, 0);
  -ms-transform: translate3d(0, 250px, 0);
  -webkit-transform: translate3d(0, 250px, 0);
  -o-transform: translate3d(0, 250px, 0);
  display: flex;
  align-items: flex-start;
}
.main_screen .info_description .belated_text span {
  aspect-ratio: 1;
  border-radius: 50%;
  background: #F3F4F7;
  color: #0C182D;
}
.main_screen .info_description .belated_text span:before {
  animation: upDown 1s ease-in-out infinite alternate;
}
.main_screen .btn_block .belated_text {
  -o-transition-delay: 2s;
  -ms-transition-delay: 2s;
  -moz-transition-delay: 2s;
  -webkit-transition-delay: 2s;
  transition-delay: 2s;
  transform: translate3d(0, 100px, 0);
  -moz-transform: translate3d(0, 100px, 0);
  -ms-transform: translate3d(0, 100px, 0);
  -webkit-transform: translate3d(0, 100px, 0);
  -o-transform: translate3d(0, 100px, 0);
}

.video_section {
  position: relative;
  z-index: 2;
  -o-transition: opacity 2s;
  -ms-transition: opacity 2s;
  -moz-transition: opacity 2s;
  -webkit-transition: opacity 2s;
  transition: opacity 2s;
  opacity: 0;
  -o-transition-delay: 1s;
  -ms-transition-delay: 1s;
  -moz-transition-delay: 1s;
  -webkit-transition-delay: 1s;
  transition-delay: 1s;
}
.video_section .video_block {
  display: flex;
  justify-content: flex-end;
  align-items: flex-start;
  aspect-ratio: 1720/750;
  max-width: 100%;
  max-height: 100%;
  position: relative;
  container-type: inline-size;
}
.video_section .video_block .video_inner {
  width: 27.6%;
  max-width: 100%;
  max-height: 100%;
  height: auto;
  aspect-ratio: 470/263;
  border-radius: 30px;
  position: relative;
  overflow: hidden;
}
.video_section .video_block video {
  display: block;
  flex: 0 0 calc(100vw - 40px);
  max-width: clamp(0px, 100vw - 40px, 1720px);
  aspect-ratio: inherit;
  object-fit: cover;
  container: size;
}

.approach_section {
  position: relative;
  z-index: 2;
}
.approach_section .text_cover span {
  background: rgba(243, 244, 247, 0.9);
}
.approach_section .words_content {
  position: relative;
}
.approach_section .approach_main {
  display: flex;
  padding-top: 14px;
  align-items: flex-start;
}
.approach_section .approach_info {
  line-height: 1.5em;
  font-family: "manrope-light", "mardoto-light";
}

.middle_main {
  border-radius: 80px 80px 0 0;
  -o-transition: 0.3s;
  -ms-transition: 0.3s;
  -moz-transition: 0.3s;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.page_top {
  position: sticky;
}

.page_bottom {
  position: relative;
  z-index: 20;
  background: #122B55;
  border-radius: 80px 80px 0 0;
  isolation: isolate;
  transform: translateZ(0);
  -webkit-transform: translateZ(0);
  backface-visibility: hidden;
  -webkit-backface-visibility: hidden;
}

.middle_section {
  border-radius: 80px 80px 0 0;
}
.middle_section .section_category {
  color: #ffffff;
  background: rgba(255, 255, 255, 0.1);
}
.middle_section .section_title {
  color: #ffffff;
}
body.smooth .page_bottom {
  -o-transition: background-color 1s;
  -ms-transition: background-color 1s;
  -moz-transition: background-color 1s;
  -webkit-transition: background-color 1s;
  transition: background-color 1s;
}
body.smooth .page_bottom .section_title {
  -o-transition: color 1s;
  -ms-transition: color 1s;
  -moz-transition: color 1s;
  -webkit-transition: color 1s;
  transition: color 1s;
}
body.smooth .page_bottom .section_category {
  -o-transition: all 1s;
  -ms-transition: all 1s;
  -moz-transition: all 1s;
  -webkit-transition: all 1s;
  transition: all 1s;
}
body.smooth .middle_section .stat_main,
body.smooth .middle_section .expert_name,
body.smooth .middle_section .stat_info,
body.smooth .middle_section .expert_position,
body.smooth .middle_section .info_line li,
body.smooth .middle_section .services_main .services_list a,
body.smooth .middle_section .stat_main {
  -o-transition: color 1s;
  -ms-transition: color 1s;
  -moz-transition: color 1s;
  -webkit-transition: color 1s;
  transition: color 1s;
}
body.smooth .middle_section .stats_list li:before,
body.smooth .middle_section .tab_btns ul {
  -o-transition: background-color 1s;
  -ms-transition: background-color 1s;
  -moz-transition: background-color 1s;
  -webkit-transition: background-color 1s;
  transition: background-color 1s;
}
body.light .page_bottom {
  background: #ffffff;
}
body.light .middle_section .stat_main,
body.light .middle_section .expert_name {
  color: #0F1D35;
}
body.light .middle_section .stat_info,
body.light .middle_section .expert_position {
  color: #0C182D;
}
body.light .middle_section .info_line li {
  color: #E6E8F0;
}
body.light .middle_section .stats_list li:before {
  background: #E6E8F0;
}
body.light .middle_section .services_main .services_list a {
  color: #0C182D;
}
body.light .middle_section .section_category {
  background: #E6E8F0;
  color: #0C182D;
}
body.light .middle_section .section_title,
body.light .middle_section .stat_main {
  color: #0F1D35;
}
body.light .middle_section .tab_btns ul {
  background: #ffffff;
}
body.light .projects_section .section_category {
  background: #E6E8F0;
  color: #0C182D;
}
body.light .projects_section .section_title {
  color: #0F1D35;
}

.services_main .tab_block:before {
  display: block;
  content: "";
  height: 30px;
  background: transparent;
}
.services_main .title_row {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.services_main .title_row .section_title {
  padding-right: 20px;
}
.services_main .services_list li {
  width: 100vw;
  margin-left: calc(-50vw + 50%);
  position: relative;
  z-index: 2;
  border-bottom: 1px solid rgba(255, 255, 255, 0.14);
}
.services_main .services_list li:before {
  -o-transition: background-color 1s ease;
  -ms-transition: background-color 1s ease;
  -moz-transition: background-color 1s ease;
  -webkit-transition: background-color 1s ease;
  transition: background-color 1s ease;
  z-index: -1;
  content: "";
}
@media (hover: hover) {
  .services_main .services_list li:has(> a span:hover):before {
    background: #EE7C00;
  }
  .services_main .services_list li:has(> a span:hover) a {
    color: #122B55;
    padding-left: 30px;
  }
  .services_main .services_list li:has(> a span:hover) a:after {
    opacity: 1;
  }
}
.services_main .services_list a {
  display: flex;
  align-items: center;
  background: transparent;
  color: #ffffff;
  line-height: 1.5em;
  width: 100%;
  margin: 0 auto;
  padding-left: 0;
  max-width: 1720px;
  pointer-events: none;
  -o-transition: all 1s ease;
  -ms-transition: all 1s ease;
  -moz-transition: all 1s ease;
  -webkit-transition: all 1s ease;
  transition: all 1s ease;
}
.services_main .services_list a:before {
  display: block;
}
.services_main .services_list a:after {
  border-radius: 50%;
  aspect-ratio: 1;
  margin-left: auto;
  background: #122B55;
  opacity: 0;
  transform: rotate(-45deg);
  color: #ffffff;
  content: "\e903";
  -o-transition: all 1s ease;
  -ms-transition: all 1s ease;
  -moz-transition: all 1s ease;
  -webkit-transition: all 1s ease;
  transition: all 1s ease;
}
.services_main .services_list a span {
  display: block;
  cursor: pointer;
  pointer-events: initial;
}
@media (hover: none) {
  .services_main .services_list a:after {
    opacity: 1;
    background: #EE7C00;
    color: #122B55;
  }
}

.experts_main .section_title {
  padding-top: 24px;
  text-align: center;
}
.experts_main .section_category {
  margin: 0 auto;
}
.experts_main .experts_list {
  list-style-type: none;
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  padding: 0;
  position: relative;
}
.experts_main .experts_list li {
  position: relative;
  z-index: 3;
  flex: 0 0 50%;
  max-width: 530px;
}
.experts_main .experts_list:before, .experts_main .experts_list:after {
  content: "";
  display: block;
  aspect-ratio: 1;
  position: absolute;
  border-radius: 50%;
  background: #578FEE;
  filter: blur(300px);
}
.experts_main .experts_list:before {
  height: 353px;
  left: 12%;
  bottom: 0;
}
.experts_main .experts_list:after {
  height: 384px;
  top: -92px;
  right: 12%;
}
.experts_main .expert_block {
  width: 100%;
  cursor: pointer;
}
@media (hover: hover) {
  .experts_main .expert_block:hover .image_block img {
    transform: scale(1.05);
  }
  .experts_main .expert_block:hover .expert_name {
    color: #EE7C00;
  }
}
.experts_main .image_block {
  width: 100%;
  aspect-ratio: 530/589;
  border-radius: 30px;
  position: relative;
  overflow: hidden;
}
.experts_main .image_block img {
  -o-transition: 0.3s;
  -ms-transition: 0.3s;
  -moz-transition: 0.3s;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  object-fit: cover;
}
.experts_main .expert_name {
  padding-top: 14px;
  line-height: 1.5em;
  color: #ffffff;
  font-family: "manrope-extraBold", "mardoto-extraBold";
  color: #ffffff;
}
.experts_main .secondary_btn {
  position: relative;
  z-index: 2;
  width: max-content;
  position: absolute;
}
.experts_main .expert_position {
  padding-top: 4px;
  line-height: 1.4em;
  color: #ffffff;
  font-family: "manrope-light", "mardoto-light";
  color: #ffffff;
}

.info_line {
  position: relative;
  overflow: hidden;
}
.info_line:hover ul {
  animation-play-state: paused;
}
.info_line ul {
  display: flex;
  width: max-content;
  animation: scrollLine 12s linear infinite;
}
.info_line li {
  display: flex;
  text-transform: uppercase;
  align-items: center;
  font-family: "manrope-light", "mardoto-light";
  color: rgba(235, 236, 240, 0.2);
}
.info_line li:before {
  display: block;
  color: #FF872A;
}

.stats_list {
  list-style-type: none;
  display: flex;
  flex-wrap: wrap;
}
.stats_list li {
  position: relative;
}
.stats_list li:before {
  display: block;
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  margin-top: -40px;
  height: 80px;
  width: 1px;
  background: rgba(255, 255, 255, 0.2);
}
.stats_list li:first-child:before {
  display: none;
}
.stats_list .stat_main {
  font-family: "manrope-extraBold", "mardoto-extraBold";
  line-height: 1em;
  color: #ffffff;
  text-align: center;
}
.stats_list .stat_main:after {
  content: "+";
  color: #FF872A;
}
.stats_list .stat_info {
  padding-top: 9px;
  line-height: 1.4em;
  text-align: center;
  color: #E6E8F0;
}

.clients_section {
  background: #F3F4F7;
}
.clients_section .section_category {
  margin: 0 auto;
}
.clients_section .section_title {
  text-align: center;
}
.clients_section .clients_list {
  list-style-type: none;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}
.clients_section .client_item {
  background: #ffffff;
  border-radius: 60px;
}
.clients_section img {
  width: auto;
  height: 35%;
  display: block;
}

.comments_section {
  background: #F3F4F7;
}
.comments_section .title_row {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.comments_section .swiper_btns {
  display: flex;
}
.comments_section .swiper_btns button:last-child {
  margin-left: 24px;
}

.comments_slider {
  position: relative;
  overflow: hidden;
}
.comments_slider .swiper-slide {
  height: auto;
}
@media screen and (min-width: 1025px) {
  .comments_slider:not(.swiper-initialized) .swiper-slide {
    flex: 0 0 33.33%;
    max-width: 33.33%;
  }
}
@media screen and (min-width: 769px) and (max-width: 1024px) {
  .comments_slider:not(.swiper-initialized) .swiper-slide {
    flex: 0 0 50%;
    max-width: 50%;
  }
}
@media screen and (min-width: 576px) and (max-width: 768px) {
  .comments_slider:not(.swiper-initialized) .swiper-slide {
    flex: 0 0 62.5%;
    max-width: 62.5%;
  }
}
@media screen and (max-width: 575px) {
  .comments_slider:not(.swiper-initialized) .swiper-slide {
    flex: 0 0 100%;
    max-width: 100%;
  }
}
.comments_slider .comment_block {
  background: #ffffff;
  border-radius: 30px;
  display: flex;
  flex-direction: column;
  height: 100%;
}
.comments_slider .comment_row {
  width: 100%;
  display: flex;
  flex-direction: row-reverse;
  justify-content: space-between;
  align-items: center;
}
.comments_slider .comment_row:before {
  display: block;
  margin-left: 10px;
  font-size: 2.3rem;
}
.comments_slider .comment_row img {
  display: block;
  object-fit: cover;
  width: auto;
  height: 31px;
}
.comments_slider .comment_text {
  width: 100%;
  line-height: 1.4em;
  color: #4A4E54;
}
.comments_slider .user_name {
  width: 100%;
  margin-top: auto;
  line-height: 1.4em;
  color: #0C182D;
  font-family: "manrope-extraBold", "mardoto-extraBold";
  padding-top: 42px;
}

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

.ideas_section {
  background: #F3F4F7;
}
.ideas_section .ideas_main {
  border-radius: 50px;
  background: #122B55;
  position: relative;
  overflow: hidden;
}
.ideas_section svg {
  display: block;
  width: clamp(180px, 20%, 290px);
  height: auto;
  position: absolute;
  opacity: 0;
  -o-transition: opacity 0s 0.1s;
  -ms-transition: opacity 0s 0.1s;
  -moz-transition: opacity 0s 0.1s;
  -webkit-transition: opacity 0s 0.1s;
  transition: opacity 0s 0.1s;
}
.ideas_section svg:first-of-type {
  top: 0;
  left: 6%;
}
.ideas_section svg:last-of-type {
  bottom: 0;
  right: 6%;
  transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -webkit-transform: rotate(180deg);
  -o-transform: rotate(180deg);
}
.ideas_section svg .dots {
  stroke-dasharray: 600;
  stroke-dashoffset: -1200;
}
.ideas_section svg .plane {
  opacity: 0;
}
.ideas_section .ideo_info {
  position: relative;
  z-index: 2;
}
.ideas_section .idea_title {
  font-family: "manrope-extraBold", "mardoto-extraBold";
  text-align: center;
  color: #EE7C00;
}
.ideas_section .idea_title span {
  display: block;
  font-family: "manrope-light", "mardoto-light";
}
.ideas_section .title_top {
  -o-transition: all 1s 0.8s;
  -ms-transition: all 1s 0.8s;
  -moz-transition: all 1s 0.8s;
  -webkit-transition: all 1s 0.8s;
  transition: all 1s 0.8s;
  opacity: 0;
  transform: translate3d(0, -110%, 0);
  -moz-transform: translate3d(0, -110%, 0);
  -ms-transform: translate3d(0, -110%, 0);
  -webkit-transform: translate3d(0, -110%, 0);
  -o-transform: translate3d(0, -110%, 0);
}
.ideas_section .title_bottom {
  -o-transition: all 1s 0.8s;
  -ms-transition: all 1s 0.8s;
  -moz-transition: all 1s 0.8s;
  -webkit-transition: all 1s 0.8s;
  transition: all 1s 0.8s;
  opacity: 0;
}
.ideas_section .btn_block {
  opacity: 0;
  transform: translate3d(0, 110%, 0);
  -moz-transform: translate3d(0, 110%, 0);
  -ms-transform: translate3d(0, 110%, 0);
  -webkit-transform: translate3d(0, 110%, 0);
  -o-transform: translate3d(0, 110%, 0);
  -o-transition: all 1s 0.8s;
  -ms-transition: all 1s 0.8s;
  -moz-transition: all 1s 0.8s;
  -webkit-transition: all 1s 0.8s;
  transition: all 1s 0.8s;
}
.ideas_section .secondary_btn {
  width: max-content;
}
.ideas_section .ready svg {
  opacity: 1;
}
.ideas_section .ready .dots {
  stroke-dashoffset: -600;
  transition: all 0.75s;
}
.ideas_section .ready .plane {
  opacity: 1;
  transition: opacity 0.75s 0.5s;
}
.ideas_section .ready .title_top,
.ideas_section .ready .title_bottom,
.ideas_section .ready .btn_block {
  opacity: 1;
  transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -webkit-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
}

.projects_section {
  position: relative;
  overflow: hidden;
}
.projects_section .section_category {
  margin: 0 auto;
}
.projects_section .primary_btn {
  width: max-content;
  margin: 0 auto;
}
.projects_section .section_title {
  text-align: center;
}
.projects_section .slider_section {
  position: relative;
  margin: 0 auto;
}
.projects_section .slider_dots {
  display: none;
}
.projects_section .slider_wrapper {
  display: inline-flex;
  vertical-align: top;
  align-items: flex-end;
  will-change: transform;
}
.projects_section .slide_block {
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
}
@media screen and (min-width: 1601px) {
  .projects_section .slide_block {
    padding-left: 16px;
    padding-right: 16px;
  }
}
@media screen and (min-width: 1441px) and (max-width: 1600px) {
  .projects_section .slide_block {
    padding-left: 12px;
    padding-right: 12px;
  }
}
@media screen and (min-width: 1025px) and (max-width: 1440px) {
  .projects_section .slide_block {
    padding-left: 10px;
    padding-right: 10px;
  }
}
@media screen and (min-width: 769px) and (max-width: 1024px) {
  .projects_section .slide_block {
    padding-left: 8px;
    padding-right: 8px;
  }
}
@media screen and (min-width: 576px) and (max-width: 768px) {
  .projects_section .slide_block {
    padding-left: 6px;
    padding-right: 6px;
  }
}
@media screen and (max-width: 575px) {
  .projects_section .slide_block {
    padding-left: 4px;
    padding-right: 4px;
  }
}
.projects_section .slide_block:has(.slide_inner) {
  display: block;
}
.projects_section .slide_block .slide_inner {
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
}
@media (hover: hover) {
  .projects_section .slide_block .slide_inner:hover .name_block {
    color: #0C182D;
  }
}
.projects_section .slide_block .image_block {
  aspect-ratio: 536/360;
  display: block;
}
.projects_section .slide_block img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 30px;
  pointer-events: none;
}
.projects_section .slide_block.current_slide .name_block {
  max-height: 64px;
  opacity: 1;
}
.projects_section .name_block {
  margin: 0;
  flex: 0 0 64px;
  height: auto;
  max-height: 0;
  opacity: 0;
  position: relative;
  overflow: hidden;
  text-align: center;
  line-height: 1.4em;
  font-family: "manrope-extraBold", "mardoto-extraBold";
}
.projects_section .name_block span {
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  height: 64px;
}
.projects_section .slide_prev,
.projects_section .slide_next {
  background: #E6E8F0;
  aspect-ratio: 1;
  border-radius: 50%;
  border: none;
  width: 70px;
  aspect-ratio: 1;
  border-radius: 50%;
  color: #0C182D;
  position: absolute;
  top: 0;
  margin: 16.67% 20px 0;
}
.projects_section .slide_prev:before,
.projects_section .slide_next:before {
  display: block;
  font-size: 3.2rem;
  -o-transition: transform 0.3s;
  -ms-transition: transform 0.3s;
  -moz-transition: transform 0.3s;
  -webkit-transition: transform 0.3s;
  transition: transform 0.3s;
}
.projects_section .slide_prev:before,
.projects_section .slide_next:before {
  font-size: 3rem;
  display: inline-block;
  vertical-align: top;
}
@media (hover: hover) {
  .projects_section .slide_prev:hover,
  .projects_section .slide_next:hover {
    background: #EE7C00;
  }
}
.projects_section .slide_prev {
  left: -50%;
}
.projects_section .slide_next {
  right: -50%;
}

@keyframes upDown {
  from {
    transform: rotate(-90deg) translateX(0);
  }
  to {
    transform: rotate(-90deg) translateX(-15px);
  }
}
@keyframes scrollLine {
  from {
    transform: translateX(0);
  }
  to {
    transform: translateX(-20%);
  }
}
.loaded .video_section {
  opacity: 1;
}
.loaded .main_screen .image_inner:before {
  transform: rotate(21.5deg) translate3d(0, -100%, 0);
  -moz-transform: rotate(21.5deg) translate3d(0, -100%, 0);
  -ms-transform: rotate(21.5deg) translate3d(0, -100%, 0);
  -webkit-transform: rotate(21.5deg) translate3d(0, -100%, 0);
  -o-transform: rotate(21.5deg) translate3d(0, -100%, 0);
}
.loaded .main_screen .image_inner .image_cover:before {
  transform: rotate(-21.5deg) translate3d(0, 100%, 0) skewY(-46deg);
  -moz-transform: rotate(-21.5deg) translate3d(0, 100%, 0) skewY(-46deg);
  -ms-transform: rotate(-21.5deg) translate3d(0, 100%, 0) skewY(-46deg);
  -webkit-transform: rotate(-21.5deg) translate3d(0, 100%, 0) skewY(-46deg);
  -o-transform: rotate(-21.5deg) translate3d(0, 100%, 0) skewY(-46deg);
}
.loaded .main_screen .image_inner .image_cover:after {
  left: 100%;
}
.loaded .belated_text.showed {
  transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -webkit-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
}

.category_block .belated_text:not(.showed) {
  transform: translate3d(-100vw, 0, 0);
  -moz-transform: translate3d(-100vw, 0, 0);
  -ms-transform: translate3d(-100vw, 0, 0);
  -webkit-transform: translate3d(-100vw, 0, 0);
  -o-transform: translate3d(-100vw, 0, 0);
}

.section_title .belated_text:not(.showed) {
  transform: translate3d(0, 120%, 0);
  -moz-transform: translate3d(0, 120%, 0);
  -ms-transform: translate3d(0, 120%, 0);
  -webkit-transform: translate3d(0, 120%, 0);
  -o-transform: translate3d(0, 120%, 0);
}

.experts_main .category_block .belated_text:not(.showed),
.clients_section .category_block .belated_text:not(.showed),
.projects_section .category_block .belated_text:not(.showed) {
  transform: translate3d(0, -120%, 0);
  -moz-transform: translate3d(0, -120%, 0);
  -ms-transform: translate3d(0, -120%, 0);
  -webkit-transform: translate3d(0, -120%, 0);
  -o-transform: translate3d(0, -120%, 0);
}

.projects_section .name_block, .footer_menues a, .footer .contact_info a, .middle_section .section_title, .middle_section .stat_main,
.middle_section .stat_info,
.middle_section .info_line li,
.middle_section .expert_name,
.middle_section .expert_position, .experts_main .expert_name {
  -o-transition: color 0.3s;
  -ms-transition: color 0.3s;
  -moz-transition: color 0.3s;
  -webkit-transition: color 0.3s;
  transition: color 0.3s;
}

.tab_btns button, .secondary_btn span, .middle_section .stats_list li:before, .projects_section .slide_prev,
.projects_section .slide_next {
  -o-transition: background-color 0.3s;
  -ms-transition: background-color 0.3s;
  -moz-transition: background-color 0.3s;
  -webkit-transition: background-color 0.3s;
  transition: background-color 0.3s;
}

.error_hint, .primary_btn, .secondary_btn, .popup_block .popup_close, .header .main_menu a, .header .lg_list a, .middle_section .section_category, .experts_main .expert_block {
  -o-transition: all 0.3s;
  -ms-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}

.projects_section .slider_section {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.select_main select {
  position: absolute;
  width: 0;
  height: 0;
  top: 0;
  left: 0;
  visibility: hidden;
}

/*# sourceMappingURL=index.css.map */