

/* Start:/assets/css/components/about.css?17793622279607*/
/* ===========================
   ABOUT PAGE
   =========================== */

/* --- Icon: volume-max / volume-off --- */
.icon-volume-max {

  --icon: url("data:image/svg+xml,%3Csvg width='22' height='17' viewBox='0 0 22 17' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0.75 6.6429C0.75 6.08284 0.75 5.80282 0.858993 5.58891C0.954867 5.40074 1.10785 5.24776 1.29601 5.15189C1.50992 5.0429 1.78995 5.0429 2.35 5.0429H4.08726C4.33185 5.0429 4.45414 5.0429 4.56923 5.01527C4.67127 4.99077 4.76881 4.95036 4.85828 4.89554C4.9592 4.83369 5.04568 4.74722 5.21863 4.57427L8.38432 1.40858C8.81269 0.980204 9.02688 0.766017 9.21077 0.751544C9.37033 0.738986 9.52626 0.803574 9.6302 0.925279C9.75 1.06554 9.75 1.36845 9.75 1.97427V14.1115C9.75 14.7173 9.75 15.0202 9.6302 15.1605C9.52626 15.2822 9.37033 15.3468 9.21077 15.3342C9.02688 15.3198 8.81269 15.1056 8.38431 14.6772L5.21863 11.5115C5.04568 11.3386 4.9592 11.2521 4.85828 11.1903C4.76881 11.1354 4.67127 11.095 4.56923 11.0705C4.45414 11.0429 4.33185 11.0429 4.08726 11.0429H2.35C1.78995 11.0429 1.50992 11.0429 1.29601 10.9339C1.10785 10.838 0.954867 10.685 0.858993 10.4969C0.75 10.283 0.75 10.0029 0.75 9.4429V6.6429Z' fill='%230A0A0A'/%3E%3Cpath d='M18.4979 1.0429C19.9152 3.01313 20.75 5.43053 20.75 8.0429C20.75 10.6553 19.9152 13.0727 18.4979 15.0429M14.4953 4.0429C15.2862 5.17673 15.75 6.55565 15.75 8.0429C15.75 9.53014 15.2862 10.9091 14.4953 12.0429M8.38432 1.40858L5.21863 4.57427C5.04568 4.74722 4.9592 4.83369 4.85828 4.89554C4.76881 4.95036 4.67127 4.99077 4.56923 5.01527C4.45414 5.0429 4.33185 5.0429 4.08726 5.0429H2.35C1.78995 5.0429 1.50992 5.0429 1.29601 5.15189C1.10785 5.24776 0.954867 5.40074 0.858993 5.58891C0.75 5.80282 0.75 6.08284 0.75 6.6429V9.4429C0.75 10.0029 0.75 10.283 0.858993 10.4969C0.954867 10.685 1.10785 10.838 1.29601 10.9339C1.50992 11.0429 1.78995 11.0429 2.35 11.0429H4.08726C4.33185 11.0429 4.45414 11.0429 4.56923 11.0705C4.67127 11.095 4.76881 11.1354 4.85828 11.1903C4.9592 11.2521 5.04568 11.3386 5.21863 11.5115L8.38431 14.6772C8.81269 15.1056 9.02688 15.3198 9.21077 15.3342C9.37033 15.3468 9.52626 15.2822 9.6302 15.1605C9.75 15.0202 9.75 14.7173 9.75 14.1115V1.97427C9.75 1.36845 9.75 1.06554 9.6302 0.925279C9.52626 0.803574 9.37033 0.738986 9.21077 0.751544C9.02688 0.766017 8.81269 0.980204 8.38432 1.40858Z' stroke='%230A0A0A' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
}

.icon-volume-off {
  --icon: url("data:image/svg+xml,%3Csvg width='15' height='12' viewBox='0 0 15 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M14.0001 3.52868L10.0001 7.52868M10.0001 3.52868L14.0001 7.52868M5.75629 1.1058L3.64583 3.21626C3.53053 3.33156 3.47288 3.38921 3.4056 3.43044C3.34596 3.46699 3.28093 3.49393 3.2129 3.51026C3.13618 3.52868 3.05465 3.52868 2.89159 3.52868H1.73341C1.36005 3.52868 1.17336 3.52868 1.03075 3.60134C0.905313 3.66526 0.803326 3.76724 0.73941 3.89268C0.666748 4.03529 0.666748 4.22198 0.666748 4.59534V6.46201C0.666748 6.83538 0.666748 7.02206 0.73941 7.16467C0.803326 7.29011 0.905313 7.3921 1.03075 7.45602C1.17336 7.52868 1.36005 7.52868 1.73341 7.52868H2.89159C3.05465 7.52868 3.13618 7.52868 3.2129 7.5471C3.28093 7.56343 3.34596 7.59037 3.4056 7.62692C3.47288 7.66815 3.53053 7.7258 3.64583 7.8411L5.75629 9.95155C6.04188 10.2371 6.18467 10.3799 6.30726 10.3896C6.41363 10.398 6.51759 10.3549 6.58688 10.2738C6.66675 10.1802 6.66675 9.97831 6.66675 9.57443V1.48293C6.66675 1.07905 6.66675 0.87711 6.58688 0.783601C6.51759 0.702464 6.41363 0.659406 6.30726 0.667777C6.18467 0.677426 6.04188 0.820218 5.75629 1.1058Z' stroke='black' stroke-width='1.33333' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");;
}

/* ===========================
   HERO (.about-hero)
   =========================== */

.about-hero__title {
  margin: 0;
}

.about-hero__video {
  position: relative;
  border-radius: var(--radius-20);
  overflow: hidden;
  aspect-ratio: 10 / 12;
  margin-top: var(--space-32);
}

.about-hero__media {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

.about-hero__sound {
  position: absolute;
  bottom: var(--space-16);
  right: var(--space-16);
  z-index: 2;
}

/* ===========================
   TEAM (.about-team)
   =========================== */
.about-team {
  display: flex;
  flex-direction: column;
  gap: var(--space-48);
}

.about-team__title {
  margin: 0;
}

.about-team__grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: var(--space-16) var(--space-8);
}

.about-team__card {
  display: flex;
  flex-direction: column;
  gap: var(--space-16);
}

.about-team__photo {
  background: var(--blue-10);
  border-radius: var(--radius-20);
  overflow: hidden;
  aspect-ratio: 1;
}

.about-team__photo img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

.about-team__info {
  display: flex;
  flex-direction: column;
  gap: var(--space-8);
}

.about-team__name {
  color: var(--fg-primary);
}

.about-team__role {
  color: var(--fg-secondary);
}

/* ===========================
   REVIEWS (.about-reviews)
   =========================== */
.about-reviews {
  display: flex;
  flex-direction: column;
  gap: var(--space-48);
}

.about-reviews__title {
  margin: 0;
}

.about-reviews__grid {
  display: grid;
  grid-template-columns: 1fr;
  gap: var(--space-8);
}

.about-reviews__card {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  gap: var(--space-24);
  padding: var(--space-24);
  background: var(--bg-surface-darker);
  border: 1px solid var(--gray-10);
  border-radius: var(--radius-20);
}

.about-reviews__card--hidden {
  display: none;
}

.about-reviews__card-top {
  display: flex;
  flex-direction: column;
  gap: var(--space-12);
}

.about-reviews__card-header {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  align-items: center;
  justify-content: space-between;
}

.about-reviews__stars {
  display: flex;
  align-items: center;
  gap: var(--space-4);
}

.about-reviews__star--filled {
  color: var(--yellow-600);
}

.about-reviews__star--empty {
  color: var(--gray-100);
}

.about-reviews__date {
  color: var(--fg-tertiary);
}

.about-reviews__text {
  color: var(--fg-primary);
  margin: 0;
}

.about-reviews__author {
  display: flex;
  align-items: center;
  gap: var(--space-12);
}

.about-reviews__avatar {
  width: 40px;
  height: 40px;
  border-radius: 100px;
  overflow: hidden;
  flex-shrink: 0;
}

.about-reviews__avatar img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

.about-reviews__author-name {
  color: var(--fg-primary);
}

.about-reviews__more {
  align-self: center;
}

/* ===========================
   VACANCIES (.about-vacancies)
   =========================== */
.about-vacancies {
  display: flex;
  flex-direction: column;
  gap: var(--space-48);
}

.about-vacancies__title {
  margin: 0;
}

.about-vacancies__list {
  display: flex;
  flex-direction: column;
  gap: var(--space-32);
}

.about-vacancies__divider {
  height: 1px;
  background: var(--stroke-lighter);
}

.about-vacancies__item {
  display: flex;
  flex-direction: column;
  gap: var(--space-16);
}

.about-vacancies__meta {
  display: flex;
  flex-direction: column;
  gap: 0;
}

.about-vacancies__tags {
  display: flex;
  align-items: center;
  gap: var(--space-24);
  overflow-x: auto;
  scrollbar-width: none;
  -webkit-overflow-scrolling: touch;
}

.about-vacancies__tags::-webkit-scrollbar {
  display: none;
}

.about-vacancies__tags > * {
  flex-shrink: 0;
}

.about-vacancies__tag-text {
  color: var(--gray-700);
}

.about-vacancies__body {
  display: flex;
  flex-direction: column;
  gap: var(--space-16);
}

.about-vacancies__content {
  display: flex;
  flex-direction: column;
  gap: var(--space-12);
}

.about-vacancies__name {
  margin: 0;
  color: var(--fg-primary);
}

.about-vacancies__desc {
  margin: 0;
  color: var(--gray-800);
}

.about-vacancies__link {
  align-self: flex-start;
}

/* ===========================
   RESPONSIVE: 600px+
   =========================== */
@media (min-width: 600px) {
  .about-reviews__grid {
    grid-template-columns: repeat(2, 1fr);
  }

  .about-hero__video {
    aspect-ratio: 1480 / 800;
  }
}

/* ===========================
   RESPONSIVE: 769px+
   =========================== */
@media (min-width: 769px) {

  .about-hero__sound {
    bottom: var(--space-24);
    right: var(--space-24);
  }

  .about-team__grid {
    grid-template-columns: repeat(2, 1fr);
    gap: var(--space-32) var(--space-8);
  }

  .about-reviews__card {
    padding: var(--space-32);
  }

  .about-vacancies__body {
    flex-direction: row;
    align-items: flex-end;
    gap: var(--space-24);
  }

  .about-vacancies__content {
    flex: 1;
  }

  .about-vacancies__link {
    align-self: auto;
    flex-shrink: 0;
  }
}

/* ===========================
   RESPONSIVE: 1025px+
   =========================== */
@media (min-width: 1025px) {

  .about-hero__video {
    margin-top: var(--space-48);
  }

  .about-hero__sound {
    bottom: var(--space-32);
    right: var(--space-32);
  }

  .about-team__grid {
    grid-template-columns: repeat(3, 1fr);
    gap: var(--space-32) var(--space-8);
  }

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

/* ===========================
   RESPONSIVE: 1281px+
   =========================== */
@media (min-width: 1281px) {
  .about-team__grid {
    grid-template-columns: repeat(4, 1fr);
  }

  .about-team__photo {
    padding: 0 31px;
  }

  .about-reviews__grid {
    grid-template-columns: repeat(4, 1fr);
  }
}

/* End */


/* Start:/assets/css/components/about-block.css?17793622272056*/
/* ===========================
   ABOUT BLOCK (.about-block)
   =========================== */
.about-block {
    width: 100%;
}
.about-block__inner {
    display: flex;
    flex-direction: column;
    gap: var(--space-32);
}

/* --- Header --- */
.about-block__header {
    display: flex;
    flex-direction: column;
    gap: var(--space-12);
}

/* --- Media (image or video) --- */
.about-block__media {
    border-radius: var(--radius-20);
    overflow: hidden;
    display: none;
}

.about-block__media.mobile {
    display: block;
    margin-top: var(--space-20);
    margin-bottom: var(--space-32);
}

.about-block__media img,
.about-block__media video {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

/* ===========================
   DESKTOP (1025px+)
   =========================== */
@media (min-width: 1025px) {
    .about-block .accordion__title {
        font-size: var(--text-20);
        line-height: var(--lh-28);
    }

    .about-block .accordion__text {
        font-size: var(--text-16);
        line-height: var(--lh-24);
        display: -webkit-box;
        -webkit-line-clamp: 3;
        -webkit-box-orient: vertical;
        overflow: hidden;
        max-width: 392px;
        height:72px;
    }

    .about-block .accordion--primary .accordion__header {
        padding: var(--space-24) 0;
    }

    .about-block .accordion__inner > :last-child {
        margin-bottom: var(--space-24);
    }

    .about-block .accordion__inner .text-btn {
        margin-bottom: var(--space-24);
    }

    .about-block__inner {
        flex-direction: row;
        gap: var(--space-24);
        align-items: flex-start;
    }

    .about-block__content {
        flex: 1;
        display: flex;
        flex-direction: column;
        gap: var(--space-40);
    }

    .about-block__media.mobile {
        display: none;
    }

    .about-block__media {
        display: block;
        flex: 0 0 calc(50% - var(--space-12));
        aspect-ratio: 728/616;
        position: sticky;
        top: 100px;
    }
}

/* End */


/* Start:/assets/css/components/partners.css?17804947032080*/
/* ===========================
   PARTNERS (.partners)
   =========================== */
.partners {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: var(--space-40);
    width: 100%;
}

.partners__title {
    text-align: center;
}

/* --- Ticker --- */
.partners__ticker {
    position: relative;
    width: 100%;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    gap: var(--space-8);
}

.partners__row {
    display: flex;
    width: 100%;
    overflow: hidden;
}

.partners__track {
    display: flex;
    gap: 4px;
    flex-shrink: 0;
    will-change: transform;
}

.partners__row--left .partners__track {
    animation: marquee-left 30s linear infinite;
}

.partners__row--right .partners__track {
    animation: marquee-right 30s linear infinite;
}

@keyframes marquee-left {
    0%   { transform: translateX(-33.33%); }
    100% { transform: translateX(-66.66%); }
}

@keyframes marquee-right {
    0%   { transform: translateX(-66.66%); }
    100% { transform: translateX(-33.33%); }
}

/* --- Item --- */
.partners__item {
    flex-shrink: 0;
    width: 160px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: var(--space-8) 8px;
    background: var(--blue-5);
    border: 1px solid var(--blue-10);
    border-radius: var(--radius-12);
    min-height: 48px;
}

.partners__item img {
    height: 48px;
    width: auto;
    display: block;
}

/* --- Fade edges --- */
.partners__fade {
    position: absolute;
    top: 0;
    bottom: 0;
    width: 24px;
    pointer-events: none;
    z-index: 1;
}

.partners__fade--left {
    left: 0;
    background: linear-gradient(to right, var(--white), transparent);
}

.partners__fade--right {
    right: 0;
    background: linear-gradient(to left, var(--white), transparent);
}

@media (min-width: 768px) {
    .partners__item {
        width: 200px;
    }
    .partners__fade {
        width: 32px;
    }
}

@media (min-width: 1025px) {
    .partners__item {
        width: 320px;
    }

    .partners__fade {
        width: 240px;
    }
}
/* End */
/* /assets/css/components/about.css?17793622279607 */
/* /assets/css/components/about-block.css?17793622272056 */
/* /assets/css/components/partners.css?17804947032080 */
