.landing-top {
  display: flex;
}

.landing-top__left {
  display: flex;
  flex-direction: column;
  height: 100%;
  justify-content: center;
}

.landing-top__heading {
  width: 676rem;
  margin-top: 72rem;
}

.landing-top__heading svg {
  width: 100%;
  height: 100%;
}

.landing-top__subtitle {
  font-size: 32rem;
  font-weight: 700;
  margin-top: 14rem;
}

.landing-top__img {
  width: 544rem;
/*  height: 490rem;*/
  flex-shrink: 0;
  transform: translateX(12rem);
  margin-top: -54rem;
}

.landing-top__img img {
  width: 100%;
  height: 100%;
}

.landing-page {
  line-height: 1.2;
}

/*@media (min-width: 769px) {
  .landing-page {
    padding-top: 0;
  }
}*/

.landing-page .promo {
  padding-top: 32rem;
}

.landing-benefits {
  padding: 30rem 30rem 52rem;
  background-color: #fff;
  border-radius: 20rem;
  margin-top: -64rem;
  position: relative;
  z-index: 2;
  position: relative;
}

.landing-benefits__title {
  font-size: 32rem;
  font-weight: 700;
}

.landing-benefits__text {
  font-size: 18rem;
  margin-top: 20rem;
}

.landing-benefits__text p:not(:last-child) {
  margin-bottom: 10rem;
}

.landing-benefits__list {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 30rem;
  margin-top: 30rem;
}

.progress__bar {
  width: 94rem;
  height: 94rem;
  background-color: rgba(253, 194, 62, 0.5);
  border-radius: 50%;
  position: relative;
  margin: 8.5rem 6.5rem;
  flex-shrink: 0;
  margin-right: 28rem;
  display: flex;
  align-items: center;
  justify-content: center;
}

.progress__bar svg {
  width: 111rem;
  height: 111rem;
  position: absolute;
  top: -8.5rem;
  left: -6.5rem;
}

.progress {
  display: flex;
  align-items: center;
}

.progress__content {
  font-size: 18rem;
  max-width: 322rem;
}

.progress__content b {
  font-weight: 700;
}

.landing-benefits sub {
  font-size: .5em;
  vertical-align: super;
}

.progress__bar-text {
  font-size: 35rem;
  font-weight: 700;
  position: relative;
  z-index: 2;
}

.progress__bar-text sub {
  font-size: .5em;
  vertical-align: unset;
  font-weight: 400;
}
.progress__bar-text.up_to_30 {
  text-align: center;
}
.progress__bar-text.up_to_30 span {
  font-size: 14rem;
  line-height: 1;
  display: block;
  margin-bottom: -2rem;
}

.landing-benefits__block {
  border-radius: 20rem;
  padding: 30rem;
  background-color: #FDC23E;
  font-size: 24rem;
  margin-top: 30rem;
}

.landing-block {
  margin-top: 60rem;
  position: relative;
}

.landing-block__title {
  font-size: 40rem;
  font-weight: 700;
}

.landing-block__title .white-text {
  color: #fff;
}

.landing-block__wrapper {
  margin-top: 20rem;
}

.learn-block {
  border-radius: 20rem;
  overflow: hidden;
  background-color: #FCD889;
}

.learn-block__left {
  padding: 30rem;
}

.learn-block__title {
  font-size: 32rem;
  font-weight: 700;
}

.learn-block__list {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 10rem 17rem;
  margin-top: 20rem;
}

.learn-block__item:last-child {
  grid-column-start: 1;
  grid-column-end: 3;
}

.learn-block__number {
  font-size: 14rem;
  font-weight: 700;
}

.learn-block__text {
  font-size: 18rem;
}

.learn-block {
  display: flex;
}

.learn-block .cardVideo__bottom {
  background-color: #fff;
  padding: 12rem 20rem 20rem 12rem;
}

.learn-block__right {
  width: 382rem;
  flex-shrink: 0;
}

.learn-block .cardVideo__bottom-block {
  margin-top: 5rem;
}

.learn-block__btn {
  padding: 14rem;
  outline: none;
  border: none;
  background-color: #000;
  color: #fff;
  border-radius: 120rem;
  min-width: 172rem;
  font-size: 16rem;
  font-weight: 700;
  margin-top: 24rem;
  transition: background-color ease-in .24s;
  cursor: pointer;
  display: inline-block;
  text-align: center;
}

