@charset "UTF-8";
:root {
  --grey: #a9a9a9;
  --color-placeholder: gray;
}

.dark-theme,
body {
  --theme-color-text: #FEFEFE;
  --theme-color-bg-main: #0E0F11;
  --theme-color-bg-top-menu-link: #212122;
  --theme-color-text-top-menu-link: #fff;
}

.light-theme,
body.light-theme {
  --theme-color-text: #0E0F11;
  --theme-color-bg-main: #FEFEFE;
  --theme-color-bg-top-menu-link: #F8F8F8;
  --theme-color-text-top-menu-link: #0E0F11;
}

/*
$type -- для условия
         1 -- только если ширина окна меньше контейнера
         2 -- только если ширина окна больше контейнера
         0 -- всегда
*/
.section-who-we-are {
  padding-bottom: calc(124rem / 16);
}
@media (max-width: 1728px) {
  .section-who-we-are {
    padding-bottom: calc(30rem / 16 + 94 / 16 * (100vw - 390rem / 16) / (1338 / 16));
  }
}
.section-who-we-are .section-title {
  padding-bottom: 0;
}
@media only screen and (max-width: 767px) {
  .section-who-we-are__tabs-caption,
  .section-who-we-are .tabs__content {
    display: none !important;
  }
}
.section-who-we-are__top-wrap {
  margin-bottom: calc(55rem / 16);
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 30px;
}
@media (max-width: 1728px) {
  .section-who-we-are__top-wrap {
    margin-bottom: calc(20rem / 16 + 35 / 16 * (100vw - 390rem / 16) / (1338 / 16));
  }
}
@media only screen and (max-width: 767px) {
  .section-who-we-are__top-wrap {
    flex-direction: column;
    align-items: flex-start;
  }
}
.section-who-we-are .filter-resources {
  width: 100%;
  margin: 0;
}
@media only screen and (min-width: 768px) {
  .section-who-we-are .filter-resources {
    display: none;
  }
}
.section-who-we-are .filter-resources .input-wrap-table {
  margin-bottom: 0;
}
.section-who-we-are__tabs-caption {
  display: inline-flex;
  flex-wrap: wrap;
  gap: 12px;
}
.section-who-we-are__tabs-caption .btn {
  font-size: calc(20rem / 16);
  padding-block: 14px;
  margin: 0;
  color: #FCF9FE;
}
@media (max-width: 1728px) {
  .section-who-we-are__tabs-caption .btn {
    font-size: calc(14rem / 16 + 6 / 16 * (100vw - 390rem / 16) / (1338 / 16));
  }
}
.section-who-we-are__tabs-caption .btn:not(.active) {
  padding-block: 13px;
  padding-inline: 22px;
  background: none;
  color: #6b34fd;
  border: 2px solid #6b34fd;
}
.section-who-we-are__list-card {
  --padding: 5px;
  --cGap: 20px;
  --rGap: calc(75rem / 16);
  margin-inline: calc(var(--padding) * -1);
  display: flex;
  flex-wrap: wrap;
  column-gap: var(--cGap);
  row-gap: var(--rGap);
}
@media (max-width: 1728px) {
  .section-who-we-are__list-card {
    --rGap: calc(8rem / 16 + 67 / 16 * (100vw - 390rem / 16) / (1338 / 16));
  }
}
@media only screen and (min-width: 1201px) {
  .section-who-we-are__list-card {
    --cGap: calc(81rem / 16);
  }
}
@media only screen and (min-width: 1201px) and (max-width: 1728px) {
  .section-who-we-are__list-card {
    --cGap: calc(14rem / 16 + 67 / 16 * (100vw - 390rem / 16) / (1338 / 16));
  }
}
.section-who-we-are .card-who-we-are {
  width: calc(25% - var(--cGap) / 1.25);
}
@media only screen and (min-width: 1025px) {
  .section-who-we-are .card-who-we-are {
    width: calc(20% - var(--cGap) / 1.25);
  }
}
.section-who-we-are__wrap-btn-more {
  display: flex;
  justify-content: center;
}
@media only screen and (min-width: 768px) {
  .section-who-we-are__wrap-btn-more {
    display: none;
  }
}
.section-who-we-are__wrap-btn-more .btn {
  margin-top: 56px;
  display: none;
}
.section-who-we-are__wrap-btn-more .btn.active {
  display: flex;
}
.section-who-we-are .group-mobile-card-who-we-are {
  display: none;
}
.section-who-we-are .group-mobile-card-who-we-are.active {
  --gap: 24px;
  display: block;
  display: flex;
  flex-wrap: wrap;
  gap: var(--gap);
}
@media only screen and (min-width: 768px) {
  .section-who-we-are .group-mobile-card-who-we-are {
    display: none !important;
  }
}

