.page._obuchenie {
  font-family: "Kaspersky Sans Text";
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
}

.page._obuchenie h1 {
  /* letter-spacing: 0.006em; */
  font-weight: 600;
}

.page._obuchenie h2 {
  /* letter-spacing: 0.033em; */
}

.page._obuchenie .posts__title h2 br {
  display: none;
}

.page._obuchenie .section._entry {
  position: relative;
  overflow: hidden;
}

.page._obuchenie .section__breadcrumbs {
  margin-bottom: 96px;
}

.page._obuchenie .section._entry:before {
  content: "";
  position: absolute;
  left: 50%;
  top: 90px;
  width: 847px;
  height: 496px;
  background: url("../img/KOS_learning@2x.jpg") no-repeat center center;
  background-size: contain;
  z-index: 10;
  margin-left: -100px;
}

.page._obuchenie .section._entry .section__lead {
  max-width: 602px;
  margin-bottom: 40px;
  font-size: 20px;
  line-height: 24px;
  /* letter-spacing: 0.015em; */
}

.page._obuchenie .section._entry .section__title {
  margin-bottom: 48px;
}

.page._obuchenie .section._entry .section__wrap {
  position: relative;
  z-index: 20;
}

.page._obuchenie .section__links {
  max-width: 1037px;
}

.page._obuchenie .section__links .anchors._menu {
  flex-wrap: wrap;
  border: none;
  margin: 0 -8px;
}

.page._obuchenie .section__links .anchors._menu .anchors__item {
  padding: 8px;
  width: 33.33335%;
}

.page._obuchenie .section__links .anchors._menu .anchors__item a {
  background: rgba(31, 50, 56, 0.8);
  border-radius: 16px;
  display: block;
  padding: 20px 55px 24px 20px;
  color: #fff;
  height: 100%;
  font-size: 20px;
  line-height: 24px;
  position: relative;
}

.page._obuchenie .section__links .anchors._menu .anchors__item a:after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  background: url("../img/bg-anchor.svg") no-repeat center right;
  background-size: cover;
  z-index: 1;
  opacity: 0;
  transition: opacity 0.3s;
}

.page._obuchenie .section__links .anchors._menu .anchors__item-wrap {
  position: relative;
  z-index: 2;
}

.page._obuchenie
  .section__links
  .anchors._menu
  .anchors__item
  a._active:before {
  display: none;
}

.page._obuchenie .section__links .anchors._menu .anchors__item a .icon._arrow {
  margin-left: 10px;
  opacity: 0;
  transition: opacity 0.3s;
}

.page._obuchenie
  .section__links
  .anchors._menu
  .anchors__item
  a:hover
  .icon._arrow,
.page._obuchenie .section__links .anchors._menu .anchors__item a:hover:after {
  opacity: 1;
}

.page._obuchenie .section__anchors {
  display: none;
}

.page._obuchenie .icon._arrow {
  min-width: 20px;
}

.page._obuchenie .section._posts .posts__list-item {
  display: none;
}

.page._obuchenie .section._posts._show .posts__list-item {
  display: block;
}

.page._obuchenie .section._posts._show .icon._right-chevron-small-gray {
  transform: rotate(-90deg);
}

.page._obuchenie .section._posts .posts__load-more {
  padding-top: 32px;
}

.page._obuchenie .section._posts .posts__list-item:nth-child(1),
.page._obuchenie .section._posts .posts__list-item:nth-child(2),
.page._obuchenie .section._posts .posts__list-item:nth-child(3),
.page._obuchenie .section._posts .posts__list-item:nth-child(4) {
  display: block;
}

.page._obuchenie {
  position: relative;
}

.page._obuchenie .page__wrap {
  position: relative;
  z-index: 20;
}

.page._obuchenie .label._fiolet {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 7px 16px;
  background: #8c8cff;
  backdrop-filter: blur(150px);
  border-radius: 16px;
  font-style: normal;
  font-weight: 400;
  font-size: 18px;
  line-height: 24px;
  position: relative;
  margin-left: 13px;
  top: -4px;
  /* margin-top: -4px;
  margin-left: 4px; */
}