.learn-block__btn:hover {
  background-color: #656565;
}

.landing-block__title sub {
  font-size: .4em;
  vertical-align: super;
}

.learn-card {
  padding: 26rem 22rem 17rem 30rem;
  position: relative;
  cursor: pointer;
  height: 100%;
  width: 100%;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 2;
}

.learn-card__img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.learn-card__img img {
  width: 100%;
  object-fit: cover;
  height: 100%;
}

.learn-cards-list {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 20rem 30rem;
}

.learn-card__title {
  font-size: 40rem;
  font-weight: 700;
  color: #fff;
  position: relative;
  z-index: 3;
}

.learn-card::before {
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #0000004d;
  z-index: 1;
}

.learn-card svg {
  width: 52rem;
  height: 52rem;
  position: absolute;
  right: 22rem;
  bottom: 17rem;
  z-index: 1;
}

.learn-card-wrapp {
  min-height: 310rem;
  border-radius: 20rem;
  overflow: hidden;
  cursor: pointer;
  position: relative;
}

.learn-card-wrapp:hover .learn-card {
  opacity: 0;
}
.learn-card-wrapp:hover .learn-card__side {
  opacity: 1;
}

.learn-card__side {
  padding: 20rem 30rem 20rem 20rem;
  background-color: #fff;
  position: relative;
  height: 100%;
  z-index: 1;
  opacity: 0;
}

.learn-card__list {
  display: flex;
  flex-direction: column;
  padding-left: 19rem;
}

.learn-card__item {
  font-size: 18rem;
  position: relative;
}

.learn-card__item::before {
  content: "";
  position: absolute;
  top: 5rem;
  left: -19rem;
  width: 10rem;
  height: 10rem;
  background-color: #FDC23E;
  border-radius: 50%;
}

.learn-card__item:not(:last-child) {
  margin-bottom: 8rem;
}

.landing-bottom {
  margin-top: 20rem;
  font-size: 18rem;
}

.landing-bottom__text {
  font-size: 18rem;
  margin-bottom: 5rem;
}

.landing-bottom b {
  font-weight: 700;
}

.landing-bottom__list {

}

.landing-bottom__item {
  position: relative;
  padding-left: 26rem;
}

.landing-bottom__item::before {
  content: "";
  position: absolute;
  top: 44%;
  left: 11rem;
  width: 5rem;
  height: 5rem;
  border-radius: 50%;
  background-color: #000;
}

.learn-card-wrapp.--big {
  grid-column-start: 1;
  grid-column-end: 3;
}

.landing-block__text {
  font-size: 18rem;
}

.landing-block__text:not(:first-child) {
  margin-top: 10rem;
}

.landing-block__text b {
  font-weight: 700;
}

.landing-block__list .progress__content {
  max-width: unset;
}

.landing-block__list .progress__bar {
  background-color: #ffffff80;
  width: 61rem;
  height: 61rem;
}

.landing-block__list .progress__bar svg {
  width: 72rem;
  height: 72rem;
  top: -6rem;
  right: -6.5rem;
  left: auto;
  width: fit-content;
}

.landing-block__list .progress__bar-text {
  font-size: 25rem;
}

.landing-block__list .progress__bar-text sub {
  font-size: 14rem;
}

.landing-block__list {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 20rem;
  margin-top: 20rem;
}

.landing-block sub {
  font-size: 0.5em;
  vertical-align: super;
/*  margin-left: -0.5em;*/
}

.landing-block__list .progress__bar-text sub {
  vertical-align: unset;
}

.learn-block.--new {
  margin-top: 20rem;
}

.learn-block.--new .learn-block__title {
  font-size: 18rem;
}

.learn-block.--new .learn-block__list {
  margin-top: 10rem;
  display: flex;
  flex-direction: column;
  gap: 8rem;
}

.learn-block.--new .learn-block__item {
  padding-left: 26rem;
  position: relative;
}

.learn-block.--new .learn-block__item::before {
  content: "";
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 11rem;
  width: 5rem;
  height: 5rem;
  border-radius: 50%;
  background-color: #000;
}

.landing-block__title.--big {
  font-size: 56rem;
}

