@charset "UTF-8";
:root {
  --red-1: #CE2F2F;
  --red-2: #F14747;
  --red-3: #F1DCDC;
  --red-4: #F9EEEE;
  --linear-1: #F14747;
  --black-1: #1C1C1C;
  --black-2: #263238;
  --black-3: #475262;
  --black-4: #BFC3D7;
  --black-5: #DEE1EB;
  --black-6: #F0F1F5;
  --black-7: #F6F7FB;
  --white-1: #FFF;
  --c-white-1: 255, 255, 255;
}

:root {
  --space-140: 140px;
  --space-120: 120px;
  --space-100: 100px;
  --space-80: 80px;
  --space-60: 60px;
  --space-48: 48px;
  --space-40: 40px;
  --space-36: 36px;
  --space-32: 32px;
  --space-24: 24px;
  --space-20: 20px;
  --space-16: 16px;
  --space-14: 14px;
}

@media only screen and (max-width: 1400px) {
  :root {
    --space-120: 100px;
    --space-100: 80px;
    --space-80: 60px;
    --space-60: 48px;
    --space-48: 40px;
    --space-40: 36px;
    --space-36: 32px;
    --space-32: 24px;
    --space-24: 20px;
    --space-20: 18px;
    --space-16: 14px;
  }
}
@media only screen and (max-width: 1199px) {
  :root {
    --space-120: 80px;
    --space-100: 60px;
    --space-80: 48px;
    --space-60: 40px;
    --space-48: 36px;
    --space-40: 32px;
    --space-36: 24px;
    --space-32: 20px;
    --space-24: 18px;
    --space-20: 16px;
    --space-16: 12px; /* Minimized but aligned */
  }
}
@media only screen and (max-width: 991px) {
  :root {
    --space-120: 60px;
    --space-100: 48px;
    --space-80: 40px;
    --space-60: 36px;
    --space-48: 32px;
    --space-40: 24px;
    --space-36: 20px;
    --space-32: 20px;
    --space-24: 18px;
    --space-20: 16px;
    --space-16: 12px; /* Minimum */
  }
}
@media only screen and (max-width: 768px) {
  :root {
    --space-120: 48px;
    --space-100: 40px;
    --space-80: 36px;
    --space-60: 32px;
    --space-48: 24px;
    --space-40: 20px;
    --space-36: 20px;
    --space-32: 20px;
    --space-24: 18px;
    --space-20: 16px;
    --space-16: 12px; /* Minimum */
  }
}
@media only screen and (max-width: 574px) {
  :root {
    --space-120: 40px;
    --space-100: 36px;
    --space-80: 32px;
    --space-60: 24px;
    --space-48: 20px;
    --space-40: 20px;
    --space-36: 20px;
    --space-32: 20px;
    --space-24: 18px;
    --space-20: 16px;
    --space-16: 12px; /* Minimum */
  }
}
:root {
  --size-text-80: 80px;
  --size-text-56: 56px;
  --size-text-50: 50px;
  --size-text-48: 48px;
  --size-text-40: 40px;
  --size-text-32: 32px;
  --size-text-28: 28px;
  --size-text-26: 26px;
  --size-text-24: 24px;
  --size-text-22: 22px;
  --size-text-20: 20px;
  --size-text-18: 18px;
  --size-text-16: 16px;
  --size-text-14: 14px;
}
@media only screen and (max-width: 1632px) {
  :root {
    --size-text-80: 60px;
    --size-text-56: 44px;
    --size-text-50: 42px;
    --size-text-48: 40px;
    --size-text-40: 36px;
    --size-text-32: 26px;
    --size-text-28: 26px;
    --size-text-26: 24px;
    --size-text-24: 22px;
    --size-text-22: 20px;
    --size-text-20: 19px;
    --size-text-18: 16px;
    --size-text-16: 15px;
    --size-text-14: 13px;
  }
}
@media only screen and (max-width: 1199px) {
  :root {
    --size-text-80: 50px;
    --size-text-56: 42px;
    --size-text-50: 40px;
    --size-text-48: 38px;
    --size-text-40: 34px;
    --size-text-32: 26px;
    --size-text-28: 22px;
    --size-text-26: 22px;
    --size-text-24: 21px;
    --size-text-22: 20px;
    --size-text-20: 18px;
    --size-text-18: 16px;
    --size-text-16: 15px;
    --size-text-14: 13px;
  }
}
@media only screen and (max-width: 991px) {
  :root {
    --size-text-80: 42px;
    --size-text-56: 38px;
    --size-text-50: 36px;
    --size-text-48: 34px;
    --size-text-40: 30px;
    --size-text-32: 26px;
    --size-text-28: 22px;
    --size-text-26: 22px;
    --size-text-24: 20px;
    --size-text-22: 18px;
    --size-text-20: 18px;
    --size-text-18: 16px;
    --size-text-16: 14px;
    --size-text-14: 12px;
  }
}
@media only screen and (max-width: 768px) {
  :root {
    --size-text-80: 36px;
    --size-text-56: 34px;
    --size-text-50: 32px;
    --size-text-48: 30px;
    --size-text-40: 28px;
    --size-text-32: 24px;
    --size-text-28: 24px;
    --size-text-26: 22px;
    --size-text-24: 20px;
    --size-text-22: 18px;
    --size-text-20: 18px;
    --size-text-18: 16px;
    --size-text-16: 14px;
    --size-text-14: 12px;
  }
}
@media only screen and (max-width: 574px) {
  :root {
    --size-text-80: 30px;
    --size-text-56: 32px;
    --size-text-50: 30px;
    --size-text-48: 28px;
    --size-text-40: 26px;
    --size-text-32: 20px;
    --size-text-28: 20px;
    --size-text-26: 20px;
    --size-text-24: 16px;
    --size-text-22: 16px;
    --size-text-20: 16px;
    --size-text-18: 16px;
    --size-text-16: 14px;
    --size-text-14: 12px;
  }
}

:root {
  --height-header: 89px;
  --width-container: 1600px;
  --size-btn-56: 56px;
  --size-btn-48: 48px;
  --size-btn-40: 40px;
  --size-contact-shadow: 100px;
  --size-logo: 140px;
}
@media only screen and (max-width: 1632px) {
  :root {
    --width-container: 1360px;
    --size-btn-56: 54px;
    --size-btn-48: 46px;
    --size-btn-40: 38px;
  }
}
@media only screen and (max-width: 1400px) {
  :root {
    --width-container: 1140px;
    --size-btn-56: 52px;
    --size-btn-48: 44px;
    --size-btn-40: 36px;
  }
}
@media only screen and (max-width: 1199px) {
  :root {
    --width-container: 960px;
    --size-btn-56: 50px;
    --size-btn-48: 42px;
  }
}
@media only screen and (max-width: 991px) {
  :root {
    --width-container: 720px;
    --size-btn-56: 48px;
    --size-btn-48: 40px;
  }
}
@media only screen and (max-width: 768px) {
  :root {
    --width-container: 100%;
    --size-logo: 100px;
  }
}

* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

body {
  font-family: "Giga Sans", sans-serif;
}

h1,
h2,
h3,
h4,
h5,
h6,
p,
ul,
li {
  margin: 0;
}

ul,
ol {
  list-style: none;
  padding: 0;
}

a {
  text-decoration: none;
}
a:hover {
  color: var(--red-1);
}
a:hover > i {
  color: var(--red-2);
}

.wrapper {
  position: relative;
  z-index: 1;
}
.wrapper.page-wrapper {
  background-color: var(--black-10);
}

.container {
  max-width: calc(var(--width-container) + var(--space-16) * 2);
  margin: 0 auto;
  padding: 0 var(--space-16);
  width: 100%;
}

.row {
  --local-space: var(--space-16);
  margin-left: calc(0px - var(--local-space) / 2);
  margin-right: calc(0px - var(--local-space) / 2);
  row-gap: var(--local-space);
}
.row > div {
  padding: 0 calc(var(--local-space) / 2);
}

.owl-carousel .owl-stage {
  display: flex;
}
.owl-carousel .owl-item {
  float: unset;
  min-height: unset;
}

.owl-dots {
  display: flex;
  justify-content: center;
  gap: 4px;
  margin-top: var(--space-20);
}
.owl-dot {
  width: 14px;
  height: 8px;
  background-color: var(--blue-2) !important;
  border-radius: 8px;
  opacity: 0.3;
  transition: all 0.2s ease-in-out;
}
.event-section .owl-dot {
  background-color: var(--white-1) !important;
}
.owl-dot.active {
  width: 32px;
  opacity: 1;
}

.pt-120 {
  padding-top: var(--space-120);
}

.pt-100 {
  padding-top: var(--space-100);
}

.pb-100 {
  padding-bottom: var(--space-100);
}