.page._obuchenie:before {
  content: "";
  position: absolute;
  bottom: 0;
  height: 398px;
  left: 0;
  right: 0;
  background: linear-gradient(180deg, #18191a 0%, rgba(24, 25, 26, 0) 100%),
    rgba(101, 95, 167, 0.5);
}

.page._obuchenie .section._entry {
  padding-bottom: 36px;
}

.page._obuchenie .section._posts {
  padding: 48px 0;
}

.page._obuchenie .section._question-info {
  padding-top: 104px;
}

.page._obuchenie .posts._materials {
  padding-bottom: 0;
}

.page._obuchenie .section._start-use-banner {
  margin-top: 32px;
}

.page._obuchenie .banner._start-use {
  padding-bottom: 27px;
}

.page._obuchenie .banner._start-use .banner__common h3 {
  margin-bottom: 17px;
}

.page._obuchenie .banner._start-use .banner__common {
  max-width: 1026px;
}

.page._obuchenie .banner._start-use .banner__common p {
  /* letter-spacing: 0.013em; */
}

.page._obuchenie .section._question-info .section__title {
  margin-bottom: 19px;
}

.page._obuchenie .section._question-info .section__wrap p {
  /* letter-spacing: 0.015em; */
  margin-bottom: 36px;
}

.page._obuchenie .section._question-info .section__faq p {
  /* letter-spacing: 0.015em; */
  margin-bottom: 36px;
  /* line-height: 31px; */
}

.page._projects .section._projects .section__list .card__title {
  line-height: 32px;
}

.page._project .section._entry .section__title h1 {
  line-height: 52px;
}

.block._blockquote p {
  opacity: 0.7;
}

@media screen and (min-width: 1024px) and (max-width: 1400px) {
  .page._obuchenie:before {
    height: 29.028vw;
  }
  .page._obuchenie .icon._arrow {
    min-width: 1.389vw;
  }

  .page._obuchenie .section__breadcrumbs {
    margin-bottom: 6.6vw;
  }

  .page._obuchenie .section._entry:before {
    top: 6.25vw;
    width: 58.81vw;
    height: 34.4vw;
    margin-left: -6.9vw;
  }

  .page._obuchenie .section._entry .section__lead {
    max-width: 41.8vw;
    margin-bottom: 2.7vw;
    font-size: 1.38vw;
    line-height: 1.66vw;
  }

  .page._obuchenie .section._entry .section__title {
    margin-bottom: 3.3vw;
  }

  .page._obuchenie .section__links {
    max-width: 72vw;
  }

  .page._obuchenie .section__links .anchors._menu {
    margin: 0 -0.5vw;
  }

  .page._obuchenie .section__links .anchors._menu .anchors__item {
    padding: 0.5vw;
  }

  .page._obuchenie .section__links .anchors._menu .anchors__item a {
    border-radius: 1.1vw;
    padding: 1.38vw 3.81vw 1.6vw 1.38vw;
    font-size: 1.38vw;
    line-height: 1.6vw;
  }

  .page._obuchenie
    .section__links
    .anchors._menu
    .anchors__item
    a
    .icon._arrow {
    margin-left: 0.69vw;
  }

  .page._obuchenie .icon._arrow {
    min-width: 1.388vw;
  }

  .page._obuchenie .section._posts .posts__load-more {
    padding-top: 2.2vw;
  }

  .page._obuchenie .label._fiolet {
    padding: 0.48vw 1.1vw;
    backdrop-filter: blur(10.4vw);
    border-radius: 1.1vw;
    font-size: 1.25vw;
    line-height: 1.6vw;
    margin-left: 0.9vw;
    top: -0.27vw;
  }

  .page._obuchenie:before {
    height: 27.63vw;
  }

  .page._obuchenie .section._entry {
    padding-bottom: 2.5vw;
  }

  .page._obuchenie .section._posts {
    padding: 3.3vw 0;
  }

  .page._obuchenie .section._question-info {
    padding-top: 7.22vw;
  }

  .page._obuchenie .section._start-use-banner {
    margin-top: 2.2vw;
  }

  .page._obuchenie .banner._start-use {
    padding-bottom: 1.875vw;
  }

  .page._obuchenie .banner._start-use .banner__common h3 {
    margin-bottom: 1.18vw;
  }

  .page._obuchenie .banner._start-use .banner__common {
    max-width: 71.25vw;
  }

  .page._obuchenie .section._question-info .section__title {
    margin-bottom: 1.3vw;
  }

  .page._obuchenie .section._question-info .section__wrap p {
    margin-bottom: 2.5vw;
  }

  .page._obuchenie .section._question-info .section__faq p {
    margin-bottom: 2.5vw;
    line-height: 2.15vw;
  }
}

@media screen and (max-width: 1023px) {
  .page._obuchenie .section__links .anchors._menu {
    white-space: normal;
  }

  .page._obuchenie .section__links .anchors._menu .anchors__item {
    width: 50%;
    border: none;
  }

  .page._obuchenie .section._posts .posts__list-item:nth-child(4) {
    display: none;
  }

  .page._obuchenie .section._posts._show .posts__list-item:nth-child(4) {
    display: block;
  }

  .page._obuchenie .section._entry:before {
    opacity: 0.5;
    background: url("../img/KOS_learning@2x.jpg") no-repeat center center;
  }

  .page._obuchenie .section__breadcrumbs {
    margin-bottom: 29px;
  }

  .page._obuchenie h1 {
    letter-spacing: 0;
  }

  .page._obuchenie .section._entry .section__title {
    max-width: 390px;
  }

  .page._obuchenie .section._entry .section__title {
    margin-bottom: 34px;
  }

  .page._obuchenie .section._entry .section__lead {
    max-width: 390px;
    margin-bottom: 23px;
  }

  .page._obuchenie .section._entry {
    margin-bottom: -3px;
  }

  .page._obuchenie .section__links .anchors._menu .anchors__item a {
    min-height: 92px;
  }

  .page._obuchenie .posts._materials .posts__title h2 {
    font-size: 40px;
    line-height: 48px;
    letter-spacing: 0;
    font-weight: 500;
  }

  .page._obuchenie .card._asset .card__title {
    font-size: 18px;
    line-height: 24px;
    font-weight: 600;
    margin-bottom: 7px;
  }

  .page._obuchenie .card._asset .card__image {
    height: 156px;
  }

  .page._obuchenie .card._asset .card__link {
    padding-top: 155px;
  }

  .page._obuchenie .card._asset .card__common {
    min-height: 200px;
    padding-bottom: 12px;
  }

  .page._obuchenie .section._question-info h2 {
    font-size: 40px;
    line-height: 48px;
    font-weight: 500;
    letter-spacing: 0;
  }

  .page._obuchenie .section._question-info {
    padding-top: 77px;
  }

  .section._question-info {
    padding-bottom: 72px;
  }

  .section._question-info .section__wrap {
    justify-content: space-between;
  }

  .section._question-info .section__question {
    max-width: 360px;
    width: auto;
    margin-right: 24px;
  }

  .section._question-info .section__question p {
    font-size: 18px;
    line-height: 24px;
    margin-bottom: 33px;
  }

  .section._question-info .section__question .button {
    width: 100%;
  }

  .page._obuchenie .section._question-info .section__faq {
    max-width: 272px;
    width: auto;
  }

  .page._obuchenie .section._question-info .section__faq p {
    font-size: 24px;
    line-height: 30px;
    font-weight: 500;
    margin-bottom: 32px;
  }

  .page._obuchenie .section._question-info .section__title {
    margin-bottom: 22px;
  }
}

@media screen and (max-width: 1023px) {
  .page._obuchenie .section._entry:before {
    width: 537px;
    height: 314px;
    opacity: 0.8;
    /* width: 100%;	 */
    background-size: contain;
    /* left: 0; */
    left: 47%;
    margin-left: 0;
    margin-top: 0;
  }
  .page._obuchenie .section._posts .posts__list-item {
    /* margin-bottom: 0; */
  }

  .page._obuchenie .card._asset .card__image {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
  }

  .page._obuchenie .card._asset {
    height: 100%;
  }

  .page._obuchenie .card._asset .card__link {
    padding-top: 155px;
    height: 100%;
  }

  .page._obuchenie .card._asset .card__common {
    height: 100%;
  }
}

@media screen and (max-width: 740px) {
  .page._obuchenie .section__links .anchors._menu .anchors__item {
    width: 100%;
  }
  .page._obuchenie .section._entry:before {
    background-position: 50% 6%;
    width: 295px;
    height: 173px;
    opacity: 1;
    left: 41%;
    top: 64px;
  }
}

@media screen and (max-width: 740px) {
  .page._obuchenie .section__anchors {
    display: none;
  }

  .page._obuchenie .section__links {
    /* display: none; */
  }

  .page._obuchenie .section__anchors {
    /* display: block; */
  }

  .page._obuchenie .section__anchors a {
    color: #fff;
  }
}

@media screen and (max-width: 740px) {
  .page._obuchenie .banner._start-use {
    border-radius: 0;
  }

  .section._entry._dark .section__anchors:before {
    background: linear-gradient(
      270deg,
      rgb(24, 25, 26) 11.72%,
      rgba(24, 25, 26, 0) 100%
    );
  }

  .section._entry._dark .section__anchors:after {
    background: linear-gradient(
      90deg,
      rgb(24, 25, 26) 11.72%,
      rgba(24, 25, 26, 0) 100%
    );
  }

  .page._obuchenie .section._entry .section__wrap .container {
    padding-top: 72px;
  }

  .page._obuchenie .posts__header {
    margin-bottom: 32px;
  }

  .page._obuchenie .section__breadcrumbs {
    margin-bottom: 65px;
  }

  .page._obuchenie .section__breadcrumbs .breadcrumbs {
    flex-direction: row-reverse;
    justify-content: flex-end;
  }

  .page._obuchenie .section__breadcrumbs .breadcrumbs > span:nth-child(1),
  .page._obuchenie .section__breadcrumbs .breadcrumbs > span:nth-child(2),
  .page._obuchenie .section__breadcrumbs .breadcrumbs > span:nth-child(5) {
    display: none;
  }

  .page._obuchenie .section__breadcrumbs .breadcrumbs > span:nth-child(4) {
    transform: rotate(180deg);
  }

  .page._obuchenie .section._entry {
    padding-bottom: 36px;
  }

  .page._obuchenie .section._entry .section__title {
    max-width: 280px;
    margin-bottom: 16px;
  }

  .page._obuchenie .section._entry .section__lead {
    font-size: 16px;
    line-height: 22px;
    letter-spacing: 0;
    margin-right: -2px;
    margin-bottom: -4px;
  }

  .page._obuchenie .section__links .anchors._menu .anchors__item a {
    padding: 16px 55px 16px 16px;
  }

  .page._obuchenie .section._posts {
    padding: 0 0 80px;
  }

  .page._obuchenie .card._asset .card__image {
    height: 250px;
  }

  .page._obuchenie .card._asset .card__common {
    padding: 16px 16px 14px;
    min-height: 161px;
  }

  .page._obuchenie .card._asset .card__title {
    font-size: 18px;
    line-height: 24px;
  }

  .page._obuchenie .section._posts .posts__list-item {
    margin-bottom: 32px;
  }

  .page._obuchenie .section._posts .posts__load-more {
    padding-top: 0;
  }

  .page._obuchenie .section._start-use-banner {
    margin-top: -31px;
  }

  .page._obuchenie .banner._start-use .banner__common h3 {
    font-size: 28px;
  }

  .page._obuchenie .banner._start-use {
    padding: 24px 6px 24px 16px;
  }

  .page._obuchenie .section._question-info {
    padding-top: 52px;
  }

  .page._obuchenie .section._question-info .section__title {
    margin-bottom: 22px;
  }

  .page._obuchenie .section._question-info .section__question {
    font-size: 16px;
    line-height: 22px;
  }

  .page._obuchenie .section._question-info .section__wrap p {
    margin-bottom: 25px;
  }

  .section._question-info .section__question .button {
    padding: 0 10px;
  }

  .page._obuchenie .section._question-info .section__faq p {
    font-size: 16px;
    line-height: 22px;
    margin-bottom: 15px;
  }

  .page._obuchenie .section._question-info .section__question {
    margin-bottom: 48px;
  }

  /*.page._obuchenie .section._entry:before {
    top: 64px;
    width: 295px;
    height: 173px;
    margin-left: -84px;
  }*/

  .page._obuchenie h1 {
    font-weight: 500;
  }

  .page._obuchenie .section._entry .section__title {
    margin-bottom: 14px;
  }

  .page._obuchenie .section__links .anchors._menu .anchors__item a {
    min-height: auto;
    padding: 16px 24px 16px 16px;
  }
  .page._obuchenie
    .section__links
    .anchors._menu
    .anchors__item
    .anchors__item-wrap {
    position: relative;
  }
  .page._obuchenie
    .section__links
    .anchors._menu
    .anchors__item
    .anchors__item-wrap
    .icon {
    position: absolute;
    top: 10px;
    right: -28px;
  }

  .page._obuchenie .posts._materials .posts__title h2 {
    font-size: 28px;
    line-height: 32px;
  }

  .page._obuchenie .section._entry {
    padding-bottom: 39px;
  }

  .page._obuchenie .card._asset .card__link {
    padding-top: 250px;
  }

  .page._obuchenie .section._question-info h2 {
    font-size: 28px;
    line-height: 32px;
  }

  .section._question-info .section__question {
    margin-right: 0;
  }

  .section._question-info .section__question p {
    font-size: 16px;
    line-height: 22px;
  }

  .page._obuchenie .section._question-info {
    padding-top: 61px;
  }

  .page._obuchenie .section._question-info .section__faq {
    max-width: 100%;
  }

  .page._obuchenie .section._question-info .section__faq p {
    font-weight: 400;
  }

  .page._obuchenie .section._question-info .section__faq .button {
    font-weight: 600;
  }

  .section._question-info {
    padding-bottom: 58px;
  }
}

@media screen and (max-width: 740px) {
  .page._obuchenie .section._posts {
    padding: 40px 0;
  }
}