.landing-block__text-block {
  border-radius: 20rem;
  padding: 30rem;
  background-color: #fff;
  font-weight: 700;
  font-size: 24rem;
  margin-top: 20rem;
  position: relative;
}

.landing-block__text-block p:not(:last-child) {
  margin-bottom: 10rem;
}

.text-block-asset-1 {
  position: absolute;
  width: 54rem;
  height: 61rem;
  bottom: -18rem;
  left: -15rem;
  transform: rotate(-20deg);
}

.text-block-asset-2 {
  position: absolute;
  width: 48rem;
  height: 61rem;
  top: -28rem;
  right: 160rem;
  transform: rotate(30deg);
}

.text-block-asset-3 {
  position: absolute;
  width: 180rem;
  height: 287rem;
  bottom: -50rem;
  right: -60rem;
}

.landing-block__subtitle {
  font-size: 18rem;
  margin-top: 10rem;
}

.content-wrapper {
  margin-top: 20rem;
}

.tabs {
  display: flex;
}

.tabs__item {
  width: 280rem;
  padding: 18rem 20rem 16rem;
  background-color: #FEDA8B;
  border-top-left-radius: 30rem;
  border-top-right-radius: 30rem;
  color: #3131314d;
  cursor: pointer;
  transition: background-color ease-in .24s, color ease-in .24s;
}

.tabs__item.active,
.tabs__item:hover {
  color: #313131;
  background-color: #fff;
}

.tabs__title {
  font-size: 24rem;
  font-weight: 700;
}

.tabs__subtitle {
  font-size: 18rem;
}

.tab-body {
  padding: 6rem 64rem 0 30rem;
  background-color: #fff;
  display: flex;
}

.tab-body__text {
  font-size: 24rem;
}

.tab-body__left {
  padding: 24rem 0 30rem;
}

.tab-body__img {
  width: 398rem;
  height: 398rem;
  flex-shrink: 0;
}

.tab-body__img img {
  width: 100%;
  height: 100%;
}

.tab-table {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 21rem 16rem;
  margin-top: 30rem;
}

.tab-table__item {
  display: flex;
}

@media (min-width: 768px) {
  .tab-table__item.special {
    margin-top: -60rem;
  }
}


.tab-table__title {
  font-size: 18rem;
  font-weight: 700;
}

.tab-table__subtitle {
  font-size: 14rem;
  font-weight: 300;
  margin-top: 3rem;
}

.tab-table__img {
  width: 60rem;
  height: 60rem;
  flex-shrink: 0;
  margin-right: 14rem;
  background: 50% 50% no-repeat;
  background-size: contain;
}

/*.tab-table__img.--big {
  width: 66rem;
  height: 64rem;
}

.tab-table__img img {
  width: 100%;
  height: 100%;
}*/

.tab-body {
  border-radius: 30rem;
  z-index: 2;
  display: none;
  border-top-left-radius: 0;
}
@media (min-width: 768px) {
  .tab-body:after {
    content: "";
    width: 42rem;
    height: 45rem;
    background: url(../img/vitrum_landing/hand.png);
    right: 14rem;
    top: -17rem;
    position: absolute;
    background-size: 43rem;
  }
}

.tab-body.active {
  display: flex;
}

.tab-body__asset {
  position: absolute;
  top: -220rem;
  right: -180rem;
  width: 269rem;
  height: auto;
  z-index: -1;
}
.tab-body__asset.pers-2 {
  right: -177rem;
  width: 256rem;
  top: -216rem;
}

.tab-body__asset img {
  width: 100%;
  height: 100%;
}

.content-list {
  position: relative;
}

.hand-asset {
  position: absolute;
  top: 0;
  right: 0;
  width: 1000rem;
  height: 1000rem;
  z-index: 20;
}

.insert-btn {
  outline: none;
  border: none;
  background-color: transparent;
  display: flex;
  align-items: center;
  font-size: 14rem;
  font-weight: 300;
  text-decoration: underline;
  margin-left: 20rem;
  cursor: pointer;
  color: #000;
}

.insert-btn:hover {
  color: #656565;
}

.insert-btn svg {
  width: 12rem;
  height: 14rem;
  margin-right: 5rem;
}

.tab-body__btns {
  display: flex;
  align-items: center;
  margin-top: 40rem;
}

.tab-body .learn-block__btn {
  margin-top: 0;
}