.section {
  padding-top: var(--space-120);
}
.banner + .section {
  padding-top: var(--space-80);
}
.section-badge {
  color: var(--black-3);
  font-size: var(--size-text-16);
  font-weight: 500;
  line-height: 139%;
  letter-spacing: -0.32px;
  display: flex;
  align-items: center;
  padding: 8px;
  gap: 8px;
  border-radius: 12px;
  border: 1px solid var(--black-5);
  background: #FFF;
  width: max-content;
  margin-bottom: var(--space-14);
}
.section-badge i {
  font-size: 18px;
  color: var(--black-3);
}
.section-badge._center, ._center .section-badge {
  margin-right: auto;
  margin-left: auto;
  text-align: center;
}
.section-header {
  margin-bottom: var(--space-24);
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.section-title {
  color: var(--black-1);
  font-size: var(--size-text-40);
  font-weight: 600;
  line-height: 120%;
  letter-spacing: -0.8px;
  margin-bottom: var(--space-24);
}
.section-title._center, ._center .section-title {
  margin-right: auto;
  margin-left: auto;
  text-align: center;
}
.section-header .section-title {
  margin-bottom: 0;
}
.section-subtitle {
  color: var(--black-1);
  font-size: var(--size-text-40);
  font-weight: 600;
  line-height: 120%;
  letter-spacing: -0.8px;
  margin-bottom: var(--space-20);
}
.section-subtitle._center {
  text-align: center;
}
.section-minititle {
  color: var(--black-1);
  font-size: var(--size-text-32);
  font-weight: 600;
  line-height: 120%;
  letter-spacing: -0.64px;
  margin-bottom: var(--space-20);
}
.section-link {
  color: var(--black-1);
  font-size: var(--size-text-18);
  font-weight: 500;
  line-height: 139%;
  letter-spacing: -0.36px;
  display: flex;
  align-items: center;
  gap: 6px;
}
.section-link i {
  color: var(--red-1);
  font-size: 20px;
}
.section-detail {
  --width-container: 1330px;
}

.hero-section {
  position: relative;
  z-index: 1;
  padding-top: var(--height-header);
  max-width: 100%;
  overflow: hidden;
}
.hero-bg {
  position: absolute;
  left: 0;
  top: var(--height-header);
  width: 100%;
  height: calc(100% - var(--height-header));
  z-index: -1;
}
.hero-bg__image {
  width: 100%;
  height: 100%;
  object-position: center;
  object-fit: cover;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  transition: opacity 0.5s ease-in-out;
}
.hero-bg__image.active {
  opacity: 1;
}
.hero-container__inner {
  position: relative;
  height: calc(100vh - var(--height-header));
  display: flex;
  justify-content: center;
  flex-direction: column;
  align-items: flex-start;
  z-index: 1;
  --local-outer-width: calc((100vw - (var(--width-container) + var(--space-16) * 2)) / 2 + var(--space-16));
}
@media only screen and (max-width: 574px) {
  .hero-container__inner {
    justify-content: flex-end;
  }
}
.hero-container__inner::before {
  content: "";
  flex: 1;
}
@media only screen and (max-width: 574px) {
  .hero-container__inner::before {
    display: none;
  }
}
.hero-container__frame {
  --local-width: calc(100% / 12 * 4);
  position: absolute;
  left: calc(0px - var(--local-outer-width));
  top: 0;
  bottom: 0;
  width: calc(var(--local-outer-width) + var(--local-width));
  background-color: var(--red-1);
  z-index: -1;
  clip-path: polygon(35% 0%, 100% 32%, 100% 100%, 0 100%, 0 0);
}
@media only screen and (max-width: 1400px) {
  .hero-container__frame {
    clip-path: polygon(38% 0%, 100% 24%, 100% 100%, 0 100%, 0 0);
  }
}
@media only screen and (max-width: 991px) {
  .hero-container__frame {
    --local-width: calc(100% / 12 * 6);
  }
}
@media only screen and (max-width: 768px) {
  .hero-container__frame {
    --local-width: calc(100% / 12 * 7);
  }
}
@media only screen and (max-width: 574px) {
  .hero-container__frame {
    --local-width: calc(100% / 12 * 10);
  }
}
.hero-container__frame svg {
  --local-width: 505px;
  width: var(--local-width);
  content: "";
  position: absolute;
  opacity: 0.1;
  bottom: 0;
  left: var(--local-outer-width);
  transform: translateX(-33%);
  fill: var(--white-1);
}
.hero-container__info {
  width: 60%;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  position: relative;
  z-index: 1;
}
@media only screen and (max-width: 574px) {
  .hero-container__info {
    width: 100%;
    margin-bottom: var(--space-24);
  }
}
.hero-container__item {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  opacity: 0;
  transform: translateY(-20px);
  /* Tepadan boshlanadi */
  transition: opacity 0.3s ease, transform 0.5s ease;
  pointer-events: none;
  /* Faqat active bo‘lganda clickable */
}
.hero-container__item.active {
  opacity: 1;
  transform: translateY(0);
  /* Pastga tushadi */
  pointer-events: auto;
}
.hero-carousel {
  flex: 1;
  max-width: 100%;
  width: 100%;
}
@media only screen and (max-width: 574px) {
  .hero-carousel {
    flex: unset;
  }
}
.hero-carousel__inner {
  display: flex;
  align-items: flex-end;
  gap: 8px;
  height: 100%;
  padding-bottom: var(--space-60);
}
.hero-carousel__action {
  display: flex;
  align-items: center;
  gap: 10px;
}
@media only screen and (max-width: 574px) {
  .hero-carousel__action {
    flex-wrap: wrap;
    justify-content: center;
  }
}
.hero-carousel__action__dots {
  display: flex;
  align-items: center;
  padding: 0 12px;
}
@media only screen and (max-width: 574px) {
  .hero-carousel__action__dots {
    order: 3;
    width: 100%;
    justify-content: center;
  }
}
.hero-carousel__action__dots > span {
  color: var(--white-1);
  font-size: 32px;
  line-height: 100%;
  font-weight: 500;
  letter-spacing: -0.64px;
  display: flex;
  align-items: flex-end;
  gap: 8px;
}
.hero-carousel__action__dots > span span {
  color: var(--white-1);
  font-size: 18px;
  font-weight: 400;
  letter-spacing: -0.36px;
  line-height: 100%;
  transform: translateY(-4px);
}
.hero-carousel__action__btn {
  background-color: transparent;
  padding: 0;
  border: none;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  outline: none;
  width: var(--size-btn-56);
  font-size: 24px;
  color: var(--white-1);
}
.hero-carousel__action__btn, .hero-carousel__action__dots {
  height: var(--size-btn-56);
  border-radius: 8px;
  border: 1px solid rgba(255, 255, 255, 0.15);
  background: rgba(255, 255, 255, 0.05);
}
.hero-carousel__wrapper {
  --local-width: calc(100% / 12 * 6.5);
  --local-result-width: calc(var(--local-width) + var(--local-outer-width));
  width: var(--local-result-width);
  min-width: var(--local-result-width);
  max-width: var(--local-result-width);
  flex: 0 0 var(--local-result-width);
  margin-left: auto;
  margin-right: calc(0px - var(--local-outer-width) + 16px);
}
@media only screen and (max-width: 991px) {
  .hero-carousel__wrapper {
    --local-width: calc(100% / 12 * 8.5);
  }
}
@media only screen and (max-width: 768px) {
  .hero-carousel__wrapper {
    --local-width: calc(100% / 12 * 5.5);
  }
}
@media only screen and (max-width: 768px) {
  .hero-carousel__wrapper {
    --local-width: calc(100% / 12 * 7);
  }
}
.hero-title {
  margin-bottom: var(--space-24);
  transition: opacity 0.3s ease, transform 0.5s ease;
}
.hero-title__big {
  color: var(--white-1);
  font-size: var(--size-text-80);
  font-weight: 700;
  line-height: 100%;
  letter-spacing: -1.6px;
  display: block;
  margin-bottom: 10px;
  word-break: break-all;
}
.hero-title__small {
  color: var(--white-1);
  font-size: var(--size-text-56);
  font-weight: 600;
  line-height: 100%;
  letter-spacing: -1.12px;
  display: block;
  word-break: break-all;
}
.hero-text {
  color: var(--white-1);
  font-size: var(--size-text-18);
  font-weight: 400;
  line-height: 120%;
  letter-spacing: -0.36px;
  margin-bottom: var(--space-32);
  transition: opacity 0.3s ease, transform 0.5s ease;
}
.hero-button {
  width: auto;
}
.hero-card {
  display: block;
  position: relative;
  aspect-ratio: 1.445;
  border-radius: 12px;
  border: 1px solid rgba(255, 255, 255, 0.2);
  backdrop-filter: blur(10px);
  overflow: hidden;
  background-image: var(--local-image);
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}
.hero-card__image {
  width: 100%;
  height: 100%;
  object-position: center;
  object-fit: cover;
}
.hero-card__info {
  position: absolute;
  left: 0;
  bottom: -1px;
  width: 100%;
  padding: 14px;
  border-top: 1px solid rgba(255, 255, 255, 0.2);
  backdrop-filter: blur(10px);
}
.hero-card__title {
  color: var(--white-1);
  font-size: var(--size-text-22);
  font-weight: 600;
  line-height: 120%;
  letter-spacing: -0.44px;
  margin-bottom: 4px;
}
.hero-card__subtitle {
  color: var(--white-1);
  font-size: var(--size-text-16);
  font-weight: 400;
  line-height: 100%;
  letter-spacing: -0.32px;
  opacity: 0.8;
}
.hero-social {
  --local-x-gutter: calc((100vw - var(--width-container)) / 2);
  position: absolute;
  left: calc(var(--local-x-gutter) / 2);
  top: calc(50% + var(--height-header) / 2);
  transform: translate(-50%, -50%);
  z-index: 999;
  display: flex;
  flex-direction: column;
  gap: 8px;
}
@media only screen and (max-width: 1444px) {
  .hero-social {
    display: none;
  }
}
.hero-social::after, .hero-social::before {
  content: "";
  position: absolute;
  height: var(--space-60);
  border-right: 1px solid rgba(255, 255, 255, 0.2);
  left: 50%;
}
.hero-social::before {
  top: 0;
  transform: translateY(calc(-100% - 12px));
}
.hero-social::after {
  bottom: 0;
  transform: translateY(calc(100% + 12px));
}
.hero-social a {
  width: 42px;
  height: 42px;
  min-width: 42px;
  flex: 0 0 42px;
  border-radius: 12px;
  border: 1px solid rgba(255, 255, 255, 0.4);
  background: rgba(255, 255, 255, 0);
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 20px;
  color: var(--white-1);
}

.hero-container__info {
  position: relative;
}

/* Placeholder qatlam - joyni egallaydi, lekin ko‘rinmaydi */
.hero-info-placeholder {
  opacity: 0;
  /* Ko‘rinmas, lekin joyni zaynit qiladi */
  pointer-events: none;
  /* Click bo‘lmaydi */
}

/* Animatsiya qatlami */
.hero-info-animated {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
}

.hero-info-item {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  opacity: 0;
  transform: translateY(-20px);
  /* Tepadan boshlanadi */
  transition: opacity 0.3s ease, transform 0.5s ease;
  pointer-events: none;
}

.hero-info-item.active {
  opacity: 1;
  transform: translateY(0);
  /* Pastga tushadi */
  pointer-events: auto;
}

.header {
  --local-color: var(--white-1);
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  z-index: 100000;
  background-color: var(--white-1);
}
.header-fixed .header, .page-wrapper .header {
  border-bottom: 1px solid var(--black-6);
  background: var(--white-1);
  box-shadow: 0px 0px 30px 0px rgba(28, 28, 28, 0.05);
}
.header-container {
  display: flex;
  align-items: center;
  height: var(--height-header);
}
.header-logo {
  padding: 5px;
  background-color: var(--white-1);
  margin-top: 20px;
  align-self: flex-start;
  margin-right: var(--space-40);
  border-radius: 5px;
}
.page-wrapper .header-logo {
  border-bottom: 1px solid var(--black-6);
  background: var(--white-1);
  box-shadow: 0px 0px 30px 0px rgba(28, 28, 28, 0.05);
}
.header-logo img {
  display: block;
  width: var(--size-logo);
}
.header-menu {
  display: flex;
  align-items: center;
  gap: var(--space-24);
  margin-right: auto;
}
@media only screen and (max-width: 1400px) {
  .header-menu {
    display: none;
  }
}
.header-menu__link {
  color: var(--black-1);
  font-size: var(--size-text-18);
  font-weight: 500;
  line-height: 139%;
  letter-spacing: -0.36px;
  display: block;
}
.header-contact {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
}
@media only screen and (max-width: 768px) {
  .header-contact {
    display: none;
  }
}
.header-contact__phone {
  color: var(--black-1);
  font-size: var(--size-text-20);
  font-weight: 600;
  line-height: 120%;
  letter-spacing: -0.4px;
}
.header-contact__label {
  color: var(--black-1);
  font-size: var(--size-text-14);
  font-weight: 400;
  line-height: 139%;
  letter-spacing: -0.28px;
  opacity: 0.6;
  text-align: right;
}
.header-lang {
  margin-left: var(--space-24);
}
.header-lang__btn {
  background-color: transparent;
  padding: 0;
  border: none;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0px;
  outline: none;
  padding: 12px;
  border-radius: 12px;
  border: 1px solid var(--black-5);
  background: var(--white-1);
}
@media only screen and (max-width: 574px) {
  .header-lang__btn {
    padding: 8px 12px;
  }
}
.header-lang__btn img {
  min-width: 24px;
  width: 24px;
}
.header-lang__btn span {
  text-transform: uppercase;
  color: var(--black-1);
  font-size: var(--size-text-18);
  font-weight: 500;
  line-height: 139%;
  letter-spacing: -0.36px;
  margin: 0 4px 0 8px;
}
.header-langs {
  padding: 2px 12px;
  transform: translate(0%, 0) !important;
  inset: unset !important;
  top: calc(100% + 12px) !important;
  right: 0 !important;
  left: unset !important;
  border-radius: 12px;
  border: 1px solid var(--black-5);
  background: var(--white-1);
  box-shadow: 0px 4px 20px 0px rgba(51, 97, 135, 0.1);
  min-width: 103px;
}
.header-langs__link {
  display: flex;
  align-items: center;
  padding: 10px 0px;
  gap: 6px;
  color: var(--black-4);
  font-size: var(--size-text-18);
  font-weight: 500;
  line-height: 139%;
  letter-spacing: -0.36px;
}
.header-langs__item:not(:last-child) .header-langs__link {
  border-bottom: 1px solid var(--black-5);
}
.header-langs__link.active {
  color: var(--black-1);
}
.header-langs__link img {
  min-width: 24px;
  width: 24px;
  border-radius: 4px;
  height: auto;
}
.header-apply {
  margin-left: var(--space-16);
}
@media only screen and (max-width: 768px) {
  .header-apply {
    display: none !important;
  }
}
.header-bars {
  background-color: transparent;
  padding: 0;
  border: none;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  outline: none;
  display: none;
  width: 32px;
  height: 32px;
  min-width: 32px;
  flex: 0 0 32px;
  background-color: var(--red-4);
  font-size: 20px;
  color: var(--red-1);
  border-radius: 4px;
  margin-right: auto;
}
@media only screen and (max-width: 1400px) {
  .header-bars {
    display: flex;
  }
}

.footer {
  position: relative;
  padding-top: var(--space-40);
  padding-bottom: var(--space-20);
  margin-top: var(--space-120);
}
.footer .row {
  row-gap: var(--space-48);
}
.footer::before {
  content: "";
  position: absolute;
  left: var(--space-16);
  right: var(--space-16);
  top: 0;
  border-top: 1px solid var(--black-6);
}
.footer-label {
  color: var(--black-3);
  font-size: var(--size-text-18);
  font-weight: 400;
  line-height: 120%;
  letter-spacing: -0.36px;
  display: block;
  margin-bottom: 12px;
}
@media only screen and (max-width: 574px) {
  .footer-label {
    margin-bottom: 4px;
  }
}
.footer-link {
  color: var(--black-1);
  font-size: var(--size-text-24);
  font-weight: 600;
  line-height: 120%;
  letter-spacing: -0.48px;
  display: block;
}
.footer-link:not(:last-of-type) {
  margin-bottom: 6px;
}
.footer-copy {
  margin-top: var(--space-40);
  padding: 10px var(--space-16);
  border-radius: 12px;
  border: 1px solid var(--black-6);
  background: var(--black-7);
  display: flex;
  align-items: center;
}
@media only screen and (max-width: 768px) {
  .footer-copy {
    flex-wrap: wrap;
    row-gap: 12px;
  }
}
.footer-copy__col {
  flex: 1;
}
@media only screen and (max-width: 768px) {
  .footer-copy__col {
    flex: unset;
    width: 100%;
  }
}
.footer-copy__item {
  color: var(--black-1);
  font-size: var(--size-text-18);
  font-weight: 400;
  line-height: 120%;
  letter-spacing: -0.36px;
  display: flex;
  align-items: center;
  gap: 8px;
}
@media only screen and (max-width: 768px) {
  .footer-copy__item {
    justify-content: center;
    width: 100%;
    text-align: center;
  }
}
.footer-copy__item img {
  width: 96px;
  min-width: 96px;
}
.footer-copy__item._2 {
  margin-left: auto;
  width: max-content;
}
@media only screen and (max-width: 768px) {
  .footer-copy__item._2 {
    margin: 0;
    width: 100%;
  }
}
.footer-social {
  display: flex;
  align-items: center;
  gap: 6px;
}
@media only screen and (max-width: 768px) {
  .footer-social {
    margin: 0 auto;
  }
}
.footer-social__link {
  border-radius: 12px;
  border: 1px solid var(--black-6);
  background: var(--white-1);
  font-size: 20px;
  color: var(--black-3);
  width: 36px;
  height: 36px;
  min-width: 36px;
  flex: 0 0 36px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.menu {
  background-color: rgba(0, 0, 0, 0.2);
  position: fixed;
  left: 0;
  top: var(--height-header);
  bottom: 0;
  right: 0;
  z-index: 998;
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.25s ease-in-out, visibility 0.25s ease-in-out;
}
.menu-apply {
  width: 100% !important;
  margin-top: 12px;
}
.menu.active {
  opacity: 1;
  visibility: visible;
}
.menu-close {
  position: absolute;
  right: 16px;
  top: 16px;
  font-size: 20px;
  width: 32px;
  height: 32px;
  border-radius: 50%;
  background-color: var(--blue-2);
  display: flex;
  align-items: center;
  justify-content: center;
  color: white;
  border: none;
}
.menu-wrapper {
  transform: translateX(-100%);
  transition: all 0.25s ease-in-out;
  overflow: hidden;
  position: relative;
  max-width: 300px;
  background-color: var(--red-1);
  height: 100%;
  padding: var(--space-32);
  padding-top: calc(var(--size-logo) / 2 + 20px);
  display: flex;
  flex-direction: column;
}
.menu-wrapper.active {
  transform: translate(0);
}
.menu-social {
  background: rgba(var(--code-white-1), 0.1);
  display: flex;
  align-items: center;
  border-radius: 12px;
  padding: 6px;
  gap: 8px;
  width: max-content;
  margin: auto auto 0 auto;
}
.menu-social a {
  background: var(--red-2);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  color: var(--white-1);
  width: 32px;
  height: 32px;
  min-width: 32px;
  display: flex;
  align-items: center;
  border-radius: 10px;
  justify-content: center;
  font-size: 20px;
}
.menu-sublist {
  margin-top: 16px;
  padding-left: 12px;
}
.menu-sublist__item:not(:last-child) {
  margin-bottom: 10px;
}
.menu-sublist__link {
  color: var(--black-1);
  font-size: var(--size-text-18);
  font-weight: 500;
  line-height: 139%;
  letter-spacing: -0.36px;
}
.menu-list__item > .menu-sublist {
  padding-left: 0;
}
.menu-sublist .menu-sublist {
  margin-top: 8px;
}
.menu-sublist .menu-sublist .menu-sublist__link {
  color: var(--black-4);
}
.menu-options {
  width: 100%;
}
.menu-options__link {
  background-color: transparent;
  border: none;
  outline: none;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0;
  width: 100%;
  padding: 12px 0;
  color: var(--white-1);
  font-size: var(--size-text-32);
  font-weight: 600;
  line-height: 120%;
  letter-spacing: -0.64px;
}
.menu-options__item:not(:last-child) .menu-options__link {
  border-bottom: 1px solid rgba(var(--c-white-1), 0.1);
}
.menu-options__link.collapsed i {
  transform: rotate(0deg);
}
.menu-options__link i {
  transform: rotate(90deg);
  transition: all 0.3s ease-in-out;
  font-size: 20px;
}
.menu-suboptions .menu-suboptions {
  padding-left: 12px;
}
.menu-suboptions__link {
  color: rgba(var(--c-white-1), 0.9);
  font-size: var(--size-text-22);
  font-weight: 600;
  line-height: 120%;
  letter-spacing: -0.44px;
  padding: 12px;
  display: block;
  border-bottom: 1px solid rgba(var(--c-white-1), 0.1);
}
.menu-suboptions__link:hover {
  color: var(--blue-2);
}
.about-text {
  color: var(--black-1);
  font-size: var(--size-text-18);
  font-weight: 400;
  line-height: 120%;
  letter-spacing: -0.36px;
  margin-bottom: var(--space-24);
}
.about-action {
  display: flex;
  gap: 12px;
  row-gap: 8px;
  flex-wrap: wrap;
}
.about-card {
  border-radius: 12px;
  border: 1px solid var(--red-3);
  background: var(--red-4);
  overflow: hidden;
  display: flex;
  flex-direction: column;
}
.about-card__info {
  padding: var(--space-16);
  padding-bottom: 0px;
  margin-bottom: auto;
}
.about-card__count {
  color: var(--red-1);
  font-size: var(--size-text-40);
  font-weight: 600;
  line-height: 120%;
  letter-spacing: -0.8px;
  margin-bottom: 8px;
  display: block;
}
.about-card__title {
  color: var(--black-1);
  font-size: var(--size-text-18);
  font-weight: 400;
  line-height: 120%;
  letter-spacing: -0.36px;
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  text-overflow: ellipsis;
}
.about-card__poster {
  width: 100%;
  height: 100%;
  object-position: center;
  object-fit: cover;
}
.about-card__image {
  width: 100%;
  height: auto;
  object-fit: center;
}
@media only screen and (max-width: 1632px) {
  .about-card__image {
    width: 80%;
    margin: 0 auto;
  }
}
.about-card._image {
  aspect-ratio: 0.875;
  border: none;
}
.about-card._3 {
  aspect-ratio: 0.819;
}
.about-card._2 {
  aspect-ratio: 0.769;
}
.about-card._1 {
  aspect-ratio: 0.725;
}
@media only screen and (max-width: 574px) {
  .about-card {
    aspect-ratio: unset !important;
  }
}

.summary-title {
  color: var(--black-1);
  font-size: var(--size-text-32);
  font-weight: 600;
  line-height: 120%;
  letter-spacing: -0.64px;
  margin-bottom: var(--space-16);
}
.summary-text {
  color: var(--black-1);
  font-size: var(--size-text-18);
  font-weight: 400;
  line-height: 120%;
  letter-spacing: -0.36px;
}
.summary-image {
  aspect-ratio: 1.09;
  position: sticky;
  top: calc(var(--height-header) + var(--size-logo) / 2 + 12px);
}
.summary-image__main {
  width: 100%;
  height: 100%;
  object-position: center;
  object-fit: cover;
}
.summary-image__logo {
  position: absolute;
  z-index: 2;
  padding: 5px;
  border-radius: 5px;
  border: 1px solid var(--black-6);
  background: var(--white-1);
  right: 0;
  top: 50%;
  transform: translate(50%, -50%);
}
.summary-image__logo img {
  width: 140px;
  display: block;
}
@media only screen and (max-width: 991px) {
  .summary-image__logo img {
    width: 100px;
  }
}
.summary-image__frame {
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  width: 100%;
  height: 100%;
  object-position: center;
  object-fit: cover;
}

.principle-card {
  position: relative;
  z-index: 1;
  aspect-ratio: 0.6466;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  padding: var(--space-16);
  position: relative;
}
.principle-card__image {
  position: absolute;
  left: 0;
  top: 0;
  z-index: -1;
  width: 100%;
  height: 100%;
  border-radius: 12px;
  overflow: hidden;
}
.principle-card__image::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(0deg, rgba(28, 28, 28, 0.9) 0%, rgba(28, 28, 28, 0) 60%);
}
.principle-card__image img {
  width: 100%;
  height: 100%;
  object-position: center;
  object-fit: cover;
}
.principle-card__title {
  color: var(--white-1);
  font-size: var(--size-text-32);
  font-weight: 600;
  line-height: 120%;
  letter-spacing: -0.64px;
  margin-bottom: 8px;
}
.principle-card__text {
  color: var(--white-1);
  font-size: var(--size-text-18);
  font-weight: 400;
  line-height: 120%;
  letter-spacing: -0.36px;
  min-height: 65px;
}

.leadership-card {
  display: flex;
  flex-direction: column;
  height: 100%;
}
.leadership-card__image {
  margin-bottom: var(--space-14);
}
.leadership-card__image__inner {
  aspect-ratio: 0.95;
}
.leadership-card__image__inner img {
  width: 100%;
  height: 100%;
  object-position: center;
  object-fit: cover;
  border-radius: 12px;
}
.leadership-card__info {
  flex: 1;
  display: flex;
  flex-direction: column;
}
.leadership-card__title {
  color: var(--black-1);
  font-size: var(--size-text-24);
  font-weight: 600;
  line-height: 120%;
  letter-spacing: -0.48px;
  margin-bottom: 8px;
}
.leadership-card__subtitle {
  color: var(--black-1);
  font-size: var(--size-text-18);
  font-weight: 400;
  line-height: 120%;
  letter-spacing: -0.36px;
  margin-bottom: 12px;
}
.leadership-card__link {
  margin-top: auto;
  color: var(--red-1);
  font-size: var(--size-text-18);
  font-weight: 500;
  line-height: 139%;
  letter-spacing: -0.36px;
}

.career-card {
  border-radius: 12px;
  border: 1px solid var(--black-6);
  background: var(--white-1);
  box-shadow: 0px 0px 20px 0px rgba(28, 28, 28, 0.05);
  padding: var(--space-16);
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  height: 100%;
}
.career-card__title {
  color: var(--black-1);
  font-size: var(--size-text-24);
  font-weight: 600;
  line-height: 120%;
  letter-spacing: -0.48px;
  margin-bottom: 10px;
}
.career-card__subtitle {
  color: var(--black-1);
  font-size: var(--size-text-18);
  font-weight: 400;
  line-height: 120%;
  letter-spacing: -0.36px;
  margin-bottom: 12px;
}
.career-card__divider {
  margin-top: auto;
  border-top: 1px solid var(--black-5);
}
.career-card__bottom {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
}
.career-card__price {
  padding: 6px 8px;
  display: flex;
  align-items: center;
  gap: 6px;
  color: var(--black-1);
  font-size: var(--size-text-18);
  font-weight: 500;
  line-height: 139%;
  letter-spacing: -0.36px;
  border-radius: 12px;
  border: 1px solid var(--black-6);
  background: var(--black-7);
  margin-bottom: var(--space-16);
}
.career-card__price i {
  font-size: 18px;
  color: var(--red-2);
}
.career-card__address {
  color: var(--red-2);
  font-size: var(--size-text-18);
  font-weight: 500;
  line-height: 139%;
  letter-spacing: -0.36px;
}
.career-card__divider {
  margin: auto 0 var(--space-16);
  border-top: 1px solid var(--black-5);
  width: 100%;
}
.career-card__arrow {
  font-size: 22px;
  color: var(--red-2);
}

.block {
  border-radius: 12px;
  border: 1px solid var(--black-6);
  background: var(--white-1);
  box-shadow: 0px 0px 20px 0px rgba(28, 28, 28, 0.05);
  padding: var(--space-16);
}
.block:not(:last-child) {
  margin-bottom: var(--space-16);
}

.career-detail__label {
  color: var(--black-3);
  font-size: var(--size-text-18);
  font-weight: 400;
  line-height: 120%;
  letter-spacing: -0.36px;
  display: block;
  margin-bottom: 6px;
}
.career-detail__value {
  color: var(--black-1);
  font-size: var(--size-text-20);
  font-weight: 600;
  line-height: 120%;
  letter-spacing: -0.4px;
  display: block;
}

.content table {
  width: 100%;
}
.content table thead {
  box-shadow: 0px 0px 20px 0px rgba(51, 97, 135, 0.03);
}
.content table th {
  background-color: var(--green-1);
  padding: 14px 6px;
  color: var(--white-1);
  font-size: var(--size-text-18);
  font-weight: 400;
  line-height: 120%;
  letter-spacing: -0.36px;
}
.content table th:first-child {
  padding-left: 16px;
}
.content table th:last-child {
  padding-right: 14px;
}
.content table tr:first-child th:first-child {
  border-radius: 14px 0 0 0;
}
.content table tr:first-child th:last-child {
  border-radius: 0px 14px 0 0;
}
.content table td {
  color: var(--black-2);
  font-size: var(--size-text-18);
  font-weight: 400;
  line-height: 120%;
  letter-spacing: -0.36px;
  padding: 14px 6px;
  background-color: var(--white-1);
  height: 100%;
  border-bottom: 1px solid var(--black-7);
}
.content table td[rowspan] {
  background-color: var(--black-9);
}
.content table td:first-child {
  padding-left: 16px;
}
.content table td:last-child {
  padding-right: 16px;
}
.content table tr:last-child td {
  border-bottom: none;
}
.content table__filled {
  text-align: center;
  background-color: var(--black-9) !important;
}
.content table:not(.not-zebra) tr:nth-child(even) td {
  background-color: var(--black-9) !important;
}
.content > *:not(:last-child) {
  margin-bottom: 16px;
}
.content ul {
  list-style: disc;
  padding-left: 24px;
}
.content img {
  width: 100%;
  height: auto;
}
.content i,
.content p,
.content span {
  color: var(--black-1);
  font-size: var(--size-text-18);
  font-weight: 400;
  line-height: 120%;
  letter-spacing: -0.36px;
}
.content ul li {
  color: var(--black-1);
  font-size: var(var(--size-text-20));
  font-weight: 400;
  line-height: 139%;
  letter-spacing: -0.4px;
}
.content > i {
  font-style: italic;
}
.content a {
  color: var(--green-1);
  text-decoration-line: underline;
  text-decoration-style: solid;
  text-decoration-skip-ink: none;
  text-decoration-thickness: auto;
  text-underline-offset: auto;
  text-underline-position: from-font;
}
.content h1,
.content h2,
.content h3,
.content h4,
.content h5,
.content h6 {
  margin-bottom: 8px !important;
}
.content h1 {
  color: var(--black-1);
  font-size: var(--size-text-32);
  font-weight: 600;
  line-height: 120%;
  letter-spacing: -0.64px;
}
.content h2 {
  color: var(--black-1);
  font-size: var(--size-text-24);
  font-weight: 600;
  line-height: 120%;
  letter-spacing: -0.48px;
}
.content h3 {
  color: var(--black-1);
  font-size: var(--size-text-22);
  font-weight: 600;
  line-height: 120%;
  letter-spacing: -0.44px;
}
.content h4 {
  color: var(--black-1);
  font-size: var(--size-text-20);
  font-weight: 600;
  line-height: 120%;
  letter-spacing: -0.4px;
}
.content h5 {
  color: var(--black-1);
  font-size: var(var(--size-text-20));
  font-weight: 400;
  line-height: 139%;
  letter-spacing: -0.4px;
}
.content h6 {
  color: var(--black-1);
  font-size: var(--size-text-18);
  font-weight: 500;
  line-height: 139%;
  letter-spacing: -0.36px;
}
.content p {
  color: var(--black-1);
  font-size: var(--size-text-18);
  font-weight: 400;
  line-height: 120%;
  letter-spacing: -0.36px;
}
.content b,
.content strong {
  font-family: "MuseoSansCyrl-700", sans-serif;
  font-weight: unset;
}

.contact-title {
  color: var(--black-1);
  font-size: var(--size-text-32);
  font-weight: 600;
  line-height: 120%;
  letter-spacing: -0.64px;
  margin-bottom: 12px;
}
.contact-text {
  color: var(--black-3);
  font-size: var(--size-text-18);
  font-weight: 500;
  line-height: 139%;
  letter-spacing: -0.36px;
}
.contact-divider {
  border-top: 1px solid var(--black-5);
  margin: var(--space-20) 0;
}
.contact-subtitle {
  color: var(--black-1);
  font-size: var(--size-text-24);
  font-weight: 600;
  line-height: 120%;
  letter-spacing: -0.48px;
  margin-bottom: 12px;
}
.contact-phones {
  display: flex;
  align-items: center;
  margin-bottom: var(--space-16);
}
@media only screen and (max-width: 991px) {
  .contact-phones {
    flex-wrap: wrap;
    row-gap: 12px;
  }
}
.contact-phones__item {
  color: var(--red-1);
  font-size: var(--size-text-18);
  font-weight: 500;
  line-height: 139%;
  letter-spacing: -0.36px;
  gap: var(--space-20);
  display: flex;
  align-items: center;
}
@media only screen and (max-width: 574px) {
  .contact-phones__item {
    gap: 8px;
  }
}
.contact-phones__item:not(:last-child) {
  margin-right: var(--space-20);
}
@media only screen and (max-width: 574px) {
  .contact-phones__item:not(:last-child) {
    margin-right: 8px;
  }
}
.contact-phones__item:not(:last-child)::after {
  content: "";
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background-color: var(--black-3);
}
.contact-social {
  display: flex;
  align-items: center;
  gap: 8px;
}
.contact-social__item {
  width: 42px;
  height: 42px;
  min-width: 42px;
  flex: 0 0 42px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 20px;
  color: var(--black-1);
  border-radius: 12px;
  border: 1px solid var(--Neutral-Black-5, #DEE1EB);
  background: var(--Neutral-White, #FFF);
}
.contact-link {
  color: var(--red-1);
  font-size: var(--size-text-18);
  font-weight: 500;
  line-height: 139%;
  letter-spacing: -0.36px;
  display: block;
  margin-top: 8px;
}

.service-card {
  padding: var(--space-14);
  border-radius: 12px;
  border: 1px solid var(--black-6);
  background: var(--white-1);
  box-shadow: 0px 0px 30px 0px rgba(28, 28, 28, 0.05);
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  height: 100%;
  position: relative;
  overflow: hidden;
  min-height: 120px;
}
.service-card__header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: var(--space-14);
  padding-right: var(--space-14);
  width: 100%;
}
.service-card__icon {
  width: 50px;
  height: 50px;
  min-width: 50px;
  flex: 0 0 50px;
  border-radius: 8px;
  border: 1px solid var(--red-3);
  background: var(--red-4);
  display: flex;
  flex-direction: column;
  overflow: hidden;
}
.service-card__icon__svg {
  width: 100%;
  height: 200%;
  display: flex;
  flex-direction: column;
  justify-content: space-around;
  align-items: center;
  flex: 0 0 auto;
  transition: all 0.2s ease-in-out;
}
.service-card:hover .service-card__icon__svg {
  transform: translateY(-50%);
}
.service-card__icon svg {
  width: 50%;
}
.service-card__count {
  color: var(--black-3);
  font-size: var(--size-text-18);
  font-weight: 400;
  line-height: 120%;
  letter-spacing: -0.36px;
}
.service-card__title {
  color: var(--black-1);
  font-size: var(--size-text-22);
  font-weight: 600;
  line-height: 120%;
  letter-spacing: -0.44px;
  min-height: 78px;
  margin-bottom: var(--space-14);
}
.service-card__subtitle {
  color: var(--black-1);
  font-size: var(--size-text-20);
  font-weight: 600;
  line-height: 120%;
  letter-spacing: -0.4px;
  min-height: 72px;
}
.service-card__arrow {
  font-size: 22px;
  color: var(--red-2);
  margin-top: auto;
  transition: all 0.2s ease-in-out;
}
.service-card:hover .service-card__arrow {
  transform: rotate(45deg);
}
.service-card__label {
  color: var(--red-2);
  font-size: var(--size-text-18);
  font-weight: 500;
  line-height: 139%;
  letter-spacing: -0.36px;
  gap: 4px;
  display: flex;
  align-items: center;
}
.service-card__label i {
  font-size: 20px;
}
.service-card._link {
  display: flex;
  align-items: center;
  justify-content: center;
}
.service-card._link svg {
  fill: var(--red-2);
  position: absolute;
  left: 0;
  top: var(--space-40);
  opacity: 0.1;
  transform: translate(-40%, 0%);
}

.project-card {
  aspect-ratio: 1.584;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  border-radius: 12px;
  position: relative;
  z-index: 1;
  overflow: hidden;
  padding: var(--space-24);
}
.project-card__image {
  width: 100%;
  height: 100%;
  object-position: center;
  object-fit: cover;
  position: absolute;
  left: 0;
  top: 0;
  z-index: -1;
  transition: all 0.3s ease-in-out;
}
.project-card:hover .project-card__image {
  transform: scale(1.2);
}
.project-card__title {
  color: var(--white-1);
  font-size: var(--size-text-32);
  font-weight: 600;
  line-height: 120%;
  letter-spacing: -0.64px;
  margin-bottom: 12px;
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  text-overflow: ellipsis;
}
.project-card__subtitle {
  color: var(--white-1);
  font-size: var(--size-text-18);
  font-weight: 500;
  line-height: 139%;
  letter-spacing: -0.36px;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  row-gap: 4px;
  gap: 8px;
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  text-overflow: ellipsis;
}
.project-card__subtitle i {
  font-size: 6px;
  color: var(--white-1);
}
.project-card__text {
  margin-top: auto;
  color: var(--white-1);
  font-size: var(--size-text-18);
  font-weight: 400;
  line-height: 120%;
  letter-spacing: -0.36px;
  margin-bottom: var(--space-20);
  opacity: 0;
  transform: translateY(100%);
  visibility: hidden;
  transition: all 0.3s ease-in-out;
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  text-overflow: ellipsis;
}
.project-card:hover .project-card__text {
  opacity: 1;
  transform: translateY(0%);
  visibility: visible;
}
.project-card__more,
.project-card__more i {
  transition: all 0.3s ease-in-out;
}
.project-card:hover .project-card__more {
  background-color: var(--red-2);
  color: var(--white-1);
}
.project-card:hover .project-card__more i {
  color: var(--white-1);
}
.project-card::after {
  content: "";
  opacity: 0.4;
  background: var(--black-1);
  backdrop-filter: blur(20px);
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
  transition: all 0.3s ease-in-out;
}
.project-card:hover::after {
  opacity: 0.6;
}
.project-box {
  border-radius: 12px;
  border: 1px solid var(--black-5);
  padding: 12px;
}
.project-box:not(:last-child) {
  margin-bottom: 12px;
}
.project-box__label {
  color: var(--black-3);
  font-size: var(--size-text-18);
  font-weight: 400;
  line-height: 120%;
  letter-spacing: -0.36px;
  margin-bottom: 6px;
  display: block;
}
.project-box__value {
  color: var(--black-1);
  font-size: var(--size-text-22);
  font-weight: 600;
  line-height: 120%;
  letter-spacing: -0.44px;
  display: block;
}
.project-detail {
  padding-bottom: var(--space-60);
  margin-bottom: var(--space-60);
  position: relative;
}
.project-detail::before {
  content: "";
  position: absolute;
  left: var(--space-16);
  right: var(--space-16);
  bottom: 0;
  border-bottom: 1px solid var(--black-6);
}
.project-detail__title {
  color: var(--black-1);
  font-size: var(--size-text-32);
  font-weight: 600;
  line-height: 120%;
  letter-spacing: -0.64px;
  margin-bottom: 12px;
}
.project-detail__text {
  color: var(--black-1);
  font-size: var(--size-text-18);
  font-weight: 400;
  line-height: 120%;
  letter-spacing: -0.36px;
}
.project-image {
  aspect-ratio: 1.5848;
  width: calc(var(--width-container) / 12 * 4);
  overflow: hidden;
}
@media only screen and (max-width: 768px) {
  .project-image {
    width: 180px;
  }
}
.project-image img {
  width: 100%;
  height: 100%;
  object-position: center;
  object-fit: cover;
  border-radius: 12px;
  transition: all 0.2s ease-in-out;
  display: block;
}
.project-image:hover img {
  transform: scale(1.2);
}
.project-carousel {
  padding-top: 0px;
}
.project-carousel .owl-carousel {
  --local-outer-gutter: calc((100vw - var(--width-container)) / 2 - 16px) ;
  width: calc(100% + var(--local-outer-gutter));
}

.feedback-section {
  max-width: 100%;
  overflow: hidden;
  padding-bottom: var(--space-120);
}
.feedback-section .owl-carousel .owl-stage-outer {
  overflow: unset;
}
.feedback-card {
  border-radius: 12px;
  border: 1px solid var(--black-6);
  background: var(--white-1);
  box-shadow: 0px 0px 20px 0px rgba(28, 28, 28, 0.05);
  width: 388px;
  padding: var(--space-16);
  height: 100%;
}
.feedback-card__header {
  display: flex;
  align-items: center;
  margin-bottom: 12px;
}
.feedback-card__image {
  width: 54px;
  height: 54px;
  min-width: 54px;
  flex: 0 0 54px;
  border-radius: 50%;
  border: 1px solid var(--black-6);
  padding: 3px;
  margin-right: 10px;
}
.feedback-card__image img {
  width: 100%;
  height: 100%;
  object-position: center;
  object-fit: cover;
  border-radius: 50%;
}
.feedback-card__fio {
  color: var(--black-1);
  font-size: var(--size-text-20);
  font-weight: 600;
  line-height: 120%;
  letter-spacing: -0.4px;
  margin-bottom: 6px;
}
.feedback-card__position {
  color: var(--black-3);
  font-size: var(--size-text-16);
  font-weight: 400;
  line-height: 100%;
  letter-spacing: -0.32px;
}
.feedback-card__text {
  color: var(--black-1);
  font-size: var(--size-text-18);
  font-weight: 400;
  line-height: 120%;
  letter-spacing: -0.36px;
}

.partners-section {
  max-width: 100%;
  overflow: hidden;
  padding-top: var(--space-60);
  position: relative;
  z-index: 1;
}
.partners-section__back {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 254px;
  background-color: var(--black-2);
  z-index: -1;
  overflow: hidden;
}
@media only screen and (max-width: 991px) {
  .partners-section__back {
    height: 240px;
  }
}
@media only screen and (max-width: 768px) {
  .partners-section__back {
    height: 220px;
  }
}
@media only screen and (max-width: 991px) {
  .partners-section__back {
    height: 200px;
  }
}
.partners-section__back svg {
  width: 505px;
  fill: rgba(255, 255, 255, 0.1);
  position: absolute;
  top: var(--space-60);
  left: 50%;
  transform: translateX(-50%);
}
.partners-section .owl-carousel .owl-stage-outer {
  overflow: unset;
}
.partners-section .section-badge {
  background-color: transparent;
  border-radius: 12px;
  border-color: rgba(255, 255, 255, 0.15);
}
.partners-section .section-badge i, .partners-section .section-badge {
  color: rgba(255, 255, 255, 0.6);
}
.partners-section .section-title {
  color: var(--white-1);
}
.partners-card {
  padding: 10px;
  border-radius: 12px;
  border: 1px solid var(--black-5);
  background: var(--white-1);
  box-shadow: 0px 0px 30px 0px rgba(28, 28, 28, 0.05);
  height: 120px;
  width: 186px;
}
.page-wrapper .partners-card {
  width: 100%;
  border-color: var(--black-6);
  background: var(--white-1);
  box-shadow: 0px 0px 20px 0px rgba(28, 28, 28, 0.05);
  aspect-ratio: 1.58;
  height: auto;
  padding: var(--space-32);
}
.partners-card img {
  width: 100%;
  height: 100%;
  object-position: center;
  object-fit: contain;
}

.banner {
  background-image: url("../images/banner.jpg");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  position: relative;
  z-index: 1;
}
.banner-container {
  --local-height: 511px;
  height: var(--local-height);
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  align-items: flex-start;
  padding-bottom: var(--space-40);
}
@media only screen and (max-width: 1632px) {
  .banner-container {
    height: var(--local-height);
  }
}
@media only screen and (max-width: 1400px) {
  .banner-container {
    height: var(--local-height);
  }
}
@media only screen and (max-width: 1199px) {
  .banner-container {
    height: var(--local-height);
  }
}
@media only screen and (max-width: 991px) {
  .banner-container {
    height: var(--local-height);
  }
}
@media only screen and (max-width: 768px) {
  .banner-container {
    height: var(--local-height);
  }
}
.banner-detail .banner-container {
  padding-bottom: var(--space-32);
  height: auto;
  padding-top: var(--space-140);
}
@media only screen and (max-width: 991px) {
  .banner-detail .banner-container {
    padding-top: 60px;
  }
}
._projects .banner-container {
  height: calc(var(--local-height) + 200px);
}
.banner::after {
  content: "";
  background: linear-gradient(0deg, rgba(28, 28, 28, 0.7) 0%, rgba(28, 28, 28, 0) 60%);
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  z-index: -1;
}
.banner-text {
  color: var(--white-1);
  font-size: var(--size-text-22);
  font-weight: 600;
  line-height: 120%;
  letter-spacing: -0.44px;
  font-weight: 500;
  margin-bottom: var(--space-16);
}
.banner-detail .banner-text {
  display: none;
}
.banner-title {
  position: relative;
  z-index: 1;
}
.banner:not(.banner-detail) .banner-title {
  color: var(--white-1);
  font-size: var(--size-text-80);
  font-weight: 700;
  line-height: 100%;
  letter-spacing: -1.6px;
}
.banner.banner-detail .banner-title {
  color: var(--black-1);
  font-size: var(--size-text-56);
  font-weight: 600;
  line-height: 100%;
  letter-spacing: -1.12px;
}
.banner-title i {
  --local-size: 40px;
  position: absolute;
  top: 0;
  right: 0;
  transform: translateX(calc(100% + var(--space-20)));
  font-size: 24px;
  color: var(--red-1);
  background-color: var(--white-1);
  border-radius: 12px;
  letter-spacing: unset;
  width: var(--local-size);
  height: var(--local-size);
  min-width: var(--local-size);
  flex: 0 0 var(--local-size);
  display: flex;
  align-items: center;
  justify-content: center;
}
.banner-detail .banner-title i {
  display: none;
}
@media only screen and (max-width: 768px) {
  .banner-title i {
    --local-size: 36px;
    font-size: 20px;
  }
}
@media only screen and (max-width: 574px) {
  .banner-title i {
    --local-size: 32px;
    font-size: 16px;
  }
}
.banner-detail {
  --width-container: 1330px;
}
.banner-detail {
  background: unset !important;
}
.banner-detail::after {
  display: none;
}

.banner:not(._projects) .breadcrumbs {
  display: none;
}
.banner-detail .breadcrumbs {
  display: block;
  margin-bottom: var(--space-16);
}
._projects .breadcrumbs {
  margin-bottom: 16px;
}
.breadcrumbs-item {
  display: inline;
}
.breadcrumbs-item:not(:last-child)::after {
  content: "";
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url('data:image/svg+xml,<svg viewBox="0 0 24 24" fill="rgba(255,255,255,0.4)" xmlns="http://www.w3.org/2000/svg"><path d="M8.20986 18.71C8.11613 18.617 8.04174 18.5064 7.99097 18.3846C7.9402 18.2627 7.91406 18.132 7.91406 18C7.91406 17.868 7.9402 17.7373 7.99097 17.6154C8.04174 17.4936 8.11613 17.383 8.20986 17.29L12.7899 12.71C12.8836 12.617 12.958 12.5064 13.0088 12.3846C13.0595 12.2627 13.0857 12.132 13.0857 12C13.0857 11.868 13.0595 11.7373 13.0088 11.6154C12.958 11.4936 12.8836 11.383 12.7899 11.29L8.20986 6.71C8.11613 6.61704 8.04174 6.50643 7.99097 6.38458C7.9402 6.26272 7.91406 6.13201 7.91406 6C7.91406 5.86799 7.9402 5.73728 7.99097 5.61542C8.04174 5.49356 8.11613 5.38296 8.20986 5.29C8.39722 5.10375 8.65068 4.99921 8.91486 4.99921C9.17905 4.99921 9.4325 5.10375 9.61986 5.29L14.2099 9.88C14.7717 10.4425 15.0872 11.205 15.0872 12C15.0872 12.795 14.7717 13.5575 14.2099 14.12L9.61986 18.71C9.4325 18.8962 9.17905 19.0008 8.91486 19.0008C8.65067 19.0008 8.39722 18.8962 8.20986 18.71Z" /></svg>');
  margin: 0 2px;
  display: inline-block;
  width: 16px;
  aspect-ratio: 1/1;
  vertical-align: middle;
}
.breadcrumbs-item__link.icon-home {
  display: inline-block;
  transform: translateY(2px);
}
.breadcrumbs-item__link:not(.active) {
  color: var(--black-3);
  font-size: var(--size-text-18);
  font-weight: 400;
  line-height: 120%;
  letter-spacing: -0.36px;
}
._projects .breadcrumbs-item__link:not(.active) {
  color: rgba(255, 255, 255, 0.6);
}
.breadcrumbs-item__link.active {
  color: var(--black-1);
  font-size: var(--size-text-18);
  font-weight: 500;
  line-height: 139%;
  letter-spacing: -0.36px;
}
._projects .breadcrumbs-item__link.active {
  color: var(--white-1);
}

.page-wrapper {
  padding-top: var(--height-header);
}

.aside {
  position: sticky;
  top: calc(var(--height-header) + var(--space-16));
}
.aside > *:not(:last-child) {
  margin-bottom: 12px;
}
.aside-banner {
  border-radius: 12px;
  border: 1px solid var(--black-7);
  background: linear-gradient(90deg, #EAEEF5 0%, #DFE4ED 100%);
  padding: 12px;
  position: relative;
  overflow: hidden;
  z-index: 1;
}
.aside-banner__title {
  color: var(--black-1);
  font-family: "MuseoSansCyrl-500", sans-serif;
  font-size: 16px;
  line-height: 140%;
  letter-spacing: -0.16px;
  margin-bottom: 12px;
}
.aside-banner__btn {
  background-color: transparent;
  padding: 0;
  border: none;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  outline: none;
  color: var(--white-1);
  font-size: var(--size-text-16);
  font-weight: 500;
  line-height: 139%;
  letter-spacing: -0.32px;
  border-radius: 8px;
  padding: 6px 8px;
  background: var(--green-1);
}
.aside-banner__image {
  position: absolute;
  right: 0;
  top: 0;
  height: 100%;
  width: auto;
  z-index: -1;
}

.sidebar {
  border-radius: 12px;
  border: 1px solid var(--black-8);
  background: var(--white-1);
  box-shadow: 0px 0px 30px 0px rgba(7, 12, 28, 0.04);
}
.sidebar-title {
  padding: 12px;
  color: var(--black-1);
  font-size: var(--size-text-20);
  font-weight: 600;
  line-height: 120%;
  letter-spacing: -0.4px;
}
.sidebar-menu__item {
  border-top: 1px solid var(--black-7);
}
.sidebar-menu__link {
  display: block;
  padding: 12px;
  position: relative;
  color: var(--black-1);
  font-size: var(--size-text-16);
  font-weight: 500;
  line-height: 139%;
  letter-spacing: -0.32px;
}
.sidebar-menu__link::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  height: 0px;
  width: 4px;
  background-color: var(--green-1);
  transition: all 0.2s ease-in-out;
}
.sidebar-menu__link:hover, .sidebar-menu__link.active {
  color: var(--green-1);
}
.sidebar-menu__link:hover::before, .sidebar-menu__link.active::before {
  height: 20px;
}

.tab {
  display: inline-flex;
  align-items: center;
  border-radius: 12px;
  background: var(--black-8);
  padding: 4px;
  max-width: 100%;
  align-content: flex-start;
  row-gap: 4px;
  justify-content: center;
}
.partners-section .tab {
  margin: -8px auto var(--space-16) auto;
  text-align: center;
  justify-content: center;
}
.tab.type-1 {
  padding: 3px;
}
.tab-item__btn {
  background-color: transparent;
  padding: 0;
  border: none;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  outline: none;
  padding: 7px 10px;
  border-radius: 8px;
  transition: all 0.2s ease-in-out;
  color: var(--black-2);
  font-size: var(--size-text-18);
  font-weight: 400;
  line-height: 120%;
  letter-spacing: -0.36px;
}
.type-1 .tab-item__btn {
  padding: 5px 10px;
}
.tab-item__btn.active {
  background: var(--white-1);
  box-shadow: 0px 2px 8px 0px rgba(16, 44, 87, 0.2);
  color: var(--black-1);
}

.player {
  background-color: transparent;
  padding: 0;
  border: none;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  outline: none;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  z-index: 99;
  width: 56px;
  aspect-ratio: 1/1;
  display: flex;
  align-items: center;
  justify-content: center;
  background: var(--linear-1);
  border-radius: 50%;
}
.player::after {
  content: "";
  position: absolute;
  background-image: url('data:image/svg+xml,<svg viewBox="0 0 50 50" fill="white" xmlns="http://www.w3.org/2000/svg"><path d="M50 25C50 21.717 49.3534 18.4661 48.097 15.4329C46.8406 12.3998 44.9991 9.6438 42.6777 7.32233C40.3562 5.00087 37.6002 3.15938 34.5671 1.90301C31.5339 0.646644 28.283 -1.43507e-07 25 0V2.5C27.9547 2.5 30.8806 3.08198 33.6104 4.21271C36.3402 5.34344 38.8206 7.00078 40.9099 9.0901C42.9992 11.1794 44.6566 13.6598 45.7873 16.3896C46.918 19.1194 47.5 22.0453 47.5 25H50Z" /><path d="M2.18557e-06 25C1.89856e-06 28.283 0.646646 31.5339 1.90301 34.5671C3.15938 37.6002 5.00087 40.3562 7.32233 42.6777C9.6438 44.9991 12.3998 46.8406 15.4329 48.097C18.4661 49.3534 21.717 50 25 50L25 47.5C22.0453 47.5 19.1194 46.918 16.3896 45.7873C13.6598 44.6566 11.1794 42.9992 9.0901 40.9099C7.00078 38.8206 5.34344 36.3402 4.21271 33.6104C3.08198 30.8805 2.5 27.9547 2.5 25L2.18557e-06 25Z" /></svg>');
  top: 3px;
  right: 3px;
  left: 3px;
  bottom: 3px;
  background-size: contain;
  background-position: center;
  opacity: 0.4;
  position: absolute;
}
.player::before {
  content: "";
  position: absolute;
  border-radius: 50%;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 1px solid var(--white-1);
  opacity: 0.15;
}
.player i {
  font-size: 18px;
  color: var(--white-1);
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
}
.player i::after {
  content: "";
  color: #175217;
  position: absolute;
  z-index: -1;
  left: 50%;
  top: 50%;
  -webkit-transform: translateX(-50%) translateY(-50%);
  -ms-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
  display: block;
  width: 100%;
  height: 100%;
  background: var(--linear-1);
  border-radius: 50%;
  -webkit-animation: pulse-border 1500ms ease-out infinite;
  animation: pulse-border 1500ms ease-out infinite;
}

@keyframes pulse-border {
  0% {
    -webkit-transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1);
    transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1);
    opacity: 1;
  }
  100% {
    -webkit-transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1.5);
    transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1.5);
    opacity: 0;
  }
}
.expander {
  border-radius: 12px;
  border: 1px solid var(--black-8);
  background: var(--white-1);
  padding: var(--space-16);
}
.expander:not(:last-child) {
  margin-bottom: 12px;
}
.expander-header {
  background-color: transparent;
  padding: 0;
  border: none;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  outline: none;
  color: var(--black-1);
  font-size: var(--size-text-20);
  font-weight: 600;
  line-height: 120%;
  letter-spacing: -0.4px;
  display: flex;
  align-items: center;
  width: 100%;
  gap: 12px;
}
.has-divider .expander-header {
  border-bottom: 1px solid var(--black-7);
  padding-bottom: 16px;
  transition: all 0.1s ease-in-out;
}
.has-divider .expander-header.collapsed {
  padding-bottom: 0px;
  border-color: transparent;
}
.expander-header i:not(.icon-angle-bot) {
  font-size: 22px;
  color: var(--blue-3);
}
.expander-header__angle {
  font-size: 24px;
  color: var(--black-5);
  margin-left: auto;
  transform: rotate(-180deg);
  transition: all 0.2s ease-in-out;
}
.collapsed .expander-header__angle {
  transform: rotate(0);
}
.expander-body > *:first-child {
  transition: padding 0.2s ease-in-out;
}
.expander-body.show > *:first-child {
  padding-top: 12px;
}
.button {
  background-color: transparent;
  padding: 0;
  border: none;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  outline: none;
  border-radius: 12px;
  border: 1px solid rgba(255, 255, 255, 0.2);
  background: var(--linear-1);
  padding: 12px;
  color: var(--white-1);
  font-size: var(--size-text-18);
  font-weight: 500;
  line-height: 139%;
  letter-spacing: -0.36px;
  width: max-content;
}
@media only screen and (max-width: 574px) {
  .button {
    padding: 8px;
    border-radius: 8px;
  }
}
.button:hover {
  color: var(--white-1);
}
.button._black {
  background: var(--black-2);
}
.button._white {
  background: var(--white-1);
  color: var(--black-1);
}
.button._white i {
  color: var(--black-1);
}