.card-who-we-are {
  --radius: calc(12rem / 16);
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  position: relative;
  border-radius: var(--radius);
  overflow: hidden;
  padding: var(--padding);
  background: none;
  border: none;
  text-align: left;
  cursor: pointer;
}
@media (max-width: 1728px) {
  .card-who-we-are {
    --radius: calc(6rem / 16 + 6 / 16 * (100vw - 390rem / 16) / (1338 / 16));
  }
}
.card-who-we-are__bg {
  aspect-ratio: 1/1.0697674419;
  width: 100%;
  position: relative;
  overflow: hidden;
  border-radius: var(--radius);
  background-image: radial-gradient(88.93% 152.94% at 96.74% -63.91%, #DFD9FE 0%, #FFF 78.02%);
}
.card-who-we-are__bg img {
  position: absolute;
  width: 100%;
  height: 100%;
  inset: 0;
  object-fit: cover;
  object-position: center;
}
.card-who-we-are__name {
  font-size: calc(24rem / 16);
  font-family: var(--font-family);
  font-weight: 500;
  letter-spacing: 0.02em;
  margin-top: 7px;
  color: #121185;
}
@media (max-width: 1728px) {
  .card-who-we-are__name {
    font-size: calc(20rem / 16 + 4 / 16 * (100vw - 390rem / 16) / (1338 / 16));
  }
}
@media only screen and (min-width: 768px) {
  .card-who-we-are__name {
    letter-spacing: normal;
  }
}
.card-who-we-are__job {
  font-size: calc(20rem / 16);
  line-height: 1.34;
  letter-spacing: 0.02em;
  color: #353ab0;
}
@media (max-width: 1728px) {
  .card-who-we-are__job {
    font-size: calc(16rem / 16 + 4 / 16 * (100vw - 390rem / 16) / (1338 / 16));
  }
}
@media only screen and (min-width: 768px) {
  .card-who-we-are__job {
    line-height: normal;
  }
}
.card-who-we-are__job + .card-who-we-are__job {
  margin-top: 2px;
}
.card-who-we-are__link {
  --size: 16px;
  display: block;
  width: var(--size);
  min-width: var(--size);
  height: var(--size);
  background-image: url("../images/page-about-us/section-who-we-are/icon-link.svg");
  background-repeat: no-repeat;
  background-size: 100% 100%;
  margin-top: 15px;
}
.card-who-we-are:hover .card-who-we-are__hover {
  opacity: 1;
}
.card-who-we-are__hover {
  z-index: 1;
  background-image: linear-gradient(135deg, #010737 0%, #1D117B 100%);
  position: absolute;
  inset: var(--padding);
  padding-block: 20px 16px;
  padding-inline: 18px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: space-between;
  gap: 20px;
  opacity: 0;
  transition: opacity 0.5s ease;
  border-radius: var(--radius);
  overflow: hidden;
}
.card-who-we-are__hover .card-who-we-are__icon-social {
  max-width: 24px;
  margin-bottom: 5px;
}
.card-who-we-are__hover .card-who-we-are__name {
  color: #FCF9FE;
  margin-top: 0;
}
.card-who-we-are__hover .card-who-we-are__job {
  margin-top: 2px;
}
.card-who-we-are__hover .card-who-we-are__job, .card-who-we-are__hover .btn {
  color: #E5E7FF;
}
.card-who-we-are__hover .btn {
  margin-block: 0;
  padding-block: 0;
}
.card-who-we-are__hover .btn::after {
  opacity: 0.9;
}
.card-who-we-are.type-mobile {
  width: 100%;
  background-color: #fff;
  padding: 16px;
  cursor: inherit;
}
.card-who-we-are.type-mobile.hidden {
  display: none;
}
.card-who-we-are.type-mobile .card-who-we-are__header-mobile-wrap {
  width: 100%;
  display: flex;
  flex-direction: row;
  gap: 16px;
}
.card-who-we-are.type-mobile .card-who-we-are__bg {
  aspect-ratio: 1/1;
  max-width: 130px;
  min-width: 130px;
}
.card-who-we-are.type-mobile .card-who-we-are__wrap-mobile-content {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  width: 100%;
}
.card-who-we-are.type-mobile.type-logo .card-who-we-are__wrap-mobile-content {
  justify-content: flex-end;
  gap: 16px;
}
.card-who-we-are.type-mobile .card-who-we-are__name {
  margin-top: 0;
}
.card-who-we-are.type-mobile .card-who-we-are__wrap-link-btn {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
}
.card-who-we-are.type-mobile .card-who-we-are__wrap-link-btn:not(:has(a)) {
  justify-content: flex-end;
}
.card-who-we-are.type-mobile .btn-dropdown {
  width: 20px;
  height: 21px;
  transition: rotate 0.3s ease;
}
.card-who-we-are.type-mobile .btn-dropdown img,
.card-who-we-are.type-mobile .btn-dropdown svg {
  width: 100%;
}
.card-who-we-are.type-mobile .btn-dropdown.active {
  rotate: -90deg;
}
.card-who-we-are.type-mobile .card-who-we-are__mobile-drop-down {
  display: grid;
  grid-template-rows: 0fr;
  overflow: hidden;
  transition: grid-template-rows 0.4s ease;
}
.card-who-we-are.type-mobile .card-who-we-are__mobile-drop-down.active {
  grid-template-rows: 1fr;
  padding-bottom: 16px;
}
.card-who-we-are.type-mobile .card-who-we-are__mobile-drop-down-content {
  font-size: 1rem;
  line-height: 1.34;
  letter-spacing: 0.02em;
  color: #353ab0;
  min-height: 0;
}
.card-who-we-are.type-mobile .card-who-we-are__mobile-drop-down-content p {
  margin-top: 10px;
}
.card-who-we-are.type-mobile .card-who-we-are__mobile-drop-down-content p:first-child {
  margin-top: 24px;
}

.card-who-we-are-popup {
  padding-top: calc(40rem / 16);
  padding-inline: calc(40rem / 16);
  padding-bottom: calc(54rem / 16);
  display: flex;
  align-items: flex-start;
  gap: var(--mainGap);
  color: #353AB0;
  background: #fff;
}
@media (max-width: 1728px) {
  .card-who-we-are-popup {
    padding-top: calc(20rem / 16 + 20 / 16 * (100vw - 390rem / 16) / (1338 / 16));
  }
}
@media (max-width: 1728px) {
  .card-who-we-are-popup {
    padding-inline: calc(20rem / 16 + 20 / 16 * (100vw - 390rem / 16) / (1338 / 16));
  }
}
@media (max-width: 1728px) {
  .card-who-we-are-popup {
    padding-bottom: calc(30rem / 16 + 24 / 16 * (100vw - 390rem / 16) / (1338 / 16));
  }
}
.card-who-we-are-popup.type-photo {
  --radius-photo: 16px;
  --mainGap: calc(32rem / 16);
  border-radius: calc(16rem / 16);
  box-shadow: 4px -4px 32px 0 rgba(18, 17, 133, 0.06), 4px -4px 99px 0 rgba(18, 17, 133, 0.1), 0 4px 20px 0 rgba(37, 19, 83, 0.1);
  max-width: 960px;
}
@media (max-width: 1728px) {
  .card-who-we-are-popup.type-photo {
    --mainGap: calc(20rem / 16 + 12 / 16 * (100vw - 390rem / 16) / (1338 / 16));
  }
}
@media (max-width: 1728px) {
  .card-who-we-are-popup.type-photo {
    border-radius: calc(12rem / 16 + 4 / 16 * (100vw - 390rem / 16) / (1338 / 16));
  }
}
.card-who-we-are-popup.type-photo .card-who-we-are-popup__bg {
  aspect-ratio: 1/1.0728476821;
}
.card-who-we-are-popup.type-logo {
  --radius-photo: 8px;
  --mainGap: calc(35rem / 16);
  gap: calc(22rem / 16);
  border-radius: calc(20rem / 16);
  flex-direction: column;
  max-width: 763px;
}
@media (max-width: 1728px) {
  .card-who-we-are-popup.type-logo {
    --mainGap: calc(20rem / 16 + 15 / 16 * (100vw - 390rem / 16) / (1338 / 16));
  }
}
@media (max-width: 1728px) {
  .card-who-we-are-popup.type-logo {
    gap: calc(20rem / 16 + 2 / 16 * (100vw - 390rem / 16) / (1338 / 16));
  }
}
@media (max-width: 1728px) {
  .card-who-we-are-popup.type-logo {
    border-radius: calc(12rem / 16 + 8 / 16 * (100vw - 390rem / 16) / (1338 / 16));
  }
}
.card-who-we-are-popup.type-logo .card-who-we-are-popup__bg {
  --size-photo: calc(192rem / 16);
  aspect-ratio: 1/1.0677083333;
}
@media (max-width: 1728px) {
  .card-who-we-are-popup.type-logo .card-who-we-are-popup__bg {
    --size-photo: calc(150rem / 16 + 42 / 16 * (100vw - 390rem / 16) / (1338 / 16));
  }
}
.card-who-we-are-popup.type-logo .card-who-we-are-popup__header {
  display: flex;
  gap: var(--mainGap);
}
.card-who-we-are-popup.type-logo .card-who-we-are-popup__header_right {
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
}
.card-who-we-are-popup.type-logo .card-who-we-are-popup__link-logo {
  --size: 24px;
  margin-top: calc(20rem / 16);
  display: block;
  width: var(--size);
  min-width: var(--size);
  height: var(--size);
  background-image: url("../images/page-about-us/section-who-we-are/icon-link.svg");
  background-repeat: no-repeat;
  background-size: 100% 100%;
}
@media (max-width: 1728px) {
  .card-who-we-are-popup.type-logo .card-who-we-are-popup__link-logo {
    margin-top: calc(12rem / 16 + 8 / 16 * (100vw - 390rem / 16) / (1338 / 16));
  }
}
.card-who-we-are-popup__bg {
  --size-photo: calc(302rem / 16);
  position: relative;
  overflow: hidden;
  border-radius: var(--radius-photo);
  background-image: linear-gradient(135deg, #f6f5ff, #E9E5FF 50%, #CFC5FE);
  max-width: var(--size-photo);
  min-width: var(--size-photo);
  width: 100%;
}
@media (max-width: 1728px) {
  .card-who-we-are-popup__bg {
    --size-photo: calc(200rem / 16 + 102 / 16 * (100vw - 390rem / 16) / (1338 / 16));
  }
}
.card-who-we-are-popup__bg img {
  position: absolute;
  width: 100%;
  height: 100%;
  inset: 0;
  object-fit: cover;
  object-position: center;
}
.card-who-we-are-popup__name {
  font-size: calc(40rem / 16);
  font-weight: 500;
  letter-spacing: 0.02em;
  line-height: normal;
  color: #121185;
}
@media (max-width: 1728px) {
  .card-who-we-are-popup__name {
    font-size: calc(20rem / 16 + 20 / 16 * (100vw - 390rem / 16) / (1338 / 16));
  }
}
.card-who-we-are-popup__job {
  font-size: calc(22rem / 16);
  line-height: 1.4;
  letter-spacing: 0.02em;
}
@media (max-width: 1728px) {
  .card-who-we-are-popup__job {
    font-size: calc(18rem / 16 + 4 / 16 * (100vw - 390rem / 16) / (1338 / 16));
  }
}
.card-who-we-are-popup__link-social {
  --size: 24px;
  display: block;
  width: var(--size);
  min-width: var(--size);
  height: var(--size);
  margin-top: 6px;
}
.card-who-we-are-popup__link-social img {
  width: 100%;
}
.card-who-we-are-popup p:not(.card-who-we-are-popup__name):not(.card-who-we-are-popup__job), .card-who-we-are-popup__description {
  font-size: calc(20rem / 16);
  margin-top: calc(10rem / 16);
  line-height: 1.34;
  letter-spacing: 0.02em;
}
@media (max-width: 1728px) {
  .card-who-we-are-popup p:not(.card-who-we-are-popup__name):not(.card-who-we-are-popup__job), .card-who-we-are-popup__description {
    font-size: calc(10rem / 16 + 10 / 16 * (100vw - 390rem / 16) / (1338 / 16));
  }
}
@media (max-width: 1728px) {
  .card-who-we-are-popup p:not(.card-who-we-are-popup__name):not(.card-who-we-are-popup__job), .card-who-we-are-popup__description {
    margin-top: calc(5rem / 16 + 5 / 16 * (100vw - 390rem / 16) / (1338 / 16));
  }
}
.card-who-we-are-popup__job + .card-who-we-are-popup__description, .card-who-we-are-popup__job + p:not(.card-who-we-are-popup__name), .card-who-we-are-popup__job + p:not(.card-who-we-are-popup__job), .card-who-we-are-popup__link-social + .card-who-we-are-popup__description, .card-who-we-are-popup__link-social + p:not(.card-who-we-are-popup__name), .card-who-we-are-popup__link-social + p:not(.card-who-we-are-popup__job) {
  margin-top: 15px !important;
}
@media only screen and (min-width: 768px) {
  .card-who-we-are-popup__job + .card-who-we-are-popup__description, .card-who-we-are-popup__job + p:not(.card-who-we-are-popup__name), .card-who-we-are-popup__job + p:not(.card-who-we-are-popup__job), .card-who-we-are-popup__link-social + .card-who-we-are-popup__description, .card-who-we-are-popup__link-social + p:not(.card-who-we-are-popup__name), .card-who-we-are-popup__link-social + p:not(.card-who-we-are-popup__job) {
    margin-top: 25px !important;
  }
}

.slider-in-popup .swiper-wrapper {
  will-change: transform;
}
.slider-in-popup .swiper-slide {
  padding-block: calc(50rem / 16);
  opacity: 0;
  scale: 0.9;
  transition: opacity 0.5s ease, scale 0.5s ease;
}
@media (max-width: 1728px) {
  .slider-in-popup .swiper-slide {
    padding-block: calc(0rem / 16 + 50 / 16 * (100vw - 390rem / 16) / (1338 / 16));
  }
}
.slider-in-popup .swiper-slide.swiper-slide-active {
  opacity: 1;
  scale: 1;
}
.slider-in-popup .swiper-slide > * {
  height: auto;
}
.slider-in-popup .card-who-we-are-popup {
  margin-inline: auto;
}
.slider-in-popup__nav {
  --sizeBtn: 48px;
  position: relative;
  width: 105px;
  height: var(--sizeBtn);
  margin-inline: auto;
}
.slider-in-popup__nav button {
  background: none;
  margin: 0;
  top: 0;
}
.slider-in-popup__nav button:hover svg {
  transform: none;
}
.slider-in-popup__nav button svg g {
  stroke: #E5E7FF;
}
.slider-in-popup__prev {
  left: 0;
}
.slider-in-popup__next {
  right: 0;
}
.slider-in-popup__prev, .slider-in-popup__next {
  rotate: 180deg;
}

.who-we-are-modal .modal__overlay {
  background-color: rgba(1, 14, 39, 0.7);
  backdrop-filter: blur(5px);
  padding-right: 0;
}
.who-we-are-modal .modal__container {
  max-width: 100%;
  background: none;
  padding-inline: 0;
}
.who-we-are-modal .modal__header {
  display: block;
}
.who-we-are-modal .modal__close {
  right: calc(50rem / 16);
  top: 20px;
  position: absolute;
  font-size: 20px;
  color: #f6f5ff;
  z-index: 100;
  cursor: pointer;
}
@media (max-width: 1728px) {
  .who-we-are-modal .modal__close {
    right: calc(20rem / 16 + 30 / 16 * (100vw - 390rem / 16) / (1338 / 16));
  }
}
/*# sourceMappingURL=section-who-we-are.min.css.map */