.asset-2 {
  width: 146rem;
  height: 130rem;
  position: absolute;
  bottom: -47rem;
  left: -62rem;
}

.asset-2 img,
.asset-3 img,
.asset-4 img,
.asset-5 img,
.asset-6 img,
.asset-7 img {
  width: 100%;
  height: 100%;
}

.asset-3 {
  width: 85rem;
  height: 104rem;
  transform: rotate(-27deg);
  position: absolute;
  left: -72rem;
  top: 122rem;
}

.asset-4 {
  width: 167rem;
  height: 176rem;
  position: absolute;
  bottom: 4rem;
  right: -180rem;
  transform: rotate(-11deg);
}

.asset-5 {
  width: 83rem;
  height: 86rem;
  position: absolute;
  top: 10rem;
  right: -90rem;
  transform: rotate(-75deg);
}

.asset-6 {
  width: 142rem;
  height: 179rem;
  position: absolute;
  bottom: 40rem;
  left: -198rem;
}

.asset-7 {
  width: 172rem;
  height: 172rem;
  position: absolute;
  top: 16rem;
  left: -198rem;
  transform: rotate(47deg);
}


.landing-footnotes {
  margin-top: 60rem;
  font-size: 14rem;
}

.landing-footnotes__title {
  font-weight: 700;
}

.landing-footnotes__subtitle {
  margin-top: 10rem;
}

.landing-footnotes__list {
  margin-top: 10rem;
  padding-left: 20rem;
}

.landing-footnotes__item {
  list-style: decimal;
  padding-left: 4rem;
}

.landing-page .breadcrumb__link,
.landing-page .promo__breadcrumb .arrow {
  color: #fff;
}

.breadcrumb__link sub,
.landing-top__subtitle sub {
  font-size: .5em;
  vertical-align: super;
/*  margin-left: -.5em;*/

}