.form-group {
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
}
.form-group__label {
  color: var(--black-1);
  font-size: var(--size-text-18);
  font-weight: 500;
  line-height: 139%;
  letter-spacing: -0.36px;
  margin-bottom: 4px;
  display: block;
}
.form-group__info {
  color: var(--black-3);
  font-size: var(--size-text-16);
  font-weight: 500;
  line-height: 139%;
  letter-spacing: -0.32px;
  font-style: italic;
  display: block;
  margin-top: 8px;
}
.form-control {
  height: var(--size-btn-48);
  padding: 0 10px;
  color: var(--black-3);
  font-size: var(--size-text-18);
  font-weight: 500;
  line-height: 139%;
  letter-spacing: -0.36px;
  border-radius: 12px;
  border: 1px solid var(--black-5);
  background: var(--white-1);
  line-height: 1;
}
.form-control.white {
  background-color: var(--white-1);
}
.contact-form__light .form-control {
  border-color: var(--black-7);
  background: var(--black-8);
}
.form-control.type-1 {
  border-radius: 8px;
  border: 1px solid var(--black-7);
  background-color: var(--black-10);
  height: var(--size-btn-40);
}
.form-select {
  color: var(--black-4);
  background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M15.5917 6.84165C15.5142 6.76355 15.422 6.70155 15.3205 6.65924C15.2189 6.61694 15.11 6.59515 15 6.59515C14.89 6.59515 14.7811 6.61694 14.6795 6.65924C14.578 6.70155 14.4858 6.76355 14.4083 6.84165L10.5917 10.6583C10.5142 10.7364 10.422 10.7984 10.3205 10.8407C10.2189 10.883 10.11 10.9048 10 10.9048C9.89 10.9048 9.78108 10.883 9.67953 10.8407C9.57798 10.7984 9.48581 10.7364 9.40834 10.6583L5.59168 6.84165C5.51421 6.76355 5.42204 6.70155 5.32049 6.65924C5.21894 6.61694 5.11002 6.59515 5.00001 6.59515C4.89 6.59515 4.78108 6.61694 4.67953 6.65924C4.57798 6.70155 4.48581 6.76355 4.40834 6.84165C4.25313 6.99779 4.16602 7.209 4.16602 7.42915C4.16602 7.64931 4.25313 7.86052 4.40834 8.01665L8.23334 11.8417C8.70209 12.3098 9.33751 12.5728 10 12.5728C10.6625 12.5728 11.2979 12.3098 11.7667 11.8417L15.5917 8.01665C15.7469 7.86052 15.834 7.64931 15.834 7.42915C15.834 7.209 15.7469 6.99779 15.5917 6.84165Z' fill='%23A4B0C1'/%3E%3C/svg%3E");
  background-size: 20px;
  background-position: right 12px center;
  background-repeat: no-repeat;
}
.form-select.selected {
  color: var(--black-1);
}
.form-date {
  background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 18 18" fill="none"><g clip-path="url(%23clip0_855_10103)"><path d="M6 9H4.5C3.67275 9 3 9.67275 3 10.5V12C3 12.8273 3.67275 13.5 4.5 13.5H6C6.82725 13.5 7.5 12.8273 7.5 12V10.5C7.5 9.67275 6.82725 9 6 9ZM4.5 12V10.5H6V12H4.5ZM14.25 1.5H13.5V0.75C13.5 0.336 13.1648 0 12.75 0C12.3352 0 12 0.336 12 0.75V1.5H6V0.75C6 0.336 5.66475 0 5.25 0C4.83525 0 4.5 0.336 4.5 0.75V1.5H3.75C1.68225 1.5 0 3.18225 0 5.25V14.25C0 16.3177 1.68225 18 3.75 18H14.25C16.3177 18 18 16.3177 18 14.25V5.25C18 3.18225 16.3177 1.5 14.25 1.5ZM3.75 3H14.25C15.4905 3 16.5 4.0095 16.5 5.25V6H1.5V5.25C1.5 4.0095 2.5095 3 3.75 3ZM14.25 16.5H3.75C2.5095 16.5 1.5 15.4905 1.5 14.25V7.5H16.5V14.25C16.5 15.4905 15.4905 16.5 14.25 16.5Z" fill="%23147E5C"/></g><defs><clipPath id="clip0_855_10103"><rect width="18" height="18" fill="white"/></clipPath></defs></svg>');
  background-size: 20px;
  background-position: right 12px center;
  background-repeat: no-repeat;
  padding-right: 36px;
  position: relative;
}
.form-check-label {
  color: var(--black-2);
  font-size: var(--size-text-16);
  font-weight: 500;
  line-height: 139%;
  letter-spacing: -0.32px;
  cursor: pointer;
}
.form-check-label a {
  color: var(--green-1);
}
.form-upload__input {
  border-radius: 10px;
  border: 1px dashed var(--black-5);
  background: var(--black-9);
  height: var(--size-btn-48);
  display: flex;
  align-items: center;
  cursor: pointer;
  padding: 0 12px;
  gap: 10px;
  border-radius: 12px;
  border: 1px dashed var(--black-3);
  background: var(--black-7);
}
.form-upload__input input {
  display: none;
}
.form-upload__icon {
  font-size: 20px;
  color: var(--red-2);
}
.form-upload__placeholder {
  color: var(--black-1);
  font-size: var(--size-text-18);
  font-weight: 500;
  line-height: 139%;
  letter-spacing: -0.36px;
}
.active .form-upload__placeholder {
  color: var(--black-1);
}
.form-upload__remove {
  background-color: transparent;
  padding: 0;
  border: none;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  outline: none;
  margin-left: auto;
  color: var(--red-2);
  display: none;
  font-size: 20px;
}
.form-uploader__area {
  border-radius: 10px;
  border: 1px dashed var(--black-5);
  background: var(--black-9);
  height: 60px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  color: var(--black-2);
  font-size: var(--size-text-18);
  font-weight: 400;
  line-height: 120%;
  letter-spacing: -0.36px;
  cursor: pointer;
}
.form-uploader__area i {
  font-size: 24px;
  color: var(--blue-2);
}
.form-uploader__list {
  margin-top: 12px;
}
.form-uploader__item {
  color: var(--black-1);
  font-size: var(--size-text-18);
  font-weight: 500;
  line-height: 139%;
  letter-spacing: -0.36px;
  display: flex;
  align-items: center;
  padding: 4px 12px 4px 4px;
  border-radius: 4px;
  transition: all 0.2s ease-in-out;
}
.form-uploader__item:hover {
  padding: 4px 12px 4px 12px;
  background-color: var(--black-10);
  color: var(--black-1);
}
.form-uploader__remove {
  margin-left: auto;
  background-color: transparent;
  padding: 0;
  border: none;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  outline: none;
  font-size: 20px;
  color: red;
}
.form-checkbox {
  display: block;
  cursor: pointer;
}
.form-checkbox__input {
  display: none;
}
.form-checkbox__input:checked ~ span::after {
  opacity: 1;
}
.form-checkbox__inner {
  height: var(--size-btn-48);
  border-radius: 10px;
  border: 1px solid var(--black-7);
  background: var(--black-9);
  display: flex;
  align-items: center;
  cursor: pointer;
  width: 100%;
  padding: 0 12px;
  position: relative;
  --local-check-size: 18px;
  --local-check-minus: 6px;
}
.form-checkbox__inner:before {
  content: "";
  width: var(--local-check-size);
  height: var(--local-check-size);
  border: 1px solid #969FAD;
  border-radius: 4px;
  margin-right: 10px;
}
.form-checkbox__inner::after {
  content: "";
  --local-size: calc(var(--local-check-size) - var(--local-check-minus));
  position: absolute;
  left: calc(12px + var(--local-check-minus) / 2);
  top: 50%;
  transform: translateY(-50%);
  background: var(--green-1);
  width: var(--local-size);
  height: var(--local-size);
  border-radius: 4px;
  opacity: 0;
}

