html {
  font-family: 'Vinnytsia Sans';
  font-weight: 400; }

button, textarea {
  font-family: 'Vinnytsia Sans';
  font-weight: 400; }

.container {
  max-width: 1230px;
  padding: 0 15px;
  width: 100%; }

.wrapper {
  overflow: hidden;
  max-width: 1920px;
  margin: 0 auto;
  margin-left: auto;
  margin-right: auto; }

.responsive_wrapper, .mob_menu__button {
  display: none; }

header {
  width: 100%;
  padding-top: 33px; }
  header .container {
    display: flex;
    justify-content: space-between;
    align-items: center; }
  header .left_side {
    width: calc(100% - 350px);
    display: flex;
    justify-content: flex-start;
    align-items: center; }
    header .left_side .logo {
      display: inline-flex;
      justify-content: center;
      align-items: center;
      margin-right: 80px; }
    header .left_side .nav {
      display: flex;
      justify-content: flex-start;
      align-items: center;
      padding-top: 10px; }
      header .left_side .nav .nav_li {
        margin-right: 10px;
        position: relative; }
        header .left_side .nav .nav_li .nav_link {
          font-size: 13px;
          line-height: 120%;
          letter-spacing: 0.02em;
          text-transform: uppercase;
          color: #1C1C1C; }
          header .left_side .nav .nav_li .nav_link:hover {
            text-decoration: underline; }
          header .left_side .nav .nav_li .nav_link img {
            width: 20px;
            margin-bottom: -3px; }
        header .left_side .nav .nav_li .inside_list {
          width: 377px;
          background: #FFFFFF;
          padding: 0 15px;
          position: absolute;
          -webkit-box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.75);
          -moz-box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.75);
          box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.75);
          z-index: 10;
          top: 100%;
          margin-top: 26px;
          opacity: 0;
          visibility: hidden; }
          header .left_side .nav .nav_li .inside_list::before {
            content: "";
            position: absolute;
            left: 0;
            right: 0;
            width: 100%;
            height: 30px;
            top: -27px;
            z-index: 2; }
          header .left_side .nav .nav_li .inside_list.active {
            opacity: 1;
            visibility: visible; }
          header .left_side .nav .nav_li .inside_list .inside_li {
            width: 100%;
            border-bottom: 1px solid #000000; }
            header .left_side .nav .nav_li .inside_list .inside_li:last-child {
              border-bottom: none; }
            header .left_side .nav .nav_li .inside_list .inside_li a {
              width: 100%;
              padding: 27px 0;
              display: inline-flex;
              justify-content: flex-start;
              align-items: center;
              font-size: 16px;
              line-height: 120%;
              letter-spacing: 0.05em;
              color: #000000;
              text-transform: uppercase; }
  header .right_side {
    width: 100%;
    max-width: 350px;
    display: flex;
    justify-content: flex-end;
    align-items: center; }
    .header_profile .right_side{
      width: auto;
      max-width: none;
    }
    .header_profile .right_side .total_bonuses{
      color: #1C1C1C;
      font-size: 16px;
      font-weight: 700;
      line-height: 120%; /* 19.2px */
      letter-spacing: 0.32px;
      text-decoration-line: underline;
      text-transform: uppercase;
      margin-right: 30px;
      white-space: nowrap;
    }
    .header_profile .right_side .soc_wrap{
      display: flex;
      flex-direction: column;
      align-items: center;
    }
    .header_profile .right_side .soc_wrap .bottom_text{
      width: 100%;
      margin-top: 5px;
      color: #000;
      text-align: center;
      font-size: 16px;
      font-weight: 700;
      line-height: 120%; 
      letter-spacing: 0.32px;
      text-transform: uppercase;
    }
    .header_profile .left_side{
      width: auto;
    }
    .header_profile .right_side .my_cab{
      padding: 16px 40px;
    }
    header .right_side .soc_list {
      display: flex;
      justify-content: center;
      align-items: center; }
      header .right_side .soc_list li {
        margin: 0 7.5px; }
        header .right_side .soc_list li a {
          display: inline-flex;
          justify-content: center;
          align-items: center; }
          header .right_side .soc_list li a img {
            width: 30px; }
    header .right_side .my_cab {
      font-size: 16px;
      line-height: 120%;
      text-align: center;
      letter-spacing: 0.02em;
      text-transform: uppercase;
      color: #000000;
      display: inline-flex;
      justify-content: center;
      align-items: center;
      padding: 5px 16px;
      max-width: 167px;
      width: 100%;
      background: #B89EC6;
      box-shadow: 2px 2px 0px #1C1C1C;
      border-radius: 10px;
      margin-left: 32.5px;
      height: 50px;
      padding-top: 10px; }
      header .right_side .my_cab:hover {
        box-shadow: 1px 1px 0px #1C1C1C;
        background: #b391c5; }

.main_article_section {
  width: 100%;
  margin-top: 37px; }
  .main_article_section .article_item {
    width: 100%; }
    .main_article_section .article_item .main_img_outter {
      width: 100%;
      max-width: 590px;
      position: relative; }
      .main_article_section .article_item .main_img_outter .tag {
        position: absolute;
        font-weight: 700;
        font-size: 15px;
        line-height: 110%;
        text-align: center;
        letter-spacing: 0.02em;
        text-transform: uppercase;
        color: #000000;
        z-index: 2;
        top: 20px;
        left: 20px;
        background: #FFFFFF;
        border-radius: 20px;
        padding: 7px 15px;
        min-width: 80px;
        height: 30px;
        display: inline-flex;
        justify-content: center;
        align-items: center;
        padding-top: 12px; }
    .main_article_section .article_item .main_img {
      width: 100%;
      filter: drop-shadow(2px 2px 0px #1C1C1C);
      border-radius: 30px;
      object-fit: cover;
      height: 300px; }
    .main_article_section .article_item .content {
      width: calc(100% - 590px);
      padding-left: 30px; }
    .main_article_section .article_item h1, .main_article_section .article_item .h1 {
      margin-bottom: 15px; }
    .main_article_section .article_item .text {
      width: 100%;
      font-size: 20px;
      line-height: 110%;
      letter-spacing: 0.02em;
      color: #000000;
      margin-bottom: 26px; }

.d-flex {
  display: flex;
  justify-content: center;
  align-items: center; }

h1, .h1 {
  width: 100%;
  font-size: 40px;
  line-height: 110%;
  letter-spacing: 0.02em;
  text-transform: uppercase;
  color: #000000; }

strong {
  font-weight: 700; }

.black_arrow_btn {
  display: inline-flex;
  justify-content: space-between;
  align-items: center;
  background: #1C1C1C;
  border-radius: 20px;
  padding: 5px 15px;
  min-height: 40px;
  font-size: 18px;
  line-height: 110%;
  letter-spacing: 0.02em;
  text-transform: uppercase;
  color: #FFFFFF; }
  .black_arrow_btn span {
    padding-top: 4px; }
  .black_arrow_btn img {
    width: 30px;
    margin-left: 10px; }
  .black_arrow_btn:hover {
    background: #3d3d3d; }

.news_studing_materials {
  width: 100%;
  margin-top: 42px;
  padding-bottom: 60px; }
  .news_studing_materials h2, .news_studing_materials .h2 {
    text-align: center;
    margin-bottom: 10px; }
  .news_studing_materials .sort_list {
    width: calc(100% + 40px);
    margin-left: -20px;
    margin-right: -20px;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    margin-bottom: 32px;
    flex-wrap: wrap; }
    .news_studing_materials .sort_list li {
      margin: 0 20px;
      margin-bottom: 10px; }
      .news_studing_materials .sort_list li a {
        display: inline-flex;
        justify-content: center;
        align-items: center;
        font-weight: 700;
        font-size: 15px;
        line-height: 110%;
        text-align: center;
        letter-spacing: 0.02em;
        color: #1C1C1C;
        border: 1px solid #000000;
        border-radius: 30px;
        min-width: 137px;
        height: 30px;
        padding-left: 10px;
        padding-right: 10px;
        padding-top: 2px; }
        .news_studing_materials .sort_list li a:hover, .news_studing_materials .sort_list li a.active {
          background: #B89EC6; }

h2, .h2 {
  width: 100%;
  font-size: 30px;
  line-height: 110%;
  text-align: center;
  letter-spacing: 0.02em;
  color: #000000; }

.news_area {
  width: calc(100% + 27px);
  margin-left: -13.5px;
  margin-right: -13.5px;
  display: flex;
  justify-content: flex-start;
  align-items: stretch;
  flex-wrap: wrap; }

.news_one_item {
  width: calc(33.33% - 27px);
  margin: 0 13.5px;
  margin-bottom: 60px; }
  .news_one_item .image_outter {
    width: 100%;
    margin-bottom: 13px;
    display: inline-flex;
    justify-content: center;
    align-items: center; }
    .news_one_item .image_outter .news_img {
      width: 100%;
      filter: drop-shadow(2px 2px 0px #1C1C1C);
      border-radius: 30px;
      height: 402px;
      object-fit: cover; }
  .news_one_item .content {
    width: 100%; }
    .news_one_item .content .tag_time_info {
      width: 100%;
      display: flex;
      justify-content: space-between;
      align-items: center;
      margin-bottom: 9px; }
      .news_one_item .content .tag_time_info .tag {
        display: inline-flex;
        justify-content: center;
        align-items: center;
        font-weight: 700;
        font-size: 15px;
        line-height: 110%;
        text-align: center;
        letter-spacing: 0.02em;
        color: #FFFFFF;
        min-width: 137px;
        background: #1C1C1C;
        border-radius: 30px;
        padding: 8.5px 5px 5px 5px; }
      .news_one_item .content .tag_time_info .time {
        font-size: 15px;
        line-height: 110%;
        letter-spacing: 0.02em;
        color: #7D7D7D;
        padding-top: 5px; }
    .news_one_item .content .news_name {
      width: 100%;
      font-weight: 700;
      font-size: 30px;
      line-height: 110%;
      letter-spacing: 0.02em;
      color: #000000;
      margin-bottom: 13px;
      display: inline-flex; }
    .news_one_item .content a.news_name:hover {
      color: #e0ba30; }
    .news_one_item .content .text {
      width: 100%;
      font-size: 16px;
      line-height: 110%;
      letter-spacing: 0.02em;
      color: #000000;
      margin-bottom: 20px; }

.yellow_btn {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  background: #FFC900;
  box-shadow: 3.60706px 3.60706px 0px #1C1C1C;
  padding: 17px 15px 13px;
  font-size: 15px;
  line-height: 120%;
  text-align: center;
  letter-spacing: 0.02em;
  text-transform: uppercase;
  color: #1C1C1C;
  width: 100%;
  max-width: 240px; }
  .yellow_btn:hover {
    box-shadow: 1.60706px 1.60706px 0px #1C1C1C;
    background: #e0ba30; }

.more_news_area {
  width: 100%;
  margin-top: -4px; }
  .more_news_area .load_news_btn {
    width: 100%;
    max-width: 450px;
    height: 40px;
    background: #1C1C1C;
    border-radius: 20px;
    padding: 11px 17px 5px 20px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-size: 18px;
    line-height: 110%;
    letter-spacing: 0.02em;
    text-transform: uppercase;
    color: #FFFFFF; }
    .more_news_area .load_news_btn img {
      margin-top: -6px; }
    .more_news_area .load_news_btn:hover {
      background: #3d3d3d; }

.upgrade_english_section {
  width: 100%;
  padding-top: 38px;
  background: #1C1C1C;
  padding-bottom: 40px; }
  .upgrade_english_section .container {
    display: flex;
    justify-content: space-between;
    align-items: flex-start; }
  .upgrade_english_section .left_cont {
    width: 100%;
    max-width: 620px;
    padding-top: 22px; }
    .upgrade_english_section .left_cont .title {
      width: 100%;
      font-size: 40px;
      line-height: 130%;
      letter-spacing: 0.02em;
      text-transform: uppercase;
      color: #FFFFFF;
      margin-bottom: 9px; }
    .upgrade_english_section .left_cont .text {
      width: 100%;
      font-size: 20px;
      line-height: 130%;
      letter-spacing: 0.02em;
      text-transform: uppercase;
      color: #FFFFFF;
      max-width: 576px;
      margin-bottom: 40px; }
    .upgrade_english_section .left_cont .start_btn {
      max-width: 270px;
      height: 53px;
      padding-top: 19px; }
  .upgrade_english_section .right_img {
    margin-right: 33px; }

.consult_recommend_section {
  width: 100%;
  padding-top: 68px;
  padding-bottom: 70px;
  position: relative;
  background: #1C1C1C; }
  .consult_recommend_section .container {
    display: flex;
    justify-content: space-between;
    align-items: stretch;
    position: relative;
    z-index: 2; }
  .consult_recommend_section .left_back {
    position: absolute;
    z-index: 1;
    top: 0;
    bottom: 0;
    left: 0;
    width: 50%;
    height: 100%;
    background: #B89EC6; }
  .consult_recommend_section .consult_cont {
    width: 100%;
    max-width: 525px; }
    .consult_recommend_section .consult_cont .title {
      width: 100%;
      font-size: 41.3044px;
      line-height: 120%;
      letter-spacing: 0.02em;
      text-transform: uppercase;
      color: #1C1C1C;
      margin-bottom: 29px; }
    .consult_recommend_section .consult_cont .list_benefits {
      width: 100%;
      margin-bottom: 29px;
      max-width: 517px; }
      .consult_recommend_section .consult_cont .list_benefits .list_benefits_title {
        width: 100%;
        font-size: 20px;
        line-height: 120%;
        letter-spacing: 0.02em;
        color: #000000; }
      .consult_recommend_section .consult_cont .list_benefits ul {
        width: 100%; }
      .consult_recommend_section .consult_cont .list_benefits li {
        width: 100%;
        position: relative;
        font-size: 20px;
        line-height: 120%;
        letter-spacing: 0.02em;
        color: #000000;
        padding-left: 20px; }
        .consult_recommend_section .consult_cont .list_benefits li::before {
          content: "";
          position: absolute;
          width: 6px;
          height: 6px;
          border-radius: 50%;
          background: #000;
          top: 7px;
          left: 0; }
    .consult_recommend_section .consult_cont .consult_btn {
      max-width: 373px;
      height: 52px;
      margin-bottom: 27px; }
    .consult_recommend_section .consult_cont .contacts_teacher {
      width: 100%; }
      .consult_recommend_section .consult_cont .contacts_teacher .cont_title {
        width: 100%;
        font-size: 20px;
        line-height: 120%;
        letter-spacing: 0.02em;
        color: #000000;
        margin-bottom: 13px; }
      .consult_recommend_section .consult_cont .contacts_teacher .contacts_list {
        width: 100%; }
        .consult_recommend_section .consult_cont .contacts_teacher .contacts_list li {
          width: 100%;
          margin-bottom: 10px; }
          .consult_recommend_section .consult_cont .contacts_teacher .contacts_list li:last-child {
            margin-bottom: 0; }
          .consult_recommend_section .consult_cont .contacts_teacher .contacts_list li a {
            width: 100%;
            display: flex;
            justify-content: flex-start;
            align-items: center;
            font-size: 20px;
            line-height: 120%;
            letter-spacing: 0.02em;
            color: #000000; }
            .consult_recommend_section .consult_cont .contacts_teacher .contacts_list li a figure {
              display: inline-flex;
              justify-content: center;
              align-items: center;
              width: 20px;
              margin-right: 15px; }
              .consult_recommend_section .consult_cont .contacts_teacher .contacts_list li a figure img {
                max-width: 100%; }
  .consult_recommend_section .recommend_cont {
    width: 100%;
    max-width: 583px;
    position: relative;
    padding-left: 70px; }
    .consult_recommend_section .recommend_cont .title {
      width: 100%;
      font-size: 41.3044px;
      line-height: 120%;
      letter-spacing: 0.02em;
      text-transform: uppercase;
      color: #FFC900;
      margin-bottom: 36px; }
    .consult_recommend_section .recommend_cont .text {
      width: 100%;
      max-width: 519px;
      font-size: 20.6522px;
      line-height: 120%;
      letter-spacing: 0.02em;
      color: #FFFFFF;
      margin-bottom: 34px; }
    .consult_recommend_section .recommend_cont .recommend_btn {
      max-width: 294px;
      height: 52px;
      margin-bottom: 95px; }
    .consult_recommend_section .recommend_cont .contacts_teacher {
      width: 100%; }
      .consult_recommend_section .recommend_cont .contacts_teacher .cont_title {
        width: 100%;
        font-size: 20px;
        line-height: 120%;
        letter-spacing: 0.02em;
        color: #fff;
        margin-bottom: 13px; }
      .consult_recommend_section .recommend_cont .contacts_teacher .contacts_list {
        width: 100%; }
        .consult_recommend_section .recommend_cont .contacts_teacher .contacts_list li {
          width: 100%;
          margin-bottom: 10px; }
          .consult_recommend_section .recommend_cont .contacts_teacher .contacts_list li:last-child {
            margin-bottom: 0; }
          .consult_recommend_section .recommend_cont .contacts_teacher .contacts_list li a {
            width: 100%;
            display: flex;
            justify-content: flex-start;
            align-items: center;
            font-size: 20px;
            line-height: 120%;
            letter-spacing: 0.02em;
            color: #fff; }
            .consult_recommend_section .recommend_cont .contacts_teacher .contacts_list li a figure {
              display: inline-flex;
              justify-content: center;
              align-items: center;
              width: 20px;
              margin-right: 15px; }
              .consult_recommend_section .recommend_cont .contacts_teacher .contacts_list li a figure img {
                max-width: 100%; }
    .consult_recommend_section .recommend_cont .figure_img {
      position: absolute;
      right: -79px;
      bottom: -60px;
      z-index: 2; }

footer {
  width: 100%;
  padding: 64px 0 72px;
  background: #1C1C1C; }
  footer .container {
    display: flex;
    justify-content: space-between;
    align-items: flex-end; }
  footer .left_side {
    width: calc(100% - 300px);
    display: flex;
    justify-content: flex-start;
    align-items: center;
    padding-bottom: 0px; }
    footer .left_side .logo {
      display: inline-flex;
      justify-content: center;
      align-items: center;
      margin-right: 73px; }
    footer .left_side .nav {
      display: flex;
      justify-content: flex-start;
      align-items: center;
      padding-top: 19px; }
      footer .left_side .nav .nav_li {
        margin-right: 40px;
        position: relative; }
        footer .left_side .nav .nav_li .nav_link {
          font-size: 16px;
          line-height: 120%;
          letter-spacing: 0.02em;
          text-transform: uppercase;
          color: #fff; }
          footer .left_side .nav .nav_li .nav_link:hover {
            text-decoration: underline; }
          footer .left_side .nav .nav_li .nav_link img {
            width: 20px;
            margin-bottom: -3px; }
        footer .left_side .nav .nav_li .inside_list {
          width: 377px;
          background: #FFFFFF;
          padding: 0 15px;
          position: absolute;
          -webkit-box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.75);
          -moz-box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.75);
          box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.75);
          z-index: 10;
          bottom: 100%;
          margin-bottom: 26px;
          opacity: 0;
          visibility: hidden; }
          footer .left_side .nav .nav_li .inside_list::before {
            content: "";
            position: absolute;
            left: 0;
            right: 0;
            width: 100%;
            height: 30px;
            bottom: -27px;
            z-index: 2; }
          footer .left_side .nav .nav_li .inside_list.active {
            opacity: 1;
            visibility: visible; }
          footer .left_side .nav .nav_li .inside_list .inside_li {
            width: 100%;
            border-bottom: 1px solid #000000; }
            footer .left_side .nav .nav_li .inside_list .inside_li:last-child {
              border-bottom: none; }
            footer .left_side .nav .nav_li .inside_list .inside_li a {
              width: 100%;
              padding: 27px 0;
              display: inline-flex;
              justify-content: flex-start;
              align-items: center;
              font-size: 16px;
              line-height: 120%;
              letter-spacing: 0.05em;
              color: #000000;
              text-transform: uppercase; }
  footer .right_side {
    display: flex;
    flex-direction: column;
    align-items: flex-end; }
    footer .right_side .soc_list {
      margin-bottom: 10px; }
      footer .right_side .soc_list li {
        margin-left: 10px; }
        footer .right_side .soc_list li a {
          display: inline-flex;
          justify-content: center;
          align-items: center; }
          footer .right_side .soc_list li a:hover {
            transform: translateY(-5px); }
          footer .right_side .soc_list li a img {
            max-width: 18px; }
    footer .right_side .phone {
      display: inline-flex;
      justify-content: flex-end;
      align-items: center;
      font-size: 16.4222px;
      line-height: 120%;
      letter-spacing: 0.02em;
      color: #FFFFFF; }
      footer .right_side .phone img {
        margin-right: 11px; }

.mob_menu__button {
  width: 24px;
  background: transparent;
  border: none;
  display: none;
  padding: 0;
  margin: 0; }

.mob_menu__button span {
  width: 100%;
  float: left;
  display: block;
  height: 2px;
  border-radius: 1px;
  background-color: #000;
  position: relative;
  transition: .3s; }

.mob_menu__button span:not(:last-child) {
  margin-bottom: 5px; }

.responsive_wrapper.active {
  transform: none; }

.responsive_wrapper {
  width: 100%;
  position: fixed;
  top: 0;
  left: 0;
  top: 0;
  bottom: 0;
  height: 100vh;
  z-index: 100;
  transition: .3s;
  transform: translateX(-110%);
  background: rgba(0, 0, 0, 0.9);
  overflow-y: auto; }
  .responsive_wrapper .close_menu svg {
    width: 20px; }
  .responsive_wrapper .inner {
    width: 100%;
    height: 100%;
    overflow-y: auto;
    padding-bottom: 40px; }
    .responsive_wrapper .inner .top {
      width: 100%;
      display: flex;
      justify-content: space-between;
      align-items: center;
      padding: 15px; }
    .responsive_wrapper .inner .close_menu {
      color: #fff; }
  .responsive_wrapper .nav {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding-top: 10px; }
    .responsive_wrapper .nav .nav_li {
      margin-bottom: 25px;
      position: relative; }
      .responsive_wrapper .nav .nav_li .nav_link {
        font-size: 16px;
        line-height: 120%;
        letter-spacing: 0.02em;
        text-transform: uppercase;
        color: #fff; }
        .responsive_wrapper .nav .nav_li .nav_link img {
          width: 20px;
          margin-bottom: -3px; }
      .responsive_wrapper .nav .nav_li .inside_list {
        width: 300px;
        background: #FFFFFF;
        padding: 0 15px;
        position: absolute;
        -webkit-box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.75);
        -moz-box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.75);
        box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.75);
        z-index: 10;
        top: 100%;
        margin-top: 10px;
        opacity: 0;
        visibility: hidden;
        left: 50%;
        transform: translateX(-50%); }
        .responsive_wrapper .nav .nav_li .inside_list.active {
          opacity: 1;
          visibility: visible; }
        .responsive_wrapper .nav .nav_li .inside_list .inside_li {
          width: 100%;
          border-bottom: 1px solid #000000; }
          .responsive_wrapper .nav .nav_li .inside_list .inside_li:last-child {
            border-bottom: none; }
          .responsive_wrapper .nav .nav_li .inside_list .inside_li a {
            width: 100%;
            padding: 15px 0;
            display: inline-flex;
            justify-content: flex-start;
            align-items: center;
            font-size: 16px;
            line-height: 120%;
            letter-spacing: 0.05em;
            color: #000000;
            text-transform: uppercase; }
  .responsive_wrapper .soc_list {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 20px;
    background: #fff;
    max-width: 100px;
    padding: 5px;
    margin-left: auto;
    margin-right: auto; }
    .responsive_wrapper .soc_list li {
      margin: 0 7.5px; }
      .responsive_wrapper .soc_list li a {
        display: inline-flex;
        justify-content: center;
        align-items: center; }
        .responsive_wrapper .soc_list li a img {
          width: 30px; }

body.active {
  overflow-y: hidden; }

.news_section {
  width: 100%;
  padding-bottom: 73px; }

.news_section .title{
  width: 100%;
  color: #000;
  font-size: 35px;
  font-weight: 700;
  line-height: 110%; 
  letter-spacing: 0.7px;
  text-transform: uppercase;
  text-align: center;
  margin-bottom: 15px;
}

.blog_one_main_section {
  width: 100%;
  padding-top: 32px; }
  .blog_one_main_section .blog_one_media {
    width: 100%;
    position: relative; }
    .blog_one_main_section .blog_one_media .main_image {
      width: 100%;
      filter: drop-shadow(2px 2px 0px #1C1C1C);
      border-radius: 30px;
      object-fit: cover;
      height: 530px; }
    .blog_one_main_section .blog_one_media .tag {
      position: absolute;
      top: 20px;
      left: 20px;
      z-index: 3;
      font-weight: 700;
      font-size: 15px;
      line-height: 110%;
      text-align: center;
      letter-spacing: 0.02em;
      text-transform: uppercase;
      color: #000000;
      padding: 7px 10px;
      background: #FFFFFF;
      border-radius: 20px;
      height: 30px;
      min-width: 80px;
      padding-top: 10px; }
    .blog_one_main_section .blog_one_media .overlay {
      position: absolute;
      z-index: 2;
      top: 0;
      left: 0;
      right: 0;
      bottom: 0;
      width: 100%;
      height: 100%;
      background: linear-gradient(180deg, rgba(0, 0, 0, 0) 22.71%, #1C1C1C 100%);
      border-radius: 30px; }
    .blog_one_main_section .blog_one_media h1, .blog_one_main_section .blog_one_media .h1 {
      font-size: 60px;
      line-height: 110%;
      color: #fff;
      position: absolute;
      left: 0;
      right: 0;
      bottom: 0;
      padding: 0 16px 35px 24px;
      z-index: 2; }
  .blog_one_main_section .blog_one_content {
    width: 100%;
    max-width: 1074px;
    padding-top: 39px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 60px; }
    .blog_one_main_section .blog_one_content p a, .blog_one_main_section .blog_one_content p ul{
      color: #ffc900;
      text-decoration: underline;
    }
    .blog_one_main_section .blog_one_content p, .blog_one_main_section .blog_one_content ul li, .blog_one_main_section .blog_one_content ol li, .blog_one_main_section .blog_one_content a, .blog_one_main_section .blog_one_content button {
      font-size: 20px;
      line-height: 130%;
      letter-spacing: 0.02em;
      color: #000000; }
    .blog_one_main_section .blog_one_content p {
      margin-bottom: 20px; }
    .blog_one_main_section .blog_one_content p, .blog_one_main_section .blog_one_content ol, .blog_one_main_section .blog_one_content ul {
      width: 100%; }
    .blog_one_main_section .blog_one_content ol, .blog_one_main_section .blog_one_content ul {
      padding-left: 22px;
      margin-bottom: 20px; }
      .blog_one_main_section .blog_one_content ol li, .blog_one_main_section .blog_one_content ul li {
        margin-bottom: 15px; }
        .blog_one_main_section .blog_one_content ol li:last-child, .blog_one_main_section .blog_one_content ul li:last-child {
          margin-bottom: 0; }
    .blog_one_main_section .blog_one_content ul {
      list-style-type: disc; }
    .blog_one_main_section .blog_one_content ol {
      list-style-type: decimal; }
    .blog_one_main_section .blog_one_content .subblocks {
      width: 100%;
      margin-bottom: 20px; }
      .blog_one_main_section .blog_one_content .subblocks ol li {
        width: 100%;
        margin-bottom: 20px;
        color: #FFC900; }
        .blog_one_main_section .blog_one_content .subblocks ol li a {
          color: #FFC900; }
    .blog_one_main_section .blog_one_content h1, .blog_one_main_section .blog_one_content h2, .blog_one_main_section .blog_one_content h3, .blog_one_main_section .blog_one_content h4, .blog_one_main_section .blog_one_content h5, .blog_one_main_section .blog_one_content h6 {
      margin-bottom: 20px;
      text-align: left;
      padding-top: 10px;
      font-weight: 700; }
    .blog_one_main_section .blog_one_content h3 {
      width: 100%;
      line-height: 110%;
      letter-spacing: 0.02em;
      color: #000000;
      font-size: 26px; }
    .blog_one_main_section .blog_one_content h4 {
      width: 100%;
      line-height: 110%;
      letter-spacing: 0.02em;
      color: #000000;
      font-size: 24px; }
    .blog_one_main_section .blog_one_content h5 {
      width: 100%;
      line-height: 110%;
      letter-spacing: 0.02em;
      color: #000000;
      font-size: 22px; }
    .blog_one_main_section .blog_one_content h6 {
      width: 100%;
      line-height: 110%;
      letter-spacing: 0.02em;
      color: #000000;
      font-size: 20px; }
    .blog_one_main_section .blog_one_content img {
      filter: drop-shadow(2px 2px 0px #1C1C1C);
      border-radius: 30px;
      max-width: 100%;
      object-fit: cover;
      margin-bottom: 20px; }

.video_cont {
  width: calc(50% - 7.5px);
  position: relative;
  margin-bottom: 20px;
  margin-top: 20px; }
  .video_cont.active .poster, .video_cont.active .play_video {
    opacity: 0;
    visibility: hidden; }
  .video_cont .poster {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    z-index: 2;
    object-fit: cover;
    border-radius: 30px; }
  .video_cont video {
    width: 100%;
    height: 300px;
    filter: drop-shadow(2px 2px 0px #1C1C1C);
    border-radius: 30px;
    object-fit: cover;
    cursor: pointer;
    position: relative; }
  .video_cont .play_video {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translateX(-50%) translateY(-50%);
    z-index: 3;
    width: 100px;
    height: 100px;
    background: #B89EC6;
    box-shadow: 2px 2px 0px #000000;
    border-radius: 50%;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    padding-top: 4px;
    padding-right: 6px; }
    .video_cont .play_video img {
      max-width: 50px !important;
      margin: 0;
      margin-top: -10px; }

.video_bottom_section {
  width: 100%;
  padding-top: 30px;
  margin-bottom: 60px; }
  .video_bottom_section .container {
    display: flex;
    justify-content: space-between;
    align-items: stretch; }

.pb-0 {
  padding-bottom: 0; }

.payment_section {
  width: 100%;
  padding-top: 36px;
  position: relative; }
  .payment_section .container {
    display: flex;
    flex-direction: column;
    align-items: center;
    position: relative;
    z-index: 2; }
  .payment_section .img_back {
    position: absolute;
    z-index: 1;
    left: 49.3%;
    transform: translateX(-50%);
    top: 36px; }
  .payment_section h1, .payment_section .h1 {
    margin-top: 98px;
    text-align: center;
    max-width: 483px;
    margin-bottom: 82px; }
  .payment_section .pay_btn {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    font-weight: 700;
    font-size: 20px;
    line-height: 120%;
    text-align: center;
    letter-spacing: 0.02em;
    text-transform: uppercase;
    color: #000000;
    padding: 20px;
    min-width: 425px;
    height: 75px;
    background: #B89EC6;
    box-shadow: 2px 2px 0px #1C1C1C;
    border-radius: 10px;
    padding-top: 25px;
    margin-bottom: 20px; }
    .payment_section .pay_btn:hover {
      background: #b67ad6; }
  .payment_section .public_offerta {
    display: inline-flex;
    font-size: 16px;
    line-height: 120%;
    text-align: center;
    letter-spacing: 0.02em;
    text-decoration-line: underline;
    text-transform: uppercase;
    color: #000000;
    margin-bottom: 122px; }
    .payment_section .public_offerta:hover {
      text-decoration: none; }
  .payment_section .secondary_text {
    font-size: 40px;
    line-height: 110%;
    text-align: center;
    letter-spacing: 0.02em;
    text-transform: uppercase;
    color: #000000;
    margin-bottom: 30px; }
  .payment_section .pay_cont {
    width: 100%;
    background: #1C1C1C;
    box-shadow: 2px 2px 0px #1C1C1C;
    border-radius: 30px;
    padding: 25px 32px 28px;
    overflow: hidden;
    position: relative; }
    .payment_section .pay_cont p {
      width: 100%;
      font-size: 40px;
      line-height: 110%;
      letter-spacing: 0.02em;
      text-transform: uppercase;
      color: #FFFFFF;
      max-width: 670px;
      margin-bottom: 19px; }
    .payment_section .pay_cont a {
      display: inline-flex;
      justify-content: center;
      align-items: center;
      font-size: 18px;
      line-height: 110%;
      letter-spacing: 0.02em;
      text-transform: uppercase;
      color: #1C1C1C;
      padding: 20px 10px;
      min-width: 316px;
      height: 40px;
      background: #B89EC6;
      border-radius: 20px; }
      .payment_section .pay_cont a:hover {
        background: #b67ad6; }
      .payment_section .pay_cont a span {
        margin-right: 10px;
        padding-top: 4px; }
    .payment_section .pay_cont .img {
      position: absolute;
      top: 0;
      right: 0;
      bottom: 0;
      height: 100%;
      max-width: 471px; }

.mini_curse_section {
  width: 100%;
  margin-top: 69px;
  background: #1C1C1C;
  padding: 7px 0 24px 0; }
  .mini_curse_section .container {
    display: flex;
    justify-content: space-between;
    align-items: flex-start; }
  .mini_curse_section .left_area {
    width: 100%;
    max-width: 620px;
    padding-top: 53px; }
    .mini_curse_section .left_area .title {
      width: 100%;
      font-size: 40px;
      line-height: 130%;
      letter-spacing: 0.02em;
      text-transform: uppercase;
      color: #FFFFFF;
      margin-bottom: 10px; }
    .mini_curse_section .left_area .text {
      width: 100%;
      max-width: 576px;
      font-size: 20px;
      line-height: 130%;
      letter-spacing: 0.02em;
      text-transform: uppercase;
      color: #FFFFFF;
      margin-bottom: 40px; }
    .mini_curse_section .left_area .start_btn {
      max-width: 270px; }
  .mini_curse_section .image_right {
    max-width: 615px;
    margin-right: -81px; }
  .mini_curse_section.mini_curse_section_modded .image_right {
    margin-top: 25px;
    margin-right: 32px; }

.bonus_programm {
  width: 100%;
  overflow: hidden;
  padding-top: 175px;
  padding-bottom: 115px; }
  .bonus_programm .container {
    position: relative; }
  .bonus_programm .left_area {
    width: 100%;
    max-width: 521px; }
    .bonus_programm .left_area .title {
      width: 100%;
      position: relative;
      font-weight: 700;
      font-size: 40px;
      line-height: 110%;
      letter-spacing: 0.02em;
      text-transform: uppercase;
      color: #000000;
      margin-bottom: 25px; }
      .bonus_programm .left_area .title span {
        position: relative; }
        .bonus_programm .left_area .title span::before {
          content: "";
          left: -13px;
          width: calc(100% + 32px);
          height: 56px;
          position: absolute;
          top: -18px;
          background: #FFC900;
          border-radius: 15px;
          transform: rotate(-0.6deg);
          z-index: -1; }
    .bonus_programm .left_area .text {
      width: 100%;
      max-width: 517px;
      font-size: 19px;
      line-height: 120%;
      letter-spacing: 0.02em;
      text-transform: uppercase;
      color: #000000;
      margin-bottom: 25px; }
  .bonus_programm .img {
    position: absolute;
    top: -94px;
    right: 67px; }

.sliders_section {
  width: 100%;
  margin-top: 37px; }
  .sliders_section .container {
    display: flex;
    justify-content: space-between;
    align-items: flex-start; }

.slider_one_wrap {
  position: relative;
  box-shadow: 2px 2px 0px #1C1C1C;
  border-radius: 30px;
  margin-bottom: 20px;
  width: calc(100% - 285px * 2 - 60px);
  margin-right: 10px;
  margin-left: 10px; }
  .slider_one_wrap .slick-track {
    display: flex !important; }
  .slider_one_wrap .slick-slide {
    height: inherit !important; }
  .slider_one_wrap.slider_left .tag {
    background: #fff;
    color: #000000;
    min-width: 120px; }
  .slider_one_wrap.slider_left .figure_img {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 3; }
  .slider_one_wrap.slider_left .slider .slide .inner {
    padding-right: 185px; }
  .slider_one_wrap.slider_left .bottom_slider_area .btn {
    max-width: 400px; }
  .slider_one_wrap.slider_right .tag {
    background: #1C1C1C;
    color: #fff;
    min-width: 198px; }
  .slider_one_wrap.slider_right .bottom_slider_area .btn {
    max-width: 450px; }
  .slider_one_wrap.slider_right .top_img {
    position: absolute;
    top: 34px;
    right: 206px;
    z-index: 1; }
  .slider_one_wrap.slider_right .bottom_img {
    position: absolute;
    bottom: 64px;
    right: 201px;
    z-index: 4; }
  .slider_one_wrap.slider_right .slider {
    height: 100%; }
    .slider_one_wrap.slider_right .slider .slick-list {
      height: 100%; }
      .slider_one_wrap.slider_right .slider .slick-list .slick-track {
        height: 100%; }
    .slider_one_wrap.slider_right .slider .slide {
      height: 100%; }
      .slider_one_wrap.slider_right .slider .slide .inner {
        padding-right: 280px; }
  .slider_one_wrap .tag {
    position: absolute;
    z-index: 3;
    top: 20px;
    left: 20px;
    border-radius: 20px;
    height: 30px;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    padding: 0 15px;
    font-weight: 700;
    font-size: 15px;
    line-height: 110%;
    text-align: center;
    letter-spacing: 0.02em;
    text-transform: uppercase;
    padding-top: 5px; }
  .slider_one_wrap .slider {
    width: 100%;
    position: relative;
    z-index: 2;
    border-radius: 30px;
    overflow: hidden; }
    .slider_one_wrap .slider .slide .inner {
      width: 100%;
      padding: 84px 30px 84px 21px;
      position: relative;
      overflow: hidden;
      border-radius: 30px;
      background-size: cover !important;
      background-position: center center !important;
      background-repeat: no-repeat !important;
      height: 100%; }
      .slider_one_wrap .slider .slide .inner .title {
        width: 100%;
        font-size: 40px;
        line-height: 110%;
        letter-spacing: 0.02em;
        text-transform: uppercase;
        color: #000000; }
      .slider_one_wrap .slider .slide .inner .item {
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        height: 100%;
        max-width: 296px;
        z-index: 1; }
  .slider_one_wrap .bottom_slider_area {
    width: 100%;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    padding: 0 20px 20px 20px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    z-index: 3; }
    .slider_one_wrap .bottom_slider_area .btn {
      display: inline-flex;
      justify-content: space-between;
      align-items: center;
      height: 40px;
      background: #1C1C1C;
      border-radius: 20px;
      padding: 12px 20px;
      font-weight: 400;
      font-size: 18px;
      line-height: 110%;
      letter-spacing: 0.02em;
      text-transform: uppercase;
      color: #FFFFFF;
      width: 100%; }
      .slider_one_wrap .bottom_slider_area .btn span {
        padding-top: 5px; }
    .slider_one_wrap .bottom_slider_area .slick-dots {
      display: flex;
      justify-content: flex-start;
      align-items: center;
      margin-top: 16px; }
      .slider_one_wrap .bottom_slider_area .slick-dots li {
        margin-right: 13px; }
        .slider_one_wrap .bottom_slider_area .slick-dots li button {
          width: 15px;
          height: 15px;
          border-radius: 50%;
          border: 2px solid #1C1C1C;
          padding: 0;
          margin: 0;
          text-indent: -100000px;
          background: none; }
        .slider_one_wrap .bottom_slider_area .slick-dots li.slick-active button {
          background: #1C1C1C; }
        .slider_one_wrap .bottom_slider_area .slick-dots li:last-child {
          margin-right: 0; }

.diff_blocks_links {
  width: 100%;
  padding-bottom: 21px;
  position: relative;
  z-index: 2;
  margin-top: 47px; }
  .diff_blocks_links .inner_block {
    width: 100%;
    display: flex;
    justify-content: flex-start;
    align-items: stretch;
    flex-wrap: wrap;
    width: calc(100% + 20px);
    margin-left: -10px;
    margin-right: -10px; }

.component_block {
  position: relative;
  margin: 0 10px;
  margin-bottom: 20px;
  box-shadow: 2px 2px 0px #1C1C1C;
  border-radius: 30px;
  padding: 68px 8px 35px 21px;
  width: 100%; }
  .component_block .back_image {
    position: absolute;
    z-index: 0;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 30px; }
  .component_block .title {
    width: 100%;
    font-size: 50px;
    line-height: 110%;
    letter-spacing: 0.02em;
    text-transform: uppercase;
    color: #000000;
    max-width: 100%;
    position: relative;
    z-index: 2; }
  .component_block .text {
    width: 100%;
    font-size: 16px;
    line-height: 110%;
    letter-spacing: 0.02em;
    color: #000000;
    max-width: 249px;
    position: relative;
    z-index: 2; }
  .component_block .tag {
    position: absolute;
    z-index: 3;
    top: 20px;
    left: 20px;
    border-radius: 20px;
    height: 30px;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    background: #000;
    font-weight: 700;
    font-size: 15px;
    line-height: 110%;
    text-transform: uppercase; }
  .component_block .arrow_item {
    position: absolute;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    top: 20px;
    right: 15px;
    z-index: 3;
    background: rgba(28, 28, 28, 0.7); }
  .component_block .btn_link {
    display: inline-flex;
    justify-content: space-between;
    align-items: center;
    border-radius: 20px;
    padding: 12px 20px;
    height: 40px;
    font-size: 18px;
    line-height: 110%;
    letter-spacing: 0.02em;
    text-transform: uppercase;
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    background: #1C1C1C;
    text-transform: uppercase;
    color: #FFFFFF;
    position: relative;
    z-index: 2;
    margin-top: 20px; }
    .component_block .btn_link span {
      padding-top: 4px; }
    .component_block .btn_link.btn_link_left {
      background: #1C1C1C;
      color: #FFC900;
      filter: drop-shadow(2px 2px 0px #000000); }
    .component_block .btn_link.btn_link_right {
      box-shadow: 2px 2px 0px #000000;
      background: #FFC900;
      color: #1C1C1C; }
  .component_block.block_short {
    max-width: 285px; }
    .component_block.block_short .tag {
      padding: 10px 20px;
      padding-top: 13px; }
  .component_block.block_long {
    max-width: calc(100% - 285px * 2 - 60px); }
    .component_block.block_long .tag {
      padding: 10px 15px;
      padding-top: 13px; }
  .component_block.light .tag {
    background: #1C1C1C;
    color: #fff; }
  .component_block.light .title, .component_block.light .text {
    color: #000000; }
  .component_block.dark .tag {
    background: #FFFFFF;
    color: #000000; }
  .component_block.dark .title, .component_block.dark .text {
    color: #fff; }
  .component_block.component_block_teacher_hub .image {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    height: auto;
    max-width: 100%;
    width: auto;
    z-index: 1;
    border-top-right-radius: 30px;
    border-bottom-right-radius: 30px;
    object-fit: cover;
    max-height: 100%; }
  .component_block.component_block_new {
    padding-bottom: 16px;
    padding-right: 40px;
    display: flex;
    align-items: flex-end;
    min-height: 300px; }
    .component_block.component_block_new .play_btn {
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translateX(-50%) translateY(-50%);
      z-index: 3;
      width: 100px;
      height: 100px;
      background: #B89EC6;
      box-shadow: 2px 2px 0px #000000;
      border-radius: 50%;
      display: inline-flex;
      justify-content: center;
      align-items: center;
      padding-top: 4px;
      padding-right: 6px; }
    .component_block.component_block_new .title, .component_block.component_block_new .text {
      color: #fff; }
    .component_block.component_block_new .title {
      font-size: 40px;
      line-height: 110%;
      max-width: 100%; }
  .component_block.video_back {
    background-size: cover !important;
    background-position: center center !important;
    background-repeat: no-repeat !important; }

.wrapper_modified {
  position: relative;
  background-color: #1E1E1E; }
  .wrapper_modified .background_parallax {
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: calc(100% - 820px);
    background: url("../img/back1.svg") top center no-repeat;
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover; }
  .wrapper_modified main {
    position: relative;
    z-index: 2;
    padding-top: 20px; }
  .wrapper_modified header {
    position: relative;
    z-index: 2;
    padding-top: 12px; }
    .wrapper_modified header .logo {
      margin-right: 61px; }
      .wrapper_modified header .logo img {
        max-width: 135px; }
    .wrapper_modified header .left_side .nav .nav_li .nav_link {
      color: #fff; }
  .wrapper_modified .news_one_item .content .tag_time_info .tag {
    background: #B89EC6;
    color: #1C1C1C; }
  .wrapper_modified .news_one_item .content .news_name, .wrapper_modified .news_one_item .content .text {
    color: #fff; }
  .wrapper_modified .blog_one_main_section .blog_one_content p, .wrapper_modified .blog_one_main_section .blog_one_content ul li, .wrapper_modified .blog_one_main_section .blog_one_content ol li, .wrapper_modified .blog_one_main_section .blog_one_content a, .wrapper_modified .blog_one_main_section .blog_one_content button, .wrapper_modified .blog_one_main_section .blog_one_content h1, .wrapper_modified .blog_one_main_section .blog_one_content h2, .wrapper_modified .blog_one_main_section .blog_one_content h3, .wrapper_modified .blog_one_main_section .blog_one_content h4, .wrapper_modified .blog_one_main_section .blog_one_content h5, .wrapper_modified .blog_one_main_section .blog_one_content h6 {
    color: #fff; }
  .wrapper_modified .blog_one_main_section .blog_one_content ol li {
    color: #FFC900; }
  .wrapper_modified .consult_recommend_section .consult_cont .consult_btn {
    margin-bottom: 58px; }
  .wrapper_modified .consult_recommend_section .recommend_cont .text {
    max-width: 454px; }
  .wrapper_modified .consult_recommend_section .recommend_cont .recommend_btn {
    max-width: 427px; }
  .wrapper_modified .mob_menu__button span {
    background-color: #fff; }

.ticher_hub_components_section {
  width: 100%;
  margin-bottom: 20px; }
  .ticher_hub_components_section .component_hub_long {
    width: 100%;
    position: relative;
    overflow: hidden;
    padding: 28px 20px 20px;
    border-radius: 30px; }
    .ticher_hub_components_section .component_hub_long .back_img {
      position: absolute;
      top: 0;
      left: 0;
      right: 0;
      bottom: 0;
      width: 100%;
      height: 100%;
      z-index: 1;
      border-radius: 30px;
      object-fit: cover; }
    .ticher_hub_components_section .component_hub_long .tag {
      position: absolute;
      top: 20px;
      left: 20px;
      z-index: 2;
      font-weight: 700;
      font-size: 15px;
      line-height: 110%;
      text-align: center;
      letter-spacing: 0.02em;
      text-transform: uppercase;
      color: #FFFFFF;
      padding: 7px 10px;
      background: #1C1C1C;
      border-radius: 20px;
      min-width: 147px;
      height: 30px;
      padding-top: 9px; }
    .ticher_hub_components_section .component_hub_long .content {
      width: 100%;
      display: flex;
      flex-direction: column;
      align-items: flex-end;
      position: relative;
      z-index: 2; }
      .ticher_hub_components_section .component_hub_long .content .title {
        width: 100%;
        max-width: 541px;
        font-weight: 700;
        font-size: 40px;
        line-height: 110%;
        text-align: right;
        letter-spacing: 0.02em;
        text-transform: uppercase;
        color: #FFFFFF;
        margin-bottom: 18px; }
      .ticher_hub_components_section .component_hub_long .content .text {
        width: 100%;
        max-width: 456px;
        font-size: 20px;
        line-height: 110%;
        text-align: right;
        letter-spacing: 0.02em;
        text-transform: uppercase;
        color: #FFFFFF;
        margin-bottom: 118px; }
    .ticher_hub_components_section .component_hub_long .content_bottom {
      width: 100%;
      display: flex;
      justify-content: space-between;
      align-items: center;
      position: relative;
      z-index: 2; }
      .ticher_hub_components_section .component_hub_long .content_bottom .btn_link {
        display: inline-flex;
        justify-content: space-between;
        align-items: center;
        border-radius: 20px;
        padding: 12px 20px;
        min-width: 353px;
        height: 40px;
        font-size: 18px;
        line-height: 110%;
        letter-spacing: 0.02em;
        text-transform: uppercase; }
        .ticher_hub_components_section .component_hub_long .content_bottom .btn_link span {
          padding-top: 4px; }
        .ticher_hub_components_section .component_hub_long .content_bottom .btn_link.btn_link_left {
          background: #1C1C1C;
          color: #FFC900;
          filter: drop-shadow(2px 2px 0px #000000); }
        .ticher_hub_components_section .component_hub_long .content_bottom .btn_link.btn_link_right {
          box-shadow: 2px 2px 0px #000000;
          background: #FFC900;
          color: #1C1C1C; }
    .ticher_hub_components_section .component_hub_long.component_hub_long_psyho {
      padding-top: 130px;
      padding-bottom: 85px; }
      .ticher_hub_components_section .component_hub_long.component_hub_long_psyho .content {
        align-items: flex-start;
        max-width: 663px; }
        .ticher_hub_components_section .component_hub_long.component_hub_long_psyho .content .title, .ticher_hub_components_section .component_hub_long.component_hub_long_psyho .content .text {
          color: #000000;
          text-align: left;
          max-width: 100%; }
        .ticher_hub_components_section .component_hub_long.component_hub_long_psyho .content .title {
          margin-bottom: 9px; }
        .ticher_hub_components_section .component_hub_long.component_hub_long_psyho .content .text {
          margin-bottom: 0;
          text-transform: none; }
      .ticher_hub_components_section .component_hub_long.component_hub_long_psyho .back_img {
        left: initial;
        width: auto;
        max-width: 660px; }
    .ticher_hub_components_section .component_hub_long.component_hub_long_methodic {
      padding: 120px 20px 120px 20px; }
      .ticher_hub_components_section .component_hub_long.component_hub_long_methodic .tag {
        left: initial;
        right: 20px; }
      .ticher_hub_components_section .component_hub_long.component_hub_long_methodic .back_img {
        right: initial;
        max-width: 561px;
        border-radius: 0; }
      .ticher_hub_components_section .component_hub_long.component_hub_long_methodic .content .title, .ticher_hub_components_section .component_hub_long.component_hub_long_methodic .content .text {
        color: #000;
        max-width: 663px; }
      .ticher_hub_components_section .component_hub_long.component_hub_long_methodic .content .text {
        margin-bottom: 0;
        text-transform: none; }
    .ticher_hub_components_section .component_hub_long.component_hub_long_vacancies {
      padding: 109px 20px 107px; }
      .ticher_hub_components_section .component_hub_long.component_hub_long_vacancies .back_img {
        border-radius: 30px;
        right: 0;
        max-width: 100%; }
      .ticher_hub_components_section .component_hub_long.component_hub_long_vacancies .title {
        margin-bottom: 9px; }
  .ticher_hub_components_section .row_item {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: stretch;
    margin-top: 20px;
    flex-wrap: wrap; }
    .ticher_hub_components_section .row_item .component_block {
      width: calc(50% - 10px);
      margin: 0;
      padding: 84px 20px 20px 20px;
      min-height: 300px;
      margin-bottom: 20px; }
      .ticher_hub_components_section .row_item .component_block.block_long {
        max-width: 100%; }
      .ticher_hub_components_section .row_item .component_block .tag {
        padding: 7px 20px;
        min-width: 94px;
        padding-top: 9px; }
      .ticher_hub_components_section .row_item .component_block .title {
        font-size: 40px; }
      .ticher_hub_components_section .row_item .component_block.component_hub_curse {
        box-shadow: 2px 2px 0px #1C1C1C; }
        .ticher_hub_components_section .row_item .component_block.component_hub_curse .image {
          position: absolute;
          top: 0;
          right: 0;
          bottom: 0;
          height: 100%;
          max-width: 276px;
          z-index: 1;
          border-top-right-radius: 30px;
          border-bottom-right-radius: 30px;
          object-fit: cover; }
        .ticher_hub_components_section .row_item .component_block.component_hub_curse .btn_link {
          width: 100%;
          display: flex;
          justify-content: space-between;
          align-items: center;
          background: #1C1C1C;
          border-radius: 20px;
          height: 40px;
          padding: 5px 20px;
          font-size: 18px;
          line-height: 110%;
          letter-spacing: 0.02em;
          text-transform: uppercase;
          color: #FFFFFF;
          position: relative;
          z-index: 2;
          margin-top: 24px; }
          .ticher_hub_components_section .row_item .component_block.component_hub_curse .btn_link span {
            padding-top: 5px; }
      .ticher_hub_components_section .row_item .component_block.component_block_teacher_hub .title {
        max-width: 100%; }
      .ticher_hub_components_section .row_item .component_block.component_block_teacher_hub .btn_link {
        width: 100%;
        display: flex;
        justify-content: space-between;
        align-items: center;
        background: #1C1C1C;
        border-radius: 20px;
        height: 40px;
        padding: 5px 20px;
        font-size: 18px;
        line-height: 110%;
        letter-spacing: 0.02em;
        text-transform: uppercase;
        color: #FFFFFF;
        position: relative;
        z-index: 2;
        margin-top: 24px; }
        .ticher_hub_components_section .row_item .component_block.component_block_teacher_hub .btn_link span {
          padding-top: 5px; }
      .ticher_hub_components_section .row_item .component_block.component_block_teacher_hub .image {
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        max-height: 100%;
        max-width: 100% !important;
        z-index: 1;
        border-top-right-radius: 30px;
        border-bottom-right-radius: 30px;
        /* object-fit: contain; */
        width: auto;
        height: AUTO; }
    .ticher_hub_components_section .row_item .slider_one_wrap {
      width: calc(50% - 10px);
      position: relative;
      margin: 0;
      height: 100%;
      min-height: 300px;
      margin-bottom: 20px; }
      .ticher_hub_components_section .row_item .slider_one_wrap .tag {
        background: #1C1C1C;
        color: #fff; }
      .ticher_hub_components_section .row_item .slider_one_wrap .slide .inner {
        position: relative;
        padding-right: 295px;
        min-height: 300px; }
        .ticher_hub_components_section .row_item .slider_one_wrap .slide .inner .item {
          position: absolute;
          right: 0;
          top: 0;
          bottom: 0;
          height: 100%;
          z-index: 1;
          max-width: 100% !important; }

.news_bottom_section {
  width: 100%;
  margin-bottom: 42px; }
  .news_bottom_section .btn_link {
    display: inline-flex;
    justify-content: space-between;
    align-items: center;
    padding: 5px 13px;
    background: #FFC900;
    border-radius: 20px;
    height: 40px;
    font-size: 18px;
    line-height: 110%;
    letter-spacing: 0.02em;
    text-transform: uppercase;
    color: #1C1C1C;
    width: 100%;
    max-width: 450px;
    margin: 0 10px; }
    .news_bottom_section .btn_link:hover {
      background: #cda613; }
    .news_bottom_section .btn_link span {
      padding-top: 3px; }

.more_news_area_yellow {
  padding-bottom: 60px; }
  .more_news_area_yellow .load_news_btn {
    color: #1C1C1C;
    background: #FFC900; }
    .more_news_area_yellow .load_news_btn:hover {
      background: #b49628; }

.main_news_one_section {
  width: 100%;
  padding-bottom: 40px; }
  .main_news_one_section .component_block {
    margin: 0; }
    .main_news_one_section .component_block .tag {
      min-width: 94px;
      padding-top: 4px;
      padding-left: 15px;
      padding-right: 15px; }
    .main_news_one_section .component_block .title {
      max-width: 619px;
      margin-bottom: 20px;
      font-size: 40px; }
    .main_news_one_section .component_block .btn_link {
      width: 100%;
      display: flex;
      justify-content: space-between;
      align-items: center;
      background: #1C1C1C;
      border-radius: 20px;
      height: 40px;
      padding: 5px 20px;
      font-size: 18px;
      line-height: 110%;
      letter-spacing: 0.02em;
      text-transform: uppercase;
      color: #FFFFFF;
      position: relative;
      z-index: 2;
      max-width: 600px; }
    .main_news_one_section .component_block .btn_link span {
      padding-top: 5px; }
    .main_news_one_section .component_block .image {
      position: absolute;
      z-index: 1;
      top: 0;
      right: 0;
      bottom: 0;
      height: 100%;
      max-width: 468px; }

.vacancies_section {
  width: 100%;
  margin-bottom: 40px;
  position: relative; }
  .vacancies_section .container {
    display: flex;
    justify-content: space-between;
    align-items: flex-start; }
  .vacancies_section .left_cont {
    width: calc(100% - 298px);
    padding-right: 20px;
    display: flex;
    flex-direction: column;
    align-items: center; }
    .vacancies_section .left_cont .more_vacancies {
      display: inline-flex;
      justify-content: space-between;
      align-items: center;
      margin-top: 20px;
      background: #FFC900;
      border-radius: 20px;
      padding: 5px 20px;
      height: 40px;
      width: 100%;
      max-width: 450px;
      font-size: 18px;
      line-height: 110%;
      letter-spacing: 0.02em;
      text-transform: uppercase;
      color: #1C1C1C; }
      .vacancies_section .left_cont .more_vacancies span {
        padding-top: 5px; }

.vacancies_one_item {
  width: 100%;
  background: #FFFFFF;
  box-shadow: 2px 2px 0px #1C1C1C;
  border-radius: 30px;
  padding: 20px;
  margin-bottom: 20px; }
  .vacancies_one_item:last-child {
    margin-bottom: 0; }
  .vacancies_one_item .title {
    width: 100%;
    font-size: 30px;
    line-height: 110%;
    letter-spacing: 0.02em;
    text-transform: uppercase;
    color: #000000;
    margin-bottom: 1px; }
  .vacancies_one_item .price {
    width: 100%;
    font-size: 25px;
    line-height: 110%;
    color: #000000;
    margin-bottom: 30px; }
  .vacancies_one_item .english_level {
    width: 100%;
    font-size: 20px;
    line-height: 110%;
    letter-spacing: 0.02em;
    text-transform: uppercase;
    color: #000000;
    margin-bottom: 12px; }
  .vacancies_one_item .text {
    width: 100%;
    font-size: 20px;
    line-height: 110%;
    letter-spacing: 0.02em;
    color: #000000;
    max-width: 497px; }
  .vacancies_one_item .bottom_area {
    padding-top: 51px;
    display: flex;
    justify-content: space-between;
    align-items: flex-end; }
    .vacancies_one_item .bottom_area .location {
      display: inline-flex;
      justify-content: flex-start;
      align-items: center;
      font-size: 25px;
      line-height: 110%;
      color: #000000; }
      .vacancies_one_item .bottom_area .location span {
        padding-top: 3px; }
      .vacancies_one_item .bottom_area .location img {
        margin-right: 6px; }
    .vacancies_one_item .bottom_area .black_arrow_btn {
      width: 100%;
      max-width: 302px; }

.filter_area {
  width: 100%;
  max-width: 298px;
  background: #FFEEE3;
  box-shadow: 2px 2px 0px #1C1C1C;
  border-radius: 30px;
  padding: 20px 20px 40px; }
  .filter_area .filter_title {
    width: 100%;
    text-align: center;
    font-weight: 700;
    font-size: 30px;
    line-height: 110%;
    color: #000000;
    margin-bottom: 11px; }
  .filter_area .filter_form {
    width: 100%; }
    .filter_area .filter_form .block {
      width: 100%;
      margin-bottom: 19px; }
      .filter_area .filter_form .block:last-child {
        margin-bottom: 0; }
      .filter_area .filter_form .block .title_block {
        width: 100%;
        font-size: 20px;
        line-height: 110%;
        color: #000000;
        margin-bottom: 6px; }
      .filter_area .filter_form .block ul {
        width: 100%;
        padding-left: 10px; }
        .filter_area .filter_form .block ul li {
          width: 100%;
          margin-bottom: 1px; }
          .filter_area .filter_form .block ul li:last-child {
            margin-bottom: 0; }
          .filter_area .filter_form .block ul li label {
            width: 100%;
            position: relative;
            display: flex;
            justify-content: flex-start;
            align-items: center; }
            .filter_area .filter_form .block ul li label .default {
              position: relative;
              width: 15px;
              height: 15px;
              border: 1px solid #000000;
              border-radius: 3px; }
              .filter_area .filter_form .block ul li label .default .active {
                position: absolute;
                top: 0;
                left: 0;
                right: 0;
                bottom: 0;
                width: 100%;
                height: 100%;
                background: #000;
                opacity: 0;
                visibility: hidden; }
            .filter_area .filter_form .block ul li label input {
              position: absolute;
              top: 0;
              left: 0;
              right: 0;
              bottom: 0;
              width: 100%;
              height: 100%;
              z-index: 2;
              cursor: pointer;
              font-size: 0;
              opacity: 0; }
              .filter_area .filter_form .block ul li label input:checked + .default > .active {
                opacity: 1;
                visibility: visible; }
            .filter_area .filter_form .block ul li label p {
              width: calc(100% - 15px);
              padding-left: 10px;
              font-size: 15px;
              line-height: 110%;
              color: #000000;
              padding-top: 3px; }

.filter_btn {
  position: absolute;
  width: 50px;
  height: 50px;
  background-color: #fff;
  border-radius: 3px;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  z-index: 3;
  right: 0;
  top: 30px;
  display: none;
  border: none; }
  .filter_btn img {
    max-width: 30px; }

.wrapper_profile {
  background-color: #FFC900;
  position: relative; }
  .wrapper_profile main, .wrapper_profile header {
    position: relative;
    z-index: 2; }
  .wrapper_profile header {
    z-index: 3; }
  .wrapper_profile .parallax_inner {
    position: absolute;
    top: -268px;
    left: 0;
    right: 0;
    width: 100%;
    height: 1900px;
    object-fit: cover;
    background: url("../img/back4.png") top center no-repeat;
    background-attachment: fixed;
    background-position: top center;
    background-repeat: no-repeat;
    background-size: cover; }
  .wrapper_profile .greetings_cont {
    width: 100%;
    max-width: calc(100% - 285px * 2 - 60px);
    padding: 17px 0 0 0;
    margin: 0 10px;
    margin-bottom: 20px; }
    .wrapper_profile .greetings_cont .title {
      width: 100%;
      font-size: 40px;
      line-height: 110%;
      letter-spacing: 0.02em;
      text-transform: uppercase;
      color: #000000;
      min-height: 160px;
      margin-bottom: 4px; }
    .wrapper_profile .greetings_cont .text {
      width: 100%;
      font-size: 25px;
      line-height: 110%;
      letter-spacing: 0.02em;
      text-transform: uppercase;
      color: #000000;
      margin-bottom: 20px; }
    .wrapper_profile .greetings_cont .black_arrow_btn {
      width: 100%;
      max-width: 450px; }
  .wrapper_profile .component_block .tag {
    width: 200px;
    padding: 10px;
    padding-top: 12px; }

.diff_blocks_links_profile .slider_one_wrap {
  width: calc(100% - 285px * 2 - 60px);
  margin-right: 10px;
  margin-left: 10px; }

.roadmap_section {
  width: 100%;
  position: relative;
  z-index: 2;
  padding-bottom: 50px; }
  .roadmap_section .inner {
    width: 100%;
    background: url("../img/back5.svg") top center no-repeat;
    background-size: cover;
    height: 741px;
    position: relative;
    padding-top: 57px; }
    .roadmap_section .inner .title {
      width: 100%;
      text-align: center;
      font-size: 32px;
      line-height: 120%;
      letter-spacing: 0.05em;
      color: #FFF8F3; }
    .roadmap_section .inner .left_img {
      position: absolute;
      top: 70px;
      left: 51px;
      z-index: 2; }
    .roadmap_section .inner .roadmap_image {
      position: absolute;
      top: 180px;
      left: 50%;
      transform: translateX(-50%);
      z-index: 2; }
    .roadmap_section .inner .item {
      filter: drop-shadow(3.12714px -3.12714px 0px #AA8600);
      background: #FFC900;
      border-radius: 17.1255px;
      padding: 16px 15px 15px;
      width: 100%;
      display: inline-flex;
      justify-content: center;
      align-items: center;
      position: absolute;
      z-index: 3;
      cursor: pointer; }
      .roadmap_section .inner .item.prev{
        background: #FFEEE4;
        filter: drop-shadow(3.12714px -3.12714px 0px #d0c3bb);
      }
      .roadmap_section .inner .item p {
        padding: 36px 5px;
        border: 1.80269px solid #1C1C1C;
        border-radius: 3.60538px;
        text-align: center;
        font-size: 28.5605px;
        line-height: 120%;
        letter-spacing: 0.05em;
        color: #1C1C1C;
        width: 100%; }
      .roadmap_section .inner .item.zero_lvl {
        max-width: 246px;
        top: 17%;
        left: 32%; }
        .roadmap_section .inner .item.zero_lvl p {
          padding: 13px 5px;
          font-size: 31.2051px; }
        .roadmap_section .inner .item.zero_lvl .finger {
          position: absolute;
          z-index: 3;
          bottom: -34px;
          right: -14px;
          transform: translateY(0);
          animation: pulse1 500ms infinite; }
      .roadmap_section .inner .item.started_lvl {
        max-width: 270px;
        top: 39%;
        left: 9%; }
      .roadmap_section .inner .item.amator_lvl {
        max-width: 288px;
        height: 144px;
        bottom: 15%;
        left: 13%; }
        .roadmap_section .inner .item.amator_lvl p {
          font-size: 36.4357px; }
      .roadmap_section .inner .item.advanced_lvl {
        max-width: 265px;
        height: 132px;
        top: 43%;
        left: 38%; }
        .roadmap_section .inner .item.advanced_lvl p {
          font-size: 26.8911px; }
      .roadmap_section .inner .item.expert_lvl {
        max-width: 288px;
        height: 144px;
        top: 30%;
        right: 9%; }
        .roadmap_section .inner .item.expert_lvl p {
          font-size: 36.4357px; }
      .roadmap_section .inner .item.master_lvl {
        max-width: 351px;
        height: 175px;
        bottom: 14%;
        right: 9%; }
        .roadmap_section .inner .item.master_lvl p {
          font-size: 44.4128px; }
      .roadmap_section .inner .item.active, .roadmap_section .inner .item:hover {
        background: #B89EC6;
        filter: drop-shadow(2.84904px -2.84904px 0px #80688D); }

@keyframes pulse1 {
  0% {
    transform: translateY(0px); }
  25% {
    transform: translateY(-5px); }
  50% {
    transform: translateY(0px); }
  75% {
    transform: translateY(5px); }
  100% {
    transform: translateY(0px); } }

.english_style_section {
  width: 100%;
  background: url("../img/back7.png") top center no-repeat;
  background-size: cover;
  padding-top: 31px;
  padding-bottom: 57px; }
  .english_style_section .container {
    display: flex;
    justify-content: space-between;
    align-items: center; }
    .english_style_section .container .left_img {
      max-width: 591px; }
    .english_style_section .container .content {
      width: 100%;
      max-width: 576px;
      display: flex;
      flex-direction: column;
      align-items: flex-end; }
      .english_style_section .container .content .title {
        width: 100%;
        font-size: 40px;
        line-height: 130%;
        text-align: right;
        letter-spacing: 0.02em;
        text-transform: uppercase;
        color: #1C1C1C;
        margin-bottom: 30px; }
      .english_style_section .container .content .text {
        width: 100%;
        font-size: 20px;
        line-height: 130%;
        text-align: right;
        letter-spacing: 0.02em;
        text-transform: uppercase;
        color: #1C1C1C;
        margin-bottom: 30px; }
      .english_style_section .container .content .check {
        display: inline-flex;
        justify-content: center;
        align-items: center;
        background: #1C1C1C;
        box-shadow: 4px 4px 0px #000000;
        padding: 17px 68px;
        padding-top: 20px;
        font-size: 16px;
        line-height: 120%;
        text-align: center;
        letter-spacing: 0.02em;
        text-transform: uppercase;
        color: #FFFFFF;
        height: 53px; }

.upgrade_english_section2 .left_cont {
  max-width: 804px; }
  .upgrade_english_section2 .left_cont .title {
    color: #FFC900; }
  .upgrade_english_section2 .left_cont .text {
    max-width: 683px; }

.upgrade_english_section2 .right_img {
  margin-right: -69px; }

.review_modal .modal_container .title {
  max-width: 394px; }

.review_modal .yellow_btn {
  max-width: 250px; }

.error_404_section {
  width: 100%;
  height: 100%;
  padding: 40px 0; }
  .error_404_section .container {
    display: flex;
    flex-direction: column;
    align-items: center; }
  .error_404_section .error_img {
    max-width: 938px;
    margin-bottom: 32px; }
  .error_404_section .title {
    max-width: 701px;
    width: 100%;
    font-size: 50px;
    line-height: 110%;
    text-align: center;
    letter-spacing: 0.02em;
    text-transform: uppercase;
    color: #000000;
    margin-bottom: 30px; }
  .error_404_section .yellow_btn {
    font-size: 20px;
    background: #FFC900;
    box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.25);
    border-radius: 7px;
    height: 50px;
    margin-bottom: 30px; }
    .error_404_section .yellow_btn:hover {
      background: #d3ae28; }
  .error_404_section .text {
    max-width: 454px;
    width: 100%;
    font-size: 25px;
    line-height: 110%;
    text-align: center;
    letter-spacing: 0.02em;
    color: #000000; }

.component_hub_curse .title {
  max-width: 317px; }

.new_main_page footer .right_side .soc_list {
  margin-bottom: 0; }

.new_main_page footer .right_side .soc_list li a img {
  max-width: none; }

.new_main_page footer .right_side .soc_list li {
  margin-left: 15px; }
  .new_main_page footer .right_side .soc_list li:first-child {
    margin-left: 0; }

.new_main_page header {
  position: absolute;
  left: 0;
  right: 0;
  z-index: 5; }

.main_section_top {
  width: 100%;
  background: url("../img/back12.png") top center no-repeat;
  background-size: cover;
  padding-top: 134px;
  padding-bottom: 104px;
  height: 764px; }
  .main_section_top .container {
    display: flex;
    justify-content: space-between;
    align-items: flex-start; }
  .main_section_top .left_cont {
    width: 100%;
    max-width: 580px;
    padding-top: 50px; }
    .main_section_top .left_cont .title {
      width: 100%;
      font-size: 50px;
      line-height: 100%;
      letter-spacing: 0.05em;
      text-transform: uppercase;
      color: #000000;
      margin-bottom: 21px; }
    .main_section_top .left_cont .text {
      width: 100%;
      font-size: 25px;
      line-height: 112%;
      letter-spacing: 0.05em;
      color: #000000;
      margin-bottom: 55px; }
    .main_section_top .left_cont .yellow_btn {
      width: 100%;
      max-width: 318px; }
  .main_section_top .right_cont {
    width: 100%;
    max-width: 728px;
    margin-right: -40px;
    position: relative; }
    .main_section_top .right_cont .back_img {
      width: 100%; }
    .main_section_top .right_cont .slick-slide {
      opacity: 0;
      transition: opacity 0.5s ease-out; }
    .main_section_top .right_cont .slick-active {
      opacity: 1 !important;
      transition: opacity 0.5s ease-in; }
    .main_section_top .right_cont .slick-cloned {
      opacity: 0.3; }
    .main_section_top .right_cont .slider {
      position: absolute;
      top: 31px;
      left: 36px;
      width: 100%;
      max-width: 326px;
      box-shadow: 0px 4.65217px 4.65217px rgba(0, 0, 0, 0.25);
      border-radius: 25px; }
      .main_section_top .right_cont .slider:not(.slick-initialized) {
        display: flex;
        height: 82px;
        overflow: hidden;
        flex-wrap: wrap; }
        .main_section_top .right_cont .slider:not(.slick-initialized) .slider {
          width: 100%; }
      .main_section_top .right_cont .slider .inner {
        width: 100%;
        background: #FFFFFF;
        padding: 12px;
        display: flex;
        justify-content: flex-start;
        align-items: center;
        border-radius: 25px; }
        .main_section_top .right_cont .slider .inner .avatar {
          width: 56px;
          height: 56px;
          border-radius: 50%;
          object-fit: cover; }
        .main_section_top .right_cont .slider .inner .content {
          width: calc(100% - 56px);
          padding-left: 12px;
          position: relative; }
          .main_section_top .right_cont .slider .inner .content .name {
            width: 100%;
            font-weight: 700;
            font-size: 16.2826px;
            line-height: 120%;
            letter-spacing: 0.02em;
            color: #000000;
            margin-bottom: 6px;
            padding-right: 66px; }
          .main_section_top .right_cont .slider .inner .content .text {
            width: 100%;
            font-size: 12.7935px;
            line-height: 120%;
            letter-spacing: 0.02em;
            color: #000000; }
          .main_section_top .right_cont .slider .inner .content .raiting {
            position: absolute;
            top: 13px;
            right: 14px;
            z-index: 3; }
    .main_section_top .right_cont .students_count_area {
      position: absolute;
      right: 39px;
      bottom: 12px;
      z-index: 3;
      background: #FFC900;
      box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
      border-radius: 15px;
      padding: 20px 12px 13px;
      display: flex;
      flex-direction: column;
      align-items: center;
      width: 100%;
      max-width: 200px; }
      .main_section_top .right_cont .students_count_area .img {
        max-width: 100%;
        margin-bottom: 7px; }
      .main_section_top .right_cont .students_count_area .count {
        width: 100%;
        text-align: center;
        font-weight: 700;
        font-size: 35px;
        line-height: 120%;
        letter-spacing: 0.02em;
        color: #1C1C1C; }
      .main_section_top .right_cont .students_count_area .text {
        width: 100%;
        text-align: center;
        font-size: 13px;
        line-height: 120%;
        letter-spacing: 0.02em;
        color: #000000; }

.our_achievements_section {
  width: 100%;
  padding-top: 29px; }
  .our_achievements_section .h1 {
    margin-bottom: 39px; }
  .our_achievements_section .inner {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: stretch; }
    .our_achievements_section .inner .block_item {
      width: calc(33.33% - 20px);
      background: #B89EC6;
      box-shadow: 2.05812px 2.05812px 0px #000000;
      border-radius: 20.5812px;
      padding: 13px 15px; }
      .our_achievements_section .inner .block_item .content {
        width: 100%;
        border: 2.05812px solid #1C1C1C;
        border-radius: 10.2906px;
        height: 100%; }
      .our_achievements_section .inner .block_item.block_item1 .content {
        padding: 7px 3px 5px 7px; }
        .our_achievements_section .inner .block_item.block_item1 .content .title {
          width: 100%;
          text-align: center;
          font-weight: 700;
          font-size: 76.91px;
          line-height: 120%;
          text-transform: uppercase;
          color: #1C1C1C; }
        .our_achievements_section .inner .block_item.block_item1 .content .text_title {
          width: 100%;
          font-size: 30px;
          line-height: 140%;
          text-align: center;
          letter-spacing: 0.02em;
          text-transform: uppercase;
          color: #1C1C1C; }
      .our_achievements_section .inner .block_item.block_item2 .content {
        padding: 17px 8px 9px 19px;
        display: flex;
        justify-content: space-between;
        align-items: center; }
        .our_achievements_section .inner .block_item.block_item2 .content .title {
          font-weight: 700;
          font-size: 102.906px;
          line-height: 120%;
          text-transform: uppercase;
          color: #1C1C1C;
          display: inline-flex;
          justify-content: center;
          align-items: flex-end; }
          .our_achievements_section .inner .block_item.block_item2 .content .title i {
            font-size: 43.2205px;
            line-height: 120%;
            letter-spacing: 0.02em;
            text-transform: uppercase;
            color: #1C1C1C;
            margin-bottom: 14px; }
        .our_achievements_section .inner .block_item.block_item2 .content .text {
          max-width: 165px;
          width: 100%;
          font-size: 18.5231px;
          line-height: 120%;
          letter-spacing: 0.02em;
          color: #1C1C1C; }
      .our_achievements_section .inner .block_item.block_item3 .content {
        padding: 18px 10px 2px 16px;
        display: flex;
        justify-content: space-between;
        align-items: center; }
        .our_achievements_section .inner .block_item.block_item3 .content .title {
          font-weight: 700;
          font-size: 92px;
          line-height: 120%;
          letter-spacing: 0.02em;
          text-transform: uppercase;
          color: #1C1C1C;
          display: inline-flex;
          justify-content: center;
          align-items: center;
          font-family: 'Vinnytsia Sans' !important; }
          .our_achievements_section .inner .block_item.block_item3 .content .title i {
            font-weight: 700;
            font-size: 58.8017px;
            line-height: 120%;
            letter-spacing: 0.02em;
            text-transform: uppercase;
            color: #1C1C1C; }
        .our_achievements_section .inner .block_item.block_item3 .content .text {
          max-width: 161px;
          font-size: 20px;
          line-height: 120%;
          letter-spacing: 0.02em;
          color: #1C1C1C;
          margin-left: 7px; }

.studing_advantages_section {
  width: 100%;
  padding-top: 93px;
  padding-bottom: 96px;
  position: relative; }
  .studing_advantages_section .title {
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    max-width: 618px;
    font-size: 22px;
    line-height: 120%;
    text-align: center;
    letter-spacing: 0.02em;
    text-transform: uppercase;
    color: #333333;
    margin-bottom: 61px; }
  .studing_advantages_section .content_area {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    position: relative; }
    .studing_advantages_section .content_area .back {
      position: absolute;
      z-index: 1;
      top: 30px;
      left: -81px;
      max-width: 1278px;
      width: 100%; }
    .studing_advantages_section .content_area .arrows {
      position: absolute;
      z-index: 1;
      top: 51px;
      left: 15%; }
    .studing_advantages_section .content_area .row_line {
      width: 100%;
      display: flex;
      justify-content: space-between;
      align-items: center;
      position: relative;
      z-index: 2; }
      .studing_advantages_section .content_area .row_line.row_line1 {
        justify-content: center;
        margin-bottom: 61px; }
      .studing_advantages_section .content_area .row_line.row_line2 {
        max-width: 859px;
        margin-bottom: 7px; }
      .studing_advantages_section .content_area .row_line.row_line3 {
        max-width: 1193px; }
    .studing_advantages_section .content_area .btn {
      display: inline-flex;
      justify-content: center;
      align-items: center;
      margin-top: -3px;
      font-size: 13px;
      line-height: 120%;
      text-align: center;
      letter-spacing: 0.02em;
      text-transform: uppercase;
      color: #1C1C1C;
      background: #B89EC6;
      box-shadow: 4px 4px 0px #1C1C1C;
      height: 42px;
      width: 100%;
      max-width: 175px;
      padding-top: 3px; }

.solved_problems_section {
  width: 100%;
  background: #1C1C1C;
  padding-top: 100px;
  padding-bottom: 103px;
  position: relative; }
  .solved_problems_section .back {
    position: absolute;
    left: 50%;
    top: 98px;
    z-index: 1;
    transform: translateX(-50%); }
  .solved_problems_section .container {
    max-width: 1190px;
    position: relative;
    z-index: 2; }
  .solved_problems_section .h1 {
    color: #FFC900;
    margin-bottom: 60px; }
  .solved_problems_section .table_wrap {
    width: 100%; }
    .solved_problems_section .table_wrap table {
      width: 100%; }
      .solved_problems_section .table_wrap table thead {
        width: 100%; }
        .solved_problems_section .table_wrap table thead th {
          min-height: 122px;
          display: inline-flex;
          justify-content: center;
          align-items: center;
          padding: 0 13px; }
        .solved_problems_section .table_wrap table thead .flash {
          font-size: 22px;
          line-height: 120%;
          text-align: center;
          letter-spacing: 0.05em;
          color: #FFC900; }
        .solved_problems_section .table_wrap table thead .cam, .solved_problems_section .table_wrap table thead .rep {
          font-size: 22px;
          line-height: 120%;
          text-align: center;
          letter-spacing: 0.05em;
          color: #FFEEE4; }
        .solved_problems_section .table_wrap table thead .other {
          font-size: 20px;
          line-height: 120%;
          text-align: center;
          letter-spacing: 0.05em;
          color: #FFEEE4; }
        .solved_problems_section .table_wrap table thead .empty {
          position: relative; }
          .solved_problems_section .table_wrap table thead .empty img {
            position: absolute;
            top: -31px;
            left: -26px; }
      .solved_problems_section .table_wrap table th, .solved_problems_section .table_wrap table td {
        border-right: 1px solid #D9D9D9; }
      .solved_problems_section .table_wrap table tr th:last-child, .solved_problems_section .table_wrap table tr td:last-child {
        border-right: none; }
      .solved_problems_section .table_wrap table tr {
        width: 100%;
        display: flex;
        justify-content: space-between;
        align-items: stretch; }
        .solved_problems_section .table_wrap table tr td {
          display: inline-flex;
          justify-content: center;
          align-items: center; }
        .solved_problems_section .table_wrap table tr .empty {
          width: 100%;
          max-width: 600px; }
        .solved_problems_section .table_wrap table tr td.empty {
          font-size: 18px;
          line-height: 120%;
          letter-spacing: 0.05em;
          color: #1C1C1C;
          padding: 25px 10px 25px 14px;
          background: #FFEEE4; }
        .solved_problems_section .table_wrap table tr .flash {
          width: 100%;
          max-width: 119px; }
        .solved_problems_section .table_wrap table tr .cam {
          width: 100%;
          max-width: 109px; }
        .solved_problems_section .table_wrap table tr .rep {
          width: 100%;
          max-width: 190px; }
        .solved_problems_section .table_wrap table tr .other {
          width: 100%;
          max-width: 139px; }
      .solved_problems_section .table_wrap table tbody {
        width: 100%; }
        .solved_problems_section .table_wrap table tbody tr:nth-child(even) td.empty {
          color: #FFEEE4;
          background: #1C1C1C; }

.our_courses {
  width: 100%;
  padding: 74px 0 85px;
  background: url("../img/back11.svg") top center no-repeat;
  background-size: cover;
  position: relative; }
  .our_courses .container {
    position: relative;
    z-index: 2; }
  .our_courses .back {
    position: absolute;
    z-index: 1;
    top: 231px;
    left: 50%;
    transform: translateX(-50%); }
  .our_courses .h1 {
    margin-bottom: 8px; }
  .our_courses .title {
    width: 100%;
    font-size: 20px;
    line-height: 120%;
    letter-spacing: 0.05em;
    color: #000000;
    border-bottom: 3px dashed #000000;
    margin-bottom: 27px; }
  .our_courses .courses_row {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: stretch;
    margin-bottom: 40px; }
    .our_courses .courses_row .course_item {
      width: calc(33.33% - 108px / 3);
      box-shadow: 1px 1px 4px 2px rgba(0, 0, 0, 0.25);
      border-radius: 20px;
      padding: 19px 16px; }
      .our_courses .courses_row .course_item.course_item_yellow {
        background: #FFC900; }
      .our_courses .courses_row .course_item.course_item_black {
        background: #1C1C1C; }
        .our_courses .courses_row .course_item.course_item_black .inside {
          border: 3px solid #FFC900; }
          .our_courses .courses_row .course_item.course_item_black .inside .name, .our_courses .courses_row .course_item.course_item_black .inside .info, .our_courses .courses_row .course_item.course_item_black .inside ul li, .our_courses .courses_row .course_item.course_item_black .inside .price {
            color: #FFC900; }
          .our_courses .courses_row .course_item.course_item_black .inside ul li:before {
            background-color: #FFC900; }
      .our_courses .courses_row .course_item.course_item_gradient {
        background: linear-gradient(27.16deg, #FFC900 1.44%, rgba(255, 201, 0, 0) 98.07%); }
      .our_courses .courses_row .course_item.course_item_transparent {
        background: #B89EC6; }
        .our_courses .courses_row .course_item.course_item_transparent .inside {
          padding-left: 7px;
          padding-right: 7px; }
          .our_courses .courses_row .course_item.course_item_transparent .inside .name {
            max-width: 100%; }
        .our_courses .courses_row .course_item.course_item_transparent .yellow_btn {
          max-width: 210px;
          width: 100%;
          margin-bottom: 13px; }
        .our_courses .courses_row .course_item.course_item_transparent .detail {
          display: inline-flex;
          justify-content: center;
          align-items: center;
          width: 100%;
          max-width: 210px;
          height: 50px;
          background: #D7BBE7;
          box-shadow: 4px 4px 0px #1C1C1C;
          padding-top: 4px;
          font-size: 16px;
          line-height: 120%;
          text-align: center;
          letter-spacing: 0.02em;
          text-transform: uppercase;
          color: #1C1C1C; }
          .our_courses .courses_row .course_item.course_item_transparent .detail:hover {
            box-shadow: none; }
      .our_courses .courses_row .course_item .inside {
        width: 100%;
        padding: 28px 18px 32px;
        display: flex;
        flex-direction: column;
        align-items: center;
        border: 3px solid #1C1C1C;
        border-radius: 10px; }
        .our_courses .courses_row .course_item .inside .name {
          width: 100%;
          font-weight: 700;
          font-size: 35px;
          line-height: 100%;
          text-align: center;
          letter-spacing: 0.05em;
          text-transform: uppercase;
          color: #000000;
          max-width: 200px; }
        .our_courses .courses_row .course_item .inside .info {
          width: 100%;
          font-size: 18px;
          line-height: 120%;
          text-align: center;
          letter-spacing: 0.05em;
          color: #000000;
          margin-bottom: 26px; }
        .our_courses .courses_row .course_item .inside ul {
          width: 100%;
          max-width: 287px;
          margin-bottom: 10px; }
          .our_courses .courses_row .course_item .inside ul li {
            width: 100%;
            position: relative;
            padding-left: 25px;
            font-size: 18px;
            line-height: 120%;
            letter-spacing: 0.05em;
            color: #000000; }
            .our_courses .courses_row .course_item .inside ul li::before {
              content: "";
              position: absolute;
              top: 6px;
              left: 3px;
              width: 4px;
              height: 4px;
              border-radius: 50%;
              background-color: #000; }
        .our_courses .courses_row .course_item .inside .price {
          width: 100%;
          font-weight: 700;
          font-size: 41px;
          line-height: 120%;
          text-align: center;
          letter-spacing: 0.05em;
          color: #000000;
          margin-bottom: 23px; }
        .our_courses .courses_row .course_item .inside .consult_btn {
          display: inline-flex;
          justify-content: center;
          align-items: center;
          width: 100%;
          background: #B89EC6;
          box-shadow: 4px 4px 0px #1C1C1C;
          font-size: 16px;
          line-height: 120%;
          text-align: center;
          letter-spacing: 0.02em;
          text-transform: uppercase;
          color: #1C1C1C;
          height: 50px;
          padding-top: 4px; }
          .our_courses .courses_row .course_item .inside .consult_btn:hover {
            box-shadow: none; }

.why_choosed_flash {
  width: 100%;
  padding-top: 72px; }
  .why_choosed_flash .container {
    display: flex;
    flex-direction: column;
    align-items: center;
    position: relative; }
    .why_choosed_flash .container .figure {
      position: absolute;
      top: 0;
      right: -46px;
      z-index: 0; }
  .why_choosed_flash .h1 {
    margin-bottom: 56px; }
  .why_choosed_flash .inner {
    width: 100%;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    margin-bottom: 60px; }
    .why_choosed_flash .inner .left_cont {
      position: relative;
      width: 100%;
      max-width: 500px; }
      .why_choosed_flash .inner .left_cont .img {
        width: 100%; }
      .why_choosed_flash .inner .left_cont .figure {
        position: absolute;
        top: -25px;
        left: -69px; }
    .why_choosed_flash .inner .right_cont {
      width: 100%;
      max-width: 471px;
      margin-left: 105px; }
      .why_choosed_flash .inner .right_cont ul {
        width: 100%; }
        .why_choosed_flash .inner .right_cont ul li {
          width: 100%;
          position: relative;
          font-size: 18px;
          line-height: 120%;
          letter-spacing: 0.05em;
          color: #1C1C1C;
          padding-left: 34px;
          margin-bottom: 30px; }
          .why_choosed_flash .inner .right_cont ul li:last-child {
            margin-bottom: 0; }
          .why_choosed_flash .inner .right_cont ul li::before {
            content: "";
            width: 14px;
            height: 14px;
            position: absolute;
            top: 5px;
            left: 0;
            background: url("../img/img53.svg") top center no-repeat;
            background-size: cover; }
  .why_choosed_flash .lesson_btn {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    background: #B89EC6;
    box-shadow: 4px 4px 0px #1C1C1C;
    width: 100%;
    max-width: 210px;
    height: 50px;
    font-size: 16px;
    line-height: 120%;
    text-align: center;
    letter-spacing: 0.02em;
    text-transform: uppercase;
    color: #1C1C1C;
    padding-top: 4px; }
    .why_choosed_flash .lesson_btn:hover {
      box-shadow: none; }

.faq_section {
  width: 100%;
  padding-top: 119px;
  padding-bottom: 100px; }
  .faq_section .container {
    max-width: 1200px; }
  .faq_section .h1 {
    margin-bottom: 52px; }
  .faq_section .faq_item {
    width: 100%;
    border: 1px solid #B89EC6;
    padding: 16px 20px 16px 16px;
    margin-bottom: 18px; }
    .faq_section .faq_item:last-child {
      margin-bottom: 0; }
    .faq_section .faq_item .top {
      width: 100%;
      display: flex;
      justify-content: space-between;
      align-items: center;
      padding-top: 3px; }
      .faq_section .faq_item .top .name {
        width: calc(100% - 30px);
        padding-right: 15px;
        font-size: 20px;
        line-height: 120%;
        letter-spacing: 0.02em;
        text-transform: uppercase;
        color: #000000; }
      .faq_section .faq_item .top .open_btn_faq {
        display: inline-flex;
        justify-content: center;
        align-items: center;
        width: 30px;
        height: 30px;
        background: #FFC900;
        border-radius: 50%;
        font-size: 32px;
        padding: 0; }
        .faq_section .faq_item .top .open_btn_faq.active .minus {
          display: block;
          padding-top: 2px; }
        .faq_section .faq_item .top .open_btn_faq.active .plus {
          display: none; }
        .faq_section .faq_item .top .open_btn_faq .minus {
          display: none; }
    .faq_section .faq_item .text {
      width: 100%;
      font-size: 18px;
      line-height: 120%;
      color: #000;
      margin-top: 10px;
      display: none; }

.left_questions_section {
  width: 100%;
  padding: 60px 0 58px;
  background: #B89EC6; }
  .left_questions_section .container {
    display: flex;
    justify-content: space-between;
    align-items: center;
    position: relative;
    max-width: 1200px; }
    .left_questions_section .container .figure {
      position: absolute;
      top: -100px;
      right: 16px; }
  .left_questions_section .left_cont {
    width: 100%;
    max-width: 633px; }
    .left_questions_section .left_cont .h1 {
      color: #fff;
      margin-bottom: 10px;
      text-align: left; }
    .left_questions_section .left_cont .text {
      width: 100%;
      font-size: 22px;
      line-height: 120%;
      letter-spacing: 0.02em;
      text-transform: uppercase;
      color: #1C1C1C; }
  .left_questions_section .yellow_btn {
    width: 100%;
    max-width: 285px;
    margin-right: 110px; }

.review_section {
  width: 100%;
  padding: 86px 0 58px;
  position: relative;
  overflow: hidden; }
  .review_section .back {
    position: absolute;
    left: 0;
    right: 0;
    width: 100%;
    bottom: -350px;
    z-index: 1; }
  .review_section .container {
    display: flex;
    flex-direction: column;
    align-items: center;
    z-index: 2;
    position: relative; }
  .review_section .h1 {
    margin-bottom: 57px; }
  .review_section .slider_wrap {
    width: 100%;
    max-width: 1040px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    min-height: 281px; }
    .review_section .slider_wrap .arrow {
      display: inline-flex;
      justify-content: center;
      align-items: center;
      width: 60px;
      height: 60px;
      border-radius: 50%;
      background: #1C1C1C; }
    .review_section .slider_wrap .slider {
      width: 100%;
      max-width: 640px;
      background: #FFC900;
      box-shadow: 4px 4px 0px #000000;
      border-radius: 20px; }
      .review_section .slider_wrap .slider .slick-list {
        border-radius: 20px; }
      .review_section .slider_wrap .slider .slide {
        border-radius: 20px; }
      .review_section .slider_wrap .slider .inner {
        width: 100%;
        background: #FFC900;
        border-radius: 20px;
        padding: 18px 37px 22px 23px;
        display: flex;
        justify-content: space-between;
        align-items: center; }
        .review_section .slider_wrap .slider .inner .left_cont {
          width: 100%;
          max-width: 141px;
          display: flex;
          flex-direction: column;
          align-items: center; }
          .review_section .slider_wrap .slider .inner .left_cont .avatar {
            width: 132px;
            height: 132px;
            border-radius: 50%;
            margin-bottom: 14px; }
            .review_section .slider_wrap .slider .inner .left_cont .avatar img {
              width: 100%;
              object-fit: cover;
              border-radius: 50%; }
          .review_section .slider_wrap .slider .inner .left_cont .review_text {
            width: 100%;
            font-size: 20px;
            line-height: 130%;
            letter-spacing: 0.04em;
            color: #1C1C1C;
            text-align: center; }
          .review_section .slider_wrap .slider .inner .left_cont .review_list {
            width: 100%;
            display: flex;
            justify-content: space-between;
            align-items: center;
            position: relative;
            max-width: 114.53px; }
            .review_section .slider_wrap .slider .inner .left_cont .review_list .item {
              display: inline-flex;
              justify-content: center;
              align-items: center; }
            .review_section .slider_wrap .slider .inner .left_cont .review_list .gradient {
              position: absolute;
              top: 0;
              left: 0;
              bottom: 0;
              height: 100%;
              z-index: 2;
              width: 100%;
              overflow: hidden; }
        .review_section .slider_wrap .slider .inner .right_cont {
          width: calc(100% - 141px);
          padding-left: 41px; }
          .review_section .slider_wrap .slider .inner .right_cont .name {
            width: 100%;
            font-size: 20px;
            line-height: 130%;
            letter-spacing: 0.04em;
            color: #1C1C1C;
            margin-bottom: 10px; }
            .review_section .slider_wrap .slider .inner .right_cont .name span {
              font-weight: 700;
              text-decoration-line: underline; }
          .review_section .slider_wrap .slider .inner .right_cont .text {
            width: 100%;
            font-size: 16px;
            line-height: 130%;
            letter-spacing: 0.04em;
            color: #1C1C1C;
            margin-bottom: 17px; }
            .review_section .slider_wrap .slider .inner .right_cont .text:last-child {
              margin-bottom: 0; }
  .review_section .wrap_bottom_slider {
    width: 100%;
    margin-top: 23px;
    display: flex;
    justify-content: center; }
    .review_section .wrap_bottom_slider .slick-dots {
      display: flex;
      justify-content: center;
      align-items: center; }
      .review_section .wrap_bottom_slider .slick-dots button {
        font-size: 0;
        text-indent: -10000px;
        padding: 0;
        margin: 0;
        border-radius: 50%;
        width: 11px;
        height: 11px;
        background: #1C1C1C; }
      .review_section .wrap_bottom_slider .slick-dots li {
        margin: 0 2.5px;
        display: inline-flex;
        justify-content: center;
        align-items: center; }
      .review_section .wrap_bottom_slider .slick-dots .slick-active button {
        background: #FFC900; }
  .review_section .logos {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    margin-top: 58px; }
    .review_section .logos li {
      margin: 0 43px;
      display: inline-flex;
      justify-content: center;
      align-items: center; }
      .review_section .logos li img {
        max-width: 100%; }
  .review_section .congrats_wrapp {
    width: 100%;
    margin-top: 43px;
    max-width: 988px;
    margin-left: auto;
    margin-right: auto; }
    .review_section .congrats_wrapp .top_area {
      width: 100%;
      display: flex;
      justify-content: center;
      align-items: center;
      margin-bottom: 40px; }
      .review_section .congrats_wrapp .top_area img {
        margin: 0 15px; }
    .review_section .congrats_wrapp .list {
      width: 100%;
      display: flex;
      justify-content: space-between;
      align-items: stretch;
      flex-wrap: wrap; }
      .review_section .congrats_wrapp .list li {
        width: 48%;
        position: relative;
        font-size: 18px;
        line-height: 120%;
        letter-spacing: 0.05em;
        color: #1C1C1C;
        margin-bottom: 20px;
        padding-left: 34px; }
        .review_section .congrats_wrapp .list li:last-child {
          margin-bottom: 0; }
        .review_section .congrats_wrapp .list li::before {
          content: "";
          width: 14px;
          height: 14px;
          background: url("../img/star3.svg") top center no-repeat;
          background-size: cover;
          top: 7px;
          left: 0;
          position: absolute; }

.consult_recommend_section2 {
  background: #B89EC6;
  padding-bottom: 60px; }
  .consult_recommend_section2 .consult_cont {
    max-width: 100%; }
    .consult_recommend_section2 .consult_cont .list_benefits {
      max-width: 1030px; }
      .consult_recommend_section2 .consult_cont .list_benefits ul {
        display: flex;
        justify-content: space-between;
        align-items: stretch;
        flex-wrap: wrap; }
        .consult_recommend_section2 .consult_cont .list_benefits ul li {
          width: 50%; }
    .consult_recommend_section2 .consult_cont .consult_btn {
      margin-bottom: 44px; }

.preloader_page {
  width: 100%;
  height: 100vh;
  display: flex;
  justify-content: space-between;
  align-items: stretch;
  flex-wrap: wrap; }
  .preloader_page.touchclass .item .main_inner {
    display: none !important; }
  .preloader_page.touchclass .item .hover_inner {
    opacity: 1;
    visibility: visible; }
  .preloader_page .item {
    width: 50%;
    height: 50vh;
    position: relative; }
    .preloader_page .item:hover .main_inner {
      opacity: 0;
      visibility: hidden; }
    .preloader_page .item:hover .hover_inner {
      opacity: 1;
      visibility: visible; }
    .preloader_page .item .inner {
      width: 100%;
      height: 100%;
      transition: .3s; }
      .preloader_page .item .inner .click_btn {
        width: 100%;
        max-width: 222px;
        display: inline-flex;
        justify-content: center;
        align-items: center;
        font-size: 24px;
        line-height: 24px;
        text-align: center;
        text-transform: uppercase;
        border-radius: 20px;
        z-index: 2;
        color: #FFC900; }
        .preloader_page .item .inner .click_btn::before {
          content: "";
          position: absolute;
          z-index: 1;
          top: 0;
          left: 0;
          right: 0;
          bottom: 0;
          width: 100%;
          height: 100%;
          border-radius: 20px;
          background: linear-gradient(269.64deg, #B89EC6 0.1%, #FFC900 100%); }
        .preloader_page .item .inner .click_btn::after {
          content: "";
          position: absolute;
          top: 1px;
          left: 1px;
          width: calc(100% - 2px);
          height: calc(100% - 2px);
          background: #1C1C1C;
          border-radius: 20px;
          z-index: 2; }
        .preloader_page .item .inner .click_btn span {
          position: relative;
          z-index: 3;
          background: linear-gradient(269.64deg, #B89EC6 0.1%, #FFC900 100%);
          -webkit-background-clip: text;
          -webkit-text-fill-color: transparent;
          background-clip: text;
          text-fill-color: transparent;
          padding-top: 4px;
          height: 66px;
          display: inline-flex;
          justify-content: center;
          align-items: center;
          color: #FFC900; }
        .preloader_page .item .inner .click_btn .normal_img, .preloader_page .item .inner .click_btn .hover_img {
          width: 100%;
          position: absolute;
          z-index: 1;
          top: 0;
          left: 0;
          right: 0;
          bottom: 0;
          border-radius: 20px; }
        .preloader_page .item .inner .click_btn .hover_img {
          opacity: 0;
          visibility: hidden; }
        .preloader_page .item .inner .click_btn:hover::after {
          background: linear-gradient(269.64deg, #B89EC6 0.1%, #FFC900 100%); }
        .preloader_page .item .inner .click_btn:hover span {
          color: #1C1C1C;
          background: none;
          -webkit-text-fill-color: #1C1C1C; }
    .preloader_page .item .hover_inner {
      position: absolute;
      top: 0;
      left: 0;
      right: 0;
      bottom: 0;
      width: 100%;
      height: 100%;
      z-index: 2;
      opacity: 0;
      visibility: hidden; }
    .preloader_page .item.find_courses_item {
      background: #B89EC6; }
      .preloader_page .item.find_courses_item .click_btn {
        position: absolute;
        bottom: 9.896vw;
        right: 8.125vw; }
      .preloader_page .item.find_courses_item .main_inner {
        padding: 20px;
        display: flex;
        justify-content: center;
        align-items: center; }
        .preloader_page .item.find_courses_item .main_inner .top_img {
          top: 0;
          left: 10.885vw;
          width: 24.375vw;
          position: absolute; }
        .preloader_page .item.find_courses_item .main_inner .title {
          font-size: 4.167vw;
          line-height: 5vw;
          text-transform: uppercase;
          color: #000000; }
      .preloader_page .item.find_courses_item .hover_inner {
        padding: 10vh 4.583vw 4.583vw;
        background: #B89EC6; }
        .preloader_page .item.find_courses_item .hover_inner .title {
          width: 100%;
          font-weight: 700;
          font-size: 3.333vw;
          line-height: 4.167vw;
          text-transform: uppercase;
          color: #000000; }
        .preloader_page .item.find_courses_item .hover_inner .text {
          width: 100%;
          font-size: 1.875vw;
          line-height: 2.500vw;
          text-transform: uppercase;
          color: #000000;
          max-width: 24.896vw; }
          .preloader_page .item.find_courses_item .hover_inner .text span {
            font-size: 1.458vw; }
        .preloader_page .item.find_courses_item .hover_inner .right_img {
          right: 0;
          object-fit: contain;
          position: absolute;
          top: 0;
          max-height: 100%; }
    .preloader_page .item.teacher_hub_item {
      background: #1C1C1C; }
      .preloader_page .item.teacher_hub_item .left_img {
        position: absolute;
        left: 0;
        top: 0;
        width: 30.417vw; }
      .preloader_page .item.teacher_hub_item .click_btn {
        margin-top: 13px;
        position: relative; }
      .preloader_page .item.teacher_hub_item .main_inner {
        padding: 20px 4.427vw;
        display: flex;
        justify-content: center;
        align-items: center; }
        .preloader_page .item.teacher_hub_item .main_inner .title {
          width: 100%;
          text-align: right;
          font-size: 6.250vw;
          line-height: 5.833vw;
          text-transform: uppercase;
          color: #FFEEE3; }
        .preloader_page .item.teacher_hub_item .main_inner .bottom_img {
          position: absolute;
          bottom: 0;
          left: 0.990vw;
          width: 26.042vw; }
      .preloader_page .item.teacher_hub_item .hover_inner {
        padding: 6vh 3.646vw 3vh;
        display: flex;
        flex-direction: column;
        align-items: flex-end; }
        .preloader_page .item.teacher_hub_item .hover_inner .title {
          width: 100%;
          font-size: 3.750vw;
          line-height: 3.750vw;
          text-align: right;
          text-transform: uppercase;
          color: #FFEEE3;
          margin-bottom: 13px; }
        .preloader_page .item.teacher_hub_item .hover_inner .text {
          width: 100%;
          font-size: 1.458vw;
          line-height: 2.083vw;
          text-align: right;
          text-transform: uppercase;
          color: #FFFFFF;
          max-width: 20.104vw; }
    .preloader_page .item.for_students_item {
      background: #FFC900; }
      .preloader_page .item.for_students_item .click_btn {
        position: absolute;
        bottom: 3.385vw;
        z-index: 2;
        left: 15.417vw; }
      .preloader_page .item.for_students_item .main_inner {
        padding: 11vh 3.385vw; }
        .preloader_page .item.for_students_item .main_inner .title {
          font-size: 5vw;
          line-height: 5vw;
          text-align: right;
          text-transform: uppercase;
          color: #1C1C1C;
          position: relative;
          z-index: 2; }
        .preloader_page .item.for_students_item .main_inner img {
          position: absolute;
          left: 0;
          bottom: 0;
          width: 30.469vw; }
      .preloader_page .item.for_students_item .hover_inner {
        padding: 9vh 4.375vw 5vh; }
        .preloader_page .item.for_students_item .hover_inner .title {
          width: 100%;
          font-size: 3.333vw;
          line-height: 3.750vw;
          text-transform: uppercase;
          color: #1C1C1C;
          position: relative;
          z-index: 2; }
        .preloader_page .item.for_students_item .hover_inner .text {
          width: 100%;
          max-width: 18.750vw;
          font-size: 1.875vw;
          line-height: 2.292vw;
          text-transform: uppercase;
          color: #000000;
          position: relative;
          z-index: 2; }
          .preloader_page .item.for_students_item .hover_inner .text span {
            font-size: 1.458vw; }
        .preloader_page .item.for_students_item .hover_inner .right_img {
          position: absolute;
          right: 0;
          bottom: 0;
          z-index: 1;
          width: 31.667vw; }
    .preloader_page .item.flash_journal_item {
      background: #FFEEE3; }
      .preloader_page .item.flash_journal_item .main_inner {
        padding: 9vh 4.844vw 9vh; }
        .preloader_page .item.flash_journal_item .main_inner .title {
          width: 100%;
          font-weight: 700;
          font-size: 5vw;
          line-height: 5vw;
          text-transform: uppercase;
          color: #1C1C1C;
          margin-bottom: 22px; }
        .preloader_page .item.flash_journal_item .main_inner .text {
          width: 100%;
          max-width: 34.635vw;
          font-size: 3.333vw;
          line-height: 3.333vw;
          text-transform: uppercase;
          color: #1C1C1C; }
        .preloader_page .item.flash_journal_item .main_inner img {
          position: absolute;
          top: 0;
          right: 0;
          width: 25.104vw; }
      .preloader_page .item.flash_journal_item .hover_inner {
        padding: 10vh 3.490vw 9vh;
        display: flex;
        flex-direction: column;
        align-items: flex-end; }
        .preloader_page .item.flash_journal_item .hover_inner .left_img {
          position: absolute;
          z-index: 1;
          left: 0;
          bottom: 0;
          width: 32.969vw; }
        .preloader_page .item.flash_journal_item .hover_inner .click_btn {
          position: relative; }
        .preloader_page .item.flash_journal_item .hover_inner .title {
          width: 100%;
          font-weight: 700;
          font-size: 2.917vw;
          line-height: 5vw;
          text-transform: uppercase;
          color: #1C1C1C;
          text-align: right; }
        .preloader_page .item.flash_journal_item .hover_inner .text {
          width: 100%;
          font-size: 1.458vw;
          line-height: 2.083vw;
          text-align: right;
          text-transform: uppercase;
          color: #1C1C1C;
          margin-bottom: 20px;
          max-width: 25.938vw; }
          .preloader_page .item.flash_journal_item .hover_inner .text span {
            font-size: 1.042vw; }


            .children_roadmap {
              width: 100%;
              padding-top: 79px;
            }
            .children_roadmap .container {
              max-width: 1504px;
            }
            .children_roadmap .title {
              width: 100%;
              color: #1C1C1C;
              text-align: center;
              font-size: 40px;
              font-style: normal;
              font-weight: 400;
              line-height: 120%;
              letter-spacing: 2px;
            }
            .children_roadmap .area {
              width: 100%;
              position: relative;
            }
            .children_roadmap .area .back {
              max-width: 100%;
              position: relative;
              z-index: 1;
            }
            .children_roadmap .area .back_img {
              display: none;
            }
            .children_roadmap .area .item {
              position: absolute;
              z-index: 2;
            }
            .children_roadmap .area .item.item1 {
              left: 39%;
              transform: translateX(-50%);
              top: 70px;
            }
            .children_roadmap .area .item.item1a {
              right: 14%;
              top: 101px;
            }
            .children_roadmap .area .item.item1c {
              right: 25%;
              top: 383px;
            }
            .children_roadmap .area .item.item2 {
              left: 22%;
              top: 398px;
            }
            .children_roadmap .area .item.item3 {
              left: 23%;
              top: 867px;
            }
            .children_roadmap .area .item.item4 {
              right: 23%;
              top: 867px;
            }
            .children_roadmap .area .item.item5 {
              right: 26%;
              bottom: 920px;
            }
            .children_roadmap .area .item.item6 {
              left: 14%;
              bottom: 700px;
            }
            .children_roadmap .area .item.item7 {
              left: 14%;
              bottom: 225px;
            }
            .children_roadmap .area .item.item_standart .prev {
              display: none;
            }
            .children_roadmap .area .item.item_standart .current {
              display: none;
            }
            .children_roadmap .area .item.item_standart .standart {
              display: block;
            }
            .children_roadmap .area .item.item_prev .prev {
              display: block;
            }
            .children_roadmap .area .item.item_prev .current {
              display: none;
            }
            .children_roadmap .area .item.item_prev .standart {
              display: none;
            }
            .children_roadmap .area .item.item_current .prev {
              display: none;
            }
            .children_roadmap .area .item.item_current .current {
              display: block;
            }
            .children_roadmap .area .item.item_current .standart {
              display: none;
            }


.wrapper_profile.wrapper_children{
  background: #B89EC6;
}
/* 
.wrapper_profile.wrapper_children .component_block:first-of-type{
  background-color: #FFC900 !important;
}

.wrapper_profile.wrapper_children .component_block:first-of-type .tag{
  color: #FFC900 !important;
} */

.wrapper_profile.wrapper_children header .right_side .my_cab{
  background-color: #FFC900 !important;
}

.children_roadmap .area .item .here_img{
  display: none;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  top: -60px;
  z-index: 3;
}

.children_roadmap .area .item.item_current .here_img{
  display: block;
}



.blog_one_main_section .blog_article_top_info {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 28px;
}
.blog_one_main_section .blog_article_top_info .author_container_area {
  width: 50%;
}
.blog_one_main_section .blog_article_top_info .info_block {
  width: 50%;
}
.blog_one_main_section .blog_article_top_info .info_block ul {
  width: 100%;
}
.blog_one_main_section .blog_article_top_info .info_block ul li {
  width: 100%;
  color: #7C7C7C;
  text-align: right;
  font-size: 20px;
  line-height: 110%;
  letter-spacing: 0.4px;
}

.blog_top_nav {
  width: 100%;
  border-radius: 30px;
  background: #FFC900;
  padding: 20px 24px;
  padding-bottom: 15px;
}
.blog_top_nav ul {
  width: 100%;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  flex-wrap: wrap;
}
.blog_top_nav ul li {
  margin-bottom: 5px;
  margin-right: 20px;
  color: #000;
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  line-height: 110%;
  letter-spacing: 0.4px;
  text-decoration: underline;
  text-transform: uppercase;
  position: relative;
}
.blog_top_nav ul li a {
  color: #000;
  text-decoration: none;
}
.blog_top_nav ul li::before {
  content: ">";
  position: absolute;
  top: 0px;
  color: #000;
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  line-height: 110%;
  letter-spacing: 0.4px;
  right: -15px;
}
.blog_top_nav ul li:last-child {
  margin-right: 0;
}
.blog_top_nav ul li:last-child::before {
  display: none;
}

.author_container_area {
  width: 100%;
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
.author_container_area .img {
  width: 63px;
  height: 63px;
  border-radius: 50%;
  object-fit: cover;
}
.author_container_area .content {
  width: calc(100% - 63px);
  padding-left: 10px;
}
.author_container_area .content p {
  width: 100%;
  color: #000;
  font-size: 20px;
  font-weight: 700;
  line-height: 110%;
  letter-spacing: 0.4px;
}
.author_container_area .content .link {
  display: inline-flex;
  color: #FFC900;
  font-size: 20px;
  line-height: 110%;
  letter-spacing: 0.4px;
  text-decoration-line: underline;
}

.blog_article_content_titles {
  width: 100%;
  margin-top: 29px;
  border-radius: 30px;
  background: #FFF4CA;
  padding: 24px;
}
.blog_article_content_titles .title {
  width: 100%;
  color: #000;
  font-size: 35px;
  font-weight: 700;
  line-height: 110%;
  letter-spacing: 0.7px;
  text-transform: uppercase;
  margin-bottom: 10px;
}
.blog_article_content_titles ol {
  width: 100%;
}
.blog_article_content_titles ol li {
  width: 100%;
  position: relative;
  color: #000;
  font-size: 20px;
  line-height: 200%;
  display: inline-flex;
}
.blog_article_content_titles ol li a {
  display: inline-flex;
  color: #000;
  text-decoration: underline;
  text-transform: uppercase;
}

.blog_bottom_author_share {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.blog_bottom_author_share .author_container_area {
  width: 50%;
}
.blog_bottom_author_share .share_wrap {
  width: 50%;
}
.blog_bottom_author_share .share_wrap .title_p {
  width: 100%;
  color: #7C7C7C;
  text-align: right;
  font-size: 20px;
  line-height: 110%;
  letter-spacing: 0.4px;
  margin-bottom: 4px;
}
.blog_bottom_author_share .share_wrap ul {
  width: 100%;
  display: flex;
  justify-content: flex-end;
  align-items: center;
}
.blog_bottom_author_share .share_wrap ul li {
  margin-left: 15px;
}
.blog_bottom_author_share .share_wrap ul li:first-child {
  margin-left: 0;
}
.blog_bottom_author_share .share_wrap ul li a {
  display: inline-flex;
}

.author_one_section {
  width: 100%;
  padding-top: 30px;
}
.author_one_section .author_block {
  width: 100%;
  border-radius: 30px;
  background: #1C1C1C;
  padding: 28px;
  margin-top: 15px;
  margin-bottom: 30px;
}
.author_one_section .author_block .top {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  margin-bottom: 30px;
}
.author_one_section .author_block .top .left_cont {
  width: calc(100% - 120px);
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
.author_one_section .author_block .top .left_cont .img {
  width: 100px;
  height: 100px;
  border-radius: 50%;
  object-fit: cover;
}
.author_one_section .author_block .top .left_cont .content {
  width: calc(100% - 100px);
  padding-left: 20px;
}
.author_one_section .author_block .top .left_cont .content p {
  width: 100%;
  color: #B89EC6;
  font-size: 30px;
  font-weight: 700;
  line-height: 100%;
  letter-spacing: 1.5px;
  text-transform: uppercase;
}
.author_one_section .author_block .top .left_cont .content span {
  width: 100%;
  display: inline-flex;
  color: #FFF;
  font-size: 35px;
  line-height: 100%;
  letter-spacing: 1.75px;
  text-transform: uppercase;
}
.author_one_section .author_block .top .right_cont {
  width: 100%;
  max-width: 120px;
}
.author_one_section .author_block .top .right_cont ul {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.author_one_section .author_block .top .right_cont ul li a {
  display: inline-flex;
}
.author_one_section .author_block .bottom {
  width: 100%;
  padding-bottom: 40px;
}
.author_one_section .author_block .bottom .title {
  width: 100%;
  color: #FFC900;
  font-size: 35px;
  font-weight: 700;
  line-height: 110%;
  letter-spacing: 0.7px;
  text-transform: uppercase;
}
.author_one_section .author_block .bottom .text {
  width: 100%;
  color: #FFF;
  font-size: 20px;
  line-height: 110%;
  letter-spacing: 0.4px;
}
.author_one_section .author_block .bottom .text p {
  width: 100%;
  margin-bottom: 20px;
}
.author_one_section .author_block .bottom .text p:last-child {
  margin-bottom: 0;
}

.authors_media {
  width: 100%;
  position: relative;
  margin-top: 15px;
}
.authors_media img {
  width: 100%;
  object-fit: cover;
  border-radius: 30px;
}
.authors_media .text {
  position: absolute;
  left: 0;
  right: 0;
  width: 100%;
  bottom: 0;
  z-index: 2;
  padding: 24px;
}
.authors_media .text .title {
  width: 100%;
  color: #FFF;
  font-size: 60px;
  font-style: normal;
  font-weight: 400;
  line-height: 110%;
  letter-spacing: 1.2px;
  text-transform: uppercase;
}
.authors_media .text .info {
  width: 100%;
  color: #FFF;
  font-size: 35px;
  line-height: 110%;
  letter-spacing: 0.7px;
  text-transform: uppercase;
}

.authors_wrap {
  width: 100%;
  margin-top: 30px;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.authors_wrap .list_block {
  width: calc(100% + 26px);
  margin-left: -13px;
  margin-right: -13px;
  display: flex;
  justify-content: flex-start;
  align-items: stretch;
  flex-wrap: wrap;
}
.authors_wrap .list_block .block {
  width: calc(33.33% - 26px);
  margin-left: 13px;
  margin-right: 13px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  margin-bottom: 55px;
}
.authors_wrap .list_block .block img {
  width: 100%;
  border-radius: 30px;
  height: 402px;
  object-fit: cover;
  margin-bottom: 13px;
}
.authors_wrap .list_block .block .count {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  color: #FFF;
  text-align: center;
  font-size: 15px;
  font-weight: 700;
  line-height: 110%;
  letter-spacing: 0.3px;
  padding: 8px 18px;
  border-radius: 30px;
  background: #1C1C1C;
  margin-bottom: 9px;
}
.authors_wrap .list_block .block.hidden{
  display: none;
}
.authors_wrap .list_block .block .title {
  width: 100%;
  color: #000;
  font-size: 30px;
  font-style: normal;
  font-weight: 700;
  line-height: 110%;
  letter-spacing: 0.6px;
  margin-bottom: 15px;
}
.authors_wrap .list_block .block .text {
  width: 100%;
  color: #000;
  font-size: 16px;
  line-height: 110%;
  letter-spacing: 0.32px;
}
.blog_one_content table{
  max-width: 100%;
  border-collapse: collapse;
  border-color: #000000;
  border-style: solid;
  margin-left: auto;
  margin-right: auto;
  border-top-width: 1px;
  border-bottom-width: 1px;
  border-left-width: 1px;
  border-right-width: 1px;
}

.blog_one_content td{
  border-collapse: collapse;
  border-color: #000000;
  border-style: solid;
  margin-left: auto;
  margin-right: auto;
  border-top-width: 1px;
  border-bottom-width: 1px;
  border-left-width: 1px;
  border-right-width: 1px;
  padding: 5px;
}

.user_tasks_section{
  width: 100%;
  background: #1C1C1C;
  padding: 40px 0;
  position: relative;
  z-index: 2;
}

.user_tasks_section .container{
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.user_tasks_section .left_cont{
  width: 100%;
  max-width: 478px;
}

.user_tasks_section .left_cont .balance{
  width: 350px;
  height: 328px;
  display: inline-flex;
  justify-content: center;
  border: 3px solid #FFC900;
  align-items: center;
  border-radius: 50%;
  color: #FFF;
  text-align: center;
  font-size: 160px;
  font-weight: 700;
  line-height: 130%;
  letter-spacing: 3.2px;
  text-transform: uppercase;
  margin-bottom: 32px;
}

.user_tasks_section .left_cont .title{
  width: 100%;
  color: #FFC900;
  font-size: 40px;
  font-weight: 700;
  line-height: 120%;
  letter-spacing: 0.8px;
  text-transform: uppercase;
  margin-bottom: 10px;
}

.user_tasks_section .left_cont .text{
  width: 100%;
  color: #FFF;
  font-size: 20px;
  line-height: 130%;
  letter-spacing: 0.4px;
  text-transform: uppercase;
  margin-bottom: 32px;
}

.user_tasks_section .right_cont{
  width: 100%;
  max-width: 620px;
  border-radius: 20px;
  background: #EFEFEF;
  padding-left: 20px;
  padding-right: 20px;
  padding-bottom: 10px;
}

.user_tasks_section .right_cont .top{
  width: calc(100% + 38px);
  margin-left: -19px;
  margin-right: -19px;
  border-radius: 20px;
  background: #B89EC6;
  margin-top: -18px;
  display: flex;
  justify-content: center;
  padding: 16px 5px;
  margin-bottom: 10px;
}

.user_tasks_section .right_cont .top span{
  display: inline-flex;
  color: #000;
  text-align: center;
  font-size: 40px;
  font-weight: 700;
  line-height: 130%; 
  letter-spacing: 0.8px;
  text-decoration-line: underline;
  text-transform: uppercase;
}

.user_tasks_section .right_cont .wrap{
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
}

.user_tasks_section .right_cont .wrap .arrow{
  display: inline-flex;
  justify-content: center;
  align-items: center;
}

.user_tasks_section .right_cont .wrap .slider{
  width: 100%;
}

.user_tasks_section .right_cont .wrap .slider .slick-slide{
  margin: 10px 0;
}

.user_tasks_section .right_cont .wrap .slider .inside{
  width: 100%;
  border-radius: 20px;
  background: #FFF;
  padding: 15px;
}

.user_tasks_section .right_cont .wrap .slider .top_slide{
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
}

.user_tasks_section .right_cont .wrap .slider .top_slide .name{
  width: calc(100% - 200px);
  color: #000;
  font-size: 25px;
  font-weight: 700;
  line-height: 100%; 
  letter-spacing: 0.5px;
  text-transform: uppercase;
}

.user_tasks_section .right_cont .wrap .slider .top_slide .name span{
  background: #FFC900;
  padding: 2px;
}

.user_tasks_section .right_cont .wrap .slider .top_slide .points{
  display: inline-flex;
  justify-content: center;
  align-items: center;
  color: #FFF;
  text-align: center;
  font-size: 16px;
  letter-spacing: 0.32px;
  text-transform: uppercase;
  padding: 6px;
  border-radius: 15px;
  background: #1C1C1C;
}

.user_tasks_section .right_cont .wrap .slider .bottom_slide{
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
}

.user_tasks_section .right_cont .wrap .slider .bottom_slide .detail_btn{
  display: inline-flex;
  justify-content: center;
  align-items: center;
  color: #000;
  font-size: 16px;
  line-height: 110%;
  letter-spacing: 0.32px;
}

.user_tasks_section .right_cont .wrap .slider .bottom_slide .detail_btn img{
  margin-right: 10px;
}

.user_tasks_section .right_cont .wrap .slider .bottom_slide .detail_btn span{
  text-decoration: underline;
}

.user_tasks_section .right_cont .wrap .slider .bottom_slide .btn{
  color: #000;
  font-size: 16px;
  font-weight: 700;
  line-height: 110%; 
  letter-spacing: 0.32px;
  text-transform: uppercase;
  width: 100%;
  max-width: 200px;
  padding: 12px 15px;
  border-radius: 15px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.user_tasks_section .right_cont .wrap .slider .bottom_slide .send_to_review{
  background: #FFC900;
  filter: drop-shadow(2px 2px 0px #000);
}

.user_tasks_section .right_cont .wrap .slider .bottom_slide .btn_in_process{
  cursor: default;
  background: #FFEEE3;
}

.user_tasks_section .right_cont .wrap .slider .bottom_slide .approved_btn{
  cursor: default;
  background: #B89EC6;
}

.user_tasks_section .right_cont .wrap .slider .bottom_slide .btn img{
  width: 30px;
}

.user_tasks_section .right_cont .wrap .slider .inside.approved_block .top_slide .name{
  color: #777;
}

.user_tasks_section .right_cont .wrap .slider .inside.approved_block .top_slide .name span{
  background: none;
}

.user_tasks_section .right_cont .wrap .slider .inside.approved_block .bottom_slide .detail_btn img{
  opacity: .6;
}

.user_tasks_section .right_cont .wrap .slider .inside.approved_block .bottom_slide .detail_btn{
  color: #777;
}

.user_tasks_section .right_cont .wrap .slider .inside.approved_block .top_slide .points{
  background: #777;
}

.change_points_wrap{
  width: 100%;
  position: relative;
  padding-top: 33px;
  background: #fff;
  overflow: hidden;
  padding-bottom: 100px;
}

.change_points_wrap .back_img{
  position: absolute;
  right: 0;
  bottom: 0;
  z-index: 1;
}

.change_points_wrap .container{
  position: relative;
  z-index: 2;
}

.change_points_wrap .title{
  width: 100%;
  display: flex;
  justify-content: center;
  color: #000;
  text-align: center;
  font-size: 40px;
  font-weight: 700;
  line-height: 130%;
  letter-spacing: 0.8px;
  text-transform: uppercase;
  margin-bottom: 38px;
}

.change_points_wrap .title span{
  padding: 5px 10px;
  background: #FFC900;
}

.change_points_wrap .wrap{
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.change_points_wrap .wrap .arrow{
  display: inline-flex;
  justify-content: center;
  align-items: center;
}

.change_points_wrap .wrap .slider{
  width: calc(100% - 144px);
}

.change_points_wrap .wrap .column{
  padding: 10px 12px;
  border-radius: 30px;
  background: #EFEFEF;
  display: flex;
  flex-direction: column;
  align-items: center;
  margin: 0 10px;
}

.change_points_wrap .wrap .column .img{
  width: 100%;
  border-radius: 25px;
  height: 290px;
  object-fit: cover;
  margin-bottom: 10px;
}

.change_points_wrap .wrap .column .content_item{
  width: 100%;
  border-radius: 25px;
  background: #FFF;
  padding: 12px;
  display: flex;
  flex-direction: column;
  align-items: center;
}

.change_points_wrap .wrap .column .content_item p{
  text-align: center;
}

.change_points_wrap .wrap .column .content_item .name{
  width: 100%;
  color: #000;
  font-size: 20px;
  font-weight: 700;
  line-height: 110%;
  letter-spacing: 0.4px;
  text-transform: uppercase;
  margin-bottom: 12px; 
}

.change_points_wrap .wrap .column .content_item .point{
  width: 100%;
  color: #000;
  font-size: 60px;
  font-weight: 700;
  line-height: 110%; 
  letter-spacing: 1.2px;
  text-transform: uppercase;
}

.change_points_wrap .wrap .column .content_item .text{
  width: 100%;
  color: #000;
  font-size: 20px;
  line-height: 110%;
  letter-spacing: 0.4px;
  text-transform: uppercase;
  margin-bottom: 16px;
}

.change_points_wrap .wrap .column .content_item .yellow_btn_point{
  width: 100%;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  max-width: 240px;
  border-radius: 15px;
  background: #FFC900;
  filter: drop-shadow(2px 2px 0px #000);
  padding: 8px;
  color: #000;
  text-align: center;
  font-size: 20px;
  font-weight: 700;
  line-height: 110%;
  letter-spacing: 0.4px;
  text-transform: uppercase;
}

.change_points_wrap .wrap .column .content_item .yellow_btn_point.disabled_btn{
  cursor: default;
}

.get_products_for_points .modal_container .title{
  font-size: 24px;
}

.get_products_for_points .modal_container .text2{
  width: 100%;
  font-size: 16px;
  margin-bottom: 20px;
}

.studing_road_wrap{
  width: 100%;
}

.studing_road_wrap .text_top{
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 7px;
}

.studing_road_wrap .text_top .text{
  color: #1C1C1C;
  font-size: 19px;
  font-weight: 700;
  line-height: 120%; 
  letter-spacing: 1px;
  margin-bottom: 0;
}

.studing_road_wrap .text_top .percent{
  color: #1C1C1C;
  font-size: 32px;
  font-weight: 700;
  line-height: 120%; 
  letter-spacing: 1.6px;
}

.studing_road_wrap .progress_wrap{
  width: 100%;
  height: 15px;
  border-radius: 15px;
  background: #2F2E2E;
  margin-bottom: 12px;
}

.studing_road_wrap .progress_wrap .block{
  height: 15px;
  border-radius: 15px;
  background: #FFEEE3;
  transition: 1s;
}

.studing_road_wrap .level_p{
  width: 100%;
  color: #1C1C1C;
  font-size: 16px;
  line-height: 120%;
  letter-spacing: 0.8px;
}

.studing_road_wrap .level_p span{
  font-weight: 700;
}

.component_block_new2 .title{
  font-size: 40px;
  font-weight: 700;
  margin-bottom: 13px;
}

.diff_blocks_links .inner_bottom{
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: stretch;
}

.diff_blocks_links .inner_bottom .left_cont{
  width: calc(50% - 10px);
  border-radius: 30px;
  background: #FFEEE3;
  box-shadow: 2px 2px 0px 0px #1C1C1C;
  padding: 20px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}

.diff_blocks_links .inner_bottom .left_cont .label{
  display: inline-flex;
  justify-content: center;
  align-items: center;
  color: #FFF;
  text-align: center;
  font-size: 15px;
  font-weight: 700;
  line-height: 110%;
  letter-spacing: 0.3px;
  text-transform: uppercase;
  padding: 8px 30px;
  border-radius: 20px;
  background: #1C1C1C;
  margin-bottom: 22px;
}

.diff_blocks_links .inner_bottom .left_cont .text{
  width: 100%;
  color: #1C1C1C;
  font-size: 20px;
  line-height: 110%;
  line-height: 120%;
  letter-spacing: 0.4px;
  margin-bottom: 25px;
}

.diff_blocks_links .inner_bottom .left_cont .text span{
  font-weight: 700;
}

.diff_blocks_links .inner_bottom .left_cont .group{
  width: 100%;
  color: #000;
  font-size: 20px;
  font-weight: 700;
  line-height: 110%; 
  letter-spacing: 0.4px;
  margin-bottom: 36px;
}

.diff_blocks_links .inner_bottom .left_cont .bottom{
  width: 100%;
  display: flex;
  justify-content: flex-start;
  align-items: stretch;
}

.diff_blocks_links .inner_bottom .left_cont .bottom .journal_btn{
  display: inline-flex;
  justify-content: center;
  align-items: center;
  color: #000;
  text-align: center;
  font-size: 18px;
  font-weight: 700;
  line-height: 110%; 
  letter-spacing: 0.36px;
  text-transform: uppercase;
  padding: 9px 30px;
  border-radius: 20px;
  background: linear-gradient(90deg, #B89EC6 0%, #FFC900 100%);
  margin-right: 30px;
}

.diff_blocks_links .inner_bottom .left_cont .bottom .contact_teacher{
  display: inline-flex;
  justify-content: center;
  align-items: center;
  color: #FFF;
  text-align: center;
  font-size: 18px;
  line-height: 110%;
  letter-spacing: 0.36px;
  text-transform: uppercase;
  padding: 9px 40px;
  border-radius: 20px;
  background: #1C1C1C;
}

.diff_blocks_links .inner_bottom .right_cont{
  width: calc(50% - 10px);
  border-radius: 30px;
  background: #1C1C1C;
  box-shadow: 2px 2px 0px 0px #1C1C1C;
  padding: 20px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}

.diff_blocks_links .inner_bottom .right_cont .label{
  display: inline-flex;
  justify-content: center;
  align-items: center;
  color: #000;
  text-align: center;
  font-size: 15px;
  font-weight: 700;
  line-height: 110%;
  letter-spacing: 0.3px;
  text-transform: uppercase;
  padding: 8px 60px;
  border-radius: 20px;
  background: #B89EC6;
  margin-bottom: 24px;
}

.diff_blocks_links .inner_bottom .right_cont .title{
  width: 100%;
  color: #FFF;
  font-size: 40px;
  font-weight: 700;
  line-height: 110%;
  letter-spacing: 0.8px;
  text-transform: uppercase;
  margin-bottom: 40px;
}

.diff_blocks_links .inner_bottom .right_cont .days_list{
  width: 100%;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  margin-bottom: 20px;
}

.diff_blocks_links .inner_bottom .right_cont .days_list .day{
  position: relative;
  margin-right: 15px;
}

.diff_blocks_links .inner_bottom .right_cont .days_list .day:last-child{
  margin-right: 0;
}

.diff_blocks_links .inner_bottom .right_cont .days_list .day .circle{
  display: inline-flex;
  justify-content: center;
  align-items: center;
  color: #000;
  font-size: 18px;
  line-height: 110%; 
  letter-spacing: 0.36px;
  text-transform: uppercase;
  width: 60px;
  height: 60px;
  border-radius: 50%;
  background: rgba(217, 217, 217, 0.50);
}

.diff_blocks_links .inner_bottom .right_cont .days_list .day span{
  position: absolute;
  text-align: center;
  left: 50%;
  transform: translateX(-50%);
  color: #FFF;
  font-size: 16px;
  font-weight: 700;
  line-height: 110%;
  letter-spacing: 0.32px;
  top: -21px;
}

.diff_blocks_links .inner_bottom .right_cont .days_list .day.active .circle{
  background: #B89EC6;
}

.diff_blocks_links .inner_bottom .right_cont .days_list .day.yellow .circle{
  background: #FFC900;
}

.diff_blocks_links .inner_bottom .right_cont .connect_btn{
  width: 100%;
  max-width: 450px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 9px 20px;
  color: #1C1C1C;
  font-size: 18px;
  line-height: 110%; 
  letter-spacing: 0.36px;
  text-transform: uppercase;
  border-radius: 20px;
  background: #FFC900;
}

.bottom_wrap_fixed{
  width: 100%;
  background: linear-gradient(0deg, #1C1C1C 0%, rgba(28, 28, 28, 0.3) 100%);
  padding: 15px 0;
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 100;
}

.bottom_wrap_fixed .container{
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.bottom_wrap_fixed p{
  color: #FFF;
  font-size: 15px;
  line-height: 110%; 
  letter-spacing: 0.3px;
  text-decoration-line: underline;
  text-transform: uppercase;
}

.bottom_wrap_fixed .btn{
  display: inline-flex;
  justify-content: center;
  align-items: center;
  color: #1C1C1C;
  text-align: center;
  font-size: 15px;
  font-weight: 700;
  line-height: 110%; 
  letter-spacing: 0.3px;
  text-transform: uppercase;
  width: 100%;
  max-width: 200px;
  height: 30px;
  border-radius: 20px;
  background: #B89EC6;
}

.bottom_wrap_fixed .close_btn{
  position: absolute;
  right: 31px;
  top: 5px;
  z-index: 2;
  display: inline-flex;
  justify-content: center;
  align-items: center;
}

.comments_wrap{
  width: 100%;
}

.instructions_base_section{
  width: 100%;
  padding-top: 39px;
  padding-bottom: 42px;
  position: relative;
  z-index: 0;
}

.instructions_base_section .back{
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translateX(-50%) translateY(-50%);
  z-index: 1;
}

.instructions_base_section .container{
  display: flex;
  justify-content: space-between;
  align-items: stretch;
  position: relative;
  z-index: 2;
}

.instructions_base_section .left_cont{
  width: 55%;
  display: flex;
}

.instructions_base_section .left_cont .tab{
  width: 100%;
  height: 100%;
  overflow: hidden;
  display: none;
}

.instructions_base_section .left_cont .tab.active{
  display: flex;
}

.instructions_base_section .left_cont .tab iframe{
  width: 100%;
  height: 100%;
  border-radius: 30px;
}

.instructions_base_section .right_cont{
  width: 43%;
  border-radius: 30px;
  background: #F2F1F1;
  box-shadow: 2px 2px 4px 0 rgba(0, 0, 0, 0.25);
  padding: 23px 25px 33px;
  position: relative;
}

.instructions_base_section .right_cont .title{
  width: 100%;
  padding-right: 64px;
  color: #1C1C1C;
  font-size: 38px;
  font-weight: 700;
  line-height: 120%; 
  letter-spacing: 0.76px;
  text-transform: uppercase;
  margin-bottom: 16px;
}

.instructions_base_section .right_cont .new{
  display: inline-flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  top: 23px;
  right: 26px;
  color: #FFC900;
  text-align: center;
  font-size: 15px;
  font-weight: 700;
  line-height: 110%;
  letter-spacing: 0.3px;
  text-transform: uppercase;
  padding: 6px 22px;
  border-radius: 20px;
  background: #1C1C1C;
}

.instructions_base_section .right_cont .tab_btn{
  width: 100%;
  display: inline-flex;
  padding: 15px 11px;
  border-radius: 10px;
  background: #FFF;
  color: #1C1C1C;
  font-size: 18px;
  line-height: 120%; 
  letter-spacing: 0.36px;
  text-transform: uppercase;
  margin-bottom: 10px;
  font-weight: 400;
  filter: drop-shadow(0 4px 4px rgba(0, 0, 0, 0.25));
}

.instructions_base_section .right_cont .tab_btn:last-of-type{
  margin-bottom: 0;
}

.instructions_base_section .right_cont .tab_btn:hover,.instructions_base_section .right_cont .tab_btn.active{
  background: #FFC900;
}

.banner_modal{
  max-width: 450px !important;
  border-radius: 24px !important;
}

.banner_modal .modal_container{
  padding: 0 !important;
}

.banner_modal .modal_container img{
  width: 100%;
  object-fit: cover;
}

.banner_modal .modal_container a{
  width: 100%;
  display: flex;
  justify-content: center;
}

.children_roadmap .area .item.item_mk_1 {
  left: 31%;
  top: 0;
}
.children_roadmap .area .item.item_mk_2 {
  right: 20%;
  top: 83px;
}
.children_roadmap .area .item.item_mk_3 {
  right: 29%;
  top: 305px;
}
.children_roadmap .area .item.item_mk_4 {
  left: 23%;
  top: 327px;
}
.children_roadmap .area .item.item_mk_5 {
  left: 23%;
  top: 727px;
}
.children_roadmap .area .item.item_mk_6 {
  right: 29%;
  top: 725px;
}
.children_roadmap .area .item.item_mk_7 {
  right: 29%;
  bottom: 700px;
}
.children_roadmap .area .item.item_mk_8 {
  left: 16%;
  bottom: 525px;
}
.children_roadmap .area .item.item_mk_9 {
  left: 16%;
  bottom: 55px;
}


.children_roadmap .area .item.item_mk_1a {
  right: 35%;
  top: 70px;
}
.children_roadmap .area .item.item_mk_2a {
  right: 42%;
  top: 304px;
}
.children_roadmap .area .item.item_mk_3a {
  left: 20%;
  bottom: 80px;
}

.offers_cont{
  width: 100%;
  border-radius: 30px;
  background: #F2F1F1;
  box-shadow: 2px 2px 4px 0 rgba(0, 0, 0, 0.25);
  padding: 23px 65px 52px;
}

.offers_cont .title{
  width: 100%;
  color: #1C1C1C;
  font-size: 38px;
  font-weight: 700;
  line-height: 120%;
  letter-spacing: 0.76px;
  text-transform: uppercase;
  margin-bottom: 29px;
}

.offers_cont .bold_p{
  width: 100%;
  color: #1C1C1C;
  font-size: 18px;
  font-weight: 700;
  line-height: 120%; 
  letter-spacing: 0.36px;
  text-transform: uppercase;
  margin-bottom: 10px;
}

.offers_cont ul{
  width: 100%;
  padding: 0;
  margin: 0;
  list-style-type: initial !important;
  list-style: none !important;
  padding-left: 0 !important;
}

.offers_cont ul li{
  width: 100%;
  margin-bottom: 10px;
}

.offers_cont ul li a{
  width: 100%;
  display: inline-flex;
  color: #1C1C1C;
  font-size: 18px;
  line-height: 120%; 
  letter-spacing: 0.36px;
  text-transform: uppercase;
  padding: 15px 30px;
  border-radius: 10px;
  background: #FFF;
  filter: drop-shadow(0 4px 4px rgba(0, 0, 0, 0.25));
}

.offers_cont ul li:last-child{
  margin-bottom: 0;
}

.blog_one_content_main_new{
  max-width: 100% !important;
}