@media (max-width: 767px) {
  .landing-top__heading {
    width: 342rem;
    margin-top: 0;
  }

  .landing-page .header__block.container {
    max-width: unset;
    width: 100%;
    padding: 8rem 24rem;
  }

  .landing .promo {
    padding-top: 10rem;
  }

  .landing-top__subtitle {
    font-size: 24rem;
    margin-top: 10rem;
  }

  .landing-top__subtitle br {
    display: none;
  }

  .asset-3 {
    display: none;
  }

  .landing-top {
    flex-direction: column;
  }

  .landing-top__img {
    width: 342rem;
    height: 300rem;
  }

  .landing-benefits {
    margin-top: -12rem;
    padding: 20rem 12rem;
  }

  .landing-benefits__title {
    font-size: 24rem;
  }

  .landing-benefits__text {
    font-size: 16rem;
    margin-top: 10rem;
  }

  .landing-benefits__list {
    display: flex;
    flex-direction: column;
    margin-top: 20rem;
    gap: 10rem;
  }

  .progress__content {
    font-size: 14rem;
  }

  .progress__bar {
    width: 67rem;
    height: 67rem;
    margin-right: 18rem;
  }

  .progress__bar svg {
    width: 80rem;
    height: 80rem;
  }

  .progress__bar-text {
    font-size: 25rem;
  }

  .landing-benefits sub {
    font-size: .6em;
  }

  .landing-benefits__block {
    padding: 20rem 12rem;
    font-size: 16rem;
    margin-top: 20rem;
  }

  .landing-block {
    margin-top: 20rem;
  }

  .landing-block__title {
    font-size: 24rem;
  }

  .learn-block {
    flex-direction: column;
  }

  .learn-block__left {
    padding: 20rem 12rem 15rem;
    margin-top: 10rem;
  }

  .learn-block__title {
    font-size: 24rem;
  }

  .learn-block__list {
    display: flex;
    flex-direction: column;
    gap: 10rem;
    margin-top: 10rem;
  }

  .learn-block__text {
    font-size: 16rem;
  }

  .learn-block__number {
    font-size: 16rem;
  }

  .learn-block__btn {
    width: 100%;
    padding: 20rem 42rem;
    font-size: 20rem;
    margin-top: 20rem;
  }

  .learn-block__right {
    width: 100%;
  }

  .landing-block.--more {
    margin-top: 40rem;
  }

  .learn-cards-list {
    display: flex;
    flex-direction: column;
  }

  .learn-card-wrapp {
    min-height: 320rem;
  }

  .learn-card {
    min-height: 320rem;
    padding: 40rem 20rem 30rem;
  }

  .learn-card svg {
    left: 30rem;
    bottom: 30rem;
    right: auto;
    width: 60rem;
    height: 60rem;
  }

  .learn-card__title {
    font-size: 24rem;
  }

  .learn-card__side {
    padding: 20rem 12rem;
    min-height: 320rem;
  }

  .learn-card__item {
    font-size: 13rem;
  }

  .learn-card-wrapp.--small,
  .learn-card-wrapp.--small .learn-card,
  .learn-card-wrapp.--small .learn-card__side {
    min-height: 225rem;
  }

  .landing-bottom {
    font-size: 16rem;
  }

  .landing-bottom__text {
    margin-bottom: 10rem;
    font-size: 16rem;
  }

  .landing-block__text.--small {
    font-size: 16rem;
  }

  .landing-block__text b {
    font-size: 20rem;
  }

  .asset-5 {
    display: none;
  }

  .landing-block__list {
    display: flex;
    flex-direction: column;
    margin-top: 10rem;
    gap: 10rem;
  }

  .learn-block.--new {
    margin-top: 20rem;

  }

  .learn-block.--new .learn-block__left {
    padding: 20rem 12rem;
    margin-top: 0;
  }

  .learn-block.--new .learn-block__title {
    font-size: 24rem;
  }

  .learn-block.--new .learn-block__list {
    margin-top: 10rem;
  }

  .learn-block.--new .learn-block__item::before {
    top: 10rem;
    width: 4rem;
    height: 4rem;
  }

  .landing-block__text.--small b {
    font-size: 16rem;
  }

  .landing-block__text-block {
    padding: 20rem 76rem 20rem 12rem;
    font-size: 18rem;
  }

  .text-block-asset-2 {
    width: 19rem;
    height: 23rem;
    top: -12rem;
    right: 58rem;
  }

  .text-block-asset-1 {
    width: 29rem;
    height: 36rem;
    top: 126rem;
    left: -18rem;
  }

  .text-block-asset-3 {
    height: auto;
    bottom: 80rem;
  }

  .landing-block__title.--big {
    font-size: 24rem;
  }

  .landing-block__subtitle {
    margin-top: 10rem;
    font-size: 16rem;
  }

  .tab-body__asset {
    display: none;
  }

  .tabs {
    display: none;
  }

  .tab-body {
    flex-direction: column;
    padding: 20rem 12rem 110rem;
    display: flex;
    width: 320rem;
    flex-shrink: 0;
  }

  .tab-body:not(:last-child) {
    margin-right: 10rem;
  }

  .tab-body__left {
    padding: 0;
  }

  .tab-body__title {
    margin-bottom: 16rem;
  }

  .tab-body__text {
    font-size: 20rem;
  }

  .tab-table {
    display: flex;
    flex-direction: column;
    gap: 20rem;
  }

  .tab-table__title {
    font-size: 16rem;
  }

  .tab-table__subtitle {
    font-size: 14rem;
    margin-top: 6rem;
  }

  .tab-table__item {
    display: flex;
    align-items: center;
  }

  .tab-body__img {
    width: 100%;
    height: fit-content;
    margin-top: 20rem;
  }
  .tab1 .tab-body__img {
    width: 92%;
    height: auto;
    margin-top: 50rem;
  }

  .tab-body__btns {
    display: flex;
    flex-direction: column;
    position: absolute;
    left: 12rem;
    bottom: 20rem;
    width: calc(100% - 24rem);
  }

  .insert-btn {
    margin-top: 14rem;
    margin-left: 0;
  }

  .learn-block__btn {
    white-space: nowrap;
  }

  .asset-2 {
    display: none;
  }

  .tab-body {
    border-top-left-radius: 30rem;
  }

  .content-list {
    display: flex;
    overflow: auto;
    padding-left: 16.5rem;
  }

  .content-list::-webkit-scrollbar {
    display: none;
  }

  .tab-body {
    position: relative;
  }

  .container.scroll-container {
    max-width: unset;
  }

  .landing-block__title,
  .landing-block__subtitle {
    max-width: 342rem;
    margin-left: auto;
    margin-right: auto;
  }
  .landing-footnotes {
    font-size: 12rem;
  }
}