textarea.form-control {
  min-height: 96px;
  resize: none;
  padding-top: 12px;
}

input[type=date]::-webkit-calendar-picker-indicator {
  background: transparent;
  bottom: 0;
  color: transparent;
  cursor: pointer;
  height: auto;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  width: auto;
}

.modal {
  --bs-modal-width: 800px;
}
#consultant-modal .modal {
  --bs-modal-width: 500px;
}
.modal-title {
  color: var(--black-1);
  font-size: var(--size-text-32);
  font-weight: 600;
  line-height: 120%;
  letter-spacing: -0.64px;
  padding-right: 32px;
}
.modal-content {
  padding: var(--space-16);
}
.modal-header {
  padding: 0;
  border-bottom: none;
  position: relative;
  flex-direction: column;
  align-items: flex-start;
}
.modal-subtext {
  color: var(--black-3);
  font-size: var(--size-text-18);
  font-weight: 400;
  line-height: 120%;
  letter-spacing: -0.36px;
  margin-top: 6px;
}
.modal-close {
  background-color: transparent;
  padding: 0;
  border: none;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  outline: none;
  font-size: 24px;
  color: var(--black-3);
  position: absolute;
  right: 0px;
  top: 0px;
}
.modal-footer {
  padding: 0;
  border-top: none;
  justify-content: flex-start;
}
.modal-footer > * {
  margin: 0;
}
.modal-body {
  padding: 20px 0;
}
.modal-job {
  color: var(--red-1);
  font-size: var(--size-text-18);
  font-weight: 400;
  line-height: 120%;
  letter-spacing: -0.36px;
  display: block;
  margin-top: 8px;
  margin-bottom: var(--space-16);
}
.modal-text {
  color: var(--black-1);
  font-size: var(var(--size-text-20));
  font-weight: 400;
  line-height: 139%;
  letter-spacing: -0.4px;
}

