@charset "UTF-8";
:root {
  --grey: #AAAAAA;
}

.box-img-74 {
  padding-top: 74.967742%;
}

.p-40 {
  padding: var(--40);
}

.text-end {
  text-align: right;
}

@media (max-width: 767.98px) {
  .box-img-74 {
    padding-top: 66.967742% !important;
  }
  .p-40 {
    padding: var(--20);
  }
  .mb-m-20 {
    margin-bottom: var(--20);
  }
}
.scroll-container .content.hidden {
  height: 100dvh !important;
  overflow: hidden !important;
}

.medium {
  font-weight: 500;
}

.light {
  color: var(--light);
}

.bg-light {
  background-color: var(--light);
}

.italic {
  font-style: italic;
}

.br-10 {
  border-radius: var(--10);
}

.main::before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: url("../i/nejrouchebnik/bg.jpg");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: 0 0;
}

.n-container {
  max-width: 1254px;
  margin: 0 auto;
  position: relative;
}

@media (min-width: 1920.02px) {
  .n-container {
    max-width: 100%;
    margin-left: calc(var(--354) - var(--20));
    margin-right: calc(var(--354) - var(--20));
  }
}
@media (max-width: 1440.98px) {
  .n-container {
    max-width: 100%;
    margin-left: var(--96);
    margin-right: var(--96);
  }
}
@media (max-width: 767.98px) {
  .n-container {
    margin-left: var(--10);
    margin-right: var(--10);
  }
}
.n-start,
.n-rules {
  height: 100%;
  position: relative;
  z-index: 2;
  width: 100%;
  height: calc(var(--app-height) - var(--136));
  overflow: hidden;
  display: flex;
  justify-content: center;
  align-items: center;
}

