.section-videos {
  padding-bottom: 100px; }
  @media (max-width: 767.98px) {
    .section-videos {
      padding-bottom: 40px; } }
  .section-videos__socials {
    display: flex;
    align-items: center;
    gap: 20px; }
    .section-videos__socials-label {
      font-family: "Molot";
      font-style: normal;
      font-weight: 400;
      font-size: 32px;
      line-height: 100%; }
      @media (max-width: 767.98px) {
        .section-videos__socials-label {
          font-family: "Molot";
          font-style: normal;
          font-weight: 400;
          font-size: 24px;
          line-height: 100%; } }
      @media (max-width: 767.98px) {
        .section-videos__socials-label {
          display: none; } }
    .section-videos__socials-list {
      display: flex;
      align-items: center;
      gap: 20px;
      flex-wrap: wrap; }
  .section-videos__slider {
    border-radius: 20px 20px 0px 0px; }
    .section-videos__slider-wrapper {
      position: relative; }
  .section-videos__previous-button, .section-videos__next-button {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    z-index: 1; }
  .section-videos__previous-button {
    left: 0px;
    transform: translateX(calc(-100% - 20px)); }
    @media (max-width: 767.98px) {
      .section-videos__previous-button {
        transform: translateX(-10px); } }
  .section-videos__next-button {
    right: 0px;
    transform: translateX(calc(100% + 20px)); }
    @media (max-width: 767.98px) {
      .section-videos__next-button {
        transform: translateX(10px); } }
  .section-videos__slide {
    max-width: 430px; }
    .section-videos__slide:not(:last-child) {
      margin-right: 20px; }
  .section-videos_theme_dark {
    color: #FFFFFF; }
  .section-videos_theme_light {
    color: #1D2956;
    background-image: url("/themes/superman/assets/newsu/images/background-texture.jpg"); }

.section-videos {
  position: relative;
  overflow: hidden; }
  .section-videos .rellax {
    z-index: -1;
    position: absolute; }
  .section-videos .rellax.d1 {
    left: -1%;
    bottom: 2%; }
  .section-videos .rellax.d2 {
    top: 5%;
    right: 5%; }

.section-live {
  padding-bottom: 100px; }
  @media (max-width: 767.98px) {
    .section-live {
      padding-bottom: 40px; } }
  .section-live__content {
    padding: 0px 50px; }
    @media (max-width: 767.98px) {
      .section-live__content {
        padding: 0px; } }
  @media (min-width: 768px) {
    .section-live__grid {
      display: flex;
      flex-wrap: wrap;
      gap: 16px; } }
  .section-live__item {
    position: relative;
    overflow: hidden;
    border-radius: 20px;
    background-color: #213474; }
    @media (max-width: 767.98px) {
      .section-live__item {
        max-width: 300px;
        aspect-ratio: 1; }
        .section-live__item:not(:last-child) {
          margin-right: 16px; } }
    @media (min-width: 768px) {
      .section-live__item {
        flex-grow: 460;
        aspect-ratio: 460/390;
        min-width: 25%;
        max-height: 390px; }
        .section-live__item:nth-child(6n + 3), .section-live__item:nth-child(6n + 4) {
          flex-grow: 580;
          aspect-ratio: 580/390; } }
  .section-live__link {
    display: contents; }
  .section-live__image {
    width: 100%;
    position: absolute;
    height: 100%;
    object-position: center;
    object-fit: cover; }

.section-live {
  position: relative;
  overflow: hidden; }
  .section-live .rellax {
    z-index: -1;
    position: absolute; }
  .section-live .rellax.d1 {
    left: -10%;
    bottom: 13%;
    mix-blend-mode: hard-light; }
  .section-live .rellax.d2 {
    top: 20%;
    right: -10%;
    mix-blend-mode: color-dodge; }
  .section-live .rellax.d3 {
    right: 1%;
    top: 30%; }

.card-video__play {
  position: relative;
  width: 100%; }
  .card-video__play::after {
    content: url("data:image/svg+xml,%3Csvg width='38' height='46' viewBox='0 0 38 46' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M34.8111 18.4441C37.8413 20.4163 37.8413 24.8533 34.8111 26.8254L7.72738 44.4523C4.40128 46.6171 1.51568e-06 44.2302 1.68915e-06 40.2617L3.23014e-06 5.00782C3.40361e-06 1.03932 4.40129 -1.34753 7.72739 0.817205L34.8111 18.4441Z' fill='white'/%3E%3C/svg%3E%0A");
    position: absolute;
    top: calc(50% - 60px);
    left: calc(50% - 60px);
    display: flex;
    align-items: center;
    justify-content: center;
    width: 120px;
    height: 120px;
    border-radius: 50%;
    background-color: rgba(255, 255, 255, 0.2);
    transition: transform 0.3s ease-in-out;
    transform-origin: center; }
  .card-video__play:hover::after {
    transform: scale(1.2); }
.card-video__preview {
  border-radius: 20px;
  object-fit: cover;
  width: 100%;
  aspect-ratio: 430/645; }
.card-video__content {
  padding-top: 16px; }
.card-video__title {
  font-family: "Molot";
  font-style: normal;
  font-weight: 400;
  font-size: 22px;
  line-height: 100%; }
  @media (max-width: 767.98px) {
    .card-video__title {
      font-family: "Molot";
      font-style: normal;
      font-weight: 400;
      font-size: 18px;
      line-height: 100%; } }

.page-banner {
  padding-top: 100px;
  display: flex;
  flex-direction: column;
  min-height: 100vh; }
  @media (max-width: 767.98px) {
    .page-banner {
      min-height: 50vh; } }
  .page-banner__container {
    flex-grow: 1;
    display: flex;
    flex-direction: column;
    justify-content: center; }
  .page-banner__content {
    display: flex;
    flex-direction: column;
    align-items: stretch;
    justify-content: center; }
  .page-banner__title {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 20px;
    width: 100%;
    font-family: "Molot";
    font-style: normal;
    font-weight: 400;
    font-size: 80px;
    line-height: 100%; }
    @media (max-width: 767.98px) {
      .page-banner__title {
        font-family: "Molot";
        font-style: normal;
        font-weight: 400;
        font-size: 50px;
        line-height: 100%; } }
    .page-banner__title span:nth-child(1) {
      align-self: flex-start; }
    .page-banner__title span:nth-child(3) {
      align-self: flex-end; }

.page-banner-ticker {
  --swiper-wrapper-transition-timing-function: linear;
  background-color: #FFFFFF;
  overflow: hidden; }
  .page-banner-ticker__item {
    position: relative;
    display: flex;
    justify-content: center;
    padding: 10px 30px 10px 50px;
    width: fit-content;
    min-width: 600px;
    color: #E84341;
    font-family: "Molot";
    font-style: normal;
    font-weight: 400;
    font-size: 40px;
    line-height: 100%; }
    @media (max-width: 767.98px) {
      .page-banner-ticker__item {
        min-width: unset; } }
    @media (max-width: 767.98px) {
      .page-banner-ticker__item {
        font-family: "Molot";
        font-style: normal;
        font-weight: 400;
        font-size: 32px;
        line-height: 100%; } }
    .page-banner-ticker__item::before {
      content: '';
      position: absolute;
      left: 0;
      top: 50%;
      transform: translateY(-50%);
      display: inline-block;
      width: var(--marker-size, 22px);
      height: var(--marker-size, 22px);
      background-color: var(--marker-color, currentColor);
      mask: var(--marker-mask, 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='M7.93769 0.835826C8.73547 -0.27865 10.3925 -0.27865 11.1902 0.835826L13.9603 4.70551C14.088 4.88385 14.2441 5.03998 14.4224 5.16764L18.2921 7.93769C19.4066 8.73547 19.4066 10.3925 18.2921 11.1902L14.4224 13.9603C14.2441 14.088 14.088 14.2441 13.9603 14.4224L11.1902 18.2921C10.3925 19.4066 8.73547 19.4066 7.93769 18.2921L5.16764 14.4224C5.03998 14.2441 4.88385 14.088 4.70551 13.9603L0.835826 11.1902C-0.27865 10.3925 -0.27865 8.73547 0.835826 7.93769L4.70551 5.16764C4.88385 5.03998 5.03998 4.88385 5.16764 4.70551L7.93769 0.835826Z' fill='black'/%3E%3C/svg%3E%0A"));
      mask-position: center;
      mask-size: contain; }

.page-stats {
  padding-bottom: 100px; }
  @media (max-width: 767.98px) {
    .page-stats {
      padding-bottom: 40px; } }
  .page-stats__header {
    --sh-align-items: center; }
  .page-stats__content {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 100px; }
    @media (max-width: 767.98px) {
      .page-stats__content {
        gap: 40px; } }
  .page-stats__numbers {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 60px;
    flex-wrap: wrap; }
  .page-stats__numbers2 {
    display: flex;
    flex-direction: column;
    align-items: stretch;
    gap: 60px; }

.page-stats-number {
  display: grid;
  grid-template-areas: "v u" "l l";
  grid-template-columns: auto 1fr;
  gap: 0px 20px; }
  .page-stats-number__value {
    grid-area: v;
    color: #E84341;
    font-family: "Molot";
    font-style: normal;
    font-weight: 400;
    font-size: 80px;
    line-height: 100%; }
    @media (max-width: 767.98px) {
      .page-stats-number__value {
        font-family: "Molot";
        font-style: normal;
        font-weight: 400;
        font-size: 50px;
        line-height: 100%; } }
  .page-stats-number__units {
    grid-area: u;
    align-self: flex-end;
    color: #FFFFFF;
    font-family: "Molot";
    font-style: normal;
    font-weight: 400;
    font-size: 40px;
    line-height: 100%; }
    @media (max-width: 767.98px) {
      .page-stats-number__units {
        font-family: "Molot";
        font-style: normal;
        font-weight: 400;
        font-size: 32px;
        line-height: 100%; } }
  .page-stats-number__label {
    grid-area: l;
    color: #FFFFFF;
    font-family: "Rubik";
    font-style: normal;
    font-weight: 400;
    font-size: 30px;
    line-height: 120%; }
    @media (max-width: 767.98px) {
      .page-stats-number__label {
        font-family: "Rubik";
        font-style: normal;
        font-weight: 400;
        font-size: 26px;
        line-height: 120%; } }

.page-stats-number2 {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 20px; }
  .page-stats-number2__label {
    font-family: "Molot";
    font-style: normal;
    font-weight: 400;
    font-size: 40px;
    line-height: 100%; }
    @media (max-width: 767.98px) {
      .page-stats-number2__label {
        font-family: "Molot";
        font-style: normal;
        font-weight: 400;
        font-size: 24px;
        line-height: 100%; } }
  .page-stats-number2__value {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    gap: 30px;
    padding: 20px 30px;
    background-color: #E84341;
    border-radius: 5px;
    font-family: "Molot";
    font-style: normal;
    font-weight: 400;
    font-size: 80px;
    line-height: 100%; }
    @media (max-width: 767.98px) {
      .page-stats-number2__value {
        padding: 10px 15px;
        gap: 15px; } }
    @media (max-width: 1439.98px) {
      .page-stats-number2__value {
        font-family: "Molot";
        font-style: normal;
        font-weight: 400;
        font-size: 24px;
        line-height: 100%; } }
    @media (max-width: 767.98px) {
      .page-stats-number2__value {
        padding: 10px 15px; } }

.page-method {
  background: linear-gradient(290.94deg, rgba(29, 41, 86, 0) 34.36%, #1D2956 98.48%), url(/themes/superman/assets/newsu/images/pages/about/method.jpeg);
  background-size: cover;
  padding-top: 100px;
  padding-bottom: 100px; }
  @media (max-width: 767.98px) {
    .page-method {
      padding-top: 40px; } }
  @media (max-width: 767.98px) {
    .page-method {
      padding-bottom: 40px; } }
  .page-method__header {
    margin-bottom: 60px; }
    @media (max-width: 767.98px) {
      .page-method__header {
        margin-bottom: 30px; } }
  .page-method__content {
    display: flex;
    flex-direction: column;
    gap: 100px; }
    @media (max-width: 767.98px) {
      .page-method__content {
        gap: 50px; } }
  .page-method__list {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 40px 30px;
    max-width: 900px; }
    @media (max-width: 1023.98px) {
      .page-method__list {
        grid-template-columns: 1fr; } }
  .page-method__item {
    position: relative;
    display: flex;
    gap: 20px;
    font-family: "Rubik";
    font-style: normal;
    font-weight: 400;
    font-size: 30px;
    line-height: 120%; }
    @media (max-width: 767.98px) {
      .page-method__item {
        font-family: "Rubik";
        font-style: normal;
        font-weight: 400;
        font-size: 20px;
        line-height: 120%; } }
    .page-method__item::before {
      content: '';
      margin-top: 10px;
      color: #E84341;
      flex-shrink: 0;
      display: inline-block;
      width: var(--marker-size, 22px);
      height: var(--marker-size, 22px);
      background-color: var(--marker-color, currentColor);
      mask: var(--marker-mask, 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='M7.93769 0.835826C8.73547 -0.27865 10.3925 -0.27865 11.1902 0.835826L13.9603 4.70551C14.088 4.88385 14.2441 5.03998 14.4224 5.16764L18.2921 7.93769C19.4066 8.73547 19.4066 10.3925 18.2921 11.1902L14.4224 13.9603C14.2441 14.088 14.088 14.2441 13.9603 14.4224L11.1902 18.2921C10.3925 19.4066 8.73547 19.4066 7.93769 18.2921L5.16764 14.4224C5.03998 14.2441 4.88385 14.088 4.70551 13.9603L0.835826 11.1902C-0.27865 10.3925 -0.27865 8.73547 0.835826 7.93769L4.70551 5.16764C4.88385 5.03998 5.03998 4.88385 5.16764 4.70551L7.93769 0.835826Z' fill='black'/%3E%3C/svg%3E%0A"));
      mask-position: center;
      mask-size: contain; }

.page-application {
  color: #1D2956;
  background-image: url("/themes/superman/assets/newsu/images/background-texture.jpg");
  padding-top: 100px;
  padding-bottom: 100px; }
  @media (max-width: 767.98px) {
    .page-application {
      padding-top: 40px; } }
  @media (max-width: 767.98px) {
    .page-application {
      padding-bottom: 40px; } }
  .page-application__header {
    --sh-gap: 80px; }
    @media (max-width: 1023.98px) {
      .page-application__header {
        --sh-gap: 40px; } }
  .page-application__description {
    font-family: "Rubik";
    font-style: normal;
    font-weight: 400;
    font-size: 26px;
    line-height: 120%; }
    @media (max-width: 767.98px) {
      .page-application__description {
        font-family: "Rubik";
        font-style: normal;
        font-weight: 400;
        font-size: 22px;
        line-height: 120%; } }
    .page-application__description a {
      color: #E84341; }

main.main {
  padding-top: 0px; }

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