.ya-share2__container_size_m .ya-share2__item_more.ya-share2__item_has-pretty-view .ya-share2__link_more.ya-share2__link_more-button-type_short {
  background-color: var(--green-1) !important;
}

.ya-share2__item_more.ya-share2__item_has-pretty-view .ya-share2__icon_more {
  background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" fill="rgba(20, 87, 149, 1)"><path d="M12.8888 9.77792C12.3847 9.77833 11.8883 9.90139 11.4425 10.1365C10.9966 10.3715 10.6146 10.7116 10.3295 11.1273L5.99012 9.16792C6.29833 8.42368 6.29952 7.58771 5.99345 6.84259L10.3268 4.87325C10.7494 5.48442 11.377 5.9239 12.0958 6.11195C12.8147 6.30001 13.5771 6.22419 14.2449 5.89825C14.9126 5.57232 15.4414 5.01785 15.7353 4.33543C16.0293 3.65301 16.0689 2.88784 15.847 2.1787C15.6251 1.46957 15.1564 0.863452 14.5259 0.470291C13.8954 0.0771302 13.1449 -0.0770308 12.4105 0.0357716C11.6761 0.148574 11.0064 0.520868 10.5229 1.08512C10.0395 1.64938 9.7743 2.36822 9.77545 3.11125C9.77828 3.28712 9.79612 3.46242 9.82878 3.63525L5.22212 5.72859C4.77968 5.31407 4.22579 5.03781 3.6285 4.93376C3.03121 4.82971 2.41654 4.9024 1.85999 5.14289C1.30344 5.38339 0.829268 5.78121 0.495715 6.2875C0.162163 6.79378 -0.0162385 7.38647 -0.0175706 7.99275C-0.0189027 8.59904 0.156892 9.1925 0.488217 9.70025C0.819542 10.208 1.29197 10.6079 1.84745 10.8508C2.40293 11.0938 3.01728 11.1692 3.61502 11.0677C4.21276 10.9663 4.76786 10.6925 5.21212 10.2799L9.83078 12.3653C9.7987 12.5379 9.78109 12.713 9.77812 12.8886C9.77799 13.504 9.96037 14.1056 10.3022 14.6174C10.644 15.1292 11.1299 15.5281 11.6985 15.7636C12.267 15.9992 12.8927 16.0609 13.4963 15.9408C14.0999 15.8208 14.6543 15.5245 15.0895 15.0893C15.5247 14.6541 15.821 14.0997 15.941 13.4961C16.0611 12.8925 15.9994 12.2668 15.7638 11.6983C15.5282 11.1297 15.1294 10.6438 14.6176 10.302C14.1058 9.96017 13.5042 9.77779 12.8888 9.77792ZM12.8888 1.33325C13.2405 1.33312 13.5843 1.43729 13.8768 1.63258C14.1692 1.82787 14.3972 2.10551 14.5319 2.43038C14.6666 2.75526 14.7019 3.11277 14.6334 3.45772C14.5648 3.80266 14.3956 4.11953 14.1469 4.36825C13.8983 4.61698 13.5815 4.78638 13.2366 4.85504C12.8917 4.9237 12.5341 4.88853 12.2092 4.75398C11.8843 4.61942 11.6065 4.39153 11.4111 4.09913C11.2157 3.80672 11.1115 3.46294 11.1115 3.11125C11.1118 2.63992 11.2992 2.18799 11.6324 1.85464C11.9656 1.5213 12.4175 1.33378 12.8888 1.33325ZM3.11145 9.77792C2.75977 9.77805 2.41594 9.67389 2.12347 9.4786C1.83099 9.28331 1.60299 9.00567 1.46832 8.68079C1.33364 8.35592 1.29834 7.9984 1.36687 7.65346C1.4354 7.30852 1.60468 6.99165 1.85331 6.74292C2.10194 6.4942 2.41875 6.32479 2.76367 6.25613C3.10859 6.18748 3.46612 6.22265 3.79104 6.3572C4.11597 6.49175 4.39369 6.71964 4.58909 7.01205C4.78449 7.30445 4.88878 7.64824 4.88878 7.99992C4.88826 8.4712 4.70085 8.92303 4.36767 9.25634C4.03449 9.58964 3.58273 9.77722 3.11145 9.77792ZM12.8888 14.6666C12.5371 14.6666 12.1934 14.5623 11.901 14.3669C11.6086 14.1716 11.3807 13.8939 11.2461 13.569C11.1116 13.2441 11.0763 12.8866 11.1449 12.5417C11.2136 12.1968 11.3829 11.88 11.6315 11.6314C11.8802 11.3827 12.197 11.2134 12.5419 11.1448C12.8868 11.0761 13.2443 11.1114 13.5692 11.2459C13.8941 11.3805 14.1718 11.6084 14.3671 11.9008C14.5625 12.1932 14.6668 12.5369 14.6668 12.8886C14.6664 13.36 14.479 13.8121 14.1456 14.1454C13.8123 14.4788 13.3602 14.6662 12.8888 14.6666Z" /></svg>') !important;
  background-size: 18px 18px !important;
  background-position: center center !important;
  width: 18px !important;
  height: 18px !important;
  margin-right: 6px;
}