.n-start.hidden,
.n-rules.hidden{
  display: none;
}
.n-start__shine {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.n-start__shine::before {
  content: "";
  position: absolute;
  inset: 0;
  background: conic-gradient(from 180deg at 58.8% 65.75%, #5DE3EF -52.3deg, rgba(93, 227, 239, 0) 0.93deg, #5DE3EF 52.18deg, rgba(93, 227, 239, 0) 89.56deg, #5DE3EF 135.79deg, rgba(93, 227, 239, 0) 174.24deg, #5DE3EF 227.29deg, rgba(93, 227, 239, 0) 272.45deg, #5DE3EF 307.7deg, rgba(93, 227, 239, 0) 360.93deg);
  clip-path: polygon(0 0, 100% 0, 100% calc(100% - var(--60)), calc(100% - var(--60)) 100%, 0 100%, 0 0, var(--3) var(--3), var(--3) calc(100% - var(--3)), calc(100% - var(--60) - 1.24px) calc(100% - var(--3)), calc(100% - var(--3)) calc(100% - var(--60) - 1.24px), calc(100% - var(--3)) var(--3), var(--3) var(--3));
}
.tabs-content {
    position: relative;
}
.tabs-content::before {
    content: "";
    position: absolute;
    inset: 0;
    background: conic-gradient(from 180deg at 58.8% 65.75%, #5DE3EF -52.3deg, rgba(93, 227, 239, 0) 0.93deg, #5DE3EF 52.18deg, rgba(93, 227, 239, 0) 89.56deg, #5DE3EF 135.79deg, rgba(93, 227, 239, 0) 174.24deg, #5DE3EF 227.29deg, rgba(93, 227, 239, 0) 272.45deg, #5DE3EF 307.7deg, rgba(93, 227, 239, 0) 360.93deg);
    clip-path: polygon(0 0, 100% 0, 100% calc(100% - var(--60)), calc(100% - var(--60)) 100%, 0 100%, 0 0, var(--3) var(--3), var(--3) calc(100% - var(--3)), calc(100% - var(--60) - 1.24px) calc(100% - var(--3)), calc(100% - var(--3)) calc(100% - var(--60) - 1.24px), calc(100% - var(--3)) var(--3), var(--3) var(--3));
}

.tabs-content::after {
    content: "";
    position: absolute;
    inset: 0;
    background: radial-gradient(50.51% 9.37% at 49.49% 6.82%, rgba(15, 162, 165, 0) 35.37%, #0FA2A5 100%), rgba(12, 12, 13, 0.53);
    background-blend-mode: color-dodge, normal;
    opacity: 0.2;
    z-index: -1;
    clip-path: polygon(0 0, 100% 0, 100% calc(100% - var(--60)), calc(100% - var(--60)) 100%, 0 100%, 0 0);
}


.n-start__shine::after {
  mix-blend-mode: color-dodge;
}
.n-start__bg {
  width: 100%;
  display: flex;
  justify-content: center;
  position: relative;
  clip-path: polygon(0 0, 100% 0, 100% calc(100% - var(--60)), calc(100% - var(--60)) 100%, 0 100%);
}
.n-start__bg::before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-repeat: no-repeat;
  background: url("../i/nejrouchebnik/Subtract.png");
  opacity: 52%;
  mix-blend-mode: plus-lighter;
  background-size: cover;
  background-position: 0 0;
  z-index: -1;
}
.n-start__bg::after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-repeat: no-repeat;
  opacity: 0.15;
  background-color: rgba(12, 12, 13, 0.53);
  background: radial-gradient(41.2% 49.84% at 58.8% 67.66%, rgba(15, 162, 165, 0) 35.37%, #0FA2A5 100%);
  mix-blend-mode: color-dodge;
  background-size: cover;
  background-position: 0 0;
}
.n-start__title {
  margin-bottom: var(--24);
  padding: var(--10) var(--12);
}
.n-start__title h1 {
  line-height: 1.1em;
  font-size: var(--60);
}
.n-start__title .intro-title-plus i:nth-child(1) {
  left: 56%;
}
.n-start__title .intro-title-plus i:nth-child(5) {
  top: 47%;
  left: 100%;
}
.n-start__title h1::before,
.n-start__title h1::after {
  white-space: pre-line;
}
.n-start__wrapper {
  padding-top: var(--160);
  position: relative;
  z-index: 2;
}
.n-start__descr p {
  color: var(--grey);
  font-size: 1.125em;
  line-height: 1.5;
  font-weight: 500;
  margin-bottom: var(--96);
}
.n-rules__descr {
    max-width: 657px;
}
.n-rules__descr p {
  color: var(--white);
  font-size: 1.25em;
  line-height: 1.5;
  font-weight: 500;
  margin-bottom: var(--96);
}
.n-rules__descr p span {
    text-transform: uppercase;
    color: #74EAFF;
}
.n-start__button,
.n-rules__button {
  position: relative;
  transform: unset;
  bottom: unset;
  left: unset;
  font-size: 1.5em;
  font-weight: 500;
}

@media (max-width: 767.98px) {
  .n-start__bg {
    display: block;
  }
  .n-start__title {
    padding: 4px 6px;
  }
  .n-start__title h1 {
    font-size: var(--28);
  }
  .n-start__title .intro-title-plus i {
    width: var(--12);
    height: var(--12);
  }
  .n-start__wrapper {
    padding-top: var(--80);
    padding-left: var(--10);
    padding-right: var(--10);
    padding-bottom: var(--80);
  }
  .n-rules__descr p {
      font-size: 1em;
  }

  .n-start__descr p,
  .n-rules__descr p {
    margin-bottom: var(--30);
  }
  .n-start__title, .n-start__descr {
    margin-left: var(--14);
  }
  .n-start__button,
  .n-rules__button {
    width: 100%;
    font-size: 1.125em;
  }
}
:root {
  --offset: 16px;
  --border: 4px;
  --inner-offset: 1.66px;
}

@media (max-width: 600px) {
  :root {
    --offset: 8px;
    --border: 2px;
    --inner-offset: 0.83px;
  }
}
.tabs {
  margin: 0 auto;
}

.tabs .tabs-menu {
    display: none;
}
.tabs .tabs-menu ul {
  display: flex;
  list-style: none;
  padding: 0;
  margin: 0;
}
.tabs .tabs-menu li {
  flex: 1;
  clip-path: polygon(0 0, calc(100% - var(--offset)) 0, 100% 100%, 100% 100%, 0 100%);
}
.tabs .tabs-menu li a {
  font-size: 1.5em;
  display: flex;
  justify-content: center;
  padding: var(--14) var(--30) var(--14) var(--30);
  gap: var(--4);
  text-decoration: none;
  font-weight: 300;
  color: rgb(255, 255, 255);
  position: relative;
  transition: 0.4s all;
}
.tabs .tabs-menu li a span {
  position: relative;
  z-index: 2;
}
.tabs .tabs-menu li a:hover::before {
  background: linear-gradient(90deg, #26555C 0%, #48ABB6 100%);
  clip-path: polygon(0 0, 100% 0, 100% 100%, 100% 100%, 0 100%, 0 0, var(--border) var(--border), var(--border) var(--border), var(--border) var(--border), var(--border) var(--border), var(--border) var(--border), var(--border) var(--border));
}
.tabs .tabs-menu li a::before {
  content: "";
  position: absolute;
  inset: 0;
  opacity: 0;
  transition: 0.4s all ease;
  clip-path: polygon(0 0, calc(100% - var(--offset)) 0, 100% 100%, 100% 100%, 0 100%, 0 0, var(--border) var(--border), var(--border) calc(100% - var(--border)), calc(100% - var(--border)) calc(100% - var(--border)), calc(100% - var(--border)) calc(100% - var(--inner-offset)), calc(100% - var(--offset) - var(--inner-offset)) var(--border), var(--border) var(--border));
}
.tabs .tabs-menu li a::after {
  content: "";
  position: absolute;
  inset: 0;
  transition: 1.4s all;
}
.tabs .tabs-menu li.disabled {
  pointer-events: none;
}
.tabs .tabs-menu li.disabled a {
  color: rgba(255, 255, 255, 0.6);
}
.tabs .tabs-menu li.disabled a::before {
  background: linear-gradient(90deg, rgba(38, 85, 92, 0.25) 0%, rgba(72, 171, 182, 0.25) 100%);
  opacity: 1;
}
.tabs .tabs-menu li.disabled a::after {
  background: rgba(67, 161, 170, 0.25);
}
.tabs .tabs-menu li.active a::before {
  background: rgb(72, 171, 182);
  opacity: 1;
}
.tabs .tabs-menu li.active a::after {
  background: rgba(67, 161, 170, 0.5);
}
.tabs .tabs-menu li.visited a::before {
  background: linear-gradient(90deg, #26555C 0%, #48ABB6 100%);
  opacity: 1;
}
.tabs .tabs-menu li.visited a::after {
  background: rgba(67, 161, 170, 0.2509803922);
}
/*.tabs ::before {
  position: relative;
}*/
.tabs ::before .tabs-item {
  overflow: hidden;
  opacity: 0;
  height: 0;
  transform: translateY(1vw);
  transition: all 0.3s ease;
  position: relative;
  inset: 0;
}

.tabs .tabs-content .tabs-item.active {
  position: relative;
  opacity: 1;
  transform: translateY(0);
  height: auto;
}

.tabs .tabs-item {
    transition: all 2s ease;
}

.tabs .tabs-content .tabs-item.opened {
    opacity: 1;
    height:auto;
    transform:translateY(0);
}

.tabs-item .tabs-next-link {
    position: relative;
    /*font-size: 1.125em;*/
    font-size: 18px;
    padding: 10px 20px;
    line-height: 1.2;
    color: #fff;
    transition: color 0.4s ease;
}

.tabs-item .tabs-next-link:after {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 242px;
    height: 42px;
    background: url('../i/nejrouchebnik/btn-next.svg');
    z-index: -2;
}

.tabs-item .tabs-next-link:before {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 242px;
    height: 42px;
    background: linear-gradient(90deg, #7494FF 0%, #74EAFF 100%);
    border-radius: 10px;
    opacity: 0;
    z-index: -1;
    transition: opacity 0.4s ease;
}

.tabs-item .tabs-next-link:hover {
    color: #000;
}

.tabs-item .tabs-next-link:hover::before {
    opacity: 1;
}

@media (max-width: 1440.98px) {
  .tabs .tabs-content .tabs-item.active {
    height: auto;
  }
}
@media (max-width: 767.98px) {
  .tabs .tabs-menu li a {
    padding: var(--8);
    font-size: 1.125em;
  }

  .tabs-item .tabs-next-link:before {
      background: linear-gradient(90deg, #7494FF 0%, #74EAFF 100%);
      border-radius: 10px;
      opacity: 1;
      z-index: -1;
  }

  .tabs-item .tabs-next-link {
      color: #000;
  }
}
.tabs-container {
  padding: var(--80) var(--172) var(--100) var(--172);
}
.tabs-container section {
  padding: 0;
  padding-bottom: var(--60);
}
.tabs-container .n-start__shine {
  z-index: -1;
}


.tabs-container .n-start__shine::after {
  content: "";
  position: absolute;
  background: radial-gradient(50.51% 9.37% at 49.49% 6.82%, rgba(15, 162, 165, 0) 35.37%, #0FA2A5 100%), rgba(12, 12, 13, 0.53);
  background-blend-mode: color-dodge, normal;
  opacity: 0.2;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}
/*.tabs-container .n-start__shine::before {
  background-blend-mode: color-dodge;
  background: linear-gradient(180deg, rgba(93, 227, 239, 0.74) 0.27%, rgba(93, 227, 239, 0) 14.01%, rgba(93, 227, 239, 0.74) 24.03%, rgba(93, 227, 239, 0) 36.42%, rgba(93, 227, 239, 0.74) 46.73%, rgba(93, 227, 239, 0) 60.95%, rgba(93, 227, 239, 0.74) 73.06%, rgba(93, 227, 239, 0) 82.51%);
}*/

.tabs-content::before {
    background-blend-mode: color-dodge;
    /*background: linear-gradient(180deg, rgba(93, 227, 239, 0.74) 0.27%, rgba(93, 227, 239, 0) 14.01%, rgba(93, 227, 239, 0.74) 24.03%, rgba(93, 227, 239, 0) 36.42%, rgba(93, 227, 239, 0.74) 46.73%, rgba(93, 227, 239, 0) 60.95%, rgba(93, 227, 239, 0.74) 73.06%, rgba(93, 227, 239, 0) 82.51%);*/
    background: repeating-linear-gradient(180deg, rgba(93, 227, 239, 0.74) 14.27%, rgba(93, 227, 239, 0) 14.01%, rgba(93, 227, 239, 0.74) 24.03%, rgba(93, 227, 239, 0) 36.42%, rgba(93, 227, 239, 0.74) 46.73%, rgba(93, 227, 239, 0) 60.95%, rgba(93, 227, 239, 0.74) 73.06%, rgba(93, 227, 239, 0) 82.51%);
}

.box-img-ai {
  position: absolute;
  right: var(--16);
  bottom: var(--8);
}

.tabs-quote {
  font-size: 1.375em;
}

.tabs-section p {
  font-size: 1.125em;
  line-height: 1.4em;
  padding-right: 20px;
}
.tabs-section .fz-20 {
  font-size: 1.25em;
}

.tabs-title {
  line-height: 1.2em;
  font-size: 3.375em;
}

.tabs-btn {
  padding: var(--20) var(--40);
  display: flex;
  width: 100%;
  justify-content: space-between;
  align-items: center;
  border: 1px solid transparent;
  transition: 0.7s all;
}
@media (hover: hover) {
    .tabs-btn:hover {
      border-color: var(--light);
      background-color: transparent;
    }
    .tabs-btn:hover .tabs-btn__text {
      color: #fff;
    }
    .tabs-btn:hover .tabs-btn__icon path {
      stroke: #fff;
    }
}
.tabs-btn__text {
  text-transform: uppercase;
  font-weight: normal;
  color: #000;
  transition: 0.7s all;
  line-height: 1;
  font-size: 1.125em;
}
.tabs-btn__icon path {
  transition: 0.7s all;
}

.box.box-nejrouchebnik::before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0.2;
  mix-blend-mode: color-dodge;
  background-image: radial-gradient(50.51% 10.46% at 49.49% 7.61%, rgba(15, 162, 165, 0) 35.37%, #0FA2A5 100%);
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: var(--10);
  background-position: center center;
}
.box.box-nejrouchebnik .statya-next-bg {
  background: rgb(26, 72, 78);
}
.box.box-nejrouchebnik .statya-next-title {
  color: var(--light);
}

.box.box-mint {
    padding: var(--30);
    background: linear-gradient(253.43deg, #B9FFDC 0%, #B9FFF3 100%);
}

.box.box-mint p {
    font-size: 1.125em;
    color: var(--black);
}

@media (max-width: 1440.98px) {
  .tabs-btn__text {
    font-size: 1em;
  }
  .tabs-quote {
    font-size: 1.25em;
  }
  .tabs-section p {
    font-size: 1em;
  }
  .tabs-section .fz-20 {
    font-size: 1.125em;
  }

  .box.box-mint p {
      font-size: 1em;
  }
}
@media (max-width: 767.98px) {
  .tabs-btn {
    padding: var(--20) var(--16);
  }
  .tabs-btn__text {
    font-size: 0.875em;
  }
  .tabs-title {
    font-size: 1.625em;
  }
  .tabs-section p {
    font-size: 0.875em;
  }
  .tabs-section .fz-20 {
    font-size: 1em;
  }
  .tabs-container {
    padding: var(--30) var(--18) var(--52) var(--18);
  }
  .tabs-container section {
    padding: 0;
    padding-bottom: var(--40);
  }
  .tabs-container .n-start__shine::before {
    background: linear-gradient(180deg, rgba(93, 227, 239, 0.74) 0.27%, rgba(93, 227, 239, 0) 14.01%, rgba(93, 227, 239, 0.74) 24.03%, rgba(93, 227, 239, 0) 36.42%, rgba(93, 227, 239, 0.74) 46.73%, rgba(93, 227, 239, 0) 60.95%, rgba(93, 227, 239, 0.74) 73.06%, rgba(93, 227, 239, 0) 82.51%);
  }
}
.tabs-collaps__trigger {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  border: none;
  background: linear-gradient(88.81deg, rgba(1, 61, 68, 0.8) 2.03%, rgba(1, 58, 68, 0.8) 97.97%);
  border-radius: var(--10);
  font: inherit;
  text-align: left;
  cursor: pointer;
  transition: 0.7s all ease;
}
.tabs-collaps__trigger[aria-expanded=true] {
  border-radius: var(--10) var(--10) 0 0;
}
.tabs-collaps__trigger[aria-expanded=true] .tabs-collaps__name {
  opacity: 100%;
}
.tabs-collaps__trigger[aria-expanded=true] .tabs-collaps__icon {
  transform: rotate(180deg);
  opacity: 1;
}
.tabs-collaps__icon {
  transition: 0.4s all ease;
  flex-shrink: 0;
  opacity: 0.5;
}
.tabs-collaps__icon path {
  fill: #fff;
  stroke: #fff;
}
.tabs-collaps__name {
  font-size: 1.375em;
  line-height: 1;
  font-weight: 700;
  color: var(--white);
  opacity: 80%;
  transition: 0.4s all ease;
}
.tabs-collaps__content {
  display: none;
  background: linear-gradient(88.81deg, rgba(1, 61, 68, 0.8) 2.03%, rgba(1, 58, 68, 0.8) 97.97%);
  border-radius: 0 0 var(--10) var(--10);
  padding-top: 0;
}

.tabs-collaps-inner__content {
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 30px;
    gap: 20px;
    background: rgba(255, 255, 255, 0.1);
    border-radius: 10px;
}

@media (min-width: 750px) and (max-width: 1023px) and (orientation: landscape) {
    .n-start,
    .n-rules {
        padding: 10px 0;
        /*overflow-y: scroll;*/
    }

    .n-start__bg {
        height: 100%;
        overflow: hidden;
    }

    .n-start__wrapper {
        padding: 30px 10px 0;
        overflow-y: scroll;
    }

    .n-start__descr p,
    .n-rules__descr p {
        margin-bottom: 0;
    }

    .n-start__button-wrapper,
    .n-rules__button-wrapper {
        position: absolute;
        bottom: 30px;
    }

    .n-start__button-wrapper {
        left: 50%;
        transform: translateX(-50%);
    }

    .tabs-item .tabs-next-link:before {
        background: linear-gradient(90deg, #7494FF 0%, #74EAFF 100%);
        border-radius: 10px;
        opacity: 1;
        z-index: -1;
    }

    .tabs-item .tabs-next-link {
        color: #000;
    }
}

@media (max-width: 767.98px) {
    .tabs-collaps-inner__content {
        padding: 18px 20px;
    }
}

.tabs-collaps-inner__message {
    display: flex;
    flex-direction: column;
    padding: 18px 20px;
    gap: 10px;
}

@media (max-width: 767.98px) {
    .tabs-collaps-inner__message {
        padding: 14px 16px;
    }
}

.tabs-collaps-inner__message_question {
    max-width: 600px;
    background: #B5F9FF;
    border-radius: 20px 20px 5px 20px;
}

.tabs-collaps-inner__message_answer {
    background: #F3F3F3;
    border-radius: 20px 20px 20px 5px;
}


.tabs-collaps-inner__message p,
.tabs-collaps-inner__message b,
.tabs-collaps-inner__message span,
.tabs-collaps-inner__message li {
    color: #000000;
    font-size: var(--18);
    line-height: 1.4;
}

@media (max-width: 1440.98px) {
    .tabs-collaps-inner__message p,
    .tabs-collaps-inner__message b,
    .tabs-collaps-inner__message span,
    .tabs-collaps-inner__message li {
        font-size: var(--16);
    }
}

@media (max-width: 767.98px) {
    .tabs-collaps-inner__message p,
    .tabs-collaps-inner__message b,
    .tabs-collaps-inner__message span,
    .tabs-collaps-inner__message li {
        font-size: var(--14);
    }
}

.tabs-collaps-inner__message span,
.tabs-collaps-inner__message b {
    font-weight: bold;
}

.tabs-collaps-inner__message span {
    display: flex;
    align-items: center;
    gap: 10px;
}

.chat-icon:before {
    content: '';
    position: relative;
    background-size: cover;
}

.chat-list-style li {
    position: relative;
}

.chat-list-style li::before {
    content: '';
    position: absolute;
    left: -0.5rem;
    top: 50%;
    width: 2px;
    height: 2px;
    border-radius: 100%;
    background-color: var(--black);
    transform: translateY(-50%);
}

@media(max-width: 768px) {
    .chat-list-style li::before {
        display: none;
    }
}

.gigachat-icon:before {
    width: 26px;
    height: 26px;
    background-image: url('../i/nejrouchebnik/gigachat.png');
}

.chatgpt-icon:before {
    width: 24px;
    height: 24px;
    background-image: url('../i/nejrouchebnik/chatgpt.png');
}

.qwen-icon:before {
    width: 26px;
    height: 26px;
    background-image: url('../i/nejrouchebnik/qwen.png');
}

.alice-icon:before {
    width: 25px;
    height: 25px;
    background-image: url('../i/nejrouchebnik/alice.png');
}


@media (max-width: 1440.98px) {
  .tabs-collaps__name {
    font-size: 1.25em;
  }
}

@media (max-width: 767.98px) {
  .tabs-collaps__name {
    font-size: 1.01902em;
  }
}
.tabs-img-3 .box-img-ai {
  right: unset;
  bottom: unset;
  top: var(--8);
  left: var(--8);
}

.test-block {
  background: linear-gradient(88.81deg, rgba(1, 61, 68, 0.8) 2.03%, rgba(1, 58, 68, 0.8) 97.97%);
}
.test-block__variant, .test-block__sub-variant {
  line-height: 1 !important;
}
.test-block__title, .test-block__descr {
  display: block;
}
.test-block__title {
  font-size: 1.5em;
}
.test-block__sub-variant {
  font-size: 1em;
  padding-top: 10px;
}
.test-block__item {
  position: relative;
  padding: var(--30);
  background: rgba(234, 254, 255, 0.1);
  border: 1px solid transparent;
  transition: 0.3s all ease;
}
.test-block__item:hover {
  background: rgba(234, 254, 255, 0.2);
}
.test-block__item.true {
  background: rgba(98, 255, 148, 0.2);
}
.test-block__item.true .test-block__sub-variant {
  color: #62FF94;
}
.test-block__item.false {
  background: rgba(251, 0, 0, 0.2);
}
.test-block__item.false .test-block__sub-variant {
  color: #FB0000;
}
.test-block__item:not(:last-child) {
  margin-bottom: var(--20);
}

.test-block__item.select {
  border: 1px solid #fff;
}

.test-block.answered .test-block__item.select {
  border: 1px solid transparent;
}

.test-block__icon {
  position: absolute;
  top: 10px;
  right: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 24px;
  height: 24px;
  border-radius: 100%;
}
.test-block__icon.icon-cross {
  background-color: #fb0000;
}
.test-block__icon.icon-cross:before {
    content: "";
    width: 12px;
    height: 12px;
    background-image: url(../i/nejrouchebnik/icon-cross.svg);
}
.test-block__icon.icon-check {
  background-color: #19dd7a;
}
.test-block__icon.icon-check:before {
    content: "";
    width: 12px;
    height: 8px;
    background-image: url(../i/nejrouchebnik/icon-check.svg);
}
.test-block__icon:before {
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}
.answer-btn {
  margin-top: var(--20);
  padding: var(--20) var(--40);
  background: var(--backBg);
  color: var(--backColor);
  font-size: 1.125em;
  line-height: 1;
  text-transform: uppercase;
  border: none;
  cursor: pointer;
  transition: background 0.3s;
}
.answer-btn:hover {
  background: var(--title);
}

@media (max-width: 1440.98px) {
  .test-block__title {
    font-size: 1.375em;
  }
  .test-block__sub-variant {
    font-size: 0.875em;
  }
}
@media (max-width: 767.98px) {
  .test-block__title {
    font-size: 1.25em;
  }
  .test-block__sub-variant {
    font-size: 0.75em;
  }
  .test-block__item {
    padding: var(--20);
  }
}
.list-content {
  position: absolute;
  top: auto !important;
  right: 0;
  bottom: var(--offset-bottom);
  z-index: 1000;
  display: grid;
  justify-items: end;
  gap: 10px;
  pointer-events: auto;
}
.list-content.is-open .list-content__panel {
  pointer-events: auto;
}

@media (max-width: 767.98px) {
    .list-content .list-content__panel {
        top: 50% !important;
        transform: translateY(-50%)!important;
    }
}

@media (max-width: 1440px) and (orientation: landscape) {
    .list-content .list-content__panel {
        top: 50% !important;
        transform: translateY(-50%)!important;
    }
}

@media (max-height: 900px) {
    .list-content .list-content__panel {
        top: 50% !important;
        transform: translateY(-50%)!important;
    }
}

/* ====================== */
/* КНОПКА-«ГАМБУРГЕР»     */
/* ====================== */
.list-content__btn {
  --btn-width: calc(var(--80) + var(--8));
  --btn-height: calc(var(--52) + var(--3));
  --bar-width: calc(var(--40) + var(--8));
  --bar-height: var(--3);
  --bar-gap: var(--8);
  position: relative;
  width: var(--btn-width);
  height: var(--btn-height);
  padding: 0;
  border: 0;
  cursor: pointer;
  transition: 1s all;
}
@media (max-width: 768px) {
  .list-content__btn {
    --btn-width: calc(var(--52) - var(--2));
    --btn-height: calc(var(--40) - var(--4));
    --bar-width: calc(var(--30) - var(--4));
    --bar-height: var(--2);
    --bar-gap: var(--4);
  }
}
.list-content__btn .list-content__bar {
  position: absolute;
  left: 50%;
  width: var(--bar-width);
  height: var(--bar-height);
  margin-left: calc(var(--bar-width) / -2);
  background: #e5f2ff;
  border-radius: 2px;
  transition: background 0.2s linear, transform 0.2s ease, opacity 0.2s ease;
  transform-origin: center;
}
.list-content__btn .list-content__bar:nth-child(1) {
  top: calc((100% - (3 * var(--bar-height) + 2 * var(--bar-gap))) / 2 + (1 - 1) * (var(--bar-height) + var(--bar-gap)));
}
.list-content__btn .list-content__bar:nth-child(2) {
  top: calc((100% - (3 * var(--bar-height) + 2 * var(--bar-gap))) / 2 + (2 - 1) * (var(--bar-height) + var(--bar-gap)));
}
.list-content__btn .list-content__bar:nth-child(3) {
  top: calc((100% - (3 * var(--bar-height) + 2 * var(--bar-gap))) / 2 + (3 - 1) * (var(--bar-height) + var(--bar-gap)));
}

/* ====================== */
/* ПАНЕЛЬ ОГЛАВЛЕНИЯ     */
/* ====================== */
.list-content__panel {
  position: absolute;
  top: auto !important;
  transform-origin: bottom right;
  pointer-events: none;
  z-index: 999;
  display: block;
  opacity: 0;
  -webkit-backdrop-filter: blur(40px);
          backdrop-filter: blur(40px);
  visibility: hidden;
  clip-path: polygon(
      0 0,
      100% 0,
      100% calc(100% - var(--100)),
      calc(100% - var(--80)) 100%,
      0 100%,
      0 0
      );
}

.list-content .but-wrap {
  transition: 0.3s all ease;
}
.list-content .but-wrap::before {
  opacity: 1 !important;
  background: rgba(0, 74, 87, 0.5019607843) !important;
}
.list-content .but-wrap::after {
  background: url(../i/nejrouchebnik/bg-cube.png);
  background-size: cover;
  opacity: 0.3;
}

.list-content__panel-bg {
  position: absolute;
  inset: 0;
}
.list-content__panel-bg.but-wrap {
  clip-path: polygon(0 0, 100% 0, 100% calc(100% - var(--100)), calc(100% - var(--80)) 100%, 0 100%);
}
.list-content__panel-bg.but-wrap::before, .list-content__panel-bg.but-wrap::after {
  clip-path: polygon(0 0, 100% 0, 100% calc(100% - var(--100)), calc(100% - var(--80)) 100%, 0 100%);
}
.list-content__panel-inner.but-inner::before, .list-content__panel-inner.but-inner::after {
  clip-path: polygon(0 0, 100% 0, 100% calc(100% - var(--100)), calc(100% - var(--80)) 100%, 0 100%, 0 0, var(--2) var(--2), var(--2) calc(100% - var(--2)), calc(100% - var(--80) - 0.83px) calc(100% - var(--2)), calc(100% - var(--2)) calc(100% - var(--100) - 0.83px), calc(100% - var(--2)) var(--2), var(--2) var(--2));
}

.list-content__panel-inner {
  position: relative;
  inset: 0;
  padding: var(--30) var(--40);
  overflow: auto;
  width: calc(var(--670) + var(--100));
}

.list-content__close {
  position: absolute;
  top: var(--20);
  right: var(--20);
  margin-left: auto;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border: 0;
  background: transparent;
  cursor: pointer;
}
.list-content__close svg path {
  transition: 0.3s all;
  fill: #fff;
}
.list-content__close:hover svg path {
  fill: var(--light);
}

.list-content__list {
  list-style: none;
  margin: 0;
}

.list-content__link {
  text-decoration: none;
  transition: 0.3s all;
  font-size: 1.625em;
  line-height: 1;
  padding: var(--10) 0;
  display: block;
}
.list-content__link:hover {
  color: var(--light);
  transform: translateY(-1px);
}

@media (max-width: 767.98px) {
  .list-content__link {
    font-size: 1.125em;
  }
  .list-content__panel-inner {
    width: calc(var(--354) - var(--32));
    padding: var(--20);
  }
  .list-content__close {
    top: var(--10);
    right: var(--10);
  }
  .list-content__close svg {
    width: var(--20);
    height: var(--20);
  }
}
.pin-spacer {
  left: auto !important;
  right: 30px !important;
}

@media (max-width: 767.98px) {
  .pin-spacer {
    right: 10px !important;
  }
}

@media (max-width: 767.98px) {
    .box.box-mint {
        padding: var(--20);
    }

    .box.box-mint p {
        font-size: 0.875em;
    }
}

.box.box-mint .ai-mark {
    color: var(--black);
}

.box.box-mint .ai-mark-line {
    background: var(--black);
}

.box.box-mint .custom-list-style-light::before {
    background-color: var(--black);
}


.list-content__btn,
.footer-wrap {
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
}
.list-content__btn.visible,
.footer-wrap.visible {
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
}

.tabs-citation {
  padding: var(--60) var(--52);
  border: 1px solid var(--light);
  position: relative;
}
.tabs-citation__author {
  padding-bottom: 4px;
  font-size: 1em;
  line-height: 1.4em;
}
.tabs-citation__position {
  font-size: 0.875em;
  line-height: 1.4em;
  color: #747474;
}
.tabs-citation span {
  display: block;
}
.tabs-citation__icon {
  position: absolute;
  top: 0;
  transform: translateY(-50%);
}
.tabs-citation__icon path {
  fill: var(--light);
}

.n-container,
.nejrouchebnik .content {
  padding-bottom: calc(var(--160) - var(--10));
}

@media (max-width: 1440.98px) {
  .tabs-citation {
    padding: var(--60) var(--40);
  }
}
@media (max-width: 767.98px) {
  .tabs-citation {
    padding: var(--40) var(--20);
  }
  .tabs-citation__author, .tabs-citation__position {
    font-size: 0.75em;
  }
  .nejrouchebnik .content {
    padding-bottom: calc(var(--72) - var(--2));
  }
}
@media (max-width: 767.98px) {
  #tabs-2 .tabs-title {
    font-size: 1.625em;
  }
}
.custom-list-style-light {
  padding-left: calc(var(--24) + var(--2));
  position: relative;
}
.custom-list-style-light::before {
  content: "";
  position: absolute;
  left: 0;
  top: var(--10);
  width: var(--16);
  height: var(--4);
  background-color: var(--light);
}

.video-wrap_nejro {
    padding: 0;
	border-radius: var(--10);
	overflow:hidden;
}

.video-poster_nejro a:before {
    display: none;
}

.video-poster_nejro a svg {
    width: var(--60);
}

@media (max-width: 767.98px) {
    .video-poster_nejro a svg {
        width: var(--32);
    }
}

.video-poster_nejro {
    background: linear-gradient(88.81deg, rgba(1, 61, 68, 0.8) 2.03%, rgba(1, 58, 68, 0.8) 97.97%), #FFFFFF;
    
}

.nejrouchebnik .statya-next-title,
.nejrouchebnik .statya-prev-title,
.nejrouchebnik .statya-next-about,
.nejrouchebnik .statya-prev-about {
    max-width: 100%;
}

.nejrouchebnik .statya-next,
.nejrouchebnik .statya-prev {
    padding: var(--60) var(--30);
}

@media (max-width: 1440.98px) {
    .nejrouchebnik .statya-next,
    .nejrouchebnik .statya-prev {
        padding: var(--48) var(--30);
    }
}

@media (max-width: 767.98px) {
    .nejrouchebnik .statya-next,
    .nejrouchebnik .statya-prev {
        padding: var(--28) var(--30);
    }

    .nejrouchebnik .read-more {
        margin-bottom: var(--30);
    }
}

@media (max-width: 767.98px) and (orientation: landscape) {
    .main > * {
        zoom: 0.5;
    }

    .list-content .list-content__panel {
        top: 0!important;
    }

    .list-content__panel-inner {
        width: var(--440);
    }

    .list-content__link {
        padding: var(--6);
    }
}

@media (min-aspect-ratio: 16/9) and (max-width: 1440.98px) {
	.desktop .n-start__wrapper{padding-top:var(--96);}
	.desktop .n-start__descr p{margin-bottom:var(--40);}
}