.ya-share2__container_size_m .ya-share2__item_more.ya-share2__item_has-pretty-view .ya-share2__link_more.ya-share2__link_more-button-type_short {
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 12px;
  border: 1px solid var(--black-9) !important;
  background: var(--white-1) !important;
  box-shadow: 0px 1px 2px 0px rgba(35, 73, 130, 0.1);
  padding: 6px 8px !important;
}
.ya-share2__container_size_m .ya-share2__item_more.ya-share2__item_has-pretty-view .ya-share2__link_more.ya-share2__link_more-button-type_short::after {
  content: var(--local-text);
  color: var(--black-2);
  font-size: var(--size-text-16);
  font-weight: 400;
  line-height: 100%;
  letter-spacing: -0.32px;
}

.ya-share2__container_size_m.ya-share2__container_alone .ya-share2__popup_direction_bottom,
.ya-share2__container_size_m .ya-share2__item_more.ya-share2__item_has-pretty-view .ya-share2__popup_direction_bottom {
  right: unset !important;
  left: 0 !important;
  top: 40px !important;
}

.my-table {
  width: 100%;
  max-width: 100%;
  overflow-x: auto;
  border: 1px solid var(--black-7);
  border-radius: 14px;
}
.my-table table {
  width: 100%;
}
.my-table thead {
  box-shadow: 0px 0px 20px 0px rgba(51, 97, 135, 0.03);
}
.my-table th {
  background-color: var(--green-1);
  padding: 14px 6px;
  color: var(--white-1);
  font-size: var(--size-text-18);
  font-weight: 400;
  line-height: 120%;
  letter-spacing: -0.36px;
}
.my-table th:first-child {
  padding-left: 16px;
}
.my-table th:last-child {
  padding-right: 14px;
}
.my-table tr:first-child th:first-child {
  border-radius: 14px 0 0 0;
}
.my-table tr:first-child th:last-child {
  border-radius: 0px 14px 0 0;
}
.my-table td {
  color: var(--black-2);
  font-size: var(--size-text-18);
  font-weight: 400;
  line-height: 120%;
  letter-spacing: -0.36px;
  padding: 14px 6px;
  background-color: var(--white-1);
  height: 100%;
  border-bottom: 1px solid var(--black-7);
}
.my-table td:first-child {
  padding-left: 16px;
}
.my-table td:last-child {
  padding-right: 16px;
}
.my-table tr:last-child td {
  border-bottom: none;
}
.my-table__filled {
  text-align: center;
  background-color: var(--black-9) !important;
}
.my-table:not(.not-zebra) tr:nth-child(even) td {
  background-color: var(--black-9) !important;
}

.my-table-1 {
  width: 100%;
  max-width: 100%;
  overflow-x: auto;
}
.my-table-1 table {
  border-collapse: separate;
  border-spacing: 8px 8px;
  display: block;
  margin: -8px;
}
.my-table-1 th {
  padding: 12px;
  border-radius: 8px;
  background: var(--black-7);
  color: var(--black-3);
  font-size: var(--size-text-16);
  font-weight: 500;
  line-height: 139%;
  letter-spacing: -0.32px;
}
.my-table-1 td {
  position: relative;
  z-index: 1;
  padding: 12px;
  border-radius: 8px;
  border: 1px solid var(--black-9);
  background: var(--white-1);
  color: var(--black-1);
  font-size: var(--size-text-16);
  font-weight: 500;
  line-height: 139%;
  letter-spacing: -0.32px;
}

.pagination {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  gap: 4px;
}
.pagination-item {
  --local-size: 42px;
  height: var(--local-size);
  width: var(--local-size);
  border-radius: 10px;
  background: var(--white-1);
  color: var(--black-1);
  font-size: var(--size-text-18);
  font-weight: 500;
  line-height: 139%;
  letter-spacing: -0.36px;
  border: 1px solid var(--black-5);
  line-height: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  position: relative;
  z-index: 1;
  transition: all 0.2s ease-in-out;
  cursor: pointer;
}
@media only screen and (max-width: 574px) {
  .pagination-item {
    --local-size: 36px;
  }
}
.pagination-item:hover, .pagination-item.active {
  color: var(--red-1);
}
.pagination-item.icon-arrow-left, .pagination-item.icon-arrow-right {
  background-color: var(--black-7);
}
.pagination-item.icon-arrow-left {
  margin-right: 4px;
}
.pagination-item.icon-arrow-right {
  margin-left: 4px;
}

.search-title {
  color: var(--black-1);
  font-size: var(--size-text-80);
  font-weight: 700;
  line-height: 100%;
  letter-spacing: -1.6px;
  margin-bottom: var(--space-32);
}
.search-empty {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin: 0 auto;
}
.search-empty__text {
  color: var(--black-1);
  font-size: var(--size-text-18);
  font-weight: 500;
  line-height: 139%;
  letter-spacing: -0.36px;
  margin-bottom: var(--space-24);
}
.search-list__item {
  padding: 12px;
  background-color: var(--white-1);
  border-radius: 8px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
.search-list__item:not(:last-child) {
  margin-bottom: 12px;
}
.search-list__title {
  color: var(--black-3);
  font-size: var(--size-text-16);
  font-weight: 500;
  line-height: 139%;
  letter-spacing: -0.32px;
  margin-bottom: 4px;
}
.search-list__link {
  color: var(--blue-2);
  font-size: var(--size-text-18);
  font-weight: 500;
  line-height: 139%;
  letter-spacing: -0.36px;
  text-decoration: underline;
  cursor: pointer;
}

.error {
  padding: var(--space-100) 0 0 0;
}
.error-container {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.error-container__image {
  max-width: 750px;
  width: 100%;
  height: auto;
}
.error-container__title {
  color: var(--black-1);
  font-size: var(--size-text-18);
  font-weight: 400;
  line-height: 120%;
  letter-spacing: -0.36px;
  margin-bottom: 16px;
}