@charset "UTF-8";
.authorisation {
  height: 100vh;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  background: linear-gradient(32.11deg, #CAE32F -12.88%, #FFFFE6 87.13%) no-repeat; }
  .authorisation .authorisation__form {
    display: flex;
    flex-direction: column;
    background-color: #fff;
    border-radius: 20px;
    padding: 2rem; }
    .authorisation .authorisation__form .authorisation__input {
      border: 1px solid silver;
      padding: 7px;
      border-radius: 7px; }
    .authorisation .authorisation__form .checkbox__container {
      display: flex;
      align-items: baseline;
      position: relative;
      padding-left: 35px;
      margin-bottom: 12px;
      cursor: pointer;
      font-size: 16px;
      user-select: none; }
    .authorisation .authorisation__form .checkbox__container input {
      position: absolute;
      opacity: 0;
      cursor: pointer;
      height: 0;
      width: 0; }
    .authorisation .authorisation__form .checkmark {
      position: absolute;
      top: 0;
      left: 0;
      height: 20px;
      width: 20px;
      background-color: #fff;
      border: 1px solid #e7e7e7;
      border-radius: 3px; }
    .authorisation .authorisation__form .checkbox__container:hover input ~ .checkmark {
      background-color: #ccc; }
    .authorisation .authorisation__form .checkbox__container input:checked ~ .checkmark {
      background-color: #DFEE6C; }
    .authorisation .authorisation__form .checkmark:after {
      content: "";
      position: absolute;
      display: none; }
    .authorisation .authorisation__form .checkbox__container input:checked ~ .checkmark:after {
      display: block; }
    .authorisation .authorisation__form .checkbox__container .checkmark:after {
      left: 6px;
      top: 1px;
      width: 5px;
      height: 10px;
      border: solid white;
      border-width: 0 3px 3px 0;
      -webkit-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
      transform: rotate(45deg); }
    .authorisation .authorisation__form .notePass {
      display: flex;
      justify-content: center;
      color: #667788;
      font-size: 16px;
      font-weight: 500; }
      .authorisation .authorisation__form .notePass:hover {
        color: #DFEE6C;
        font-weight: 600; }
    .authorisation .authorisation__form .button {
      display: flex;
      justify-content: center;
      align-items: center;
      background: linear-gradient(51.78deg, #97CA3E 0%, #FCFF22 100%);
      margin: 1rem 0;
      padding: 10px;
      border-radius: 10px;
      color: #000000;
      transition: all linear 0.3s; }
      .authorisation .authorisation__form .button:hover {
        background: #97CA3E;
        transition: all linear 0.4s;
        color: #fff; }
  @media (max-width: 374px) {
    .authorisation svg {
      max-width: 240px; }
    .authorisation .authorisation__form {
      border-radius: 0; } }

.mainMenu__wrap {
  width: 100%;
  box-shadow: 0px 4px 6px rgba(102, 119, 136, 0.7);
  position: relative;
  z-index: 3; }

.mainMenu {
  width: 100%;
  background-color: #fff;
  display: grid;
  grid-template-columns: 1fr 3fr 1fr;
  padding: 1rem;
  align-items: center; }
  .mainMenu .mainMenu__logoBlock {
    width: 100%; }
  .mainMenu .mainMenu__centerBlock {
    list-style: none;
    display: flex;
    justify-content: space-around;
    align-items: center; }
    .mainMenu .mainMenu__centerBlock .mainMenu__menuItem {
      position: relative; }
      .mainMenu .mainMenu__centerBlock .mainMenu__menuItem a {
        display: flex;
        align-items: center; }
      .mainMenu .mainMenu__centerBlock .mainMenu__menuItem svg {
        margin-top: 3px;
        margin-left: 5px;
        fill: #000000; }
      .mainMenu .mainMenu__centerBlock .mainMenu__menuItem:hover .mainMenu__link {
        color: #97ca3e; }
      .mainMenu .mainMenu__centerBlock .mainMenu__menuItem:hover .mainMenu__linkSvg {
        fill: #97ca3e; }
      .mainMenu .mainMenu__centerBlock .mainMenu__menuItem:hover .mainMenu__subMenu {
        display: block;
        transition: all ease-in-out 0.4s; }
      .mainMenu .mainMenu__centerBlock .mainMenu__menuItem .mainMenu__subMenu {
        display: none;
        list-style: none;
        padding: 1rem 2rem;
        border-bottom: 5px solid #97ca3e;
        border-radius: 5px;
        background: #ffffff;
        position: absolute;
        z-index: 2;
        transition: all ease-in 0.6s; }
        .mainMenu .mainMenu__centerBlock .mainMenu__menuItem .mainMenu__subMenu li {
          margin-top: 10px;
          position: relative; }
          .mainMenu .mainMenu__centerBlock .mainMenu__menuItem .mainMenu__subMenu li a {
            width: max-content; }
          .mainMenu .mainMenu__centerBlock .mainMenu__menuItem .mainMenu__subMenu li svg {
            transform: rotate(-90deg); }
        .mainMenu .mainMenu__centerBlock .mainMenu__menuItem .mainMenu__subMenu li:hover > a {
          color: #97ca3e; }
        .mainMenu .mainMenu__centerBlock .mainMenu__menuItem .mainMenu__subMenu li:hover > svg {
          fill: #97ca3e; }
        .mainMenu .mainMenu__centerBlock .mainMenu__menuItem .mainMenu__subMenu .mainMenu__deepMenu {
          display: none;
          list-style: none;
          padding: 1rem 2rem;
          border-bottom: 5px solid #97ca3e;
          border-radius: 5px;
          background: #ffffff;
          position: absolute;
          top: 0rem;
          right: -12.5rem; }
        .mainMenu .mainMenu__centerBlock .mainMenu__menuItem .mainMenu__subMenu li:hover .mainMenu__deepMenu {
          display: block; }
    .mainMenu .mainMenu__centerBlock .mainMenu__menuItem.current a {
      color: #97ca3e;
      font-weight: 600; }
  .mainMenu .mainMenu__rightBlock {
    display: flex;
    align-items: center;
    justify-content: space-around; }
    .mainMenu .mainMenu__rightBlock .mainMenu__search {
      display: flex;
      align-items: center;
      border: 1px solid #97ca3e;
      border-radius: 5px;
      padding: 7px; }
    .mainMenu .mainMenu__rightBlock .mainMenu__user {
      display: flex;
      align-items: center; }
      .mainMenu .mainMenu__rightBlock .mainMenu__user .mainMenu__user_avatar {
        margin-right: 1rem; }
      .mainMenu .mainMenu__rightBlock .mainMenu__user:hover {
        color: #97ca3e; }
  .mainMenu #menu__toggle {
    display: none; }
  .mainMenu .mainMenu__mobMenu {
    display: none; }
  @media (max-width: 1023px) {
    .mainMenu {
      grid-template-columns: 1fr 1fr 2fr; }
      .mainMenu .mainMenu__centerBlock {
        display: none; }
      .mainMenu .mainMenu__rightBlock {
        justify-content: flex-end;
        column-gap: 1rem;
        grid-column-start: 2;
        grid-column-end: 4; }
        .mainMenu .mainMenu__rightBlock .mainMenu__search {
          display: none; }
        .mainMenu .mainMenu__rightBlock .mainMenu__user {
          display: none; }
        .mainMenu .mainMenu__rightBlock #menu__toggle {
          opacity: 0; }
        .mainMenu .mainMenu__rightBlock #menu__toggle:checked ~ .menu__btn > span {
          transform: rotate(45deg);
          background: #97ca3e; }
        .mainMenu .mainMenu__rightBlock #menu__toggle:checked ~ .menu__btn > span::before {
          top: 0;
          transform: rotate(0);
          background: #97ca3e; }
        .mainMenu .mainMenu__rightBlock #menu__toggle:checked ~ .menu__btn > span::after {
          top: 0;
          transform: rotate(90deg);
          background: #97ca3e; }
        .mainMenu .mainMenu__rightBlock #menu__toggle:checked ~ .menu__box {
          visibility: visible;
          left: 0;
          background: #97ca3e; }
        .mainMenu .mainMenu__rightBlock .menu__btn {
          display: flex;
          align-items: center;
          width: 26px;
          height: 26px;
          cursor: pointer;
          z-index: 1;
          position: relative; }
          .mainMenu .mainMenu__rightBlock .menu__btn span {
            display: block;
            position: absolute;
            width: 100%;
            height: 2px;
            background-color: #616161; }
            .mainMenu .mainMenu__rightBlock .menu__btn span:after {
              content: '';
              top: 8px;
              display: block;
              position: absolute;
              width: 100%;
              height: 2px;
              background-color: #616161; }
            .mainMenu .mainMenu__rightBlock .menu__btn span:before {
              content: '';
              top: -8px;
              display: block;
              position: absolute;
              width: 100%;
              height: 2px;
              background-color: #616161; }
      .mainMenu .mainMenu__mobMenu {
        display: none;
        grid-column-start: 1;
        grid-column-end: 4;
        padding: 1rem;
        align-items: center; }
        .mainMenu .mainMenu__mobMenu .mainMenu__mobMenu_user {
          display: flex;
          justify-content: space-between; }
          .mainMenu .mainMenu__mobMenu .mainMenu__mobMenu_user .mainMenu__user {
            display: flex;
            align-items: center; }
            .mainMenu .mainMenu__mobMenu .mainMenu__mobMenu_user .mainMenu__user img {
              margin-right: 5px; }
          .mainMenu .mainMenu__mobMenu .mainMenu__mobMenu_user .mainMenu__search {
            display: flex;
            align-items: center; }
        .mainMenu .mainMenu__mobMenu .mainMenu__mobMenuList {
          list-style: none;
          margin: 1rem 0; }
          .mainMenu .mainMenu__mobMenu .mainMenu__mobMenuList .mainMenu__mobMenuItem {
            padding: 5px 0; }
            .mainMenu .mainMenu__mobMenu .mainMenu__mobMenuList .mainMenu__mobMenuItem a {
              color: #193e53;
              font-size: 18px; }
            .mainMenu .mainMenu__mobMenu .mainMenu__mobMenuList .mainMenu__mobMenuItem .mainMenu__mobSubMenu {
              list-style: disc;
              margin-top: 5px;
              display: none;
              padding-left: 1rem; }
              .mainMenu .mainMenu__mobMenu .mainMenu__mobMenuList .mainMenu__mobMenuItem .mainMenu__mobSubMenu a {
                font-size: 16px; }
              .mainMenu .mainMenu__mobMenu .mainMenu__mobMenuList .mainMenu__mobMenuItem .mainMenu__mobSubMenu .mainMenu__mobDeepMenu {
                list-style: "- ";
                font-size: 14px;
                padding-left: 1rem;
                padding-top: 5px; }
          .mainMenu .mainMenu__mobMenu .mainMenu__mobMenuList .mainMenu__mobMenuItem.active .mainMenu__mobSubMenu {
            display: flex;
            flex-direction: column; }
          .mainMenu .mainMenu__mobMenu .mainMenu__mobMenuList .current a {
            color: #97ca3e;
            font-weight: 500; } }

.mainSlider {
  width: 100%;
  height: 700px;
  background: url("../public/01_BG.jpg") no-repeat;
  background-size: cover;
  display: grid;
  align-items: center;
  position: relative; }
  .mainSlider .mainSlider__info {
    display: flex;
    flex-direction: column; }
    .mainSlider .mainSlider__info .mainSlider__subtitle {
      color: #fff;
      font-weight: 300; }
    .mainSlider .mainSlider__info .mainSlider__title {
      color: #fff;
      font-size: 38px;
      margin: 1rem 0;
      margin-top: 10px;
      font-weight: 500; }
  .mainSlider .mainSlider__controller {
    position: absolute;
    bottom: 7%;
    right: 10%;
    display: flex; }
    .mainSlider .mainSlider__controller .mainSlider__prevSlide {
      background: #97ca3e;
      padding: 10px 15px;
      border-radius: 4px;
      margin-right: 1rem; }
      .mainSlider .mainSlider__controller .mainSlider__prevSlide:hover {
        opacity: .8; }
    .mainSlider .mainSlider__controller .mainSlider__nextSlide {
      background: #97ca3e;
      padding: 10px 15px;
      border-radius: 4px; }
      .mainSlider .mainSlider__controller .mainSlider__nextSlide:hover {
        opacity: .75; }

.footer {
  background: linear-gradient(51.78deg, #97CA3E 0%, #FCFF22 100%);
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 1rem; }
  .footer .footer__pages {
    list-style: none;
    display: flex;
    margin: 1rem; }
    .footer .footer__pages li {
      margin-right: 1rem; }
    @media (max-width: 600px) {
      .footer .footer__pages {
        flex-direction: column; } }
  .footer .footer__socials {
    list-style: none;
    display: flex;
    margin: 1rem; }
    .footer .footer__socials li {
      margin-right: 1rem; }
  @media (max-width: 768px) {
    .footer svg {
      max-width: 300px; } }

.topEmployees {
  background: url("../public/Decor.jpg") no-repeat;
  background-size: contain;
  padding: 1rem;
  margin: 2rem 0; }
  .topEmployees .topEmployees__slider .topEmployees__list {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-gap: 1rem;
    list-style: none;
    margin: 2rem 0;
    position: relative; }
    .topEmployees .topEmployees__slider .topEmployees__list .topEmployees__listItem {
      display: flex;
      flex-direction: column;
      padding: 2rem 1rem;
      border-radius: 20px;
      box-shadow: 0px 4px 11px rgba(0, 0, 0, 0.25);
      background-color: #ffffff; }
      .topEmployees .topEmployees__slider .topEmployees__list .topEmployees__listItem img {
        border-radius: 20px;
        margin-bottom: 1rem;
        width: 100%; }
      .topEmployees .topEmployees__slider .topEmployees__list .topEmployees__listItem .topEmployees__performance {
        display: flex;
        align-items: center;
        margin-top: 10px; }
        .topEmployees .topEmployees__slider .topEmployees__list .topEmployees__listItem .topEmployees__performance svg {
          margin-right: 5px; }
    .topEmployees .topEmployees__slider .topEmployees__list .fadeElem {
      position: absolute;
      height: 100%;
      right: 0;
      top: 0;
      bottom: 0;
      width: 380px;
      background: linear-gradient(260.64deg, white 5%, white 20%, rgba(255, 255, 255, 0) 100%); }
  .topEmployees .topEmployees__slider .topEmployees__slideSwitch {
    display: flex;
    justify-content: space-between; }
    .topEmployees .topEmployees__slider .topEmployees__slideSwitch .topEmployees__slideNum {
      color: #97ca3e;
      font-weight: 600;
      font-size: 28px; }
    .topEmployees .topEmployees__slider .topEmployees__slideSwitch .topEmployees__controller {
      display: flex;
      margin-right: 3rem; }
      .topEmployees .topEmployees__slider .topEmployees__slideSwitch .topEmployees__controller .topEmployees__prevSlide {
        background: #97ca3e;
        padding: 10px 15px;
        border-radius: 4px;
        margin-right: 1rem; }
        .topEmployees .topEmployees__slider .topEmployees__slideSwitch .topEmployees__controller .topEmployees__prevSlide:hover {
          opacity: .8; }
      .topEmployees .topEmployees__slider .topEmployees__slideSwitch .topEmployees__controller .topEmployees__nextSlide {
        background: #97ca3e;
        padding: 10px 15px;
        border-radius: 4px; }
        .topEmployees .topEmployees__slider .topEmployees__slideSwitch .topEmployees__controller .topEmployees__nextSlide:hover {
          opacity: .75; }

.ideasBank {
  position: relative;
  min-height: 80vh; }
  .ideasBank .wrapper {
    background: url("../public/ideaBG.png") no-repeat;
    background-size: cover;
    padding: 4rem 1rem;
    display: flex;
    justify-content: flex-end; }
    .ideasBank .wrapper .ideasBank__form {
      display: flex;
      flex-direction: column;
      width: 360px;
      background: #ffffff;
      box-shadow: 0px 4px 11px rgba(0, 0, 0, 0.25);
      border-radius: 30px;
      padding: 2rem 1rem;
      margin-right: 15rem; }
      .ideasBank .wrapper .ideasBank__form h3 {
        margin-bottom: 1rem; }
      .ideasBank .wrapper .ideasBank__form .ideasBank__input,
      .ideasBank .wrapper .ideasBank__form .ideasBank__textArea {
        padding: 10px;
        border-radius: 10px;
        border: 1px solid silver; }
      .ideasBank .wrapper .ideasBank__form .button {
        margin: 1rem 0;
        width: 100%;
        text-align: center; }
  @media (max-width: 768px) {
    .ideasBank .wrapper {
      justify-content: center; }
      .ideasBank .wrapper .ideasBank__form {
        margin-right: 0; } }

.importantInfo {
  background: url("../public/Decore.png") no-repeat;
  background-size: 85%;
  padding: 3rem 0;
  position: relative; }
  .importantInfo .importantInfo__slider .importantInfo__list {
    list-style: none;
    display: grid;
    grid-template-columns: 1fr 2fr;
    grid-gap: 1rem; }
    .importantInfo .importantInfo__slider .importantInfo__list .importantInfo__listItem,
    .importantInfo .importantInfo__slider .importantInfo__list .importantInfo__listSubItem {
      display: flex;
      flex-direction: column; }
      .importantInfo .importantInfo__slider .importantInfo__list .importantInfo__listItem .importantInfo__subList,
      .importantInfo .importantInfo__slider .importantInfo__list .importantInfo__listSubItem .importantInfo__subList {
        height: 100%;
        display: grid;
        grid-template-columns: repeat(auto-fill, minmax(280px, 340px)); }
        .importantInfo .importantInfo__slider .importantInfo__list .importantInfo__listItem .importantInfo__subList #message2,
        .importantInfo .importantInfo__slider .importantInfo__list .importantInfo__listSubItem .importantInfo__subList #message2 {
          align-self: center;
          justify-self: start; }
        .importantInfo .importantInfo__slider .importantInfo__list .importantInfo__listItem .importantInfo__subList #message3,
        .importantInfo .importantInfo__slider .importantInfo__list .importantInfo__listSubItem .importantInfo__subList #message3 {
          align-self: self-end;
          justify-self: start; }
      .importantInfo .importantInfo__slider .importantInfo__list .importantInfo__listItem .importantInfo__message,
      .importantInfo .importantInfo__slider .importantInfo__list .importantInfo__listSubItem .importantInfo__message {
        background: #FFFFE6;
        padding: 1rem;
        max-width: 260px;
        max-height: 400px;
        align-self: center;
        border-radius: 20px;
        transition: all linear .4s;
        overflow-x: hidden;
        overflow-y: auto; }
        .importantInfo .importantInfo__slider .importantInfo__list .importantInfo__listItem .importantInfo__message h4,
        .importantInfo .importantInfo__slider .importantInfo__list .importantInfo__listSubItem .importantInfo__message h4 {
          margin-bottom: 1rem;
          color: #193E53;
          margin-bottom: 1rem; }
        .importantInfo .importantInfo__slider .importantInfo__list .importantInfo__listItem .importantInfo__message p,
        .importantInfo .importantInfo__slider .importantInfo__list .importantInfo__listSubItem .importantInfo__message p {
          color: #667788;
          font-weight: 500;
          margin-bottom: 3rem; }
        .importantInfo .importantInfo__slider .importantInfo__list .importantInfo__listItem .importantInfo__message .importantInfo__message_number,
        .importantInfo .importantInfo__slider .importantInfo__list .importantInfo__listSubItem .importantInfo__message .importantInfo__message_number {
          color: #667788;
          font-weight: 400;
          font-size: 14px;
          margin-bottom: 1rem; }
      .importantInfo .importantInfo__slider .importantInfo__list .importantInfo__listItem .importantInfo__message::-webkit-scrollbar,
      .importantInfo .importantInfo__slider .importantInfo__list .importantInfo__listSubItem .importantInfo__message::-webkit-scrollbar {
        width: 10px; }
    .importantInfo .importantInfo__slider .importantInfo__list .primary {
      justify-self: end;
      background: url("../public/Phone.png") no-repeat;
      background-color: #fff;
      background-size: cover;
      border-radius: 50px;
      padding: 5rem 2rem 2rem 2rem;
      max-width: 320px;
      min-height: 650px; }
      .importantInfo .importantInfo__slider .importantInfo__list .primary h3 {
        margin-bottom: 1rem; }
      .importantInfo .importantInfo__slider .importantInfo__list .primary p {
        margin-bottom: 2rem; }
      .importantInfo .importantInfo__slider .importantInfo__list .primary .importantInfo__message {
        box-shadow: 0px 4px 14px #CACA5E; }
  @media (max-width: 768px) {
    .importantInfo .importantInfo__slider .importantInfo__list {
      grid-template-columns: 1fr;
      padding: 8rem 0; }
      .importantInfo .importantInfo__slider .importantInfo__list .importantInfo__listItem {
        display: none; }
      .importantInfo .importantInfo__slider .importantInfo__list .importantInfo__listItem.primary {
        display: flex;
        justify-self: center; } }
  .importantInfo .curtains.rightSide {
    position: absolute;
    right: 0;
    top: 0;
    flex-direction: row-reverse; }
    .importantInfo .curtains.rightSide .curtain {
      width: 40px; }
    @media (max-width: 768px) {
      .importantInfo .curtains.rightSide {
        display: none; } }
  .importantInfo .importantInfo__controller {
    position: absolute;
    top: 50%;
    left: 0;
    display: flex;
    justify-content: space-between;
    width: 100%;
    padding: 0 12%; }
    .importantInfo .importantInfo__controller .importantInfo__prevSlide {
      background: #97ca3e;
      padding: 10px 15px;
      border-radius: 4px;
      margin-right: 1rem; }
      .importantInfo .importantInfo__controller .importantInfo__prevSlide:hover {
        opacity: .8; }
    .importantInfo .importantInfo__controller .importantInfo__nextSlide {
      background: #97ca3e;
      padding: 10px 15px;
      border-radius: 4px; }
      .importantInfo .importantInfo__controller .importantInfo__nextSlide:hover {
        opacity: .75; }

.aboutCompany {
  background: #FFFFE6;
  padding: 3rem 1rem; }
  .aboutCompany h2 {
    text-align: center;
    margin: 3rem 0; }
  .aboutCompany p {
    margin-bottom: 3rem; }

.container .breadCrumbs {
  display: flex;
  list-style: none;
  margin: 1rem; }
  .container .breadCrumbs li {
    margin-right: 15px;
    position: relative; }
    .container .breadCrumbs li:after {
      content: "";
      width: 1px;
      height: 16px;
      background-color: #000000;
      position: absolute;
      top: 3px;
      right: -6px; }
    .container .breadCrumbs li a {
      color: rgba(25, 62, 83, 0.75); }
  .container .breadCrumbs .current:after {
    width: 0;
    height: 0; }
  .container .breadCrumbs .current a {
    font-weight: 600; }

.managment {
  background: url("../public/ManagmentBG.jpg") no-repeat;
  background-size: contain;
  padding: 3rem 1rem; }
  .managment h2 {
    margin: 2rem 0; }
  .managment .managment__list {
    list-style: none;
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(320px, 1fr));
    grid-gap: 1rem;
    justify-content: center; }
    .managment .managment__list .managment__listItem {
      position: relative; }
      .managment .managment__list .managment__listItem h4, .managment .managment__list .managment__listItem p {
        margin-left: 3rem; }
      .managment .managment__list .managment__listItem .cardGradient {
        position: absolute;
        left: 1rem; }
    @media (max-width: 1000px) {
      .managment .managment__list {
        grid-template-columns: 1fr;
        justify-items: center; }
        .managment .managment__list .managment__listItem {
          max-width: 300px; } }
  .managment #ceo {
    grid-column: 1/5;
    justify-self: center; }
    @media (max-width: 1000px) {
      .managment #ceo {
        grid-column: 1; } }

.history {
  padding: 2rem 1rem;
  min-height: 80vh; }
  .history .history__wrap {
    display: grid;
    grid-template-columns: 70px 1fr; }
    .history .history__wrap .history__divisor {
      display: flex;
      flex-direction: column;
      align-items: center;
      position: relative;
      grid-row: 1/3;
      padding-top: 1rem; }
      .history .history__wrap .history__divisor .history__divisor_head {
        width: 56px;
        height: 36px; }
      .history .history__wrap .history__divisor .history__divisor_line {
        width: 2px;
        background: linear-gradient(145deg, #97CA3E, #FCFF22);
        height: 87%; }
    .history .history__wrap .history__prologue h3 {
      margin: 1rem 0;
      font-size: 24px; }
    .history .history__wrap .history__prologue p {
      max-width: 600px; }
    .history .history__wrap .history__episodes {
      list-style: none;
      grid-column-start: 2; }
      .history .history__wrap .history__episodes .history__episode {
        background: linear-gradient(25deg, #97CA3E, #FCFF22);
        padding: 2px;
        border-radius: 25px;
        margin-top: 4rem;
        margin-left: 6rem; }
        .history .history__wrap .history__episodes .history__episode .history__episode_wrap {
          background: #ffffff;
          border-radius: 22px;
          padding: 2rem 1rem;
          display: grid;
          grid-template-columns: 160px 1fr;
          position: relative; }
          .history .history__wrap .history__episodes .history__episode .history__episode_wrap .history__year {
            display: flex;
            justify-content: center;
            align-items: center;
            width: 180px;
            height: 180px;
            position: absolute;
            left: -2rem;
            top: -2rem;
            border: 10px solid #fff;
            border-radius: 20px;
            font-size: 30px;
            color: #ffffff;
            font-weight: 600;
            background: linear-gradient(51.78deg, #97CA3E 0%, #FCFF22 100%);
            box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.25); }
            .history .history__wrap .history__episodes .history__episode .history__episode_wrap .history__year .history__yearConnect {
              position: absolute;
              left: -7rem; }
              .history .history__wrap .history__episodes .history__episode .history__episode_wrap .history__year .history__yearConnect .history__connectLine {
                width: 100px;
                height: 2px;
                background: linear-gradient(51.78deg, #97CA3E 0%, #FCFF22 100%); }
              .history .history__wrap .history__episodes .history__episode .history__episode_wrap .history__year .history__yearConnect .history__connector {
                width: 30px;
                height: 30px;
                background: linear-gradient(51.78deg, #97CA3E 0%, #FCFF22 100%);
                border-radius: 5px;
                position: absolute;
                left: -14px;
                bottom: -14px; }
              .history .history__wrap .history__episodes .history__episode .history__episode_wrap .history__year .history__yearConnect p {
                color: #97CA3E;
                text-align: center;
                padding-bottom: 10px; }
          .history .history__wrap .history__episodes .history__episode .history__episode_wrap .history__txt {
            grid-column-start: 2; }
            .history .history__wrap .history__episodes .history__episode .history__episode_wrap .history__txt h3 {
              margin-bottom: 1rem; }
    @media (max-width: 580px) {
      .history .history__wrap {
        display: flex;
        flex-direction: column; }
        .history .history__wrap .history__divisor {
          display: none; }
        .history .history__wrap .history__episodes {
          margin-top: 2rem; }
          .history .history__wrap .history__episodes .history__episode {
            margin: 3rem 1rem; }
            .history .history__wrap .history__episodes .history__episode .history__yearConnect {
              display: none; }
            .history .history__wrap .history__episodes .history__episode .history__episode_wrap {
              grid-template-columns: 1fr;
              padding-top: 12rem; }
              .history .history__wrap .history__episodes .history__episode .history__episode_wrap .history__year {
                left: -1rem; } }

.history.teamLead__algorithm .history__episode_wrap {
  display: flex !important; }
  .history.teamLead__algorithm .history__episode_wrap .history__year {
    background: none !important;
    border: none !important;
    box-shadow: none !important; }
    .history.teamLead__algorithm .history__episode_wrap .history__year .history__yearConnect {
      left: -6.3rem !important; }
  .history.teamLead__algorithm .history__episode_wrap ol {
    margin-left: 1rem; }
  .history.teamLead__algorithm .history__episode_wrap .history__connectLine {
    width: 130px !important; }
.history.teamLead__algorithm .history__divisor .history__divisor_line {
  height: 92%; }

.documents {
  padding: 2rem 1rem;
  min-height: 80vh; }
  .documents h2 {
    margin: 2rem 0; }
  .documents .documents__list {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(230px, 1fr));
    grid-gap: 1rem;
    margin: 3rem 0; }
    .documents .documents__list .documents__listItem {
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: center;
      background: linear-gradient(51.78deg, #97CA3E 0%, #FCFF22 100%);
      border-radius: 20px;
      padding: 1rem;
      height: 230px; }
      .documents .documents__list .documents__listItem a {
        display: flex;
        flex-direction: column;
        align-items: center;
        text-align: center;
        color: #ffffff; }
        .documents .documents__list .documents__listItem a h4 {
          margin-top: 1rem;
          font-size: 20px;
          font-weight: 400; }

.documentReader {
  padding: 2rem 1rem;
  background-color: #ffffe6; }
  .documentReader .documentReader__title {
    margin: 2rem 0; }
  .documentReader .documentReader__wrap {
    display: grid;
    grid-template-columns: 1fr 3fr; }
    .documentReader .documentReader__wrap .documentReader__menu h4 {
      margin: 1rem 0; }
    .documentReader .documentReader__wrap .documentReader__menu .documentReader__menuList {
      list-style: none; }
      .documentReader .documentReader__wrap .documentReader__menu .documentReader__menuList .documentReader__menuListitem {
        background: linear-gradient(51.78deg, #97CA3E 0%, #FCFF22 100%);
        width: max-content;
        border-radius: 6px;
        margin-top: 1rem;
        padding: 3px;
        display: flex;
        justify-content: center;
        align-items: center; }
        .documentReader .documentReader__wrap .documentReader__menu .documentReader__menuList .documentReader__menuListitem a {
          display: block;
          font-weight: 500;
          background: #ffffe6;
          padding: 1rem;
          border-radius: 3px; }
      .documentReader .documentReader__wrap .documentReader__menu .documentReader__menuList .documentReader__menuListitem.current a {
        background: transparent; }
    .documentReader .documentReader__wrap .documentReader__doc {
      border: 1px solid #CAE32F;
      border-radius: 10px;
      display: grid;
      grid-template-columns: 3fr 1fr;
      height: 800px; }
      .documentReader .documentReader__wrap .documentReader__doc .documentReader__doc_body {
        background-color: #fff;
        border-radius: 10px;
        position: relative; }
        .documentReader .documentReader__wrap .documentReader__doc .documentReader__doc_body .documentReader__doc_pagination {
          position: absolute;
          bottom: 1rem;
          width: 100%;
          display: flex;
          justify-content: center;
          align-items: center;
          color: #C4E400; }
          .documentReader .documentReader__wrap .documentReader__doc .documentReader__doc_body .documentReader__doc_pagination .documentReader__prevPage {
            margin-right: 10px; }
          .documentReader .documentReader__wrap .documentReader__doc .documentReader__doc_body .documentReader__doc_pagination .documentReader__nextPage {
            margin-left: 10px; }
      .documentReader .documentReader__wrap .documentReader__doc .documentReader__doc_subMenu {
        background: linear-gradient(59.57deg, #C4E400 0%, #C6E509 3.47%, #DEF062 39.16%, #F0F8A4 68.2%, #FBFDCD 89.18%, #FFFFDC 100%);
        border-top-right-radius: 10px;
        border-bottom-right-radius: 10px; }
        .documentReader .documentReader__wrap .documentReader__doc .documentReader__doc_subMenu .documentReader__btns {
          list-style: none;
          display: flex;
          justify-content: center;
          padding: 1rem; }
          .documentReader .documentReader__wrap .documentReader__doc .documentReader__doc_subMenu .documentReader__btns li {
            margin: 0 7px; }
            .documentReader .documentReader__wrap .documentReader__doc .documentReader__doc_subMenu .documentReader__btns li a svg {
              fill: #97CA3E; }
        .documentReader .documentReader__wrap .documentReader__doc .documentReader__doc_subMenu .documentReader__pageList {
          list-style: none;
          display: flex;
          flex-direction: column;
          align-items: center;
          overflow: auto;
          height: 100%;
          max-height: 730px; }
          .documentReader .documentReader__wrap .documentReader__doc .documentReader__doc_subMenu .documentReader__pageList li {
            margin-bottom: 1rem; }
            .documentReader .documentReader__wrap .documentReader__doc .documentReader__doc_subMenu .documentReader__pageList li a img {
              height: 170px;
              width: auto; }
      .documentReader .documentReader__wrap .documentReader__doc ::-webkit-scrollbar {
        width: 6px; }
      .documentReader .documentReader__wrap .documentReader__doc ::-webkit-scrollbar-thumb {
        border-radius: 3px;
        background-color: #DBED5F; }

.awards {
  padding: 2rem;
  min-height: 80vh; }
  .awards h2 {
    margin: 1rem 0; }
  .awards .awards__listWrap {
    position: relative; }
    .awards .awards__listWrap .awards__list {
      list-style: none;
      display: grid;
      grid-template-columns: repeat(3, 1fr);
      grid-gap: 2rem; }
      .awards .awards__listWrap .awards__list .awards__listItem img {
        width: 100%; }
      .awards .awards__listWrap .awards__list .awards__listItem h3 {
        height: 70px; }
      .awards .awards__listWrap .awards__list .awards__listItem .awards__listItem_title {
        display: flex; }
        .awards .awards__listWrap .awards__list .awards__listItem .awards__listItem_title svg {
          margin-right: 5px; }
      .awards .awards__listWrap .awards__list .awards__listItem .awards__listItem_txt {
        margin: 10px 0;
        height: 150px; }
    .awards .awards__listWrap .fadeElem {
      position: absolute;
      top: 0;
      right: 0;
      width: 100%;
      height: 100%;
      border-radius: 10px;
      background: linear-gradient(260.64deg, white 1%, white 2%, rgba(255, 255, 255, 0) 40%); }
  .awards .awardsList__pagination {
    display: flex;
    justify-content: flex-end;
    padding-right: 3rem;
    margin-top: 1rem; }
    .awards .awardsList__pagination .awardsList__prevAward {
      background: #97ca3e;
      height: 40px;
      width: 40px;
      display: flex;
      justify-content: center;
      align-items: center;
      margin-right: 10px;
      border-radius: 5px; }
    .awards .awardsList__pagination .awardsList__nextAward {
      background: #97ca3e;
      padding: 5px;
      height: 40px;
      width: 40px;
      display: flex;
      justify-content: center;
      align-items: center;
      border-radius: 5px; }

.departments,
.standart {
  padding: 2rem 1rem;
  background-color: #fff;
  min-height: 500px; }
  .departments h2,
  .standart h2 {
    margin: 1rem 0; }
  .departments .departments__list,
  .departments .standart__list,
  .departments .skillbox__list,
  .standart .departments__list,
  .standart .standart__list,
  .standart .skillbox__list {
    list-style: none;
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(240px, 1fr));
    grid-gap: 1rem; }
    .departments .departments__list .departments__listItem,
    .departments .departments__list .standart__listItem,
    .departments .standart__list .departments__listItem,
    .departments .standart__list .standart__listItem,
    .departments .skillbox__list .departments__listItem,
    .departments .skillbox__list .standart__listItem,
    .standart .departments__list .departments__listItem,
    .standart .departments__list .standart__listItem,
    .standart .standart__list .departments__listItem,
    .standart .standart__list .standart__listItem,
    .standart .skillbox__list .departments__listItem,
    .standart .skillbox__list .standart__listItem {
      background: linear-gradient(51.78deg, #97CA3E 0%, #FCFF22 100%);
      padding: 1rem;
      border-radius: 20px; }
      .departments .departments__list .departments__listItem a,
      .departments .departments__list .standart__listItem a,
      .departments .standart__list .departments__listItem a,
      .departments .standart__list .standart__listItem a,
      .departments .skillbox__list .departments__listItem a,
      .departments .skillbox__list .standart__listItem a,
      .standart .departments__list .departments__listItem a,
      .standart .departments__list .standart__listItem a,
      .standart .standart__list .departments__listItem a,
      .standart .standart__list .standart__listItem a,
      .standart .skillbox__list .departments__listItem a,
      .standart .skillbox__list .standart__listItem a {
        height: 180px;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        color: #fff;
        text-align: center;
        transition: all linear .5s; }
        .departments .departments__list .departments__listItem a svg,
        .departments .departments__list .standart__listItem a svg,
        .departments .standart__list .departments__listItem a svg,
        .departments .standart__list .standart__listItem a svg,
        .departments .skillbox__list .departments__listItem a svg,
        .departments .skillbox__list .standart__listItem a svg,
        .standart .departments__list .departments__listItem a svg,
        .standart .departments__list .standart__listItem a svg,
        .standart .standart__list .departments__listItem a svg,
        .standart .standart__list .standart__listItem a svg,
        .standart .skillbox__list .departments__listItem a svg,
        .standart .skillbox__list .standart__listItem a svg {
          margin-bottom: 1rem;
          transition: all linear .2s; }
        .departments .departments__list .departments__listItem a h4,
        .departments .departments__list .standart__listItem a h4,
        .departments .standart__list .departments__listItem a h4,
        .departments .standart__list .standart__listItem a h4,
        .departments .skillbox__list .departments__listItem a h4,
        .departments .skillbox__list .standart__listItem a h4,
        .standart .departments__list .departments__listItem a h4,
        .standart .departments__list .standart__listItem a h4,
        .standart .standart__list .departments__listItem a h4,
        .standart .standart__list .standart__listItem a h4,
        .standart .skillbox__list .departments__listItem a h4,
        .standart .skillbox__list .standart__listItem a h4 {
          font-weight: 500;
          transition: all linear .2s; }
      .departments .departments__list .departments__listItem:hover,
      .departments .departments__list .standart__listItem:hover,
      .departments .standart__list .departments__listItem:hover,
      .departments .standart__list .standart__listItem:hover,
      .departments .skillbox__list .departments__listItem:hover,
      .departments .skillbox__list .standart__listItem:hover,
      .standart .departments__list .departments__listItem:hover,
      .standart .departments__list .standart__listItem:hover,
      .standart .standart__list .departments__listItem:hover,
      .standart .standart__list .standart__listItem:hover,
      .standart .skillbox__list .departments__listItem:hover,
      .standart .skillbox__list .standart__listItem:hover {
        transition: all ease-in .6s; }
        .departments .departments__list .departments__listItem:hover a svg, .departments .departments__list .departments__listItem:hover a h4,
        .departments .departments__list .standart__listItem:hover a svg,
        .departments .departments__list .standart__listItem:hover a h4,
        .departments .standart__list .departments__listItem:hover a svg,
        .departments .standart__list .departments__listItem:hover a h4,
        .departments .standart__list .standart__listItem:hover a svg,
        .departments .standart__list .standart__listItem:hover a h4,
        .departments .skillbox__list .departments__listItem:hover a svg,
        .departments .skillbox__list .departments__listItem:hover a h4,
        .departments .skillbox__list .standart__listItem:hover a svg,
        .departments .skillbox__list .standart__listItem:hover a h4,
        .standart .departments__list .departments__listItem:hover a svg,
        .standart .departments__list .departments__listItem:hover a h4,
        .standart .departments__list .standart__listItem:hover a svg,
        .standart .departments__list .standart__listItem:hover a h4,
        .standart .standart__list .departments__listItem:hover a svg,
        .standart .standart__list .departments__listItem:hover a h4,
        .standart .standart__list .standart__listItem:hover a svg,
        .standart .standart__list .standart__listItem:hover a h4,
        .standart .skillbox__list .departments__listItem:hover a svg,
        .standart .skillbox__list .departments__listItem:hover a h4,
        .standart .skillbox__list .standart__listItem:hover a svg,
        .standart .skillbox__list .standart__listItem:hover a h4 {
          transform: scale(1.2);
          transition: all linear .2s; }
  .departments .skillbox__list,
  .standart .skillbox__list {
    list-style: none;
    width: 100%;
    display: flex;
    justify-content: center;
    flex-wrap: wrap; }
    .departments .skillbox__list li,
    .standart .skillbox__list li {
      max-width: 280px;
      width: 100%; }

.department {
  padding: 2rem 1rem; }
  .department .department__leader {
    margin: 3rem 0;
    display: grid;
    grid-template-columns: 2fr 3fr;
    grid-gap: 1rem; }
    .department .department__leader .department__leaderAvatar {
      background: url("../public/leadborder.png") no-repeat;
      background-size: 92%;
      padding: 2rem 0 0 2rem; }
      .department .department__leader .department__leaderAvatar img {
        border-radius: 40px;
        width: 100%; }
    .department .department__leader .department__leaderInfo {
      padding: 2rem 1rem; }
      .department .department__leader .department__leaderInfo .department__subtitle {
        color: #97ca3e;
        font-weight: 400; }
      .department .department__leader .department__leaderInfo .department__title {
        font-weight: 600;
        margin-bottom: 1rem; }
      .department .department__leader .department__leaderInfo .department__contact {
        margin-bottom: 1rem; }
      .department .department__leader .department__leaderInfo .department__credo {
        margin-top: 2rem;
        font-size: 26px;
        color: #667788;
        display: grid;
        grid-template-columns: 40px 1fr; }
    @media (max-width: 500px) {
      .department .department__leader {
        grid-template-columns: 1fr; } }
  .department .department__functions {
    list-style: none;
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(450px, 1fr));
    grid-gap: 1rem; }
    .department .department__functions .department__functionsItem {
      display: grid;
      grid-template-columns: 100px 1fr;
      grid-gap: 1rem; }
      .department .department__functions .department__functionsItem .department__functionNum {
        background: linear-gradient(51.78deg, #97CA3E 0%, #FCFF22 100%);
        display: flex;
        align-items: center;
        justify-content: center;
        height: 70px;
        border-radius: 10px;
        color: #ffffff;
        font-weight: 500;
        font-size: 24px; }
      .department .department__functions .department__functionsItem .department__functionInfo p {
        color: #667788; }
    .department .department__functions .department__functionsItem.dark .department__functionNum {
      background: linear-gradient(27.1deg, #193e53 12.82%, #ffffff 112.08%); }
    @media (max-width: 500px) {
      .department .department__functions {
        grid-template-columns: 1fr; }
        .department .department__functions .department__functionsItem {
          grid-template-columns: 50px 1fr; }
          .department .department__functions .department__functionsItem .department__functionNum {
            height: 50px; }
          .department .department__functions .department__functionsItem .department__functionInfo {
            max-width: 260px;
            font-size: 14px; } }
  .department .department__heading {
    font-size: 24px;
    margin: 2rem 0; }
  .department .department__employees {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));
    grid-gap: 1rem;
    list-style: none;
    margin-top: 1rem; }
    .department .department__employees .department__team {
      padding: 1rem; }
      .department .department__employees .department__team .department__teamLead .department__teamLeadAvatar {
        background: url("../public/teamleadBord.png") no-repeat;
        background-size: 95%;
        padding: 2rem 0 0 2rem; }
        .department .department__employees .department__team .department__teamLead .department__teamLeadAvatar img {
          width: 100%;
          border-radius: 20px; }
      .department .department__employees .department__team .department__teamLead .department__teamLead_title {
        text-align: center;
        margin: 1rem 0; }
        .department .department__employees .department__team .department__teamLead .department__teamLead_title h4 {
          color: #193e53; }
        .department .department__employees .department__team .department__teamLead .department__teamLead_title p {
          color: #97ca3e; }
      .department .department__employees .department__team .department__teammates {
        padding-left: 3rem; }
        .department .department__employees .department__team .department__teammates li {
          margin-bottom: 10px; }
  .department .departament__moreInfo {
    padding: 1rem 0; }
    .department .departament__moreInfo .departament__moreInfo_list {
      list-style: none;
      display: grid;
      grid-template-columns: repeat(auto-fill, minmax(240px, 1fr));
      grid-gap: 1rem;
      margin-top: 2rem; }
      .department .departament__moreInfo .departament__moreInfo_list .departament__moreInfo_listItem {
        background: linear-gradient(51.78deg, #97CA3E 0%, #FCFF22 100%);
        border-radius: 20px;
        padding: 2rem 1rem;
        height: 220px;
        display: flex;
        align-items: center;
        justify-content: center; }
        .department .departament__moreInfo .departament__moreInfo_list .departament__moreInfo_listItem a {
          display: flex;
          flex-direction: column;
          justify-content: center;
          align-items: center;
          text-align: center;
          transition: all linear .6s; }
          .department .departament__moreInfo .departament__moreInfo_list .departament__moreInfo_listItem a p {
            margin-top: 1rem;
            color: #fff;
            font-family: "Grotesk";
            font-weight: 500; }
        .department .departament__moreInfo .departament__moreInfo_list .departament__moreInfo_listItem:hover {
          transition: all ease-in .6s; }
          .department .departament__moreInfo .departament__moreInfo_list .departament__moreInfo_listItem:hover a svg {
            transform: scale(1.2); }
          .department .departament__moreInfo .departament__moreInfo_list .departament__moreInfo_listItem:hover a p {
            font-weight: 600; }

.algorithms {
  margin: 2rem 1rem;
  min-height: 80vh; }
  .algorithms .algorithms__review {
    display: grid;
    grid-template-columns: 1fr 3fr;
    grid-gap: 1rem; }
    .algorithms .algorithms__review .algorithms__listMenu .algorithms__list {
      list-style: none;
      margin: 2rem 0; }
      .algorithms .algorithms__review .algorithms__listMenu .algorithms__list .algorithms__listItem {
        background: linear-gradient(51.78deg, #97CA3E 0%, #FCFF22 100%);
        border-radius: 10px;
        padding: 4px;
        margin-bottom: 1rem; }
        .algorithms .algorithms__review .algorithms__listMenu .algorithms__list .algorithms__listItem .algorithms__subList {
          padding: 1rem 0;
          padding-left: 2rem;
          background: #ffffff;
          border-radius: 10px;
          display: none; }
          .algorithms .algorithms__review .algorithms__listMenu .algorithms__list .algorithms__listItem .algorithms__subList li {
            margin-bottom: 10px; }
        .algorithms .algorithms__review .algorithms__listMenu .algorithms__list .algorithms__listItem .algorithms__subList.opened {
          display: block; }
        .algorithms .algorithms__review .algorithms__listMenu .algorithms__list .algorithms__listItem .algorithms__listItem_title {
          background: #fff;
          border-radius: 4px;
          padding: 1rem; }
      .algorithms .algorithms__review .algorithms__listMenu .algorithms__list .algorithms__listItem.active .algorithms__listItem_title {
        background: transparent; }
    .algorithms .algorithms__review .algorithms__listBlock {
      background: url("../public/algoBg.png") no-repeat;
      background-size: contain;
      background-position: center; }
    @media (max-width: 760px) {
      .algorithms .algorithms__review {
        grid-template-columns: 1fr; } }

.algorithm {
  padding: 1rem;
  background: url("../public/algorithmBG.png") no-repeat;
  background-size: 100%;
  min-height: 80vh; }
  .algorithm .algorithm__content {
    padding: 1rem 0; }
    .algorithm .algorithm__content p {
      margin: 1rem 0; }
    .algorithm .algorithm__content ol {
      padding-left: 1rem; }
    .algorithm .algorithm__content .algorithm__img {
      position: relative; }
      .algorithm .algorithm__content .algorithm__img img {
        width: 100%; }
    .algorithm .algorithm__content h3 {
      margin: 2rem 0 1rem 0; }

.legislation {
  padding: 1rem;
  min-height: 500px; }

.legislation__reader,
.simpleReader {
  margin: 2rem 0;
  display: grid;
  grid-template-columns: 1fr 3fr;
  grid-gap: 2rem; }
  .legislation__reader .legislation__readerMenu,
  .legislation__reader .simpleReader__menu,
  .simpleReader .legislation__readerMenu,
  .simpleReader .simpleReader__menu {
    list-style: none; }
    .legislation__reader .legislation__readerMenu .legislation__readerMenuItem,
    .legislation__reader .legislation__readerMenu .simpleReader__menuItem,
    .legislation__reader .simpleReader__menu .legislation__readerMenuItem,
    .legislation__reader .simpleReader__menu .simpleReader__menuItem,
    .simpleReader .legislation__readerMenu .legislation__readerMenuItem,
    .simpleReader .legislation__readerMenu .simpleReader__menuItem,
    .simpleReader .simpleReader__menu .legislation__readerMenuItem,
    .simpleReader .simpleReader__menu .simpleReader__menuItem {
      background: linear-gradient(51.78deg, #97CA3E 0%, #FCFF22 100%);
      margin-bottom: 1rem;
      padding: 3px;
      border-radius: 12px;
      transition: all linear 0.4s; }
      .legislation__reader .legislation__readerMenu .legislation__readerMenuItem .legislation__readerMenuLink,
      .legislation__reader .legislation__readerMenu .legislation__readerMenuItem .simpleReader__menuItemLink,
      .legislation__reader .legislation__readerMenu .simpleReader__menuItem .legislation__readerMenuLink,
      .legislation__reader .legislation__readerMenu .simpleReader__menuItem .simpleReader__menuItemLink,
      .legislation__reader .simpleReader__menu .legislation__readerMenuItem .legislation__readerMenuLink,
      .legislation__reader .simpleReader__menu .legislation__readerMenuItem .simpleReader__menuItemLink,
      .legislation__reader .simpleReader__menu .simpleReader__menuItem .legislation__readerMenuLink,
      .legislation__reader .simpleReader__menu .simpleReader__menuItem .simpleReader__menuItemLink,
      .simpleReader .legislation__readerMenu .legislation__readerMenuItem .legislation__readerMenuLink,
      .simpleReader .legislation__readerMenu .legislation__readerMenuItem .simpleReader__menuItemLink,
      .simpleReader .legislation__readerMenu .simpleReader__menuItem .legislation__readerMenuLink,
      .simpleReader .legislation__readerMenu .simpleReader__menuItem .simpleReader__menuItemLink,
      .simpleReader .simpleReader__menu .legislation__readerMenuItem .legislation__readerMenuLink,
      .simpleReader .simpleReader__menu .legislation__readerMenuItem .simpleReader__menuItemLink,
      .simpleReader .simpleReader__menu .simpleReader__menuItem .legislation__readerMenuLink,
      .simpleReader .simpleReader__menu .simpleReader__menuItem .simpleReader__menuItemLink {
        padding: 10px;
        background: #ffffff;
        display: flex;
        justify-content: center;
        border-radius: 9px;
        text-align: center;
        color: #97ca3e;
        font-weight: 500; }
      .legislation__reader .legislation__readerMenu .legislation__readerMenuItem:hover .legislation__readerMenuLink,
      .legislation__reader .legislation__readerMenu .legislation__readerMenuItem:hover .simpleReader__menuItemLink,
      .legislation__reader .legislation__readerMenu .simpleReader__menuItem:hover .legislation__readerMenuLink,
      .legislation__reader .legislation__readerMenu .simpleReader__menuItem:hover .simpleReader__menuItemLink,
      .legislation__reader .simpleReader__menu .legislation__readerMenuItem:hover .legislation__readerMenuLink,
      .legislation__reader .simpleReader__menu .legislation__readerMenuItem:hover .simpleReader__menuItemLink,
      .legislation__reader .simpleReader__menu .simpleReader__menuItem:hover .legislation__readerMenuLink,
      .legislation__reader .simpleReader__menu .simpleReader__menuItem:hover .simpleReader__menuItemLink,
      .simpleReader .legislation__readerMenu .legislation__readerMenuItem:hover .legislation__readerMenuLink,
      .simpleReader .legislation__readerMenu .legislation__readerMenuItem:hover .simpleReader__menuItemLink,
      .simpleReader .legislation__readerMenu .simpleReader__menuItem:hover .legislation__readerMenuLink,
      .simpleReader .legislation__readerMenu .simpleReader__menuItem:hover .simpleReader__menuItemLink,
      .simpleReader .simpleReader__menu .legislation__readerMenuItem:hover .legislation__readerMenuLink,
      .simpleReader .simpleReader__menu .legislation__readerMenuItem:hover .simpleReader__menuItemLink,
      .simpleReader .simpleReader__menu .simpleReader__menuItem:hover .legislation__readerMenuLink,
      .simpleReader .simpleReader__menu .simpleReader__menuItem:hover .simpleReader__menuItemLink {
        background: transparent;
        color: #000000;
        transition: all linear 0.4s; }
    .legislation__reader .legislation__readerMenu .legislation__readerMenuItem.active .legislation__readerMenuLink,
    .legislation__reader .simpleReader__menu .legislation__readerMenuItem.active .legislation__readerMenuLink,
    .simpleReader .legislation__readerMenu .legislation__readerMenuItem.active .legislation__readerMenuLink,
    .simpleReader .simpleReader__menu .legislation__readerMenuItem.active .legislation__readerMenuLink {
      background: transparent;
      color: #000000; }
    .legislation__reader .legislation__readerMenu .simpleReader__menuItem.active .simpleReader__menuItemLink,
    .legislation__reader .simpleReader__menu .simpleReader__menuItem.active .simpleReader__menuItemLink,
    .simpleReader .legislation__readerMenu .simpleReader__menuItem.active .simpleReader__menuItemLink,
    .simpleReader .simpleReader__menu .simpleReader__menuItem.active .simpleReader__menuItemLink {
      background: transparent;
      color: #000000; }
  .legislation__reader .legislation__readerList,
  .legislation__reader .simpleReader__list,
  .simpleReader .legislation__readerList,
  .simpleReader .simpleReader__list {
    list-style: none;
    display: none;
    grid-template-columns: repeat(auto-fill, minmax(220px, 1fr));
    grid-gap: 1rem; }
    .legislation__reader .legislation__readerList .legislation__readerListItem,
    .legislation__reader .legislation__readerList .simpleReader__listItem,
    .legislation__reader .simpleReader__list .legislation__readerListItem,
    .legislation__reader .simpleReader__list .simpleReader__listItem,
    .simpleReader .legislation__readerList .legislation__readerListItem,
    .simpleReader .legislation__readerList .simpleReader__listItem,
    .simpleReader .simpleReader__list .legislation__readerListItem,
    .simpleReader .simpleReader__list .simpleReader__listItem {
      display: flex;
      align-items: center;
      padding: 4px;
      background: linear-gradient(51.78deg, #97CA3E 0%, #FCFF22 100%);
      border-radius: 10px;
      height: 250px; }
      .legislation__reader .legislation__readerList .legislation__readerListItem .legislation__readerLink,
      .legislation__reader .legislation__readerList .legislation__readerListItem .simpleReader__listLink,
      .legislation__reader .legislation__readerList .simpleReader__listItem .legislation__readerLink,
      .legislation__reader .legislation__readerList .simpleReader__listItem .simpleReader__listLink,
      .legislation__reader .simpleReader__list .legislation__readerListItem .legislation__readerLink,
      .legislation__reader .simpleReader__list .legislation__readerListItem .simpleReader__listLink,
      .legislation__reader .simpleReader__list .simpleReader__listItem .legislation__readerLink,
      .legislation__reader .simpleReader__list .simpleReader__listItem .simpleReader__listLink,
      .simpleReader .legislation__readerList .legislation__readerListItem .legislation__readerLink,
      .simpleReader .legislation__readerList .legislation__readerListItem .simpleReader__listLink,
      .simpleReader .legislation__readerList .simpleReader__listItem .legislation__readerLink,
      .simpleReader .legislation__readerList .simpleReader__listItem .simpleReader__listLink,
      .simpleReader .simpleReader__list .legislation__readerListItem .legislation__readerLink,
      .simpleReader .simpleReader__list .legislation__readerListItem .simpleReader__listLink,
      .simpleReader .simpleReader__list .simpleReader__listItem .legislation__readerLink,
      .simpleReader .simpleReader__list .simpleReader__listItem .simpleReader__listLink {
        display: flex;
        flex-direction: column;
        align-items: center;
        background: #ffffff;
        height: 100%;
        width: 100%;
        border-radius: 8px;
        padding: 2rem 1rem;
        text-align: left;
        transition: all linear 0.4s; }
        .legislation__reader .legislation__readerList .legislation__readerListItem .legislation__readerLink h4,
        .legislation__reader .legislation__readerList .legislation__readerListItem .simpleReader__listLink h4,
        .legislation__reader .legislation__readerList .simpleReader__listItem .legislation__readerLink h4,
        .legislation__reader .legislation__readerList .simpleReader__listItem .simpleReader__listLink h4,
        .legislation__reader .simpleReader__list .legislation__readerListItem .legislation__readerLink h4,
        .legislation__reader .simpleReader__list .legislation__readerListItem .simpleReader__listLink h4,
        .legislation__reader .simpleReader__list .simpleReader__listItem .legislation__readerLink h4,
        .legislation__reader .simpleReader__list .simpleReader__listItem .simpleReader__listLink h4,
        .simpleReader .legislation__readerList .legislation__readerListItem .legislation__readerLink h4,
        .simpleReader .legislation__readerList .legislation__readerListItem .simpleReader__listLink h4,
        .simpleReader .legislation__readerList .simpleReader__listItem .legislation__readerLink h4,
        .simpleReader .legislation__readerList .simpleReader__listItem .simpleReader__listLink h4,
        .simpleReader .simpleReader__list .legislation__readerListItem .legislation__readerLink h4,
        .simpleReader .simpleReader__list .legislation__readerListItem .simpleReader__listLink h4,
        .simpleReader .simpleReader__list .simpleReader__listItem .legislation__readerLink h4,
        .simpleReader .simpleReader__list .simpleReader__listItem .simpleReader__listLink h4 {
          margin: 1rem 0;
          font-weight: 500;
          width: 100%; }
        .legislation__reader .legislation__readerList .legislation__readerListItem .legislation__readerLink p,
        .legislation__reader .legislation__readerList .legislation__readerListItem .simpleReader__listLink p,
        .legislation__reader .legislation__readerList .simpleReader__listItem .legislation__readerLink p,
        .legislation__reader .legislation__readerList .simpleReader__listItem .simpleReader__listLink p,
        .legislation__reader .simpleReader__list .legislation__readerListItem .legislation__readerLink p,
        .legislation__reader .simpleReader__list .legislation__readerListItem .simpleReader__listLink p,
        .legislation__reader .simpleReader__list .simpleReader__listItem .legislation__readerLink p,
        .legislation__reader .simpleReader__list .simpleReader__listItem .simpleReader__listLink p,
        .simpleReader .legislation__readerList .legislation__readerListItem .legislation__readerLink p,
        .simpleReader .legislation__readerList .legislation__readerListItem .simpleReader__listLink p,
        .simpleReader .legislation__readerList .simpleReader__listItem .legislation__readerLink p,
        .simpleReader .legislation__readerList .simpleReader__listItem .simpleReader__listLink p,
        .simpleReader .simpleReader__list .legislation__readerListItem .legislation__readerLink p,
        .simpleReader .simpleReader__list .legislation__readerListItem .simpleReader__listLink p,
        .simpleReader .simpleReader__list .simpleReader__listItem .legislation__readerLink p,
        .simpleReader .simpleReader__list .simpleReader__listItem .simpleReader__listLink p {
          font-size: 13px;
          color: #667788;
          width: 100%; }
        .legislation__reader .legislation__readerList .legislation__readerListItem .legislation__readerLink svg,
        .legislation__reader .legislation__readerList .legislation__readerListItem .simpleReader__listLink svg,
        .legislation__reader .legislation__readerList .simpleReader__listItem .legislation__readerLink svg,
        .legislation__reader .legislation__readerList .simpleReader__listItem .simpleReader__listLink svg,
        .legislation__reader .simpleReader__list .legislation__readerListItem .legislation__readerLink svg,
        .legislation__reader .simpleReader__list .legislation__readerListItem .simpleReader__listLink svg,
        .legislation__reader .simpleReader__list .simpleReader__listItem .legislation__readerLink svg,
        .legislation__reader .simpleReader__list .simpleReader__listItem .simpleReader__listLink svg,
        .simpleReader .legislation__readerList .legislation__readerListItem .legislation__readerLink svg,
        .simpleReader .legislation__readerList .legislation__readerListItem .simpleReader__listLink svg,
        .simpleReader .legislation__readerList .simpleReader__listItem .legislation__readerLink svg,
        .simpleReader .legislation__readerList .simpleReader__listItem .simpleReader__listLink svg,
        .simpleReader .simpleReader__list .legislation__readerListItem .legislation__readerLink svg,
        .simpleReader .simpleReader__list .legislation__readerListItem .simpleReader__listLink svg,
        .simpleReader .simpleReader__list .simpleReader__listItem .legislation__readerLink svg,
        .simpleReader .simpleReader__list .simpleReader__listItem .simpleReader__listLink svg {
          fill: #cae32f; }
      .legislation__reader .legislation__readerList .legislation__readerListItem:hover .legislation__readerLink,
      .legislation__reader .legislation__readerList .legislation__readerListItem:hover .simpleReader__listLink,
      .legislation__reader .legislation__readerList .simpleReader__listItem:hover .legislation__readerLink,
      .legislation__reader .legislation__readerList .simpleReader__listItem:hover .simpleReader__listLink,
      .legislation__reader .simpleReader__list .legislation__readerListItem:hover .legislation__readerLink,
      .legislation__reader .simpleReader__list .legislation__readerListItem:hover .simpleReader__listLink,
      .legislation__reader .simpleReader__list .simpleReader__listItem:hover .legislation__readerLink,
      .legislation__reader .simpleReader__list .simpleReader__listItem:hover .simpleReader__listLink,
      .simpleReader .legislation__readerList .legislation__readerListItem:hover .legislation__readerLink,
      .simpleReader .legislation__readerList .legislation__readerListItem:hover .simpleReader__listLink,
      .simpleReader .legislation__readerList .simpleReader__listItem:hover .legislation__readerLink,
      .simpleReader .legislation__readerList .simpleReader__listItem:hover .simpleReader__listLink,
      .simpleReader .simpleReader__list .legislation__readerListItem:hover .legislation__readerLink,
      .simpleReader .simpleReader__list .legislation__readerListItem:hover .simpleReader__listLink,
      .simpleReader .simpleReader__list .simpleReader__listItem:hover .legislation__readerLink,
      .simpleReader .simpleReader__list .simpleReader__listItem:hover .simpleReader__listLink {
        background: transparent;
        transition: all linear 0.4s; }
        .legislation__reader .legislation__readerList .legislation__readerListItem:hover .legislation__readerLink svg,
        .legislation__reader .legislation__readerList .legislation__readerListItem:hover .simpleReader__listLink svg,
        .legislation__reader .legislation__readerList .simpleReader__listItem:hover .legislation__readerLink svg,
        .legislation__reader .legislation__readerList .simpleReader__listItem:hover .simpleReader__listLink svg,
        .legislation__reader .simpleReader__list .legislation__readerListItem:hover .legislation__readerLink svg,
        .legislation__reader .simpleReader__list .legislation__readerListItem:hover .simpleReader__listLink svg,
        .legislation__reader .simpleReader__list .simpleReader__listItem:hover .legislation__readerLink svg,
        .legislation__reader .simpleReader__list .simpleReader__listItem:hover .simpleReader__listLink svg,
        .simpleReader .legislation__readerList .legislation__readerListItem:hover .legislation__readerLink svg,
        .simpleReader .legislation__readerList .legislation__readerListItem:hover .simpleReader__listLink svg,
        .simpleReader .legislation__readerList .simpleReader__listItem:hover .legislation__readerLink svg,
        .simpleReader .legislation__readerList .simpleReader__listItem:hover .simpleReader__listLink svg,
        .simpleReader .simpleReader__list .legislation__readerListItem:hover .legislation__readerLink svg,
        .simpleReader .simpleReader__list .legislation__readerListItem:hover .simpleReader__listLink svg,
        .simpleReader .simpleReader__list .simpleReader__listItem:hover .legislation__readerLink svg,
        .simpleReader .simpleReader__list .simpleReader__listItem:hover .simpleReader__listLink svg {
          fill: #fff;
          transition: all linear 0.4s; }
        .legislation__reader .legislation__readerList .legislation__readerListItem:hover .legislation__readerLink p,
        .legislation__reader .legislation__readerList .legislation__readerListItem:hover .simpleReader__listLink p,
        .legislation__reader .legislation__readerList .simpleReader__listItem:hover .legislation__readerLink p,
        .legislation__reader .legislation__readerList .simpleReader__listItem:hover .simpleReader__listLink p,
        .legislation__reader .simpleReader__list .legislation__readerListItem:hover .legislation__readerLink p,
        .legislation__reader .simpleReader__list .legislation__readerListItem:hover .simpleReader__listLink p,
        .legislation__reader .simpleReader__list .simpleReader__listItem:hover .legislation__readerLink p,
        .legislation__reader .simpleReader__list .simpleReader__listItem:hover .simpleReader__listLink p,
        .simpleReader .legislation__readerList .legislation__readerListItem:hover .legislation__readerLink p,
        .simpleReader .legislation__readerList .legislation__readerListItem:hover .simpleReader__listLink p,
        .simpleReader .legislation__readerList .simpleReader__listItem:hover .legislation__readerLink p,
        .simpleReader .legislation__readerList .simpleReader__listItem:hover .simpleReader__listLink p,
        .simpleReader .simpleReader__list .legislation__readerListItem:hover .legislation__readerLink p,
        .simpleReader .simpleReader__list .legislation__readerListItem:hover .simpleReader__listLink p,
        .simpleReader .simpleReader__list .simpleReader__listItem:hover .legislation__readerLink p,
        .simpleReader .simpleReader__list .simpleReader__listItem:hover .simpleReader__listLink p {
          color: #ffffff; }
  .legislation__reader .legislation__readerList.headingOff .legislation__readerListItem .legislation__readerLink p,
  .simpleReader .legislation__readerList.headingOff .legislation__readerListItem .legislation__readerLink p {
    margin-top: 1rem;
    text-align: center;
    color: #000000;
    font-size: 16px; }
  .legislation__reader #legislation3 .legislation__readerListItem .legislation__readerLink svg,
  .simpleReader #legislation3 .legislation__readerListItem .legislation__readerLink svg {
    fill: transparent;
    stroke: #cae32f; }
  .legislation__reader #legislation3 .legislation__readerListItem:hover svg,
  .simpleReader #legislation3 .legislation__readerListItem:hover svg {
    stroke: #ffffff; }
  .legislation__reader #legislation3 .legislation__readerListItem:hover .legislation__readerLink svg,
  .legislation__reader #legislation3 .simple__listItem:hover .legislation__readerLink svg,
  .simpleReader #legislation3 .legislation__readerListItem:hover .legislation__readerLink svg,
  .simpleReader #legislation3 .simple__listItem:hover .legislation__readerLink svg {
    fill: #ffffff;
    stroke: #ffffff; }
  .legislation__reader .simpleReader__list.headingOff .simpleReader__listItem .simpleReader__listLink p,
  .simpleReader .simpleReader__list.headingOff .simpleReader__listItem .simpleReader__listLink p {
    margin-top: 1rem;
    text-align: center;
    color: #000000;
    font-size: 16px; }
  .legislation__reader .legislation__readerList.current,
  .legislation__reader .simpleReader__list.current,
  .simpleReader .legislation__readerList.current,
  .simpleReader .simpleReader__list.current {
    display: grid; }
  .legislation__reader .academyLibrary__pagination,
  .simpleReader .academyLibrary__pagination {
    grid-column: 1/3;
    display: flex;
    align-items: center;
    justify-content: space-between; }
    .legislation__reader .academyLibrary__pagination .academyLibrary__pageNum,
    .simpleReader .academyLibrary__pagination .academyLibrary__pageNum {
      color: #97CA3E;
      font-size: 24px;
      font-weight: 600; }
    .legislation__reader .academyLibrary__pagination .academyLibrary__pageSwitcher,
    .simpleReader .academyLibrary__pagination .academyLibrary__pageSwitcher {
      display: flex;
      align-items: center; }
      .legislation__reader .academyLibrary__pagination .academyLibrary__pageSwitcher .academyLibrary__prevPage,
      .legislation__reader .academyLibrary__pagination .academyLibrary__pageSwitcher .academyLibrary__nextPage,
      .simpleReader .academyLibrary__pagination .academyLibrary__pageSwitcher .academyLibrary__prevPage,
      .simpleReader .academyLibrary__pagination .academyLibrary__pageSwitcher .academyLibrary__nextPage {
        background: #97CA3E;
        padding: 10px;
        border: transparent;
        border-radius: 5px;
        display: flex;
        align-items: center;
        justify-content: center; }
      .legislation__reader .academyLibrary__pagination .academyLibrary__pageSwitcher .academyLibrary__prevPage,
      .simpleReader .academyLibrary__pagination .academyLibrary__pageSwitcher .academyLibrary__prevPage {
        margin-right: 1rem; }

@media (max-width: 700px) {
  .legislation__reader {
    grid-template-columns: 1fr; } }

.interesting {
  padding: 2rem; }
  .interesting .interesting__title {
    text-align: center;
    margin: 2rem 0; }
  .interesting .interesting__list {
    list-style: none;
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(240px, 1fr));
    grid-gap: 2rem 1rem; }
    .interesting .interesting__list .interesting__listItem {
      display: flex;
      flex-direction: column;
      justify-content: center;
      align-items: center;
      background: linear-gradient(51.78deg, #97CA3E 0%, #FCFF22 100%);
      border-radius: 10px;
      height: 200px; }
      .interesting .interesting__list .interesting__listItem .interesting__link {
        color: #ffffff;
        display: inherit;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        height: 100%;
        width: 100%; }
        .interesting .interesting__list .interesting__listItem .interesting__link h4 {
          margin-top: 1rem;
          font-weight: 500;
          transition: all linear .2s; }
        .interesting .interesting__list .interesting__listItem .interesting__link svg {
          transition: all linear .2s; }
        .interesting .interesting__list .interesting__listItem .interesting__link:hover h4, .interesting .interesting__list .interesting__listItem .interesting__link:hover svg {
          transform: scale(1.25);
          transition: all linear .2s; }

.emoney {
  padding: 1rem;
  min-height: 80vh; }
  .emoney .emoney__describe {
    padding: 4rem 2rem;
    background: url("../public/city.png") no-repeat;
    background-size: cover;
    margin: 2rem 0; }
    .emoney .emoney__describe .emoney__describeWrap {
      border: 2px solid #97ca3e;
      border-top: transparent;
      border-right: transparent;
      border-bottom-left-radius: 10px;
      padding: 1rem 2rem;
      position: relative;
      height: 350px;
      width: 90%; }
      .emoney .emoney__describe .emoney__describeWrap .emoney__info {
        max-width: 500px;
        margin: 1rem 0; }
      .emoney .emoney__describe .emoney__describeWrap .emoney__headSvg {
        position: absolute;
        top: -2rem;
        left: -1.7rem; }
      .emoney .emoney__describe .emoney__describeWrap .emoney__steps .emoney__step {
        display: flex;
        align-items: flex-end; }
        .emoney .emoney__describe .emoney__describeWrap .emoney__steps .emoney__step p {
          max-width: 170px;
          font-size: 13px; }
        .emoney .emoney__describe .emoney__describeWrap .emoney__steps .emoney__step .emoney__point {
          width: 20px;
          height: 20px;
          background: #97ca3e;
          border-radius: 50%;
          position: absolute;
          bottom: -2.6em; }
      .emoney .emoney__describe .emoney__describeWrap .emoney__steps .emoney__step.step1 {
        position: absolute;
        left: 3%;
        bottom: 2rem; }
        .emoney .emoney__describe .emoney__describeWrap .emoney__steps .emoney__step.step1 .emoney__point {
          left: 2.4rem; }
      .emoney .emoney__describe .emoney__describeWrap .emoney__steps .emoney__step.step2 {
        position: absolute;
        left: 30%;
        bottom: 2rem; }
        .emoney .emoney__describe .emoney__describeWrap .emoney__steps .emoney__step.step2 .emoney__point {
          left: 2rem; }
      .emoney .emoney__describe .emoney__describeWrap .emoney__steps .emoney__step.step3 {
        position: absolute;
        left: 55%;
        bottom: 2rem; }
        .emoney .emoney__describe .emoney__describeWrap .emoney__steps .emoney__step.step3 .emoney__point {
          left: 1.2rem; }
      .emoney .emoney__describe .emoney__describeWrap .emoney__img {
        width: 400px;
        position: absolute;
        right: -7rem;
        bottom: -19%; }
    @media (max-width: 768px) {
      .emoney .emoney__describe .emoney__describeWrap {
        border: none;
        width: 100%; }
        .emoney .emoney__describe .emoney__describeWrap .emoney__steps .emoney__step.step1,
        .emoney .emoney__describe .emoney__describeWrap .emoney__steps .emoney__step.step2,
        .emoney .emoney__describe .emoney__describeWrap .emoney__steps .emoney__step.step3 {
          position: static;
          margin-bottom: 1rem;
          font-size: 16px; }
          .emoney .emoney__describe .emoney__describeWrap .emoney__steps .emoney__step.step1 .emoney__point,
          .emoney .emoney__describe .emoney__describeWrap .emoney__steps .emoney__step.step2 .emoney__point,
          .emoney .emoney__describe .emoney__describeWrap .emoney__steps .emoney__step.step3 .emoney__point {
            display: none; }
          .emoney .emoney__describe .emoney__describeWrap .emoney__steps .emoney__step.step1 svg,
          .emoney .emoney__describe .emoney__describeWrap .emoney__steps .emoney__step.step2 svg,
          .emoney .emoney__describe .emoney__describeWrap .emoney__steps .emoney__step.step3 svg {
            display: none; }
        .emoney .emoney__describe .emoney__describeWrap .emoney__img {
          display: none; } }
  .emoney .emoney__earn {
    list-style: none;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-gap: 1rem;
    margin: 2rem 0; }
    .emoney .emoney__earn .emoney__earnItem {
      display: flex;
      flex-direction: column;
      border-radius: 20px;
      padding: 1rem;
      box-shadow: 0px 4px 11px rgba(0, 0, 0, 0.25); }
      .emoney .emoney__earn .emoney__earnItem img {
        width: 100%;
        border-radius: 20px; }
      .emoney .emoney__earn .emoney__earnItem h4 {
        margin: 1rem 0; }
      .emoney .emoney__earn .emoney__earnItem .emoney__earn_subtitle {
        margin: 1rem 0;
        display: flex;
        align-items: center; }
        .emoney .emoney__earn .emoney__earnItem .emoney__earn_subtitle svg {
          margin-right: 5px; }
      .emoney .emoney__earn .emoney__earnItem .button {
        align-self: center;
        width: 100%;
        text-align: center; }
  .emoney .emoney__spend {
    display: grid;
    grid-template-columns: 1fr 3fr;
    grid-gap: 1rem;
    margin: 3rem 0;
    background: url("../public/emoneyspendBG.png") no-repeat;
    background-size: 65%;
    background-position: bottom left; }
    .emoney .emoney__spend .emoney__toShop {
      display: flex;
      flex-direction: column; }
      .emoney .emoney__spend .emoney__toShop h3 {
        margin: 1rem 0; }
      .emoney .emoney__spend .emoney__toShop .button {
        margin: 1rem 0; }
    .emoney .emoney__spend .emoney__goods {
      position: relative;
      height: 425px; }
      .emoney .emoney__spend .emoney__goods .emoney__goodsItem {
        position: absolute; }
        .emoney .emoney__spend .emoney__goods .emoney__goodsItem img {
          width: 95%;
          height: auto;
          border-radius: 20px; }
      .emoney .emoney__spend .emoney__goods .goods1 {
        left: 10%;
        top: 2rem;
        background: url("../public/emoney1Bord.png") no-repeat;
        background-size: contain;
        padding-top: 1rem;
        padding-left: 1rem; }
      .emoney .emoney__spend .emoney__goods .goods2 {
        right: 1rem;
        top: 2rem;
        background: url("../public/emoneyBord.png") no-repeat;
        background-size: 95%;
        background-position: right top;
        padding-top: 2rem;
        padding-right: 3rem; }
      .emoney .emoney__spend .emoney__goods .goods3 {
        bottom: 0;
        left: 2%;
        background: url("../public/emoney1Bord.png") no-repeat;
        background-size: contain;
        padding-top: 2rem;
        padding-left: 2rem; }
    @media (max-width: 768px) {
      .emoney .emoney__spend {
        grid-template-columns: 1fr; }
        .emoney .emoney__spend .emoney__goods {
          display: flex;
          flex-wrap: wrap;
          column-gap: 1rem;
          justify-content: center;
          height: auto; }
          .emoney .emoney__spend .emoney__goods .emoney__goodsItem {
            position: static;
            padding: 0; }
            .emoney .emoney__spend .emoney__goods .emoney__goodsItem img {
              width: 260px; }
          .emoney .emoney__spend .emoney__goods .goods1,
          .emoney .emoney__spend .emoney__goods .goods2,
          .emoney .emoney__spend .emoney__goods .goods3 {
            background: none; } }

.photos {
  padding: 1rem; }
  .photos .photoalbums {
    margin: 2rem 0; }
    .photos .photoalbums .photoalbum {
      display: none;
      grid-template-columns: repeat(auto-fill, minmax(290px, 1fr));
      grid-gap: 2rem 1rem;
      list-style: none; }
      .photos .photoalbums .photoalbum .photoalbum__item .photoalbum__item_info {
        display: grid;
        grid-template-columns: 40px 1fr; }
        .photos .photoalbums .photoalbum .photoalbum__item .photoalbum__item_info .photoalbum__marker {
          margin-right: 5px;
          background: linear-gradient(57.8deg, #97CA3E 4.52%, #FFFF22 95.48%);
          height: 20px;
          border-radius: 5px; }
        .photos .photoalbums .photoalbum .photoalbum__item .photoalbum__item_info h3 {
          height: 70px;
          margin-bottom: 1rem; }
        .photos .photoalbums .photoalbum .photoalbum__item .photoalbum__item_info .academy_albumName {
          height: 50px; }
        .photos .photoalbums .photoalbum .photoalbum__item .photoalbum__item_info .photoalbum__item_meta {
          grid-column-start: 2;
          display: flex;
          justify-content: space-between; }
          .photos .photoalbums .photoalbum .photoalbum__item .photoalbum__item_info .photoalbum__item_meta .photoalbum__item_download {
            display: flex;
            align-items: center; }
    .photos .photoalbums .photoalbum.active {
      display: grid; }
    .photos .photoalbums .photoalbums__switch {
      display: flex;
      justify-content: flex-end;
      align-items: center;
      margin: 2rem 0;
      padding-right: 2rem; }
      .photos .photoalbums .photoalbums__switch .photoalbums__prevbtn {
        padding: 10px 15px;
        background: #97ca3e;
        margin-right: 1rem;
        border-radius: 5px; }
      .photos .photoalbums .photoalbums__switch .photoalbums__nextbtn {
        padding: 10px 15px;
        background: #97ca3e;
        border-radius: 5px; }

.horoscope {
  margin: 1rem;
  background: url("../public/Frame 4019.png") no-repeat;
  background-size: contain; }
  .horoscope .horoscope__list {
    list-style: none; }
    .horoscope .horoscope__list .horoscope__listItem {
      display: flex;
      align-items: center;
      margin-bottom: 1rem; }
      .horoscope .horoscope__list .horoscope__listItem img {
        margin-left: 2rem; }
      .horoscope .horoscope__list .horoscope__listItem p {
        margin-top: 1rem; }
      .horoscope .horoscope__list .horoscope__listItem:nth-child(even) {
        flex-direction: row-reverse; }
        .horoscope .horoscope__list .horoscope__listItem:nth-child(even) img {
          margin-left: 0;
          margin-right: 2rem; }
  @media (max-width: 767px) {
    .horoscope .horoscope__list {
      margin-top: 3rem; }
      .horoscope .horoscope__list .horoscope__listItem {
        flex-direction: column; }
        .horoscope .horoscope__list .horoscope__listItem:nth-child(even) {
          flex-direction: column; }
        .horoscope .horoscope__list .horoscope__listItem p {
          margin-bottom: 2rem; } }

.literature,
.testing {
  margin: 1rem; }
  .literature .simpleReader .simpleReader__list .simpleReader__listItem,
  .testing .simpleReader .simpleReader__list .simpleReader__listItem {
    height: auto;
    background: #ffffff;
    padding: 1rem; }
    .literature .simpleReader .simpleReader__list .simpleReader__listItem .simpleReader__listLink,
    .testing .simpleReader .simpleReader__list .simpleReader__listItem .simpleReader__listLink {
      padding: 0; }
    .literature .simpleReader .simpleReader__list .simpleReader__listItem .literature__intemInfo,
    .testing .simpleReader .simpleReader__list .simpleReader__listItem .literature__intemInfo {
      display: grid;
      grid-template-columns: 40px 1fr;
      grid-gap: 10px; }
      .literature .simpleReader .simpleReader__list .simpleReader__listItem .literature__intemInfo h4,
      .testing .simpleReader .simpleReader__list .simpleReader__listItem .literature__intemInfo h4 {
        font-weight: 400; }
      .literature .simpleReader .simpleReader__list .simpleReader__listItem .literature__intemInfo .literature__author,
      .testing .simpleReader .simpleReader__list .simpleReader__listItem .literature__intemInfo .literature__author {
        grid-column-start: 2; }
      .literature .simpleReader .simpleReader__list .simpleReader__listItem .literature__intemInfo .literature__meta,
      .testing .simpleReader .simpleReader__list .simpleReader__listItem .literature__intemInfo .literature__meta {
        grid-column-start: 2;
        display: flex;
        justify-content: space-between; }
  @media (max-width: 700px) {
    .literature .simpleReader,
    .testing .simpleReader {
      grid-template-columns: 1fr; } }

.promotions {
  padding: 1rem; }
  .promotions .promotion {
    display: flex;
    flex-direction: column;
    justify-content: center;
    margin-bottom: 2rem; }
    .promotions .promotion .promotion__title {
      text-align: center; }
    .promotions .promotion .promotion__subtitle {
      text-align: center;
      font-size: 12px;
      color: red;
      margin-bottom: 2rem; }
    .promotions .promotion ul {
      margin: 1rem 0;
      padding-left: 1rem; }
    .promotions .promotion h3, .promotions .promotion h4 {
      margin: 1rem 0; }

.employees {
  padding: 1rem;
  min-height: 80vh; }
  .employees .employees__list {
    margin: 2rem 0;
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(290px, 1fr));
    grid-gap: 2rem 1rem; }
    .employees .employees__list .employees__listItem .employees__name {
      display: grid;
      grid-template-columns: 50px 1fr;
      grid-gap: 10px; }

.interviews {
  min-height: 500px;
  margin: 1rem; }
  .interviews .interviews__list {
    list-style: none;
    margin: 2rem 0; }
    .interviews .interviews__list .interviews__listItem {
      display: grid;
      grid-template-columns: 1.5fr 3fr;
      grid-gap: 1rem;
      margin-bottom: 3rem; }
      .interviews .interviews__list .interviews__listItem .interviews__img {
        background: url("../public/interviewBor.png") no-repeat;
        background-size: 95%;
        padding-left: 3rem;
        padding-top: 2rem; }
        .interviews .interviews__list .interviews__listItem .interviews__img img {
          width: 100%;
          border-radius: 50px; }
      .interviews .interviews__list .interviews__listItem article {
        padding: 1rem 0; }
        .interviews .interviews__list .interviews__listItem article .interviews__subtitle {
          color: #97ca3e; }
        .interviews .interviews__list .interviews__listItem article p {
          margin: 1rem 0; }
        .interviews .interviews__list .interviews__listItem article a.button {
          display: block;
          margin-top: 1rem; }
      @media (max-width: 540px) {
        .interviews .interviews__list .interviews__listItem {
          grid-template-columns: 1fr; } }

.bankIdeas {
  min-height: 80vh; }
  .bankIdeas .purposeIdea {
    margin: 2rem 0;
    background: url("../public/ideasBG.png") no-repeat;
    background-size: cover; }
    .bankIdeas .purposeIdea .purposeIdea__wrap {
      display: flex;
      justify-content: space-evenly;
      align-items: center; }
      @media (max-width: 450px) {
        .bankIdeas .purposeIdea .purposeIdea__wrap img {
          width: 100%; } }
    .bankIdeas .purposeIdea .purposeIdea__send {
      display: flex;
      flex-direction: column;
      max-width: 400px;
      background: #ffffff;
      border-radius: 20px;
      box-shadow: 0px 4px 11px rgba(0, 0, 0, 0.25);
      padding: 2rem; }
      .bankIdeas .purposeIdea .purposeIdea__send p {
        margin: 1rem 0; }
      .bankIdeas .purposeIdea .purposeIdea__send a.button {
        width: 100%;
        text-align: center;
        margin: 1rem 0;
        font-weight: 600; }
    @media (max-width: 767px) {
      .bankIdeas .purposeIdea .purposeIdea__wrap {
        flex-direction: column; } }
  .bankIdeas .bankIdeas__info {
    background-color: rgba(102, 119, 136, 0.05);
    padding: 2rem 1rem; }
    .bankIdeas .bankIdeas__info .bankIdeas__steps {
      list-style: none;
      display: grid;
      grid-template-columns: repeat(auto-fill, minmax(450px, 1fr));
      grid-gap: 1rem;
      margin: 2rem 0; }
      .bankIdeas .bankIdeas__info .bankIdeas__steps .bankIdeas__stepsItem {
        display: grid;
        grid-template-columns: 100px 1fr;
        grid-gap: 1rem; }
        .bankIdeas .bankIdeas__info .bankIdeas__steps .bankIdeas__stepsItem .bankIdeas__stepsNum {
          background: linear-gradient(51.78deg, #97CA3E 0%, #FCFF22 100%);
          display: flex;
          align-items: center;
          justify-content: center;
          height: 70px;
          border-radius: 10px;
          color: #ffffff;
          font-weight: 500;
          font-size: 24px; }
        .bankIdeas .bankIdeas__info .bankIdeas__steps .bankIdeas__stepsItem .department__functionInfo p {
          margin-top: 5px;
          color: #667788; }
      .bankIdeas .bankIdeas__info .bankIdeas__steps .bankIdeas__stepsItem.dark .bankIdeas__stepsNum {
        background: linear-gradient(27.1deg, #193e53 12.82%, #ffffff 112.08%); }
      @media (max-width: 500px) {
        .bankIdeas .bankIdeas__info .bankIdeas__steps {
          grid-template-columns: 1fr; }
          .bankIdeas .bankIdeas__info .bankIdeas__steps .bankIdeas__stepsItem {
            grid-template-columns: 50px 1fr; }
            .bankIdeas .bankIdeas__info .bankIdeas__steps .bankIdeas__stepsItem .bankIdeas__stepsNum {
              height: 50px; }
            .bankIdeas .bankIdeas__info .bankIdeas__steps .bankIdeas__stepsItem .department__functionInfo {
              max-width: 260px;
              font-size: 14px; } }
    .bankIdeas .bankIdeas__info .ideasBank__additionalInfo {
      margin: 1rem 0;
      padding-left: 1rem; }
      .bankIdeas .bankIdeas__info .ideasBank__additionalInfo li {
        margin: 10px 0; }

.ideasStore {
  min-height: 80vh; }
  .ideasStore .ideasList {
    grid-template-columns: 1fr 5fr; }
    .ideasStore .ideasList .ideasMenu .simpleReader__menuItem {
      width: max-content;
      max-width: 180px; }
    .ideasStore .ideasList .createIdea.current {
      padding: 2rem;
      border-radius: 20px;
      box-shadow: 0px 4px 11px rgba(0, 0, 0, 0.25);
      max-height: 420px;
      margin: 1rem;
      display: grid;
      grid-template-columns: 1fr 1fr;
      grid-gap: 1rem; }
      .ideasStore .ideasList .createIdea.current .createIdea__describe p {
        margin-bottom: 2rem; }
      .ideasStore .ideasList .createIdea.current .createIdea__describe h4 {
        color: #97ca3e;
        font-size: 14px;
        margin-bottom: 10px; }
      .ideasStore .ideasList .createIdea.current .createIdea__form {
        display: flex;
        flex-direction: column; }
        .ideasStore .ideasList .createIdea.current .createIdea__form .createIdea__anonymus {
          display: flex;
          grid-column-start: 1;
          grid-column-end: 3;
          align-items: center;
          position: relative;
          margin-bottom: 12px;
          margin: 1rem 0;
          cursor: pointer;
          font-size: 14px;
          user-select: none; }
          @media (max-width: 768px) {
            .ideasStore .ideasList .createIdea.current .createIdea__form .createIdea__anonymus {
              padding-left: 1rem; } }
          .ideasStore .ideasList .createIdea.current .createIdea__form .createIdea__anonymus input {
            position: absolute;
            opacity: 0;
            cursor: pointer;
            height: 0;
            width: 0; }
          .ideasStore .ideasList .createIdea.current .createIdea__form .createIdea__anonymus .checkmark {
            position: relative;
            height: 15px;
            width: 15px;
            min-width: 15px;
            background-color: #fff;
            border: 1px solid #000000;
            border-radius: 2px;
            margin-right: 10px; }
          .ideasStore .ideasList .createIdea.current .createIdea__form .createIdea__anonymus:hover input ~ .checkmark {
            background-color: #eee; }
          .ideasStore .ideasList .createIdea.current .createIdea__form .createIdea__anonymus input:checked ~ .checkmark {
            background-color: #97ca3e;
            border-color: transparent; }
          .ideasStore .ideasList .createIdea.current .createIdea__form .createIdea__anonymus .checkmark:after {
            content: "";
            position: absolute;
            display: none; }
          .ideasStore .ideasList .createIdea.current .createIdea__form .createIdea__anonymus input:checked ~ .checkmark:after {
            display: block; }
          .ideasStore .ideasList .createIdea.current .createIdea__form .createIdea__anonymus .checkmark:after {
            left: 5px;
            width: 5px;
            height: 10px;
            top: 0;
            border: solid white;
            border-width: 0 3px 3px 0;
            -webkit-transform: rotate(45deg);
            -ms-transform: rotate(45deg);
            transform: rotate(45deg); }
        .ideasStore .ideasList .createIdea.current .createIdea__form a.button {
          margin-top: 1rem; }
        .ideasStore .ideasList .createIdea.current .createIdea__form input,
        .ideasStore .ideasList .createIdea.current .createIdea__form textarea {
          border-radius: 5px;
          padding: 10px;
          border: 1px solid rgba(102, 119, 136, 0.5);
          margin-top: 5px; }
    .ideasStore .ideasList .allIdeas.current {
      display: flex;
      flex-direction: column;
      align-content: center; }
      .ideasStore .ideasList .allIdeas.current .allIdeas__item {
        display: grid;
        grid-template-columns: 1.3fr 4fr 1fr;
        grid-gap: 1rem;
        padding: 1rem;
        border-radius: 20px;
        box-shadow: 0px 4px 11px rgba(0, 0, 0, 0.25); }
        .ideasStore .ideasList .allIdeas.current .allIdeas__item .allIdeas__item_author .allIdeas__item_avatar {
          width: 100%;
          border-radius: 20px; }
        .ideasStore .ideasList .allIdeas.current .allIdeas__item .allIdeas__item_author .allIdeas__authorName {
          display: grid;
          grid-template-columns: 30px 1fr;
          margin: 10px 0; }
        .ideasStore .ideasList .allIdeas.current .allIdeas__item .allIdeas__item_body h3 {
          margin-bottom: 1rem; }
        .ideasStore .ideasList .allIdeas.current .allIdeas__item .allIdeas__item_body p {
          margin-bottom: 1rem; }
        .ideasStore .ideasList .allIdeas.current .allIdeas__item .allIdeas__item_body .allIdeas__item_reacts {
          display: flex; }
          .ideasStore .ideasList .allIdeas.current .allIdeas__item .allIdeas__item_body .allIdeas__item_reacts a.button {
            display: block;
            height: 40px;
            margin: 0 5px;
            font-weight: 500; }
          .ideasStore .ideasList .allIdeas.current .allIdeas__item .allIdeas__item_body .allIdeas__item_reacts .allIdeas__item_likers {
            list-style: none;
            display: flex;
            margin: 0 10px; }
            .ideasStore .ideasList .allIdeas.current .allIdeas__item .allIdeas__item_body .allIdeas__item_reacts .allIdeas__item_likers li {
              margin-right: 10px; }
              .ideasStore .ideasList .allIdeas.current .allIdeas__item .allIdeas__item_body .allIdeas__item_reacts .allIdeas__item_likers li .allIdeas__item_likersAvatar {
                width: 74px;
                height: 74px;
                object-fit: cover;
                object-position: top;
                border-radius: 5px; }
              .ideasStore .ideasList .allIdeas.current .allIdeas__item .allIdeas__item_body .allIdeas__item_reacts .allIdeas__item_likers li .allIdeas__item_likersFee {
                display: grid;
                grid-template-columns: 30px 1fr; }
        .ideasStore .ideasList .allIdeas.current .allIdeas__item .allIdeas__item_body .allIdeas__item_allFollowers {
          position: fixed;
          left: 0;
          right: 0;
          top: 0;
          bottom: 0;
          background: rgba(0, 0, 0, 0.5);
          z-index: 10;
          display: none;
          justify-content: center;
          align-items: center; }
          .ideasStore .ideasList .allIdeas.current .allIdeas__item .allIdeas__item_body .allIdeas__item_allFollowers .allIdeas__item_followerList {
            list-style: none;
            width: 100%;
            max-height: 500px;
            overflow-y: auto;
            padding: 2rem 1rem;
            max-width: 720px;
            background: #ffffff;
            display: grid;
            grid-template-columns: repeat(auto-fill, minmax(160px, 1fr));
            grid-gap: 2rem 1rem;
            justify-items: center;
            border-radius: 20px; }
            .ideasStore .ideasList .allIdeas.current .allIdeas__item .allIdeas__item_body .allIdeas__item_allFollowers .allIdeas__item_followerList li img {
              border-radius: 20px;
              max-width: 140px; }
            .ideasStore .ideasList .allIdeas.current .allIdeas__item .allIdeas__item_body .allIdeas__item_allFollowers .allIdeas__item_followerList li .allIdeas__item_followerName {
              margin-bottom: 7px;
              font-weight: 500;
              color: #193e53; }
            .ideasStore .ideasList .allIdeas.current .allIdeas__item .allIdeas__item_body .allIdeas__item_allFollowers .allIdeas__item_followerList li .allIdeas__item_followerTip {
              display: grid;
              grid-template-columns: 40px 1fr;
              grid-gap: 10px; }
              .ideasStore .ideasList .allIdeas.current .allIdeas__item .allIdeas__item_body .allIdeas__item_allFollowers .allIdeas__item_followerList li .allIdeas__item_followerTip span {
                font-weight: 500; }
          .ideasStore .ideasList .allIdeas.current .allIdeas__item .allIdeas__item_body .allIdeas__item_allFollowers .allIdeas__item_followersClose {
            position: absolute;
            top: 3rem;
            right: 3rem;
            width: 60px;
            height: 60px;
            z-index: 20;
            opacity: .4; }
            .ideasStore .ideasList .allIdeas.current .allIdeas__item .allIdeas__item_body .allIdeas__item_allFollowers .allIdeas__item_followersClose svg {
              fill: black; }
            .ideasStore .ideasList .allIdeas.current .allIdeas__item .allIdeas__item_body .allIdeas__item_allFollowers .allIdeas__item_followersClose:hover {
              opacity: 1; }
              .ideasStore .ideasList .allIdeas.current .allIdeas__item .allIdeas__item_body .allIdeas__item_allFollowers .allIdeas__item_followersClose:hover svg {
                fill: #ffffff; }
          .ideasStore .ideasList .allIdeas.current .allIdeas__item .allIdeas__item_body .allIdeas__item_allFollowers ::-webkit-scrollbar {
            width: 6px; }
          .ideasStore .ideasList .allIdeas.current .allIdeas__item .allIdeas__item_body .allIdeas__item_allFollowers ::-webkit-scrollbar-thumb {
            border-radius: 3px;
            background-color: #193e53; }
          .ideasStore .ideasList .allIdeas.current .allIdeas__item .allIdeas__item_body .allIdeas__item_allFollowers ::-webkit-scrollbar-track {
            margin: 1rem 0; }
        .ideasStore .ideasList .allIdeas.current .allIdeas__item .allIdeas__item_body .allIdeas__item_allFollowers.active {
          display: flex; }
        .ideasStore .ideasList .allIdeas.current .allIdeas__item .allIdeas__item_meta a.button {
          display: flex;
          align-items: center;
          background: transparent; }
          .ideasStore .ideasList .allIdeas.current .allIdeas__item .allIdeas__item_meta a.button span:first-child {
            margin-right: 5px; }
          .ideasStore .ideasList .allIdeas.current .allIdeas__item .allIdeas__item_meta a.button svg {
            margin-right: 5px; }
        .ideasStore .ideasList .allIdeas.current .allIdeas__item .allIdeas__item_meta .button.activeIdea {
          color: #97ca3e;
          border: 1px solid #97ca3e; }
        .ideasStore .ideasList .allIdeas.current .allIdeas__item .allIdeas__item_meta .button.topIdea {
          color: #be97e5;
          border: 1px solid #be97e5; }
        .ideasStore .ideasList .allIdeas.current .allIdeas__item .allIdeas__item_meta .button.inactiveIdea {
          color: #f29090;
          border: 1px solid #f29090; }
        .ideasStore .ideasList .allIdeas.current .allIdeas__item .allIdeas__item_meta .button.atWorkIdea {
          color: #667788;
          border: 1px solid #667788; }
        .ideasStore .ideasList .allIdeas.current .allIdeas__item .allIdeas__item_meta .button.releaseIdea {
          color: #ffffff;
          background: linear-gradient(51.78deg, #97CA3E 0%, #FCFF22 100%); }
        .ideasStore .ideasList .allIdeas.current .allIdeas__item .allIdeas__item_meta .button.goldIdea {
          color: #E5BB24;
          border: 1px solid #E5BB24; }
        .ideasStore .ideasList .allIdeas.current .allIdeas__item .allIdeas__item_meta .allIdeas__item_timing {
          margin: 1rem 0; }
        .ideasStore .ideasList .allIdeas.current .allIdeas__item .allIdeas__item_meta .allIdeas__item_result {
          margin: 1rem 0; }
          .ideasStore .ideasList .allIdeas.current .allIdeas__item .allIdeas__item_meta .allIdeas__item_result .allIdeas__item_resultNum {
            display: grid;
            grid-template-columns: 30px 1fr; }
        .ideasStore .ideasList .allIdeas.current .allIdeas__item .allIdeas__item_meta .allIdeas__item_votes {
          margin: 1rem 0; }
          .ideasStore .ideasList .allIdeas.current .allIdeas__item .allIdeas__item_meta .allIdeas__item_votes .allIdeas__item_votesWrap {
            display: flex;
            justify-content: center; }
            .ideasStore .ideasList .allIdeas.current .allIdeas__item .allIdeas__item_meta .allIdeas__item_votes .allIdeas__item_votesWrap .allIdeas__item_likes {
              display: inherit;
              align-items: center;
              margin-right: 10px; }
            .ideasStore .ideasList .allIdeas.current .allIdeas__item .allIdeas__item_meta .allIdeas__item_votes .allIdeas__item_votesWrap .allIdeas__item_dislikes {
              display: inherit;
              align-items: center; }
    .ideasStore .ideasList .committedEmployees.current {
      display: grid;
      grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
      grid-gap: 2rem 1rem; }
      .ideasStore .ideasList .committedEmployees.current .commitedEmployees__name {
        margin: 1rem 0;
        display: grid;
        grid-template-columns: 40px 1fr;
        grid-gap: 5px; }
      .ideasStore .ideasList .committedEmployees.current .commitedEmployees__score {
        display: flex;
        color: silver; }
    @media (max-width: 1200px) {
      .ideasStore .ideasList {
        grid-template-columns: 1fr; }
        .ideasStore .ideasList .ideasMenu.simpleReader__menu {
          display: flex;
          flex-wrap: wrap;
          column-gap: 1rem;
          padding: 1rem; }
          .ideasStore .ideasList .ideasMenu.simpleReader__menu p {
            font-size: 20px;
            font-weight: 500px; } }
    @media (max-width: 1023px) {
      .ideasStore .ideasList .simpleReader__list.allIdeas .allIdeas__item {
        display: flex;
        flex-direction: column; }
        .ideasStore .ideasList .simpleReader__list.allIdeas .allIdeas__item .allIdeas__item_body .allIdeas__item_reacts {
          margin-top: 1rem;
          flex-direction: column;
          row-gap: 1rem; } }
  .ideasStore .allIdeas__modal {
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background-color: rgba(0, 0, 0, 0.4);
    z-index: 20;
    display: flex;
    justify-content: center;
    display: none; }
    .ideasStore .allIdeas__modal .allIdeas__modalCard {
      border-radius: 20px;
      padding: 2rem 1rem;
      display: grid;
      grid-template-columns: 3fr 4fr;
      grid-gap: 1rem;
      background: url("../public/modalBG.png") no-repeat;
      background-size: contain;
      background-color: #fff;
      position: relative; }
      .ideasStore .allIdeas__modal .allIdeas__modalCard .allIdeas__balance {
        position: relative;
        min-width: 300px; }
        .ideasStore .allIdeas__modal .allIdeas__modalCard .allIdeas__balance .allIdeas__backCard {
          position: absolute;
          right: 0;
          top: 2rem;
          width: 250px;
          height: 150px;
          background-color: rgba(179, 187, 196, 0.3);
          border-radius: 20px; }
          .ideasStore .allIdeas__modal .allIdeas__modalCard .allIdeas__balance .allIdeas__backCard .allIdeas__backCard_magnet {
            height: 40px;
            width: 100%;
            background-color: #b3bbc4;
            margin-top: 2rem; }
        .ideasStore .allIdeas__modal .allIdeas__modalCard .allIdeas__balance .allIdeas__frontCard {
          position: absolute;
          right: 1rem;
          top: 1rem;
          width: 250px;
          height: 150px;
          border-radius: 20px;
          background: linear-gradient(51.78deg, #97CA3E 0%, #FCFF22 100%);
          padding: 1.5rem 1rem;
          display: flex;
          flex-direction: column;
          justify-content: space-between; }
          .ideasStore .allIdeas__modal .allIdeas__modalCard .allIdeas__balance .allIdeas__frontCard .allIdeas__cardBalance p {
            display: flex;
            align-items: center; }
            .ideasStore .allIdeas__modal .allIdeas__modalCard .allIdeas__balance .allIdeas__frontCard .allIdeas__cardBalance p .allIdeas__cardBalanceNum {
              font-size: 20px;
              font-weight: 500; }
      .ideasStore .allIdeas__modal .allIdeas__modalCard .allIdeas__balance.empty ~ .allIdeas__support {
        opacity: .4; }
      .ideasStore .allIdeas__modal .allIdeas__modalCard .allIdeas__support .allIdeas__inputWrap {
        display: flex;
        flex-direction: column;
        margin: 1rem 0;
        max-width: 400px;
        border: 1px solid rgba(202, 227, 47, 0.502);
        border-radius: 10px;
        padding: 1rem;
        position: relative; }
        .ideasStore .allIdeas__modal .allIdeas__modalCard .allIdeas__support .allIdeas__inputWrap input {
          border: 1px solid silver;
          border-radius: 5px;
          padding: 5px;
          padding-left: 2rem; }
        .ideasStore .allIdeas__modal .allIdeas__modalCard .allIdeas__support .allIdeas__inputWrap .cardIcon {
          position: absolute;
          top: 2.75rem;
          left: 1.2rem; }
        .ideasStore .allIdeas__modal .allIdeas__modalCard .allIdeas__support .allIdeas__inputWrap .allIdeas__rangeWrap {
          width: 100%;
          position: relative;
          margin: 1rem 0; }
          .ideasStore .allIdeas__modal .allIdeas__modalCard .allIdeas__support .allIdeas__inputWrap .allIdeas__rangeWrap #ideaSupport {
            width: 100%;
            padding: 0;
            appearance: none;
            border: transparent;
            height: 10px;
            border-radius: 30px;
            background: rgba(202, 227, 47, 0.45);
            background-image: linear-gradient(51.78deg, #97CA3E 0%, #FCFF22 100%);
            background-size: 50% 100%;
            background-repeat: no-repeat; }
          .ideasStore .allIdeas__modal .allIdeas__modalCard .allIdeas__support .allIdeas__inputWrap .allIdeas__rangeWrap input[type="range"]::-webkit-slider-thumb {
            -webkit-appearance: none;
            height: 20px;
            width: 20px;
            border-radius: 50%;
            background: linear-gradient(51.78deg, #97CA3E 0%, #FCFF22 100%);
            border: 1px solid #FFFFFF;
            cursor: ew-resize;
            box-shadow: 0 0 2px 0 #555;
            transition: background .3s ease-in-out; }
          .ideasStore .allIdeas__modal .allIdeas__modalCard .allIdeas__support .allIdeas__inputWrap .allIdeas__rangeWrap input[type="range"]::-moz-range-thumb {
            -webkit-appearance: none;
            height: 20px;
            width: 20px;
            border-radius: 50%;
            background: linear-gradient(51.78deg, #97CA3E 0%, #FCFF22 100%);
            border: 1px solid #FFFFFF;
            cursor: ew-resize;
            box-shadow: 0 0 2px 0 #555;
            transition: background .3s ease-in-out; }
          .ideasStore .allIdeas__modal .allIdeas__modalCard .allIdeas__support .allIdeas__inputWrap .allIdeas__rangeWrap input[type="range"]::-ms-thumb {
            -webkit-appearance: none;
            height: 20px;
            width: 20px;
            border-radius: 50%;
            background: linear-gradient(51.78deg, #97CA3E 0%, #FCFF22 100%);
            border: 1px solid #FFFFFF;
            cursor: ew-resize;
            box-shadow: 0 0 2px 0 #555;
            transition: background .3s ease-in-out; }
          .ideasStore .allIdeas__modal .allIdeas__modalCard .allIdeas__support .allIdeas__inputWrap .allIdeas__rangeWrap input[type="range"]::-webkit-slider-thumb:hover {
            background: linear-gradient(51.78deg, #97CA3E 0%, #FCFF22 100%);
            border: 1px solid #FFFFFF; }
          .ideasStore .allIdeas__modal .allIdeas__modalCard .allIdeas__support .allIdeas__inputWrap .allIdeas__rangeWrap input[type="range"]::-moz-range-thumb:hover {
            background: linear-gradient(51.78deg, #97CA3E 0%, #FCFF22 100%);
            border: 1px solid #FFFFFF; }
          .ideasStore .allIdeas__modal .allIdeas__modalCard .allIdeas__support .allIdeas__inputWrap .allIdeas__rangeWrap input[type="range"]::-ms-thumb:hover {
            background: linear-gradient(51.78deg, #97CA3E 0%, #FCFF22 100%);
            border: 1px solid #FFFFFF; }
          .ideasStore .allIdeas__modal .allIdeas__modalCard .allIdeas__support .allIdeas__inputWrap .allIdeas__rangeWrap input[type=range]::-webkit-slider-runnable-track {
            -webkit-appearance: none;
            box-shadow: none;
            border: none;
            background: transparent; }
          .ideasStore .allIdeas__modal .allIdeas__modalCard .allIdeas__support .allIdeas__inputWrap .allIdeas__rangeWrap input[type=range]::-moz-range-track {
            -webkit-appearance: none;
            box-shadow: none;
            border: none;
            background: transparent; }
          .ideasStore .allIdeas__modal .allIdeas__modalCard .allIdeas__support .allIdeas__inputWrap .allIdeas__rangeWrap input[type="range"]::-ms-track {
            -webkit-appearance: none;
            box-shadow: none;
            border: none;
            background: transparent; }
          .ideasStore .allIdeas__modal .allIdeas__modalCard .allIdeas__support .allIdeas__inputWrap .allIdeas__rangeWrap .allIdeas__rangeNums {
            display: flex;
            justify-content: space-between; }
            .ideasStore .allIdeas__modal .allIdeas__modalCard .allIdeas__support .allIdeas__inputWrap .allIdeas__rangeWrap .allIdeas__rangeNums #rangeMax {
              width: 70px;
              padding: 0;
              text-align: right;
              border: transparent;
              font-weight: 500;
              font-size: 18px; }
            .ideasStore .allIdeas__modal .allIdeas__modalCard .allIdeas__support .allIdeas__inputWrap .allIdeas__rangeWrap .allIdeas__rangeNums #rangeMin {
              font-weight: 500;
              font-size: 18px; }
        .ideasStore .allIdeas__modal .allIdeas__modalCard .allIdeas__support .allIdeas__inputWrap .allIdeas__msg {
          color: #8b8b8b; }
      .ideasStore .allIdeas__modal .allIdeas__modalCard .allIdeas__support .button {
        display: block;
        margin-top: 1rem;
        border: transparent;
        font-size: 16px; }
      .ideasStore .allIdeas__modal .allIdeas__modalCard .allIdeas__modal_closeBtn {
        position: absolute;
        top: 1rem;
        right: 1rem; }
        .ideasStore .allIdeas__modal .allIdeas__modalCard .allIdeas__modal_closeBtn svg {
          fill: #B3BBC4; }
        .ideasStore .allIdeas__modal .allIdeas__modalCard .allIdeas__modal_closeBtn:hover svg {
          fill: #cae32f; }
      @media (max-width: 640px) {
        .ideasStore .allIdeas__modal .allIdeas__modalCard {
          grid-template-columns: 1fr;
          grid-template-rows: 220px 1fr; }
          .ideasStore .allIdeas__modal .allIdeas__modalCard .allIdeas__balance .allIdeas__backCard {
            top: auto;
            bottom: 1rem;
            right: 2rem; }
          .ideasStore .allIdeas__modal .allIdeas__modalCard .allIdeas__balance .allIdeas__frontCard {
            top: auto;
            bottom: 2rem;
            right: 3rem; } }
    @media (max-width: 640px) {
      .ideasStore .allIdeas__modal {
        overflow: auto; } }
  .ideasStore .allIdeas__modal.active {
    display: flex;
    align-items: center;
    justify-content: center; }

.ideaOverview {
  padding: 1rem; }
  .ideaOverview .ideaWrap {
    display: grid;
    grid-template-columns: 1.3fr 4fr 1fr;
    grid-gap: 1rem;
    padding: 1rem;
    border-radius: 20px;
    box-shadow: 0px 4px 11px rgba(0, 0, 0, 0.25);
    margin: 1rem 0; }
    .ideaOverview .ideaWrap .allIdeas__item_author .allIdeas__item_avatar {
      width: 100%;
      border-radius: 20px; }
    .ideaOverview .ideaWrap .allIdeas__item_author .allIdeas__authorName {
      display: grid;
      grid-template-columns: 30px 1fr;
      margin: 10px 0; }
    .ideaOverview .ideaWrap .allIdeas__item_body h3 {
      margin-bottom: 1rem; }
    .ideaOverview .ideaWrap .allIdeas__item_body p {
      margin-bottom: 1rem; }
    .ideaOverview .ideaWrap .allIdeas__item_body .allIdeas__item_reacts {
      display: flex; }
      .ideaOverview .ideaWrap .allIdeas__item_body .allIdeas__item_reacts a.button {
        display: block;
        height: 40px;
        margin: 0 5px;
        font-weight: 500; }
      .ideaOverview .ideaWrap .allIdeas__item_body .allIdeas__item_reacts .allIdeas__item_likers {
        list-style: none;
        display: grid;
        grid-template-columns: repeat(auto-fill, minmax(100px, 1fr));
        grid-gap: 10px;
        justify-items: center;
        margin: 0 10px; }
        .ideaOverview .ideaWrap .allIdeas__item_body .allIdeas__item_reacts .allIdeas__item_likers li {
          margin-right: 10px; }
          .ideaOverview .ideaWrap .allIdeas__item_body .allIdeas__item_reacts .allIdeas__item_likers li .allIdeas__item_likersAvatar {
            max-width: 55px; }
          .ideaOverview .ideaWrap .allIdeas__item_body .allIdeas__item_reacts .allIdeas__item_likers li .allIdeas__item_likersFee {
            display: grid;
            grid-template-columns: 30px 1fr; }
    .ideaOverview .ideaWrap .allIdeas__item_meta a.button {
      display: flex;
      align-items: center;
      background: transparent; }
      .ideaOverview .ideaWrap .allIdeas__item_meta a.button span:first-child {
        margin-right: 5px; }
      .ideaOverview .ideaWrap .allIdeas__item_meta a.button svg {
        margin-right: 5px; }
    .ideaOverview .ideaWrap .allIdeas__item_meta .button.activeIdea {
      color: #97ca3e;
      border: 1px solid #97ca3e; }
    .ideaOverview .ideaWrap .allIdeas__item_meta .button.topIdea {
      color: #be97e5;
      border: 1px solid #be97e5; }
    .ideaOverview .ideaWrap .allIdeas__item_meta .button.inactiveIdea {
      color: #f29090;
      border: 1px solid #f29090; }
    .ideaOverview .ideaWrap .allIdeas__item_meta .button.atWorkIdea {
      color: #667788;
      border: 1px solid #667788; }
    .ideaOverview .ideaWrap .allIdeas__item_meta .button.releaseIdea {
      color: #ffffff;
      background: linear-gradient(51.78deg, #97CA3E 0%, #FCFF22 100%); }
    .ideaOverview .ideaWrap .allIdeas__item_meta .button.goldIdea {
      color: #e5bb24;
      border: 1px solid #e5bb24; }
    .ideaOverview .ideaWrap .allIdeas__item_meta .allIdeas__item_timing {
      margin: 1rem 0; }
    .ideaOverview .ideaWrap .allIdeas__item_meta .allIdeas__item_result {
      margin: 1rem 0; }
      .ideaOverview .ideaWrap .allIdeas__item_meta .allIdeas__item_result .allIdeas__item_resultNum {
        display: grid;
        grid-template-columns: 30px 1fr; }
  @media (max-width: 600px) {
    .ideaOverview .ideaWrap {
      grid-template-columns: 1fr; }
      .ideaOverview .ideaWrap .allIdeas__item_body {
        font-size: 14px; }
        .ideaOverview .ideaWrap .allIdeas__item_body .allIdeas__item_reacts {
          flex-direction: column; }
          .ideaOverview .ideaWrap .allIdeas__item_body .allIdeas__item_reacts .allIdeas__item_likers {
            margin-top: 1rem; } }

.profile {
  min-height: 80vh;
  padding: 1rem; }
  .profile .profile__user {
    display: grid;
    grid-template-columns: 1fr 2fr;
    grid-gap: 2rem;
    margin: 1rem 0; }
    .profile .profile__user .profile__avatar {
      background: url("../public/leadborder.png") no-repeat;
      background-size: 95%;
      background-position: top left;
      padding: 2rem 0 0 2rem; }
      .profile .profile__user .profile__avatar img {
        border-radius: 30px;
        width: 100%; }
    .profile .profile__user .profile__data .profile__subtitle {
      font-size: 14px;
      color: #97ca3e; }
    .profile .profile__user .profile__data h3 {
      margin-bottom: 1rem; }
    .profile .profile__user .profile__data .profile__feautures {
      display: flex;
      align-items: center; }
      .profile .profile__user .profile__data .profile__feautures svg {
        margin-right: 5px; }
    .profile .profile__user .profile__data .profile__money {
      margin: 1rem 0; }
      .profile .profile__user .profile__data .profile__money p {
        font-size: 22px;
        font-weight: 500;
        display: flex;
        align-items: center;
        margin-top: 10px; }
        .profile .profile__user .profile__data .profile__money p img {
          margin-left: 10px; }
    @media (max-width: 600px) {
      .profile .profile__user {
        grid-template-columns: 1fr; } }
  .profile .academyDiary {
    margin: 2rem 0; }
    .profile .academyDiary .academyDiary__table {
      width: 100%;
      border: 1px solid #e9ebee;
      border-radius: 10px;
      border-collapse: collapse;
      margin: 1rem 0;
      font-size: 14px; }
      .profile .academyDiary .academyDiary__table thead {
        background-color: #e9ebee; }
        .profile .academyDiary .academyDiary__table thead th {
          padding: 15px 5px;
          word-break: break-all;
          color: #193e53; }
          .profile .academyDiary .academyDiary__table thead th:first-child {
            border-top-left-radius: 10px; }
          .profile .academyDiary .academyDiary__table thead th:last-child {
            border-top-right-radius: 10px; }
      .profile .academyDiary .academyDiary__table tbody tr {
        color: #667788; }
        .profile .academyDiary .academyDiary__table tbody tr td {
          padding: 15px 5px;
          text-align: center;
          word-break: break-all; }
          .profile .academyDiary .academyDiary__table tbody tr td .academyDiary__grade.excellent {
            color: #89c324; }
          .profile .academyDiary .academyDiary__table tbody tr td .academyDiary__grade.good {
            color: #c0d443; }
          .profile .academyDiary .academyDiary__table tbody tr td .academyDiary__grade.normal {
            color: #dcdc07; }
          .profile .academyDiary .academyDiary__table tbody tr td .academyDiary__grade.bad {
            color: #e29929; }
      @media (max-width: 800px) {
        .profile .academyDiary .academyDiary__table {
          font-size: 10px; } }
  .profile .profileProgres {
    margin: 1rem; }
    .profile .profileProgres .profileProgres__linear {
      margin: 2rem 0;
      border: 1px solid #193e53;
      border-radius: 10px; }
      .profile .profileProgres .profileProgres__linear .profileProgres__linear_hr,
      .profile .profileProgres .profileProgres__linear .profileProgres__linear_row {
        display: grid;
        grid-template-columns: repeat(6, 1fr);
        padding: 10px;
        justify-content: center;
        text-align: center; }
      .profile .profileProgres .profileProgres__linear .profileProgres__linear_hr,
      .profile .profileProgres .profileProgres__linear .profileProgres__linearShort_hr {
        background: #e9ebee;
        border-top-left-radius: 10px;
        border-top-right-radius: 10px; }
      .profile .profileProgres .profileProgres__linear .profileProgres__linear_row .profile__progresBar {
        display: flex; }
        .profile .profileProgres .profileProgres__linear .profileProgres__linear_row .profile__progresBar progress {
          background-color: #f3f3f3;
          border: 0;
          height: 18px;
          border-radius: 20px;
          margin-right: 5px; }
        .profile .profileProgres .profileProgres__linear .profileProgres__linear_row .profile__progresBar progress::-webkit-progress-bar {
          border-radius: 20px;
          background: #f3f3f3; }
        .profile .profileProgres .profileProgres__linear .profileProgres__linear_row .profile__progresBar progress::-webkit-progress-value {
          border-radius: 20px;
          background: linear-gradient(51.78deg, #97CA3E 0%, #FCFF22 100%); }
        .profile .profileProgres .profileProgres__linear .profileProgres__linear_row .profile__progresBar span {
          color: #97ca3e; }
      .profile .profileProgres .profileProgres__linear .profileProgres__linear_row .profileProgres__backlog {
        color: coral; }
      .profile .profileProgres .profileProgres__linear .profileProgres__linearShort_row,
      .profile .profileProgres .profileProgres__linear .profileProgres__linearShort_hr {
        display: grid;
        grid-template-columns: repeat(4, 1fr);
        padding: 10px;
        justify-content: center;
        text-align: center; }
        .profile .profileProgres .profileProgres__linear .profileProgres__linearShort_row progress,
        .profile .profileProgres .profileProgres__linear .profileProgres__linearShort_hr progress {
          background-color: #f3f3f3;
          border: 0;
          height: 18px;
          border-radius: 20px;
          margin-right: 5px; }
        .profile .profileProgres .profileProgres__linear .profileProgres__linearShort_row progress::-webkit-progress-bar,
        .profile .profileProgres .profileProgres__linear .profileProgres__linearShort_hr progress::-webkit-progress-bar {
          border-radius: 20px;
          background: #f3f3f3; }
        .profile .profileProgres .profileProgres__linear .profileProgres__linearShort_row progress::-webkit-progress-value,
        .profile .profileProgres .profileProgres__linear .profileProgres__linearShort_hr progress::-webkit-progress-value {
          border-radius: 20px;
          background: linear-gradient(51.78deg, #97CA3E 0%, #FCFF22 100%); }
        .profile .profileProgres .profileProgres__linear .profileProgres__linearShort_row span,
        .profile .profileProgres .profileProgres__linear .profileProgres__linearShort_hr span {
          color: #97ca3e; }
      @media (max-width: 540px) {
        .profile .profileProgres .profileProgres__linear {
          font-size: 10px; } }
    .profile .profileProgres .profileProgres__twinDashboard {
      display: grid;
      grid-template-columns: repeat(2, 1fr);
      grid-gap: 1rem; }
      .profile .profileProgres .profileProgres__twinDashboard .profileProgres__fullWidth .profileProgres__fullWidth_item svg {
        width: 120px;
        height: 120px; }
      .profile .profileProgres .profileProgres__twinDashboard .profileProgres__fullWidth .profileProgres__fullWidth_item h4 {
        font-size: 12px;
        text-align: center;
        font-weight: 400; }
      @media (max-width: 768px) {
        .profile .profileProgres .profileProgres__twinDashboard {
          grid-template-columns: 1fr; }
          .profile .profileProgres .profileProgres__twinDashboard .profileProgres__fullWidth {
            grid-template-columns: 1fr; } }
    .profile .profileProgres .profileProgres__fullWidth {
      border-radius: 20px;
      box-shadow: 0px 10.9294px 30.0558px rgba(0, 0, 0, 0.25);
      margin: 1rem 0;
      display: grid;
      grid-template-columns: repeat(3, 1fr);
      align-items: center;
      justify-items: center; }
      .profile .profileProgres .profileProgres__fullWidth .profileProgres__fullWidth_item {
        display: flex;
        flex-direction: column;
        align-items: center;
        padding: 1rem; }
        .profile .profileProgres .profileProgres__fullWidth .profileProgres__fullWidth_item svg {
          width: 200px;
          height: 200px; }
        .profile .profileProgres .profileProgres__fullWidth .profileProgres__fullWidth_item .mainCircle {
          width: 300px;
          height: 300px; }
        .profile .profileProgres .profileProgres__fullWidth .profileProgres__fullWidth_item .progresCircle {
          stroke: #97ca3e; }
      @media (max-width: 768px) {
        .profile .profileProgres .profileProgres__fullWidth {
          grid-template-columns: 1fr; } }
  .profile .emoneyReport {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.4);
    z-index: 10;
    display: flex;
    align-items: center;
    justify-content: center; }
    .profile .emoneyReport .emoneyReport__block {
      background-color: #fff;
      padding: 2rem;
      border-radius: 10px;
      display: flex;
      flex-direction: column;
      max-width: 500px;
      width: 100%;
      box-shadow: 0px 4px 19px 0px #667788;
      position: relative; }
      .profile .emoneyReport .emoneyReport__block .emoneyReport__closeBtn {
        position: absolute;
        right: 1rem;
        top: 1rem; }
        .profile .emoneyReport .emoneyReport__block .emoneyReport__closeBtn svg {
          fill: #B3BBC4; }
        .profile .emoneyReport .emoneyReport__block .emoneyReport__closeBtn:hover svg {
          fill: red;
          transition: all linear .3s; }
      .profile .emoneyReport .emoneyReport__block h3 {
        margin-bottom: 1rem; }
      .profile .emoneyReport .emoneyReport__block input[type=date] {
        padding: 5px;
        border: 1px solid silver;
        border-radius: 5px;
        outline: none;
        color: #97ca3e;
        background-repeat: no-repeat;
        background-blend-mode: screen, normal;
        background-image: linear-gradient(45deg, #97ca3e, #97ca3e), url('data:image/svg+xml;utf8,<svg aria-hidden="true" focusable="false" data-prefix="far" data-icon="calendar-alt" class="svg-inline--fa fa-calendar-alt fa-w-14" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><path fill="currentColor" d="M148 288h-40c-6.6 0-12-5.4-12-12v-40c0-6.6 5.4-12 12-12h40c6.6 0 12 5.4 12 12v40c0 6.6-5.4 12-12 12zm108-12v-40c0-6.6-5.4-12-12-12h-40c-6.6 0-12 5.4-12 12v40c0 6.6 5.4 12 12 12h40c6.6 0 12-5.4 12-12zm96 0v-40c0-6.6-5.4-12-12-12h-40c-6.6 0-12 5.4-12 12v40c0 6.6 5.4 12 12 12h40c6.6 0 12-5.4 12-12zm-96 96v-40c0-6.6-5.4-12-12-12h-40c-6.6 0-12 5.4-12 12v40c0 6.6 5.4 12 12 12h40c6.6 0 12-5.4 12-12zm-96 0v-40c0-6.6-5.4-12-12-12h-40c-6.6 0-12 5.4-12 12v40c0 6.6 5.4 12 12 12h40c6.6 0 12-5.4 12-12zm192 0v-40c0-6.6-5.4-12-12-12h-40c-6.6 0-12 5.4-12 12v40c0 6.6 5.4 12 12 12h40c6.6 0 12-5.4 12-12zm96-260v352c0 26.5-21.5 48-48 48H48c-26.5 0-48-21.5-48-48V112c0-26.5 21.5-48 48-48h48V12c0-6.6 5.4-12 12-12h40c6.6 0 12 5.4 12 12v52h128V12c0-6.6 5.4-12 12-12h40c6.6 0 12 5.4 12 12v52h48c26.5 0 48 21.5 48 48zm-48 346V160H48v298c0 3.3 2.7 6 6 6h340c3.3 0 6-2.7 6-6z"></path></svg>');
        background-size: 17px;
        background-position: 98%; }
      .profile .emoneyReport .emoneyReport__block input[type=date]::-webkit-calendar-picker-indicator {
        width: 20px;
        height: 20px;
        opacity: 0; }
      .profile .emoneyReport .emoneyReport__block .emoneyReport__transactionsList {
        list-style: none; }
        .profile .emoneyReport .emoneyReport__block .emoneyReport__transactionsList .emoneyReport__dateTitle {
          font-weight: 500;
          font-size: 14px;
          margin: 1rem 0; }
        .profile .emoneyReport .emoneyReport__block .emoneyReport__transactionsList .emoneyReport__transactionsItem .emoneyReport__transaction {
          display: grid;
          grid-template-columns: 1fr 2fr 1fr;
          grid-gap: 1rem;
          margin: 2rem 0; }
          .profile .emoneyReport .emoneyReport__block .emoneyReport__transactionsList .emoneyReport__transactionsItem .emoneyReport__transaction .emoneyReport__logoWrap {
            display: flex;
            align-items: center;
            justify-content: center;
            border-radius: 10px;
            width: 80px;
            height: 80px; }
          .profile .emoneyReport .emoneyReport__block .emoneyReport__transactionsList .emoneyReport__transactionsItem .emoneyReport__transaction .emoneyReport__transactionMeta {
            flex-direction: column;
            justify-content: space-between; }
            .profile .emoneyReport .emoneyReport__block .emoneyReport__transactionsList .emoneyReport__transactionsItem .emoneyReport__transaction .emoneyReport__transactionMeta .emoneyReport__transactionType {
              font-size: 20px;
              font-weight: 500; }
            .profile .emoneyReport .emoneyReport__block .emoneyReport__transactionsList .emoneyReport__transactionsItem .emoneyReport__transaction .emoneyReport__transactionMeta .emoneyReport__transactionArrive {
              color: silver;
              font-size: 14px;
              font-weight: 500; }
          .profile .emoneyReport .emoneyReport__block .emoneyReport__transactionsList .emoneyReport__transactionsItem .emoneyReport__transaction .emoneyReport__transactionInfo .emoneyReport__transactionAmount {
            font-size: 20px;
            font-weight: 600;
            text-align: right; }
          .profile .emoneyReport .emoneyReport__block .emoneyReport__transactionsList .emoneyReport__transactionsItem .emoneyReport__transaction .emoneyReport__transactionInfo .emoneyReport__transactionDate {
            font-size: 12px;
            text-align: right;
            color: silver; }
        .profile .emoneyReport .emoneyReport__block .emoneyReport__transactionsList .emoneyReport__transactionsItem .emoneyReport__transaction.transaction__success .emoneyReport__logoWrap {
          background: rgba(202, 227, 47, 0.2); }
        .profile .emoneyReport .emoneyReport__block .emoneyReport__transactionsList .emoneyReport__transactionsItem .emoneyReport__transaction.transaction__success .emoneyReport__transactionAmount {
          color: #97ca3e; }
        .profile .emoneyReport .emoneyReport__block .emoneyReport__transactionsList .emoneyReport__transactionsItem .emoneyReport__transaction.transaction__failed .emoneyReport__logoWrap {
          background: rgba(242, 144, 144, 0.2); }
        .profile .emoneyReport .emoneyReport__block .emoneyReport__transactionsList .emoneyReport__transactionsItem .emoneyReport__transaction.transaction__failed .emoneyReport__transactionAmount {
          color: #f29090; }
      .profile .emoneyReport .emoneyReport__block .emoney__pagination {
        display: flex;
        justify-content: space-between; }
        .profile .emoneyReport .emoneyReport__block .emoney__pagination .emoney__pageNum {
          font-size: 24px;
          font-weight: 600;
          color: #97ca3e; }
        .profile .emoneyReport .emoneyReport__block .emoney__pagination .emoney__pageSwitcher {
          display: flex;
          justify-content: space-between;
          width: 75px; }
          .profile .emoneyReport .emoneyReport__block .emoney__pagination .emoney__pageSwitcher .emoney__prevPage,
          .profile .emoneyReport .emoneyReport__block .emoney__pagination .emoney__pageSwitcher .emoney__nextPage {
            display: flex;
            align-items: center;
            justify-content: center;
            padding: 10px;
            background-color: #97ca3e;
            border-radius: 5px; }
          .profile .emoneyReport .emoneyReport__block .emoney__pagination .emoney__pageSwitcher .inactive {
            background-color: rgba(151, 202, 62, 0.4); }

.eshop {
  min-height: 80vh;
  background: url("../public/Eshop_Bg.png") no-repeat;
  background-size: cover; }
  .eshop .eshop__title {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin: 2rem; }
    .eshop .eshop__title p {
      margin: 10px 0;
      color: #667788; }
  .eshop .eshop__mockup {
    margin: 3rem 0;
    position: relative;
    width: 100%; }
    .eshop .eshop__mockup .eshop__mockupPic {
      position: absolute;
      background: url("../public/emoney1Bord.png") no-repeat;
      background-position: top left;
      padding: 1rem 0 0 1rem; }
      .eshop .eshop__mockup .eshop__mockupPic img {
        border-radius: 20px;
        width: 100%; }
    .eshop .eshop__mockup .eshop__mockupPic.pic1 {
      left: 10%;
      top: 1rem;
      width: 220px;
      background-size: 95%; }
    .eshop .eshop__mockup .eshop__mockupPic.pic2 {
      width: 380px;
      left: 37%;
      top: 5rem;
      background-size: 90%;
      padding: 2rem 0 0 2rem; }
    .eshop .eshop__mockup .eshop__mockupPic.pic3 {
      width: 230px;
      right: 0;
      top: 1rem;
      background-position: top right;
      background-size: 95%;
      padding: 1.5rem 1rem 0 0; }
  .eshop .eshop__header {
    display: grid;
    grid-template-columns: 5fr 1fr 1fr;
    grid-gap: 1rem;
    align-items: center;
    padding: 1rem; }
    .eshop .eshop__header .eshop__search {
      display: flex; }
      .eshop .eshop__header .eshop__search input {
        width: 90%;
        border: 1px solid #97ca3e;
        padding: 5px;
        border-radius: 5px; }
      .eshop .eshop__header .eshop__search button {
        border: transparent;
        border-radius: 5px;
        padding: 5px 15px;
        background: linear-gradient(51.78deg, #97CA3E 0%, #FCFF22 100%); }
    @media (max-width: 820px) {
      .eshop .eshop__header {
        grid-template-columns: 1fr; } }
    .eshop .eshop__header input {
      width: 50%; }
  .eshop .eshop__filterSwitch {
    display: flex;
    align-items: center;
    padding: 1rem;
    border-bottom: 1px solid silver;
    flex-wrap: wrap; }
    .eshop .eshop__filterSwitch .eshop__filters {
      display: flex;
      list-style: none;
      flex-wrap: wrap; }
      .eshop .eshop__filterSwitch .eshop__filters li {
        margin: 10px 10px 5px 0;
        padding: 5px 10px;
        background: transparent;
        border: 2px solid #97ca3e;
        border-radius: 10px; }
      .eshop .eshop__filterSwitch .eshop__filters li.active {
        background: linear-gradient(51.78deg, #97CA3E 0%, #FCFF22 100%);
        border: transparent; }
    .eshop .eshop__filterSwitch .eshop__sortingOrder {
      display: flex;
      align-items: center;
      margin-left: 1rem; }
      .eshop .eshop__filterSwitch .eshop__sortingOrder .eshop__sortTop {
        background: transparent;
        border: 1px solid #97ca3e;
        display: flex;
        align-items: center;
        justify-content: center;
        padding: 5px;
        border-radius: 10px;
        margin-right: 5px; }
        .eshop .eshop__filterSwitch .eshop__sortingOrder .eshop__sortTop svg {
          fill: #B3BBC4; }
      .eshop .eshop__filterSwitch .eshop__sortingOrder .eshop__sortDown {
        background: transparent;
        border: 1px solid #97ca3e;
        display: flex;
        align-items: center;
        justify-content: center;
        padding: 5px;
        border-radius: 10px; }
        .eshop .eshop__filterSwitch .eshop__sortingOrder .eshop__sortDown svg {
          fill: #B3BBC4; }
      .eshop .eshop__filterSwitch .eshop__sortingOrder .eshop__sortDown.active,
      .eshop .eshop__filterSwitch .eshop__sortingOrder .eshop__sortTop.active {
        background: linear-gradient(51.78deg, #97CA3E 0%, #FCFF22 100%); }
        .eshop .eshop__filterSwitch .eshop__sortingOrder .eshop__sortDown.active svg,
        .eshop .eshop__filterSwitch .eshop__sortingOrder .eshop__sortTop.active svg {
          fill: #ffffff; }
  .eshop .eshop__goodsList {
    list-style: none;
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(240px, 260px));
    grid-gap: 2rem 1rem;
    padding: 1rem;
    justify-content: center; }
    .eshop .eshop__goodsList .eshop__goodsListItem {
      display: flex;
      flex-direction: column;
      align-items: center;
      padding: 1rem 2rem;
      background: #FFFFFF;
      border-radius: 40px;
      min-height: 420px; }
      .eshop .eshop__goodsList .eshop__goodsListItem .eshop__goodsName {
        margin: 5px 0;
        align-self: start; }
      .eshop .eshop__goodsList .eshop__goodsListItem .eshop__goodsDescription {
        margin: 5px 0;
        align-self: start; }
      .eshop .eshop__goodsList .eshop__goodsListItem .eshop__goodsPrice {
        align-self: start; }
      .eshop .eshop__goodsList .eshop__goodsListItem a.button {
        visibility: hidden;
        margin-top: 10px;
        width: 100%;
        text-align: center;
        transition: 0;
        animation-delay: 0ms; }
      .eshop .eshop__goodsList .eshop__goodsListItem:hover {
        box-shadow: 0px 3.12882px 8.60427px rgba(0, 0, 0, 0.25); }
        .eshop .eshop__goodsList .eshop__goodsListItem:hover a.button {
          visibility: visible; }
      .eshop .eshop__goodsList .eshop__goodsListItem .eshop__goodsPresence.available {
        margin: 10px 0;
        color: #97CA3E;
        align-self: start; }
      .eshop .eshop__goodsList .eshop__goodsListItem .eshop__goodsPresence.ended {
        margin: 10px 0;
        color: #F29090;
        align-self: start; }
    .eshop .eshop__goodsList .eshop__goodsListItem.ended {
      opacity: .3; }
  .eshop .eshop__cart {
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background-color: rgba(0, 0, 0, 0.4);
    align-items: center;
    justify-content: center;
    display: none;
    z-index: 10; }
    .eshop .eshop__cart .eshop__cartBlock {
      background: #ffffff;
      padding: 1rem;
      border-radius: 20px; }
      .eshop .eshop__cart .eshop__cartBlock .eshop__cartGoods {
        padding: 1rem;
        border-bottom: 1px solid silver; }
        .eshop .eshop__cart .eshop__cartBlock .eshop__cartGoods .eshop__cartGoodsItem {
          display: grid;
          grid-template-columns: 1fr 2fr 1fr;
          grid-gap: 1rem;
          justify-content: center; }
          .eshop .eshop__cart .eshop__cartBlock .eshop__cartGoods .eshop__cartGoodsItem img {
            width: 90px; }
          .eshop .eshop__cart .eshop__cartBlock .eshop__cartGoods .eshop__cartGoodsItem .eshop__cartGoodsName {
            display: grid;
            grid-template-columns: 30px 1fr; }
            .eshop .eshop__cart .eshop__cartBlock .eshop__cartGoods .eshop__cartGoodsItem .eshop__cartGoodsName p {
              grid-column-start: 2; }
            .eshop .eshop__cart .eshop__cartBlock .eshop__cartGoods .eshop__cartGoodsItem .eshop__cartGoodsName svg {
              align-self: center; }
          .eshop .eshop__cart .eshop__cartBlock .eshop__cartGoods .eshop__cartGoodsItem .eshop__cartGoodsCount {
            display: flex;
            align-items: center;
            padding: 1rem 0; }
            .eshop .eshop__cart .eshop__cartBlock .eshop__cartGoods .eshop__cartGoodsItem .eshop__cartGoodsCount .eshop__cartGoodsDec,
            .eshop .eshop__cart .eshop__cartBlock .eshop__cartGoods .eshop__cartGoodsItem .eshop__cartGoodsCount .eshop__cartGoodsInc {
              padding: 5px;
              border: 1px solid silver;
              margin: 0 1rem;
              border-radius: 5px;
              display: flex;
              justify-content: center;
              align-items: center; }
              .eshop .eshop__cart .eshop__cartBlock .eshop__cartGoods .eshop__cartGoodsItem .eshop__cartGoodsCount .eshop__cartGoodsDec svg,
              .eshop .eshop__cart .eshop__cartBlock .eshop__cartGoods .eshop__cartGoodsItem .eshop__cartGoodsCount .eshop__cartGoodsInc svg {
                fill: #B3BBC4; }
              .eshop .eshop__cart .eshop__cartBlock .eshop__cartGoods .eshop__cartGoodsItem .eshop__cartGoodsCount .eshop__cartGoodsDec:hover,
              .eshop .eshop__cart .eshop__cartBlock .eshop__cartGoods .eshop__cartGoodsItem .eshop__cartGoodsCount .eshop__cartGoodsInc:hover {
                background: #97ca3e; }
                .eshop .eshop__cart .eshop__cartBlock .eshop__cartGoods .eshop__cartGoodsItem .eshop__cartGoodsCount .eshop__cartGoodsDec:hover svg,
                .eshop .eshop__cart .eshop__cartBlock .eshop__cartGoods .eshop__cartGoodsItem .eshop__cartGoodsCount .eshop__cartGoodsInc:hover svg {
                  fill: #fff; }
            .eshop .eshop__cart .eshop__cartBlock .eshop__cartGoods .eshop__cartGoodsItem .eshop__cartGoodsCount .eshop__cartGoodsRemove svg {
              fill: #B3BBC4; }
            .eshop .eshop__cart .eshop__cartBlock .eshop__cartGoods .eshop__cartGoodsItem .eshop__cartGoodsCount .eshop__cartGoodsRemove:hover svg {
              fill: red; }
          .eshop .eshop__cart .eshop__cartBlock .eshop__cartGoods .eshop__cartGoodsItem .eshop__cartGoodsCost {
            align-self: self-end; }
          @media (max-width: 380px) {
            .eshop .eshop__cart .eshop__cartBlock .eshop__cartGoods .eshop__cartGoodsItem {
              grid-template-columns: 1fr;
              justify-items: center; } }
      .eshop .eshop__cart .eshop__cartBlock .eshop__cartPay {
        padding: 1rem;
        display: flex;
        justify-content: space-between; }
        .eshop .eshop__cart .eshop__cartBlock .eshop__cartPay .eshop__cartBalance {
          display: grid;
          grid-template-columns: 60px 1fr; }
          .eshop .eshop__cart .eshop__cartBlock .eshop__cartPay .eshop__cartBalance svg {
            grid-row-start: 1;
            grid-row-end: 3;
            align-self: center; }
          .eshop .eshop__cart .eshop__cartBlock .eshop__cartPay .eshop__cartBalance .eshop__cartBalanceNum {
            display: flex;
            grid-column-start: 2; }
      .eshop .eshop__cart .eshop__cartBlock .eshop__cartBtngroup {
        display: flex;
        justify-content: space-between;
        align-items: center;
        padding: 1rem; }
  .eshop .eshop__cart.active {
    display: flex; }
  .eshop .eshop__pagination {
    display: flex;
    justify-content: space-between;
    padding: 0 2rem; }
    .eshop .eshop__pagination .eshop__pageNum {
      color: #97CA3E;
      font-size: 24px;
      font-weight: 500;
      display: flex;
      align-items: center; }
    .eshop .eshop__pagination .eshop__switch {
      display: flex;
      margin: 1rem 0; }
      .eshop .eshop__pagination .eshop__switch .eshop__prevPage,
      .eshop .eshop__pagination .eshop__switch .eshop__nextPage {
        background: #97CA3E;
        width: 40px;
        height: 40px;
        display: flex;
        align-items: center;
        justify-content: center;
        margin: 0 5px;
        border-radius: 5px; }

.interviewDetail {
  padding: 1rem; }
  .interviewDetail .interviewPlayer {
    display: grid;
    grid-template-columns: 4fr 1fr;
    grid-gap: 1rem; }
    .interviewDetail .interviewPlayer .interviewPlayer__clip .interviewPlayer__video {
      width: 100%;
      height: 430px;
      border-radius: 20px; }
    .interviewDetail .interviewPlayer .interviewPlayer__clip .interviewPlayer__clipMeta {
      margin: 1rem 0;
      display: flex;
      align-items: center;
      justify-content: space-between; }
      .interviewDetail .interviewPlayer .interviewPlayer__clip .interviewPlayer__clipMeta h3 {
        color: #193e53; }
      .interviewDetail .interviewPlayer .interviewPlayer__clip .interviewPlayer__clipMeta .interviewPlayer__clipReacts {
        display: flex; }
        .interviewDetail .interviewPlayer .interviewPlayer__clip .interviewPlayer__clipMeta .interviewPlayer__clipReacts .like, .interviewDetail .interviewPlayer .interviewPlayer__clip .interviewPlayer__clipMeta .interviewPlayer__clipReacts .dislike {
          display: flex;
          align-items: center;
          margin: 0 5px;
          font-size: 18px; }
          .interviewDetail .interviewPlayer .interviewPlayer__clip .interviewPlayer__clipMeta .interviewPlayer__clipReacts .like svg, .interviewDetail .interviewPlayer .interviewPlayer__clip .interviewPlayer__clipMeta .interviewPlayer__clipReacts .dislike svg {
            margin-right: 10px; }
    .interviewDetail .interviewPlayer .interviewPlayer__clip .interviewPlayer__describe {
      background: #E9EBEE;
      padding: 1rem;
      border-radius: 10px;
      margin: 2rem 0;
      overflow: hidden;
      height: 160px;
      transition: all linear .6s; }
      .interviewDetail .interviewPlayer .interviewPlayer__clip .interviewPlayer__describe h4 {
        margin-bottom: 1rem; }
    .interviewDetail .interviewPlayer .interviewPlayer__clip .interviewPlayer__comments .interviewPlayer__commentsCount {
      display: flex;
      align-items: center; }
      .interviewDetail .interviewPlayer .interviewPlayer__clip .interviewPlayer__comments .interviewPlayer__commentsCount .interviewPlayer__commentsCountNum {
        font-size: 20px;
        margin-right: 2rem; }
      .interviewDetail .interviewPlayer .interviewPlayer__clip .interviewPlayer__comments .interviewPlayer__commentsCount .interviewPlayer__commentsFilter {
        cursor: pointer; }
    .interviewDetail .interviewPlayer .interviewPlayer__clip .interviewPlayer__comments .interviewPlayer__createComment {
      display: grid;
      grid-template-columns: 100px 1fr;
      grid-gap: 1rem;
      margin: 1rem 0; }
      .interviewDetail .interviewPlayer .interviewPlayer__clip .interviewPlayer__comments .interviewPlayer__createComment .interviewPalyer__commentatorAvatar img {
        width: 80px;
        height: 80px;
        border-radius: 50%;
        object-fit: cover;
        object-position: center; }
      .interviewDetail .interviewPlayer .interviewPlayer__clip .interviewPlayer__comments .interviewPlayer__createComment .interviewPalyer__commentBody {
        display: flex;
        flex-direction: column;
        align-items: end; }
        .interviewDetail .interviewPlayer .interviewPlayer__clip .interviewPlayer__comments .interviewPlayer__createComment .interviewPalyer__commentBody textarea {
          width: 100%;
          border: 1px solid #97ca3e;
          border-radius: 20px;
          padding: 1rem;
          color: #193e53; }
        .interviewDetail .interviewPlayer .interviewPlayer__clip .interviewPlayer__comments .interviewPlayer__createComment .interviewPalyer__commentBody .interviewPalyer__commentBtns {
          margin-top: 2rem; }
          .interviewDetail .interviewPlayer .interviewPlayer__clip .interviewPlayer__comments .interviewPlayer__createComment .interviewPalyer__commentBody .interviewPalyer__commentBtns .button {
            margin-left: 1rem; }
    .interviewDetail .interviewPlayer .interviewPlayer__clip .interviewPlayer__comments .interviewPlayer__lastComments {
      list-style: none;
      width: 100%;
      margin: 2rem 0; }
      .interviewDetail .interviewPlayer .interviewPlayer__clip .interviewPlayer__comments .interviewPlayer__lastComments .interviewPlayer__сomment {
        display: grid;
        grid-template-columns: 100px 1fr;
        grid-gap: 1rem;
        margin-bottom: 2rem; }
        .interviewDetail .interviewPlayer .interviewPlayer__clip .interviewPlayer__comments .interviewPlayer__lastComments .interviewPlayer__сomment .interviewPalyer__commentatorAvatar {
          width: 80px;
          height: 80px;
          border-radius: 50%;
          object-fit: cover;
          object-position: center; }
        .interviewDetail .interviewPlayer .interviewPlayer__clip .interviewPlayer__comments .interviewPlayer__lastComments .interviewPlayer__сomment .interviewPalyer__commentator {
          color: #193e53;
          font-size: 18px;
          font-weight: 500; }
          .interviewDetail .interviewPlayer .interviewPlayer__clip .interviewPlayer__comments .interviewPlayer__lastComments .interviewPlayer__сomment .interviewPalyer__commentator .interviewPalyer__commentDate {
            font-size: 14px;
            font-weight: 400;
            margin-left: 1rem;
            color: silver; }
    .interviewDetail .interviewPlayer .interviewPlayer__otherClips .interviewPlayer__otherClips_list {
      list-style: none;
      display: flex;
      flex-direction: column;
      align-items: center;
      margin-top: 1rem; }
      .interviewDetail .interviewPlayer .interviewPlayer__otherClips .interviewPlayer__otherClips_list .interviewPlayer__otherClips_listItem {
        margin-bottom: 10px; }
        .interviewDetail .interviewPlayer .interviewPlayer__otherClips .interviewPlayer__otherClips_list .interviewPlayer__otherClips_listItem a img {
          width: 100%;
          border-radius: 10px; }
    @media (max-width: 700px) {
      .interviewDetail .interviewPlayer {
        grid-template-columns: 1fr;
        justify-content: center; } }
    @media (max-width: 500px) {
      .interviewDetail .interviewPlayer .interviewPlayer__clip .interviewPlayer__clipMeta {
        flex-direction: column; }
      .interviewDetail .interviewPlayer .interviewPlayer__clip .interviewPlayer__comments .interviewPlayer__createComment {
        grid-template-columns: 1fr; }
      .interviewDetail .interviewPlayer .interviewPlayer__clip .interviewPlayer__comments .interviewPlayer__lastComments .interviewPlayer__сomment {
        grid-template-columns: 1fr; } }

.tiktok {
  padding: 1rem; }
  .tiktok .tiktok__videoWrap {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    width: 100%;
    justify-items: center;
    grid-gap: 2rem 1rem; }
    .tiktok .tiktok__videoWrap .tiktok__videoClip {
      display: grid;
      grid-template-columns: 1fr 120px; }
      .tiktok .tiktok__videoWrap .tiktok__videoClip video {
        width: 340px;
        height: 100%;
        max-height: 620px;
        border-radius: 30px;
        background-color: #000000; }
      .tiktok .tiktok__videoWrap .tiktok__videoClip p {
        text-align: center;
        margin-top: 5px; }
    .tiktok .tiktok__videoWrap .tiktok__reacts {
      display: flex;
      flex-direction: column;
      justify-content: center; }
      .tiktok .tiktok__videoWrap .tiktok__reacts .tiktok__like,
      .tiktok .tiktok__videoWrap .tiktok__reacts .tiktok__dislike,
      .tiktok .tiktok__videoWrap .tiktok__reacts .tiktok__commentsBtn {
        display: flex;
        flex-direction: column;
        align-items: center;
        margin-bottom: 1rem;
        padding: 10px; }
        .tiktok .tiktok__videoWrap .tiktok__reacts .tiktok__like .tiktok__likeIcon,
        .tiktok .tiktok__videoWrap .tiktok__reacts .tiktok__like .tiktok__dislikeIcon,
        .tiktok .tiktok__videoWrap .tiktok__reacts .tiktok__like .tiktok__commentsIcon,
        .tiktok .tiktok__videoWrap .tiktok__reacts .tiktok__dislike .tiktok__likeIcon,
        .tiktok .tiktok__videoWrap .tiktok__reacts .tiktok__dislike .tiktok__dislikeIcon,
        .tiktok .tiktok__videoWrap .tiktok__reacts .tiktok__dislike .tiktok__commentsIcon,
        .tiktok .tiktok__videoWrap .tiktok__reacts .tiktok__commentsBtn .tiktok__likeIcon,
        .tiktok .tiktok__videoWrap .tiktok__reacts .tiktok__commentsBtn .tiktok__dislikeIcon,
        .tiktok .tiktok__videoWrap .tiktok__reacts .tiktok__commentsBtn .tiktok__commentsIcon {
          display: flex;
          align-items: center;
          justify-content: center;
          border-radius: 50%;
          padding: 10px;
          background: #b3bbc4;
          transition: all linear 0.4s; }
          .tiktok .tiktok__videoWrap .tiktok__reacts .tiktok__like .tiktok__likeIcon svg,
          .tiktok .tiktok__videoWrap .tiktok__reacts .tiktok__like .tiktok__dislikeIcon svg,
          .tiktok .tiktok__videoWrap .tiktok__reacts .tiktok__like .tiktok__commentsIcon svg,
          .tiktok .tiktok__videoWrap .tiktok__reacts .tiktok__dislike .tiktok__likeIcon svg,
          .tiktok .tiktok__videoWrap .tiktok__reacts .tiktok__dislike .tiktok__dislikeIcon svg,
          .tiktok .tiktok__videoWrap .tiktok__reacts .tiktok__dislike .tiktok__commentsIcon svg,
          .tiktok .tiktok__videoWrap .tiktok__reacts .tiktok__commentsBtn .tiktok__likeIcon svg,
          .tiktok .tiktok__videoWrap .tiktok__reacts .tiktok__commentsBtn .tiktok__dislikeIcon svg,
          .tiktok .tiktok__videoWrap .tiktok__reacts .tiktok__commentsBtn .tiktok__commentsIcon svg {
            fill: #667788;
            transition: all linear 0.4s; }
          .tiktok .tiktok__videoWrap .tiktok__reacts .tiktok__like .tiktok__likeIcon:hover,
          .tiktok .tiktok__videoWrap .tiktok__reacts .tiktok__like .tiktok__dislikeIcon:hover,
          .tiktok .tiktok__videoWrap .tiktok__reacts .tiktok__like .tiktok__commentsIcon:hover,
          .tiktok .tiktok__videoWrap .tiktok__reacts .tiktok__dislike .tiktok__likeIcon:hover,
          .tiktok .tiktok__videoWrap .tiktok__reacts .tiktok__dislike .tiktok__dislikeIcon:hover,
          .tiktok .tiktok__videoWrap .tiktok__reacts .tiktok__dislike .tiktok__commentsIcon:hover,
          .tiktok .tiktok__videoWrap .tiktok__reacts .tiktok__commentsBtn .tiktok__likeIcon:hover,
          .tiktok .tiktok__videoWrap .tiktok__reacts .tiktok__commentsBtn .tiktok__dislikeIcon:hover,
          .tiktok .tiktok__videoWrap .tiktok__reacts .tiktok__commentsBtn .tiktok__commentsIcon:hover {
            background: #909296; }
            .tiktok .tiktok__videoWrap .tiktok__reacts .tiktok__like .tiktok__likeIcon:hover svg,
            .tiktok .tiktok__videoWrap .tiktok__reacts .tiktok__like .tiktok__dislikeIcon:hover svg,
            .tiktok .tiktok__videoWrap .tiktok__reacts .tiktok__like .tiktok__commentsIcon:hover svg,
            .tiktok .tiktok__videoWrap .tiktok__reacts .tiktok__dislike .tiktok__likeIcon:hover svg,
            .tiktok .tiktok__videoWrap .tiktok__reacts .tiktok__dislike .tiktok__dislikeIcon:hover svg,
            .tiktok .tiktok__videoWrap .tiktok__reacts .tiktok__dislike .tiktok__commentsIcon:hover svg,
            .tiktok .tiktok__videoWrap .tiktok__reacts .tiktok__commentsBtn .tiktok__likeIcon:hover svg,
            .tiktok .tiktok__videoWrap .tiktok__reacts .tiktok__commentsBtn .tiktok__dislikeIcon:hover svg,
            .tiktok .tiktok__videoWrap .tiktok__reacts .tiktok__commentsBtn .tiktok__commentsIcon:hover svg {
              fill: #d4d4d4; }
      .tiktok .tiktok__videoWrap .tiktok__reacts .tiktok__like.clicked .tiktok__likeIcon {
        background: #97ca3e; }
        .tiktok .tiktok__videoWrap .tiktok__reacts .tiktok__like.clicked .tiktok__likeIcon svg {
          fill: #fff; }
      .tiktok .tiktok__videoWrap .tiktok__reacts .tiktok__like.clicked p {
        color: #97ca3e;
        font-weight: 500; }
      .tiktok .tiktok__videoWrap .tiktok__reacts .tiktok__dislike.clicked .tiktok__dislikeIcon {
        background: #eb4949; }
        .tiktok .tiktok__videoWrap .tiktok__reacts .tiktok__dislike.clicked .tiktok__dislikeIcon svg {
          fill: #fff; }
      .tiktok .tiktok__videoWrap .tiktok__reacts .tiktok__dislike.clicked p {
        color: #eb4949;
        font-weight: 500; }
      .tiktok .tiktok__videoWrap .tiktok__reacts .tiktok__comments {
        position: fixed;
        left: 0;
        right: 0;
        top: 0;
        bottom: 0;
        background-color: rgba(0, 0, 0, 0.4);
        z-index: 12;
        display: flex;
        justify-content: center;
        align-items: center; }
        .tiktok .tiktok__videoWrap .tiktok__reacts .tiktok__comments .tiktok__commentsBlock {
          background: #ffffff;
          border-radius: 20px;
          padding: 2rem;
          width: 100%;
          max-width: 600px;
          overflow: auto; }
          .tiktok .tiktok__videoWrap .tiktok__reacts .tiktok__comments .tiktok__commentsBlock .tiktok__commentsHead {
            display: flex;
            justify-content: space-between; }
            .tiktok .tiktok__videoWrap .tiktok__reacts .tiktok__comments .tiktok__commentsBlock .tiktok__commentsHead p {
              font-size: 20px;
              font-weight: 500; }
              .tiktok .tiktok__videoWrap .tiktok__reacts .tiktok__comments .tiktok__commentsBlock .tiktok__commentsHead p span {
                color: #B3BBC4;
                margin-left: 5px; }
            .tiktok .tiktok__videoWrap .tiktok__reacts .tiktok__comments .tiktok__commentsBlock .tiktok__commentsHead .tiktok__commentsClose svg {
              fill: #B3BBC4; }
            .tiktok .tiktok__videoWrap .tiktok__reacts .tiktok__comments .tiktok__commentsBlock .tiktok__commentsHead .tiktok__commentsClose:hover svg {
              fill: #eb4949; }
          .tiktok .tiktok__videoWrap .tiktok__reacts .tiktok__comments .tiktok__commentsBlock .tiktok__createComment {
            display: grid;
            grid-template-columns: 100px 1fr;
            grid-gap: 1rem;
            align-items: center;
            margin: 1rem 0; }
            .tiktok .tiktok__videoWrap .tiktok__reacts .tiktok__comments .tiktok__commentsBlock .tiktok__createComment textarea {
              border: 1px solid #667788;
              border-radius: 10px;
              padding: 10px; }
            .tiktok .tiktok__videoWrap .tiktok__reacts .tiktok__comments .tiktok__commentsBlock .tiktok__createComment .tiktok__createComment_btns {
              grid-column-start: 1;
              grid-column-end: 3;
              display: none;
              align-items: center;
              justify-content: flex-end; }
              .tiktok .tiktok__videoWrap .tiktok__reacts .tiktok__comments .tiktok__commentsBlock .tiktok__createComment .tiktok__createComment_btns .button {
                margin-left: 1rem; }
          .tiktok .tiktok__videoWrap .tiktok__reacts .tiktok__comments .tiktok__commentsBlock .tiktok__createComment.active .tiktok__createComment_btns {
            display: flex;
            align-items: center;
            justify-content: flex-end; }
          .tiktok .tiktok__videoWrap .tiktok__reacts .tiktok__comments .tiktok__commentsBlock .tiktok__leavedComments {
            list-style: none; }
            .tiktok .tiktok__videoWrap .tiktok__reacts .tiktok__comments .tiktok__commentsBlock .tiktok__leavedComments .tiktok__commentsItem {
              display: grid;
              grid-template-columns: 100px 1fr;
              grid-gap: 10px;
              margin-bottom: 1rem; }
              .tiktok .tiktok__videoWrap .tiktok__reacts .tiktok__comments .tiktok__commentsBlock .tiktok__leavedComments .tiktok__commentsItem .tiktok__commentsItem_body p {
                text-align: left; }
              @media (max-width: 500px) {
                .tiktok .tiktok__videoWrap .tiktok__reacts .tiktok__comments .tiktok__commentsBlock .tiktok__leavedComments .tiktok__commentsItem {
                  grid-template-columns: 1fr; } }
          .tiktok .tiktok__videoWrap .tiktok__reacts .tiktok__comments .tiktok__commentsBlock .tiktok__commentatorAvatar {
            width: 70px;
            height: 70px;
            border-radius: 50%;
            object-fit: cover;
            object-position: center; }
          @media (max-width: 500px) {
            .tiktok .tiktok__videoWrap .tiktok__reacts .tiktok__comments .tiktok__commentsBlock {
              max-width: 100%; } }
    @media (max-width: 700px) {
      .tiktok .tiktok__videoWrap {
        grid-template-columns: 1fr; }
        .tiktok .tiktok__videoWrap .tiktok__videoClip {
          grid-template-columns: 1fr; }
          .tiktok .tiktok__videoWrap .tiktok__videoClip .tiktok__reacts {
            flex-direction: row; } }
    @media (max-width: 375px) {
      .tiktok .tiktok__videoWrap .tiktok__videoClip video {
        max-width: 300px; } }

.instaGroshi {
  margin: 1rem; }
  .instaGroshi .instaGroshi__posts {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
    grid-gap: 2rem 1rem;
    list-style: none;
    margin: 1rem 0; }
    .instaGroshi .instaGroshi__posts .instaGroshi__post .instaGroshi__postMeta {
      display: flex;
      align-items: center;
      margin: 10px 0; }
      .instaGroshi .instaGroshi__posts .instaGroshi__post .instaGroshi__postMeta .instaGroshi__authorAvatar {
        width: 50px; }
      .instaGroshi .instaGroshi__posts .instaGroshi__post .instaGroshi__postMeta .instaGroshi__authorName {
        margin: 0 5px;
        color: #193E53;
        font-weight: 500; }
      .instaGroshi .instaGroshi__posts .instaGroshi__post .instaGroshi__postMeta .instaGroshi__postDate {
        color: silver; }
    .instaGroshi .instaGroshi__posts .instaGroshi__post img {
      width: 100%;
      border-radius: 20px; }
    .instaGroshi .instaGroshi__posts .instaGroshi__post .instaGroshi__post_reacts {
      display: flex;
      margin: 10px 0; }
      .instaGroshi .instaGroshi__posts .instaGroshi__post .instaGroshi__post_reacts .instaGroshi__likes {
        margin-right: 1rem;
        margin-left: 5px; }
    .instaGroshi .instaGroshi__posts .instaGroshi__post .instaGroshi__lastComment {
      display: grid;
      grid-template-columns: 50px 1fr;
      grid-gap: 10px;
      margin: 1rem; }
      .instaGroshi .instaGroshi__posts .instaGroshi__post .instaGroshi__lastComment .instaGroshi__lastComment_time {
        color: silver; }
      @media (max-width: 600px) {
        .instaGroshi .instaGroshi__posts .instaGroshi__post .instaGroshi__lastComment {
          grid-template-columns: 1fr; }
          .instaGroshi .instaGroshi__posts .instaGroshi__post .instaGroshi__lastComment img {
            width: 70px; } }
  .instaGroshi .instaGroshi__postDetail {
    position: fixed;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0, 0, 0, 0.6);
    z-index: 10;
    display: flex;
    justify-content: center;
    align-items: center; }
    .instaGroshi .instaGroshi__postDetail .instaGroshi__postDetailForm {
      background: #ffffff;
      display: grid;
      grid-template-columns: 1fr 3fr;
      grid-gap: 1rem;
      border-radius: 20px;
      max-width: 720px; }
      .instaGroshi .instaGroshi__postDetail .instaGroshi__postDetailForm img {
        border-radius: 20px; }
      .instaGroshi .instaGroshi__postDetail .instaGroshi__postDetailForm .instaGroshi__postDetailRightBlock {
        display: grid;
        grid-template-columns: 1fr;
        grid-template-rows: 5.3fr 1fr 1fr; }
        .instaGroshi .instaGroshi__postDetail .instaGroshi__postDetailForm .instaGroshi__postDetailRightBlock .instaGroshi__postDetailBio .instaGroshi__postDetailDescribe {
          padding: 1rem;
          font-size: 14px; }
        .instaGroshi .instaGroshi__postDetail .instaGroshi__postDetailForm .instaGroshi__postDetailRightBlock .instaGroshi__postDetailBio .instaGroshi__postDetailCommentsBlock {
          padding: 1rem; }
          .instaGroshi .instaGroshi__postDetail .instaGroshi__postDetailForm .instaGroshi__postDetailRightBlock .instaGroshi__postDetailBio .instaGroshi__postDetailCommentsBlock .instaGroshi__postDetailComments {
            list-style: none;
            overflow-y: auto;
            max-height: 145px;
            margin-top: 10px; }
            .instaGroshi .instaGroshi__postDetail .instaGroshi__postDetailForm .instaGroshi__postDetailRightBlock .instaGroshi__postDetailBio .instaGroshi__postDetailCommentsBlock .instaGroshi__postDetailComments .instaGroshi__postDetailComment {
              display: grid;
              grid-template-columns: 50px 1fr;
              align-items: center;
              margin-top: 1rem; }
              .instaGroshi .instaGroshi__postDetail .instaGroshi__postDetailForm .instaGroshi__postDetailRightBlock .instaGroshi__postDetailBio .instaGroshi__postDetailCommentsBlock .instaGroshi__postDetailComments .instaGroshi__postDetailComment .instaGroshi__postDetailCommentator {
                color: #193E53;
                font-weight: 500; }
              .instaGroshi .instaGroshi__postDetail .instaGroshi__postDetailForm .instaGroshi__postDetailRightBlock .instaGroshi__postDetailBio .instaGroshi__postDetailCommentsBlock .instaGroshi__postDetailComments .instaGroshi__postDetailComment .instaGroshi__postDetailCommentBody {
                margin-top: 10px;
                grid-column-start: 1;
                grid-column-end: 3;
                font-size: 14px; }
        .instaGroshi .instaGroshi__postDetail .instaGroshi__postDetailForm .instaGroshi__postDetailRightBlock .instaGroshi__postDetailReacts {
          display: flex;
          padding: 1rem;
          border-top: 1px solid silver; }
          .instaGroshi .instaGroshi__postDetail .instaGroshi__postDetailForm .instaGroshi__postDetailRightBlock .instaGroshi__postDetailReacts .instaGroshi__postDetailLikes {
            margin-right: 1rem; }
            .instaGroshi .instaGroshi__postDetail .instaGroshi__postDetailForm .instaGroshi__postDetailRightBlock .instaGroshi__postDetailReacts .instaGroshi__postDetailLikes svg:hover {
              fill: #ff3a3a; }
          .instaGroshi .instaGroshi__postDetail .instaGroshi__postDetailForm .instaGroshi__postDetailRightBlock .instaGroshi__postDetailReacts .instaGroshi__postDetailComments svg {
            fill: #667788; }
            .instaGroshi .instaGroshi__postDetail .instaGroshi__postDetailForm .instaGroshi__postDetailRightBlock .instaGroshi__postDetailReacts .instaGroshi__postDetailComments svg:hover {
              fill: #193E53; }
        .instaGroshi .instaGroshi__postDetail .instaGroshi__postDetailForm .instaGroshi__postDetailRightBlock .instaGroshi__createComment {
          display: flex;
          padding-right: 1rem;
          align-items: center;
          padding-bottom: 1rem; }
          .instaGroshi .instaGroshi__postDetail .instaGroshi__postDetailForm .instaGroshi__postDetailRightBlock .instaGroshi__createComment input {
            width: 100%;
            margin-left: 10px;
            border: 1px solid #66778880;
            border-radius: 4px;
            height: 40px; }
          .instaGroshi .instaGroshi__postDetail .instaGroshi__postDetailForm .instaGroshi__postDetailRightBlock .instaGroshi__createComment .instaGroshi__avatar {
            width: 50px;
            height: 40px;
            border-radius: 50%; }
  .instaGroshi .instaGroshi__avatar {
    border-radius: 50%;
    width: 40px;
    height: 40px;
    object-fit: cover;
    object-position: center; }
  .instaGroshi .instaGroshi__controllers {
    padding: 1rem 0;
    display: flex;
    justify-content: space-between;
    align-items: center; }
    .instaGroshi .instaGroshi__controllers .instaGroshi__filter {
      position: relative; }
      .instaGroshi .instaGroshi__controllers .instaGroshi__filter select {
        border-radius: 10px;
        width: 200px;
        padding: 5px 0 5px 2rem; }
      .instaGroshi .instaGroshi__controllers .instaGroshi__filter svg {
        position: absolute;
        left: 8px;
        top: 6px; }
  .instaGroshi .instaGroshi__addPost {
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background-color: rgba(0, 0, 0, 0.4);
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 10; }
    .instaGroshi .instaGroshi__addPost .instaGroshi__addPostWindow {
      background: #ffffff;
      border-radius: 20px;
      padding: 2rem 1rem;
      display: flex;
      flex-direction: column;
      position: relative; }
      .instaGroshi .instaGroshi__addPost .instaGroshi__addPostWindow .instaGroshi__inputWrap {
        width: 100%;
        position: relative;
        padding: 5px;
        margin: 1rem 0;
        text-align: center;
        border: 2px dotted silver;
        border-radius: 10px; }
        .instaGroshi .instaGroshi__addPost .instaGroshi__addPostWindow .instaGroshi__inputWrap .input__file {
          opacity: 0;
          position: absolute;
          width: 100%;
          left: 0;
          top: 0;
          bottom: 0; }
        .instaGroshi .instaGroshi__addPost .instaGroshi__addPostWindow .instaGroshi__inputWrap .input__file-icon-wrapper {
          height: 40px;
          width: 40px;
          margin-right: 10px;
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-align: center;
          -ms-flex-align: center;
          align-items: center;
          -webkit-box-pack: center;
          -ms-flex-pack: center;
          justify-content: center;
          border-right: 1px solid #fff; }
        .instaGroshi .instaGroshi__addPost .instaGroshi__addPostWindow .instaGroshi__inputWrap .input__file-button-text {
          line-height: 1;
          margin-top: 1px; }
        .instaGroshi .instaGroshi__addPost .instaGroshi__addPostWindow .instaGroshi__inputWrap .input__file-button {
          width: 100%;
          max-width: 290px;
          height: 60px;
          color: #667788;
          font-size: 14px;
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-align: center;
          -ms-flex-align: center;
          align-items: center;
          -webkit-box-pack: start;
          -ms-flex-pack: start;
          justify-content: flex-start;
          border-radius: 3px;
          cursor: pointer;
          margin: 0 auto; }
        .instaGroshi .instaGroshi__addPost .instaGroshi__addPostWindow .instaGroshi__inputWrap .field__wrapper {
          width: 100%;
          position: relative;
          margin: 15px 0;
          text-align: center; }
        .instaGroshi .instaGroshi__addPost .instaGroshi__addPostWindow .instaGroshi__inputWrap .field__file {
          opacity: 0;
          position: absolute;
          left: 0;
          top: 0;
          bottom: 0; }
        .instaGroshi .instaGroshi__addPost .instaGroshi__addPostWindow .instaGroshi__inputWrap .field__file-wrapper {
          width: 100%;
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-pack: justify;
          -ms-flex-pack: justify;
          justify-content: space-between;
          -webkit-box-align: center;
          -ms-flex-align: center;
          align-items: center;
          -ms-flex-wrap: wrap;
          flex-wrap: wrap; }
        .instaGroshi .instaGroshi__addPost .instaGroshi__addPostWindow .instaGroshi__inputWrap .field__file-fake {
          height: 60px;
          width: calc(100% - 130px);
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-align: center;
          -ms-flex-align: center;
          align-items: center;
          padding: 0 15px;
          border: 1px solid #c7c7c7;
          border-radius: 3px 0 0 3px;
          border-right: none; }
        .instaGroshi .instaGroshi__addPost .instaGroshi__addPostWindow .instaGroshi__inputWrap .field__file-button {
          width: 130px;
          height: 60px;
          background: #1bbc9b;
          color: #fff;
          font-size: 1.125rem;
          font-weight: 700;
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-align: center;
          -ms-flex-align: center;
          align-items: center;
          -webkit-box-pack: center;
          -ms-flex-pack: center;
          justify-content: center;
          border-radius: 0 3px 3px 0;
          cursor: pointer; }
        .instaGroshi .instaGroshi__addPost .instaGroshi__addPostWindow .instaGroshi__inputWrap #instaGroshi__imgForm {
          width: 100%;
          display: grid;
          grid-template-columns: repeat(auto-fill, minmax(80px, 1fr));
          grid-gap: 10px 5px; }
          .instaGroshi .instaGroshi__addPost .instaGroshi__addPostWindow .instaGroshi__inputWrap #instaGroshi__imgForm .instaGroshi__addedFile {
            position: relative; }
            .instaGroshi .instaGroshi__addPost .instaGroshi__addPostWindow .instaGroshi__inputWrap #instaGroshi__imgForm .instaGroshi__addedFile a {
              position: absolute;
              right: -2px;
              top: 0;
              color: #F29090;
              font-size: 26px;
              font-weight: 500;
              line-height: 0.5; }
            .instaGroshi .instaGroshi__addPost .instaGroshi__addPostWindow .instaGroshi__inputWrap #instaGroshi__imgForm .instaGroshi__addedFile img {
              width: 60px;
              height: 60px;
              background: #D9D9D9;
              border-radius: 5px;
              position: relative; }
      .instaGroshi .instaGroshi__addPost .instaGroshi__addPostWindow button.button {
        border: transparent; }
      .instaGroshi .instaGroshi__addPost .instaGroshi__addPostWindow .instaGroshi__addPostWindow_closeBtn {
        position: absolute;
        right: 1rem;
        top: 2rem; }
        .instaGroshi .instaGroshi__addPost .instaGroshi__addPostWindow .instaGroshi__addPostWindow_closeBtn svg {
          fill: #B3BBC4; }
        .instaGroshi .instaGroshi__addPost .instaGroshi__addPostWindow .instaGroshi__addPostWindow_closeBtn:hover svg {
          fill: red; }

.cartCheckout,
.ordersHistory {
  min-height: 700px; }
  .cartCheckout .cartCheckout__header,
  .ordersHistory .cartCheckout__header {
    display: flex;
    justify-content: space-between;
    padding: 1rem; }
    .cartCheckout .cartCheckout__header h3,
    .ordersHistory .cartCheckout__header h3 {
      color: #193e53; }
    .cartCheckout .cartCheckout__header .cartCheckout__returnLink,
    .ordersHistory .cartCheckout__header .cartCheckout__returnLink {
      display: flex;
      align-items: center;
      font-size: 18px;
      color: #193e53; }
      .cartCheckout .cartCheckout__header .cartCheckout__returnLink svg,
      .ordersHistory .cartCheckout__header .cartCheckout__returnLink svg {
        margin-right: 1rem;
        fill: #193e53; }
    @media (max-width: 360px) {
      .cartCheckout .cartCheckout__header h3,
      .ordersHistory .cartCheckout__header h3 {
        font-size: 14px; }
      .cartCheckout .cartCheckout__header .cartCheckout__returnLink,
      .ordersHistory .cartCheckout__header .cartCheckout__returnLink {
        font-size: 14px; } }
  .cartCheckout .checkout__order,
  .ordersHistory .checkout__order {
    padding: 2rem 1rem; }
    .cartCheckout .checkout__order .checkout__orderData .checkout__orderStepTitle,
    .ordersHistory .checkout__order .checkout__orderData .checkout__orderStepTitle {
      display: grid;
      grid-template-columns: 60px 2fr 1fr;
      align-items: center;
      font-weight: 600;
      color: #193e53;
      font-size: 18px;
      margin-top: 2rem; }
      .cartCheckout .checkout__order .checkout__orderData .checkout__orderStepTitle .checkout__orderStepNum,
      .ordersHistory .checkout__order .checkout__orderData .checkout__orderStepTitle .checkout__orderStepNum {
        background: #97ca3e;
        width: 40px;
        height: 40px;
        display: flex;
        justify-content: center;
        align-items: center;
        border-radius: 10px;
        color: #ffffff;
        font-size: 20px;
        font-weight: 500;
        margin-right: 1rem; }
      .cartCheckout .checkout__order .checkout__orderData .checkout__orderStepTitle svg,
      .ordersHistory .checkout__order .checkout__orderData .checkout__orderStepTitle svg {
        margin-left: 1rem; }
      .cartCheckout .checkout__order .checkout__orderData .checkout__orderStepTitle .checkout__orderDate,
      .ordersHistory .checkout__order .checkout__orderData .checkout__orderStepTitle .checkout__orderDate {
        color: silver;
        margin-left: 1rem; }
      .cartCheckout .checkout__order .checkout__orderData .checkout__orderStepTitle .checkout__orderStatus.declined,
      .ordersHistory .checkout__order .checkout__orderData .checkout__orderStepTitle .checkout__orderStatus.declined {
        justify-self: self-end;
        color: #F29090;
        display: flex;
        align-items: center;
        border: 1px solid #F29090;
        border-radius: 5px;
        font-size: 16px;
        padding: 5px 10px; }
        .cartCheckout .checkout__order .checkout__orderData .checkout__orderStepTitle .checkout__orderStatus.declined svg,
        .ordersHistory .checkout__order .checkout__orderData .checkout__orderStepTitle .checkout__orderStatus.declined svg {
          margin: 0; }
      .cartCheckout .checkout__order .checkout__orderData .checkout__orderStepTitle .checkout__orderStatus.formalized,
      .ordersHistory .checkout__order .checkout__orderData .checkout__orderStepTitle .checkout__orderStatus.formalized {
        justify-self: self-end;
        color: #667788;
        display: flex;
        align-items: center;
        border: 1px solid #667788;
        border-radius: 5px;
        font-size: 16px;
        padding: 5px 10px; }
        .cartCheckout .checkout__order .checkout__orderData .checkout__orderStepTitle .checkout__orderStatus.formalized svg,
        .ordersHistory .checkout__order .checkout__orderData .checkout__orderStepTitle .checkout__orderStatus.formalized svg {
          margin: 0; }
      .cartCheckout .checkout__order .checkout__orderData .checkout__orderStepTitle .checkout__orderStatus.sent,
      .ordersHistory .checkout__order .checkout__orderData .checkout__orderStepTitle .checkout__orderStatus.sent {
        justify-self: self-end;
        color: #97CA3E;
        display: flex;
        align-items: center;
        border: 1px solid #97CA3E;
        border-radius: 5px;
        font-size: 16px;
        padding: 5px 10px; }
        .cartCheckout .checkout__order .checkout__orderData .checkout__orderStepTitle .checkout__orderStatus.sent svg,
        .ordersHistory .checkout__order .checkout__orderData .checkout__orderStepTitle .checkout__orderStatus.sent svg {
          margin: 0; }
      @media (max-width: 440px) {
        .cartCheckout .checkout__order .checkout__orderData .checkout__orderStepTitle,
        .ordersHistory .checkout__order .checkout__orderData .checkout__orderStepTitle {
          grid-template-columns: 50px 1fr; }
          .cartCheckout .checkout__order .checkout__orderData .checkout__orderStepTitle .checkout__orderDate,
          .ordersHistory .checkout__order .checkout__orderData .checkout__orderStepTitle .checkout__orderDate {
            margin-left: 0;
            font-size: 14px; }
          .cartCheckout .checkout__order .checkout__orderData .checkout__orderStepTitle .checkout__orderStatus,
          .ordersHistory .checkout__order .checkout__orderData .checkout__orderStepTitle .checkout__orderStatus {
            grid-column: 1/3;
            justify-items: self-start; } }
    .cartCheckout .checkout__order .checkout__orderData .checkout__orderInputs,
    .ordersHistory .checkout__order .checkout__orderData .checkout__orderInputs {
      display: grid;
      grid-template-columns: repeat(auto-fill, minmax(220px, 1fr));
      grid-gap: 0 1rem;
      margin: 1rem 0; }
      .cartCheckout .checkout__order .checkout__orderData .checkout__orderInputs label,
      .ordersHistory .checkout__order .checkout__orderData .checkout__orderInputs label {
        color: #193e53; }
      .cartCheckout .checkout__order .checkout__orderData .checkout__orderInputs input, .cartCheckout .checkout__order .checkout__orderData .checkout__orderInputs select,
      .ordersHistory .checkout__order .checkout__orderData .checkout__orderInputs input,
      .ordersHistory .checkout__order .checkout__orderData .checkout__orderInputs select {
        border: 1px solid #66778880;
        border-radius: 10px;
        padding: 5px;
        width: 100%; }
    .cartCheckout .checkout__order .checkout__orderData .checkout__goods,
    .ordersHistory .checkout__order .checkout__orderData .checkout__goods {
      margin: 1rem 0;
      padding: 1rem 0;
      border-bottom: 1px solid silver; }
      .cartCheckout .checkout__order .checkout__orderData .checkout__goods .checkout__goodsItem,
      .ordersHistory .checkout__order .checkout__orderData .checkout__goods .checkout__goodsItem {
        display: grid;
        grid-template-columns: 1fr 3fr 2fr;
        grid-gap: 1rem;
        margin-top: 2rem; }
        .cartCheckout .checkout__order .checkout__orderData .checkout__goods .checkout__goodsItem .checkout__goodsImg,
        .ordersHistory .checkout__order .checkout__orderData .checkout__goods .checkout__goodsItem .checkout__goodsImg {
          height: 120px;
          justify-self: center; }
        .cartCheckout .checkout__order .checkout__orderData .checkout__goods .checkout__goodsItem .checkout__goodsName,
        .ordersHistory .checkout__order .checkout__orderData .checkout__goods .checkout__goodsItem .checkout__goodsName {
          padding-top: 1rem; }
        .cartCheckout .checkout__order .checkout__orderData .checkout__goods .checkout__goodsItem .checkout__goodsAmount,
        .ordersHistory .checkout__order .checkout__orderData .checkout__goods .checkout__goodsItem .checkout__goodsAmount {
          display: grid;
          justify-self: self-end;
          grid-template-columns: repeat(4, 40px);
          justify-items: center;
          padding-top: 1rem; }
          .cartCheckout .checkout__order .checkout__orderData .checkout__goods .checkout__goodsItem .checkout__goodsAmount .checkout__goodsNum,
          .ordersHistory .checkout__order .checkout__orderData .checkout__goods .checkout__goodsItem .checkout__goodsAmount .checkout__goodsNum {
            margin: 0 1rem;
            font-size: 20px; }
          .cartCheckout .checkout__order .checkout__orderData .checkout__goods .checkout__goodsItem .checkout__goodsAmount .checkout__goodsInc,
          .cartCheckout .checkout__order .checkout__orderData .checkout__goods .checkout__goodsItem .checkout__goodsAmount .checkout__goodsDec,
          .ordersHistory .checkout__order .checkout__orderData .checkout__goods .checkout__goodsItem .checkout__goodsAmount .checkout__goodsInc,
          .ordersHistory .checkout__order .checkout__orderData .checkout__goods .checkout__goodsItem .checkout__goodsAmount .checkout__goodsDec {
            display: flex;
            align-items: center;
            justify-content: center;
            border: 1px solid #B3BBC4;
            padding: 5px;
            border-radius: 5px;
            height: 30px;
            width: 30px; }
          .cartCheckout .checkout__order .checkout__orderData .checkout__goods .checkout__goodsItem .checkout__goodsAmount .checkout__goodsRemove,
          .ordersHistory .checkout__order .checkout__orderData .checkout__goods .checkout__goodsItem .checkout__goodsAmount .checkout__goodsRemove {
            width: 30px;
            height: 30px;
            display: flex;
            align-items: center;
            justify-content: center;
            margin-left: 10px; }
          .cartCheckout .checkout__order .checkout__orderData .checkout__goods .checkout__goodsItem .checkout__goodsAmount .checkout__goodsPrice,
          .ordersHistory .checkout__order .checkout__orderData .checkout__goods .checkout__goodsItem .checkout__goodsAmount .checkout__goodsPrice {
            grid-column-start: 1;
            grid-column-end: 5;
            display: flex;
            align-items: start;
            justify-content: flex-end; }
            .cartCheckout .checkout__order .checkout__orderData .checkout__goods .checkout__goodsItem .checkout__goodsAmount .checkout__goodsPrice svg,
            .ordersHistory .checkout__order .checkout__orderData .checkout__goods .checkout__goodsItem .checkout__goodsAmount .checkout__goodsPrice svg {
              margin-right: 5px; }
        @media (max-width: 450px) {
          .cartCheckout .checkout__order .checkout__orderData .checkout__goods .checkout__goodsItem,
          .ordersHistory .checkout__order .checkout__orderData .checkout__goods .checkout__goodsItem {
            grid-template-columns: 1fr;
            justify-items: center; }
            .cartCheckout .checkout__order .checkout__orderData .checkout__goods .checkout__goodsItem .checkout__goodsAmount,
            .ordersHistory .checkout__order .checkout__orderData .checkout__goods .checkout__goodsItem .checkout__goodsAmount {
              justify-self: center;
              grid-gap: 1rem 0; } }
    .cartCheckout .checkout__order .checkout__orderData .checkout__total,
    .ordersHistory .checkout__order .checkout__orderData .checkout__total {
      display: flex;
      justify-content: space-between; }
      .cartCheckout .checkout__order .checkout__orderData .checkout__total .checkout__balance,
      .ordersHistory .checkout__order .checkout__orderData .checkout__total .checkout__balance {
        display: grid;
        grid-template-columns: 60px 1fr;
        align-items: center;
        grid-gap: 5px; }
      .cartCheckout .checkout__order .checkout__orderData .checkout__total .checkout__total_toPay,
      .ordersHistory .checkout__order .checkout__orderData .checkout__total .checkout__total_toPay {
        font-size: 20px;
        color: #193e53; }
    .cartCheckout .checkout__order .checkout__confirmOrder,
    .ordersHistory .checkout__order .checkout__confirmOrder {
      display: flex;
      align-items: center;
      justify-content: end;
      margin: 1rem 0; }
      .cartCheckout .checkout__order .checkout__confirmOrder .checkout__acceptOrder,
      .ordersHistory .checkout__order .checkout__confirmOrder .checkout__acceptOrder {
        margin-left: 1rem;
        border: transparent;
        font-size: 18px; }
      @media (max-width: 450px) {
        .cartCheckout .checkout__order .checkout__confirmOrder,
        .ordersHistory .checkout__order .checkout__confirmOrder {
          flex-direction: column-reverse;
          justify-content: center; }
          .cartCheckout .checkout__order .checkout__confirmOrder .checkout__acceptOrder,
          .ordersHistory .checkout__order .checkout__confirmOrder .checkout__acceptOrder {
            margin-bottom: 10px; } }
  .cartCheckout .checkout__modal,
  .ordersHistory .checkout__modal {
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: rgba(0, 0, 0, 0.5);
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 10; }
    .cartCheckout .checkout__modal .checkout__modalWindow,
    .ordersHistory .checkout__modal .checkout__modalWindow {
      background-color: #ffffff;
      padding: 2rem 1rem;
      border-radius: 20px;
      display: flex;
      flex-direction: column;
      align-items: center;
      max-width: 600px; }
      .cartCheckout .checkout__modal .checkout__modalWindow .checkout__closeBtn,
      .ordersHistory .checkout__modal .checkout__modalWindow .checkout__closeBtn {
        align-self: self-end; }
      .cartCheckout .checkout__modal .checkout__modalWindow .checkout__modalMsg,
      .ordersHistory .checkout__modal .checkout__modalWindow .checkout__modalMsg {
        margin: 1rem 0;
        text-align: center; }
      .cartCheckout .checkout__modal .checkout__modalWindow a.button,
      .ordersHistory .checkout__modal .checkout__modalWindow a.button {
        padding: 10px 3rem; }

.survey {
  padding: 1rem; }
  .survey .survey__title {
    display: flex;
    align-items: center;
    font-size: 22px;
    color: #193e53;
    font-weight: 500; }
    .survey .survey__title svg {
      margin-right: 10px; }
  .survey .survey__block .survey__questionList {
    list-style: none;
    margin: 1rem 0; }
    .survey .survey__block .survey__questionList .survey__question {
      box-shadow: 0px 4px 11px rgba(0, 0, 0, 0.25);
      border-radius: 16px;
      padding: 1rem;
      margin: 2rem 0; }
      .survey .survey__block .survey__questionList .survey__question .survey__answer {
        display: flex;
        flex-direction: column;
        align-items: start;
        margin: 1rem 0; }

.calendar,
.testing {
  padding: 1rem; }
  .calendar .calendar__navigation,
  .testing .calendar__navigation {
    display: grid;
    grid-template-columns: 1fr 1fr 2fr;
    grid-gap: 1rem;
    margin: 1rem 0; }
    .calendar .calendar__navigation select,
    .testing .calendar__navigation select {
      padding: 5px;
      border-radius: 10px;
      border: 1px solid #b3bbc4; }
    .calendar .calendar__navigation input[type=date],
    .testing .calendar__navigation input[type=date] {
      border: 1px solid #b3bbc4;
      border-radius: 10px;
      padding: 5px;
      background: url("../public/dateIcon.png") #f7f9fc no-repeat 97% 50%; }
    .calendar .calendar__navigation input[type=date]::-webkit-calendar-picker-indicator,
    .testing .calendar__navigation input[type=date]::-webkit-calendar-picker-indicator {
      opacity: 0;
      width: 25px;
      height: 100%; }
    .calendar .calendar__navigation .calendar__days,
    .testing .calendar__navigation .calendar__days {
      display: flex;
      justify-content: end;
      align-items: center; }
      .calendar .calendar__navigation .calendar__days .calendar__prevDays,
      .testing .calendar__navigation .calendar__days .calendar__prevDays {
        margin-right: 1rem; }
      .calendar .calendar__navigation .calendar__days .calendar__nextDays,
      .testing .calendar__navigation .calendar__days .calendar__nextDays {
        margin-left: 1rem; }
    .calendar .calendar__navigation .selectWrap,
    .testing .calendar__navigation .selectWrap {
      position: relative;
      width: 100%; }
      .calendar .calendar__navigation .selectWrap select,
      .testing .calendar__navigation .selectWrap select {
        width: 100%; }
        .calendar .calendar__navigation .selectWrap select option,
        .testing .calendar__navigation .selectWrap select option {
          opacity: 0;
          font-size: 16px; }
      .calendar .calendar__navigation .selectWrap .selectWrap__pseudoSelect,
      .testing .calendar__navigation .selectWrap .selectWrap__pseudoSelect {
        list-style: none; }
  .calendar .calendar__tasksList,
  .testing .calendar__tasksList {
    margin: 1rem 0; }
    .calendar .calendar__tasksList .calendar__tasksListHead,
    .testing .calendar__tasksList .calendar__tasksListHead {
      background: #B3BBC4;
      padding: 1rem; }
      .calendar .calendar__tasksList .calendar__tasksListHead .calendar__taskDate,
      .testing .calendar__tasksList .calendar__tasksListHead .calendar__taskDate {
        font-size: 24px;
        font-weight: 500; }
    .calendar .calendar__tasksList .calendar__tasksListHead.current,
    .testing .calendar__tasksList .calendar__tasksListHead.current {
      background: #CAE32F;
      color: #ffffff; }
    .calendar .calendar__tasksList .calendar__tasksList_bodys,
    .testing .calendar__tasksList .calendar__tasksList_bodys {
      list-style: none;
      display: grid;
      grid-template-columns: repeat(5, 1fr); }
      .calendar .calendar__tasksList .calendar__tasksList_bodys .calendar__tasksListItem,
      .testing .calendar__tasksList .calendar__tasksList_bodys .calendar__tasksListItem {
        display: grid;
        grid-template-rows: 90px 1fr; }
        .calendar .calendar__tasksList .calendar__tasksList_bodys .calendar__tasksListItem .calendar__tasksWrap,
        .testing .calendar__tasksList .calendar__tasksList_bodys .calendar__tasksListItem .calendar__tasksWrap {
          padding: 10px;
          border: 1px solid #667788;
          border-top: none;
          border-right: transparent; }
          .calendar .calendar__tasksList .calendar__tasksList_bodys .calendar__tasksListItem .calendar__tasksWrap .calendar__task,
          .testing .calendar__tasksList .calendar__tasksList_bodys .calendar__tasksListItem .calendar__tasksWrap .calendar__task {
            margin: 1rem 0;
            color: #667788; }
            .calendar .calendar__tasksList .calendar__tasksList_bodys .calendar__tasksListItem .calendar__tasksWrap .calendar__task .calendar__task_time,
            .testing .calendar__tasksList .calendar__tasksList_bodys .calendar__tasksListItem .calendar__tasksWrap .calendar__task .calendar__task_time {
              font-size: 20px;
              position: relative;
              border-top: 5px solid #B3BBC4;
              padding-top: 5px;
              display: flex;
              align-items: center;
              justify-content: space-between; }
            .calendar .calendar__tasksList .calendar__tasksList_bodys .calendar__tasksListItem .calendar__tasksWrap .calendar__task .calendar__task_subject,
            .testing .calendar__tasksList .calendar__tasksList_bodys .calendar__tasksListItem .calendar__tasksWrap .calendar__task .calendar__task_subject {
              margin: 10px 0; }
            .calendar .calendar__tasksList .calendar__tasksList_bodys .calendar__tasksListItem .calendar__tasksWrap .calendar__task .calendar__task_department,
            .testing .calendar__tasksList .calendar__tasksList_bodys .calendar__tasksListItem .calendar__tasksWrap .calendar__task .calendar__task_department {
              margin: 10px 0;
              display: flex;
              align-items: start; }
              .calendar .calendar__tasksList .calendar__tasksList_bodys .calendar__tasksListItem .calendar__tasksWrap .calendar__task .calendar__task_department svg,
              .testing .calendar__tasksList .calendar__tasksList_bodys .calendar__tasksListItem .calendar__tasksWrap .calendar__task .calendar__task_department svg {
                margin-right: 10px; }
            .calendar .calendar__tasksList .calendar__tasksList_bodys .calendar__tasksListItem .calendar__tasksWrap .calendar__task .calendar__task_name,
            .testing .calendar__tasksList .calendar__tasksList_bodys .calendar__tasksListItem .calendar__tasksWrap .calendar__task .calendar__task_name {
              margin: 10px 0;
              display: flex;
              align-items: start; }
              .calendar .calendar__tasksList .calendar__tasksList_bodys .calendar__tasksListItem .calendar__tasksWrap .calendar__task .calendar__task_name svg,
              .testing .calendar__tasksList .calendar__tasksList_bodys .calendar__tasksListItem .calendar__tasksWrap .calendar__task .calendar__task_name svg {
                margin-right: 10px; }
            .calendar .calendar__tasksList .calendar__tasksList_bodys .calendar__tasksListItem .calendar__tasksWrap .calendar__task .calendar__task_place,
            .testing .calendar__tasksList .calendar__tasksList_bodys .calendar__tasksListItem .calendar__tasksWrap .calendar__task .calendar__task_place {
              display: flex;
              align-items: start; }
              .calendar .calendar__tasksList .calendar__tasksList_bodys .calendar__tasksListItem .calendar__tasksWrap .calendar__task .calendar__task_place svg,
              .testing .calendar__tasksList .calendar__tasksList_bodys .calendar__tasksListItem .calendar__tasksWrap .calendar__task .calendar__task_place svg {
                margin-right: 10px; }
            .calendar .calendar__tasksList .calendar__tasksList_bodys .calendar__tasksListItem .calendar__tasksWrap .calendar__task svg,
            .testing .calendar__tasksList .calendar__tasksList_bodys .calendar__tasksListItem .calendar__tasksWrap .calendar__task svg {
              fill: #667788; }
          .calendar .calendar__tasksList .calendar__tasksList_bodys .calendar__tasksListItem .calendar__tasksWrap .calendar__task.success .calendar__task_time,
          .testing .calendar__tasksList .calendar__tasksList_bodys .calendar__tasksListItem .calendar__tasksWrap .calendar__task.success .calendar__task_time {
            color: #97CA3E;
            border-color: #97CA3E; }
          .calendar .calendar__tasksList .calendar__tasksList_bodys .calendar__tasksListItem .calendar__tasksWrap .calendar__task.fail,
          .testing .calendar__tasksList .calendar__tasksList_bodys .calendar__tasksListItem .calendar__tasksWrap .calendar__task.fail {
            color: #F29090; }
            .calendar .calendar__tasksList .calendar__tasksList_bodys .calendar__tasksListItem .calendar__tasksWrap .calendar__task.fail svg,
            .testing .calendar__tasksList .calendar__tasksList_bodys .calendar__tasksListItem .calendar__tasksWrap .calendar__task.fail svg {
              fill: #F29090; }
            .calendar .calendar__tasksList .calendar__tasksList_bodys .calendar__tasksListItem .calendar__tasksWrap .calendar__task.fail .calendar__task_time,
            .testing .calendar__tasksList .calendar__tasksList_bodys .calendar__tasksListItem .calendar__tasksWrap .calendar__task.fail .calendar__task_time {
              color: #F29090;
              border-color: #F29090; }
        .calendar .calendar__tasksList .calendar__tasksList_bodys .calendar__tasksListItem .lastTask,
        .testing .calendar__tasksList .calendar__tasksList_bodys .calendar__tasksListItem .lastTask {
          border-right: 1px solid #667788; }
      @media (max-width: 700px) {
        .calendar .calendar__tasksList .calendar__tasksList_bodys,
        .testing .calendar__tasksList .calendar__tasksList_bodys {
          grid-template-columns: 1fr; }
          .calendar .calendar__tasksList .calendar__tasksList_bodys .calendar__tasksListItem .calendar__tasksWrap,
          .testing .calendar__tasksList .calendar__tasksList_bodys .calendar__tasksListItem .calendar__tasksWrap {
            border-right: 1px solid #667788; } }

.trainings {
  min-height: 650px; }
  .trainings .trainingsList {
    list-style: none;
    margin: 4rem 0; }
    .trainings .trainingsList .trainingsList__item {
      display: grid;
      grid-template-columns: 2fr 3fr;
      grid-gap: 2rem 1rem;
      margin: 2rem 0; }
      .trainings .trainingsList .trainingsList__item .trainingsList__itemImg {
        padding: 1rem;
        display: flex;
        justify-content: end;
        align-items: center;
        position: relative; }
        .trainings .trainingsList .trainingsList__item .trainingsList__itemImg .trainingsList__mainImg {
          width: 80%;
          border-radius: 30px;
          position: relative;
          top: 1rem; }
        .trainings .trainingsList .trainingsList__item .trainingsList__itemImg .trainingsList__bgImg {
          position: absolute;
          top: 0;
          left: 2rem;
          width: 80%;
          z-index: 0; }
      .trainings .trainingsList .trainingsList__item .trainingsList__itemInfo {
        padding: 1rem 0; }
        .trainings .trainingsList .trainingsList__item .trainingsList__itemInfo p {
          margin: 1rem 0; }
        .trainings .trainingsList .trainingsList__item .trainingsList__itemInfo .button {
          display: block; }
  .trainings .training__parts {
    list-style: none;
    margin: 1rem 0;
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(310px, 360px));
    grid-gap: 2rem 1rem;
    justify-content: center; }
    .trainings .training__parts .training__partsItem {
      box-shadow: 0px 4px 11px rgba(0, 0, 0, 0.25);
      border-radius: 54px;
      display: flex;
      flex-direction: column;
      align-items: center;
      padding: 2rem; }
      .trainings .training__parts .training__partsItem img {
        border-radius: 20px; }
      .trainings .training__parts .training__partsItem .training__partHeader {
        margin: 10px 0;
        text-align: left;
        width: 100%; }
      .trainings .training__parts .training__partsItem .training__partDescribe {
        margin: 0 0 2rem 0;
        font-size: 14px; }
      .trainings .training__parts .training__partsItem .button {
        display: block;
        font-weight: 500; }
  .trainings .trainingModal.active {
    position: fixed;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.4);
    z-index: 10;
    display: flex;
    justify-content: center;
    align-items: center; }
    .trainings .trainingModal.active .trainingModal__window {
      background: #ffffff;
      padding: 2rem;
      max-width: 600px;
      border-radius: 20px;
      text-align: center; }
      .trainings .trainingModal.active .trainingModal__window .button {
        display: block;
        margin: auto;
        margin-top: 1rem; }
  .trainings .trainingModal {
    display: none; }

.testing,
.testingSchedule,
.audioLibrary {
  min-height: 600px;
  background: url("../public/TestingBg.png") no-repeat;
  background-size: 90%; }
  .testing .testing__headWrap,
  .testingSchedule .testing__headWrap,
  .audioLibrary .testing__headWrap {
    display: flex;
    justify-content: space-between; }
    .testing .testing__headWrap p,
    .testingSchedule .testing__headWrap p,
    .audioLibrary .testing__headWrap p {
      color: silver; }
  .testing .testingList__filter,
  .testingSchedule .testingList__filter,
  .audioLibrary .testingList__filter {
    display: flex; }
    .testing .testingList__filter .selectWrap,
    .testingSchedule .testingList__filter .selectWrap,
    .audioLibrary .testingList__filter .selectWrap {
      width: min-content;
      margin-right: 10px;
      position: relative; }
      .testing .testingList__filter .selectWrap svg,
      .testingSchedule .testingList__filter .selectWrap svg,
      .audioLibrary .testingList__filter .selectWrap svg {
        position: absolute;
        left: 5px;
        top: 7px; }
    .testing .testingList__filter select,
    .testingSchedule .testingList__filter select,
    .audioLibrary .testingList__filter select {
      padding: 7px 15px 7px 2rem;
      border: 1px solid #B3BBC4;
      border-radius: 5px; }
  .testing .testingList,
  .testingSchedule .testingList,
  .audioLibrary .testingList {
    list-style: none;
    margin-top: 2rem; }
    .testing .testingList .testing__matrix,
    .testingSchedule .testingList .testing__matrix,
    .audioLibrary .testingList .testing__matrix {
      display: none; }
    .testing .testingList .testing__matrix.current,
    .testingSchedule .testingList .testing__matrix.current,
    .audioLibrary .testingList .testing__matrix.current {
      display: block; }
    .testing .testingList .testing__checkList .testingList__filter,
    .testingSchedule .testingList .testing__checkList .testingList__filter,
    .audioLibrary .testingList .testing__checkList .testingList__filter {
      margin-bottom: 1rem; }
    .testing .testingList .testing__checkList .testing__subtitle,
    .testingSchedule .testingList .testing__checkList .testing__subtitle,
    .audioLibrary .testingList .testing__checkList .testing__subtitle {
      color: silver; }
    .testing .testingList .testing__checkList .testing__blockName,
    .testingSchedule .testingList .testing__checkList .testing__blockName,
    .audioLibrary .testingList .testing__checkList .testing__blockName {
      text-transform: uppercase;
      color: #97CA3E;
      margin: 1rem 0; }
    .testing .testingList .testing__checkList .testing__checkList_blocks,
    .testingSchedule .testingList .testing__checkList .testing__checkList_blocks,
    .audioLibrary .testingList .testing__checkList .testing__checkList_blocks {
      list-style: none; }
      .testing .testingList .testing__checkList .testing__checkList_blocks .testing__checkList_block,
      .testingSchedule .testingList .testing__checkList .testing__checkList_blocks .testing__checkList_block,
      .audioLibrary .testingList .testing__checkList .testing__checkList_blocks .testing__checkList_block {
        display: grid;
        grid-template-columns: 1fr 70px;
        align-items: end;
        grid-gap: 5px;
        margin-bottom: 10px; }
        .testing .testingList .testing__checkList .testing__checkList_blocks .testing__checkList_block hr,
        .testingSchedule .testingList .testing__checkList .testing__checkList_blocks .testing__checkList_block hr,
        .audioLibrary .testingList .testing__checkList .testing__checkList_blocks .testing__checkList_block hr {
          grid-column: 1/3; }
        .testing .testingList .testing__checkList .testing__checkList_blocks .testing__checkList_block .testing__checkList_points,
        .testingSchedule .testingList .testing__checkList .testing__checkList_blocks .testing__checkList_block .testing__checkList_points,
        .audioLibrary .testingList .testing__checkList .testing__checkList_blocks .testing__checkList_block .testing__checkList_points {
          color: #193E53;
          font-weight: 600; }
        .testing .testingList .testing__checkList .testing__checkList_blocks .testing__checkList_block .testing__checkList_expectPoints,
        .testingSchedule .testingList .testing__checkList .testing__checkList_blocks .testing__checkList_block .testing__checkList_expectPoints,
        .audioLibrary .testingList .testing__checkList .testing__checkList_blocks .testing__checkList_block .testing__checkList_expectPoints {
          color: silver; }
    .testing .testingList .testingList__item,
    .testingSchedule .testingList .testingList__item,
    .audioLibrary .testingList .testingList__item {
      display: grid;
      grid-template-columns: 3fr 1fr;
      grid-gap: 1rem;
      padding: 2rem;
      box-shadow: 0px 4px 11px rgba(0, 0, 0, 0.25);
      border-radius: 32px;
      margin-bottom: 1rem; }
      .testing .testingList .testingList__item .button,
      .testingSchedule .testingList .testingList__item .button,
      .audioLibrary .testingList .testingList__item .button {
        display: block; }
      .testing .testingList .testingList__item .testingList__itemData .testingList__itemSubtitle,
      .testingSchedule .testingList .testingList__item .testingList__itemData .testingList__itemSubtitle,
      .audioLibrary .testingList .testingList__item .testingList__itemData .testingList__itemSubtitle {
        margin: 10px 0; }
      .testing .testingList .testingList__item .testingList__itemMeta .testingList__itemStatus,
      .testingSchedule .testingList .testingList__item .testingList__itemMeta .testingList__itemStatus,
      .audioLibrary .testingList .testingList__item .testingList__itemMeta .testingList__itemStatus {
        margin: 1rem 0;
        border-radius: 10px;
        width: fit-content;
        padding: 10px 20px;
        display: flex;
        align-items: center;
        font-size: 14px; }
      .testing .testingList .testingList__item .testingList__itemMeta .testingList__itemStatus.notPassed,
      .testingSchedule .testingList .testingList__item .testingList__itemMeta .testingList__itemStatus.notPassed,
      .audioLibrary .testingList .testingList__item .testingList__itemMeta .testingList__itemStatus.notPassed {
        border: 1px solid #F29090;
        color: #F29090; }
        .testing .testingList .testingList__item .testingList__itemMeta .testingList__itemStatus.notPassed svg,
        .testingSchedule .testingList .testingList__item .testingList__itemMeta .testingList__itemStatus.notPassed svg,
        .audioLibrary .testingList .testingList__item .testingList__itemMeta .testingList__itemStatus.notPassed svg {
          fill: #F29090; }
      .testing .testingList .testingList__item .testingList__itemMeta .testingList__metaTitle,
      .testingSchedule .testingList .testingList__item .testingList__itemMeta .testingList__metaTitle,
      .audioLibrary .testingList .testingList__item .testingList__itemMeta .testingList__metaTitle {
        display: flex;
        flex-direction: column;
        margin-bottom: 5px; }
        .testing .testingList .testingList__item .testingList__itemMeta .testingList__metaTitle .testingList__metaHeader,
        .testingSchedule .testingList .testingList__item .testingList__itemMeta .testingList__metaTitle .testingList__metaHeader,
        .audioLibrary .testingList .testingList__item .testingList__itemMeta .testingList__metaTitle .testingList__metaHeader {
          color: #B3BBC4; }
    .testing .testingList .testingList__item.passed a.button,
    .testingSchedule .testingList .testingList__item.passed a.button,
    .audioLibrary .testingList .testingList__item.passed a.button {
      opacity: .5; }
    .testing .testingList .testingList__item.passed .testingList__itemStatus,
    .testingSchedule .testingList .testingList__item.passed .testingList__itemStatus,
    .audioLibrary .testingList .testingList__item.passed .testingList__itemStatus {
      background: linear-gradient(51.78deg, #97CA3E 0%, #FCFF22 100%);
      color: #fff; }
      .testing .testingList .testingList__item.passed .testingList__itemStatus svg,
      .testingSchedule .testingList .testingList__item.passed .testingList__itemStatus svg,
      .audioLibrary .testingList .testingList__item.passed .testingList__itemStatus svg {
        fill: #fff;
        margin-right: 5px; }
  .testing .testing__modal,
  .testingSchedule .testing__modal,
  .audioLibrary .testing__modal {
    position: fixed;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0, 0, 0, 0.5);
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 5; }
    .testing .testing__modal .testing__modalWindow,
    .testingSchedule .testing__modal .testing__modalWindow,
    .audioLibrary .testing__modal .testing__modalWindow {
      max-width: 550px;
      text-align: center;
      background-color: #fff;
      padding: 2rem;
      border-radius: 20px;
      position: relative; }
      .testing .testing__modal .testing__modalWindow .testing__modal_subtitle,
      .testingSchedule .testing__modal .testing__modalWindow .testing__modal_subtitle,
      .audioLibrary .testing__modal .testing__modalWindow .testing__modal_subtitle {
        margin: 10px; }
      .testing .testing__modal .testing__modalWindow .testing__modal_btngroup,
      .testingSchedule .testing__modal .testing__modalWindow .testing__modal_btngroup,
      .audioLibrary .testing__modal .testing__modalWindow .testing__modal_btngroup {
        display: flex;
        justify-content: center;
        margin: 1rem 0; }
        .testing .testing__modal .testing__modalWindow .testing__modal_btngroup a.button,
        .testingSchedule .testing__modal .testing__modalWindow .testing__modal_btngroup a.button,
        .audioLibrary .testing__modal .testing__modalWindow .testing__modal_btngroup a.button {
          margin-right: 1rem; }
        .testing .testing__modal .testing__modalWindow .testing__modal_btngroup .button.transparent,
        .testingSchedule .testing__modal .testing__modalWindow .testing__modal_btngroup .button.transparent,
        .audioLibrary .testing__modal .testing__modalWindow .testing__modal_btngroup .button.transparent {
          background: transparent;
          border: 1px solid #B3BBC4;
          color: #B3BBC4; }
          .testing .testing__modal .testing__modalWindow .testing__modal_btngroup .button.transparent:hover,
          .testingSchedule .testing__modal .testing__modalWindow .testing__modal_btngroup .button.transparent:hover,
          .audioLibrary .testing__modal .testing__modalWindow .testing__modal_btngroup .button.transparent:hover {
            background: #B3BBC4;
            color: #000000; }
    .testing .testing__modal .checkout__closeBtn,
    .testingSchedule .testing__modal .checkout__closeBtn,
    .audioLibrary .testing__modal .checkout__closeBtn {
      position: absolute;
      right: 1rem;
      top: 1rem; }
      .testing .testing__modal .checkout__closeBtn svg,
      .testingSchedule .testing__modal .checkout__closeBtn svg,
      .audioLibrary .testing__modal .checkout__closeBtn svg {
        fill: #B3BBC4; }
      .testing .testing__modal .checkout__closeBtn:hover svg,
      .testingSchedule .testing__modal .checkout__closeBtn:hover svg,
      .audioLibrary .testing__modal .checkout__closeBtn:hover svg {
        fill: red; }
  .testing .testingMatrix,
  .testingSchedule .testingMatrix,
  .audioLibrary .testingMatrix {
    list-style: none;
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(350px, 1fr));
    grid-gap: 1rem; }
    .testing .testingMatrix .testingMatrix__item,
    .testingSchedule .testingMatrix .testingMatrix__item,
    .audioLibrary .testingMatrix .testingMatrix__item {
      background: #FFFFFF;
      box-shadow: 0px 4px 11px rgba(0, 0, 0, 0.25);
      border-radius: 16px;
      padding: 2rem; }
      .testing .testingMatrix .testingMatrix__item .testingMatrix__subject,
      .testingSchedule .testingMatrix .testingMatrix__item .testingMatrix__subject,
      .audioLibrary .testingMatrix .testingMatrix__item .testingMatrix__subject {
        margin-top: 1rem; }

.testingSchedule {
  background: #ffffff; }

.test {
  background-color: #FFFFE6;
  min-height: 600px; }
  .test .breadCrumbs {
    margin: 0;
    padding: 1rem; }
  .test h3 {
    padding: 1rem; }
  .test .testingBlank {
    display: grid;
    grid-template-columns: 4fr 2fr;
    grid-gap: 1rem;
    margin: 1rem 0; }
    .test .testingBlank .testingQuestion {
      padding: 1rem;
      background: #ffffff;
      box-shadow: 0px 4px 11px rgba(0, 0, 0, 0.25);
      border-radius: 32px; }
      .test .testingBlank .testingQuestion .testingQuestion__head {
        display: flex;
        justify-content: space-between;
        align-items: center;
        padding-bottom: 10px;
        border-bottom: 1px solid silver; }
        .test .testingBlank .testingQuestion .testingQuestion__head .testing__employee {
          display: flex;
          align-items: center; }
          .test .testingBlank .testingQuestion .testingQuestion__head .testing__employee img {
            margin-right: 10px; }
        .test .testingBlank .testingQuestion .testingQuestion__head .testing__remainingTime {
          border: 1px solid #97CA3E;
          border-radius: 5px;
          color: #97CA3E;
          padding: 5px 10px; }
        .test .testingBlank .testingQuestion .testingQuestion__head .testing__remainingTime.timeIsUp {
          border-color: #F29090;
          color: #F29090; }
      .test .testingBlank .testingQuestion .testingAnswers {
        list-style: none; }
        .test .testingBlank .testingQuestion .testingAnswers li {
          margin-bottom: 1rem; }
          .test .testingBlank .testingQuestion .testingAnswers li .testingAnswers__checkboxWrap {
            position: relative;
            cursor: pointer; }
            .test .testingBlank .testingQuestion .testingAnswers li .testingAnswers__checkboxWrap input {
              position: absolute;
              opacity: 0;
              cursor: pointer;
              height: 0;
              width: 0; }
            .test .testingBlank .testingQuestion .testingAnswers li .testingAnswers__checkboxWrap .checkmark {
              position: absolute;
              top: 0;
              left: 0;
              height: 25px;
              width: 25px;
              background-color: #eee; }
              .test .testingBlank .testingQuestion .testingAnswers li .testingAnswers__checkboxWrap .checkmark:hover {
                background-color: #ccc; }
              .test .testingBlank .testingQuestion .testingAnswers li .testingAnswers__checkboxWrap .checkmark:after {
                content: "";
                position: absolute;
                display: none;
                left: 9px;
                top: 5px;
                width: 5px;
                height: 10px;
                border: solid white;
                border-width: 0 3px 3px 0;
                -webkit-transform: rotate(45deg);
                -ms-transform: rotate(45deg);
                transform: rotate(45deg); }
            .test .testingBlank .testingQuestion .testingAnswers li .testingAnswers__checkboxWrap input:checked ~ .checkmark {
              background-color: #97CA3E; }
            .test .testingBlank .testingQuestion .testingAnswers li .testingAnswers__checkboxWrap input:checked ~ .checkmark:after {
              display: block; }
            .test .testingBlank .testingQuestion .testingAnswers li .testingAnswers__checkboxWrap p {
              margin-left: 2rem; }
          .test .testingBlank .testingQuestion .testingAnswers li .clue {
            color: #97CA3E;
            font-size: 14px;
            margin-left: 2rem; }
          .test .testingBlank .testingQuestion .testingAnswers li .clue.hidden {
            display: none; }
      .test .testingBlank .testingQuestion .testingTextAnswer textarea {
        width: 100%;
        border-radius: 10px; }
      .test .testingBlank .testingQuestion .testing__btnGroup {
        display: flex;
        margin: 1rem 0;
        padding-top: 1rem;
        justify-content: space-between; }
        .test .testingBlank .testingQuestion .testing__btnGroup .button.transparent {
          background: transparent;
          border: 1px solid #B3BBC4;
          color: #B3BBC4; }
          .test .testingBlank .testingQuestion .testing__btnGroup .button.transparent:hover {
            background: #B3BBC4;
            color: #000000; }
        .test .testingBlank .testingQuestion .testing__btnGroup button {
          border: transparent; }
      .test .testingBlank .testingQuestion .testing__btnGroup.training {
        justify-content: end; }
    .test .testingBlank .testingBlank__nav {
      padding: 1rem;
      background-color: #fff;
      border-radius: 20px;
      box-shadow: 0px 4px 11px rgba(0, 0, 0, 0.25); }
      .test .testingBlank .testingBlank__nav .testingBlank__head {
        display: flex;
        justify-content: center;
        align-items: center; }
        .test .testingBlank .testingBlank__nav .testingBlank__head span {
          margin: 0 1rem;
          font-size: 18px; }
        .test .testingBlank .testingBlank__nav .testingBlank__head .testingBlank__btnPrev,
        .test .testingBlank .testingBlank__nav .testingBlank__head .testingBlank__btnNext {
          display: flex;
          align-items: center; }
          .test .testingBlank .testingBlank__nav .testingBlank__head .testingBlank__btnPrev svg,
          .test .testingBlank .testingBlank__nav .testingBlank__head .testingBlank__btnNext svg {
            fill: #97CA3E; }
            .test .testingBlank .testingBlank__nav .testingBlank__head .testingBlank__btnPrev svg:hover,
            .test .testingBlank .testingBlank__nav .testingBlank__head .testingBlank__btnNext svg:hover {
              fill: #608126; }
      .test .testingBlank .testingBlank__nav .testing__questionList {
        list-style: none;
        display: grid;
        grid-template-columns: repeat(10, 1fr);
        grid-gap: 10px;
        margin: 1rem 0; }
        .test .testingBlank .testingBlank__nav .testing__questionList .testing__questionListItem {
          border: 1px solid #B3BBC4;
          border-radius: 5px; }
          .test .testingBlank .testingBlank__nav .testing__questionList .testing__questionListItem .testing__questionListItem_num {
            text-align: center; }
          .test .testingBlank .testingBlank__nav .testing__questionList .testing__questionListItem .testing__questionListItem_status {
            background: #B3BBC4;
            text-align: center; }
        .test .testingBlank .testingBlank__nav .testing__questionList .testing__questionListItem.passed {
          border-color: #97CA3E; }
          .test .testingBlank .testingBlank__nav .testing__questionList .testing__questionListItem.passed .testing__questionListItem_num {
            text-align: center;
            color: #97CA3E; }
          .test .testingBlank .testingBlank__nav .testing__questionList .testing__questionListItem.passed .testing__questionListItem_status {
            background: #97CA3E;
            text-align: center; }
        .test .testingBlank .testingBlank__nav .testing__questionList .testing__questionListItem.failed {
          border-color: #F29090; }
          .test .testingBlank .testingBlank__nav .testing__questionList .testing__questionListItem.failed .testing__questionListItem_num {
            text-align: center;
            color: #F29090; }
          .test .testingBlank .testingBlank__nav .testing__questionList .testing__questionListItem.failed .testing__questionListItem_status {
            background: #F29090;
            text-align: center; }
      .test .testingBlank .testingBlank__nav .finishTest {
        width: 100%;
        border: 1px solid #B3BBC4;
        background: transparent;
        color: #B3BBC4; }
      .test .testingBlank .testingBlank__nav .finishTest.ready {
        background: linear-gradient(51.78deg, #97ca3e 0%, #fcff22 100%);
        color: #000000;
        border-color: #fff;
        transition: all linear .3s; }
    @media (max-width: 1023px) {
      .test .testingBlank {
        grid-template-columns: 1fr;
        padding: 10px; } }
  .test .training__questionsCounter {
    color: #667788; }
    .test .training__questionsCounter span:last-child {
      color: rgba(102, 119, 136, 0.4); }
  .test .trainingModal.active {
    position: fixed;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.4);
    z-index: 10;
    display: flex;
    justify-content: center;
    align-items: center; }
    .test .trainingModal.active .trainingModal__window {
      background: #ffffff;
      padding: 2rem;
      max-width: 600px;
      border-radius: 20px;
      text-align: center; }
      .test .trainingModal.active .trainingModal__window .button {
        display: block;
        margin: auto;
        margin-top: 1rem; }
  .test .trainingModal {
    display: none; }

.test.training {
  background: url("../public/TestingBg.png") no-repeat;
  background-position: 0 0;
  background-size: 90%; }

.training .training__menu {
  display: grid;
  grid-template-columns: 1fr 3fr;
  grid-gap: 1rem;
  margin: 2rem 0; }
  .training .training__menu .training__rating {
    background: #FFFFFF;
    box-shadow: 0px 4px 11px rgba(0, 0, 0, 0.25);
    border-radius: 16px;
    padding: 1rem;
    max-height: 220px; }
    .training .training__menu .training__rating h4 {
      margin-bottom: 1rem; }
    .training .training__menu .training__rating ol {
      padding-left: 1rem; }
    .training .training__menu .training__rating .training__myRating {
      margin-top: 1rem; }
  .training .training__menu .training__chapters {
    list-style: none;
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(410px, 1fr));
    grid-gap: 1rem; }
    .training .training__menu .training__chapters .training__chaptersItem {
      background: #FFFFFF;
      box-shadow: 0px 4px 11px rgba(0, 0, 0, 0.25);
      border-radius: 32px;
      padding: 2rem; }
      .training .training__menu .training__chapters .training__chaptersItem a {
        display: grid;
        grid-template-columns: 80px 1fr;
        grid-gap: 2rem 1rem; }
      .training .training__menu .training__chapters .training__chaptersItem .training__chapterIcon {
        width: 70px;
        height: 70px;
        background: linear-gradient(59.57deg, #C4E400 0%, #C6E509 3.47%, #DEF062 39.16%, #F0F8A4 68.2%, #FBFDCD 89.18%, #FFFFDC 100%);
        border-radius: 9px;
        display: flex;
        justify-content: center;
        align-items: center; }
      .training .training__menu .training__chapters .training__chaptersItem .training__chapterInfo {
        color: #667788; }
        .training .training__menu .training__chapters .training__chaptersItem .training__chapterInfo .training__chapterName {
          font-size: 20px;
          font-weight: 500;
          color: #193E53;
          display: flex;
          flex-direction: column; }
      .training .training__menu .training__chapters .training__chaptersItem .training__chapterSubjects {
        grid-column: 1/3;
        color: silver;
        align-self: self-end; }

.quizes .quizList {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(340px, 1fr));
  grid-gap: 1rem;
  list-style: none; }
  .quizes .quizList .quizList__item {
    background: #FFFFFF;
    box-shadow: 0px 4px 11px rgba(0, 0, 0, 0.25);
    border-radius: 32px;
    padding: 2rem;
    position: relative; }
    .quizes .quizList .quizList__item .quizList__itemSubtitle {
      margin-bottom: 1rem;
      color: #667788; }
    .quizes .quizList .quizList__item .button {
      display: block; }
    .quizes .quizList .quizList__item .checkboxContainer {
      display: block;
      position: absolute;
      padding-left: 35px;
      margin-bottom: 12px;
      cursor: pointer;
      font-size: 22px;
      -webkit-user-select: none;
      -moz-user-select: none;
      -ms-user-select: none;
      user-select: none;
      top: 2rem;
      right: 2rem; }
      .quizes .quizList .quizList__item .checkboxContainer input {
        position: absolute;
        opacity: 0;
        cursor: pointer;
        height: 0;
        width: 0; }
      .quizes .quizList .quizList__item .checkboxContainer .checkmark {
        position: absolute;
        top: 0;
        left: 0;
        height: 25px;
        width: 25px;
        background-color: #eee;
        border-radius: 3px; }
        .quizes .quizList .quizList__item .checkboxContainer .checkmark:after {
          content: "";
          position: absolute;
          display: none; }
      .quizes .quizList .quizList__item .checkboxContainer:hover input ~ .checkmark {
        background-color: #ccc; }
      .quizes .quizList .quizList__item .checkboxContainer input:checked ~ .checkmark {
        background-color: #97CA3E; }
      .quizes .quizList .quizList__item .checkboxContainer input:checked ~ .checkmark:after {
        display: block; }
      .quizes .quizList .quizList__item .checkboxContainer .checkmark:after {
        left: 9px;
        top: 5px;
        width: 5px;
        height: 10px;
        border: solid white;
        border-width: 0 3px 3px 0;
        -webkit-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        transform: rotate(45deg); }
@media (max-width: 800px) {
  .quizes .testingList {
    grid-template-columns: 1fr; } }

.tetingQuestion__elected {
  border: 1px solid silver;
  border-radius: 5px;
  outline: none;
  background-color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 5px;
  transition: all linear .3s; }
  .tetingQuestion__elected:hover {
    background-color: #F29090; }
  .tetingQuestion__elected svg {
    fill: #fff; }
    .tetingQuestion__elected svg path {
      stroke: #667788; }

.tetingQuestion__elected.checked {
  background-color: #F29090;
  border-color: #F29090; }
  .tetingQuestion__elected.checked svg path {
    stroke: #F29090; }

.audioPlayer .audioPlayer__title {
  color: #193E53;
  font-weight: 500; }
.audioPlayer .audioPlayer__subtitle {
  color: #667788;
  font-size: 14px; }
.audioPlayer .audioPlayer__describe {
  color: #B3BBC4;
  font-size: 14px;
  margin-top: 10px; }
.audioPlayer .audioPlayer__header {
  display: grid;
  grid-template-columns: 90px 1fr 100px;
  grid-gap: 1rem; }
  .audioPlayer .audioPlayer__header .audioPlayer__playBtn {
    width: 70px;
    height: 50px;
    border: 1px solid #B3BBC4;
    border-radius: 5px;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer; }
  .audioPlayer .audioPlayer__header .audioPlayer__meta {
    display: grid;
    align-items: end;
    justify-content: end; }
    .audioPlayer .audioPlayer__header .audioPlayer__meta .audioPlayer__dropBtn {
      align-self: start;
      justify-self: end; }
.audioPlayer .audioPlayer__progressContainer {
  margin: 1rem 0;
  height: 10px;
  background: #FFFFE6;
  border-radius: 5px;
  cursor: pointer; }
  .audioPlayer .audioPlayer__progressContainer .progress {
    height: 10px;
    border-radius: 5px;
    background: linear-gradient(51.78deg, #97CA3E 0%, #FCFF22 100%);
    width: 0;
    position: relative; }
    .audioPlayer .audioPlayer__progressContainer .progress .progress__roller {
      width: 14px;
      height: 14px;
      border-radius: 50%;
      background-color: #CAE32F;
      position: absolute;
      top: -2px;
      right: -3px; }

.audioList {
  list-style: none;
  display: grid;
  grid-template-columns: 1fr;
  grid-gap: 1rem;
  padding: 1rem; }
  .audioList .audioList__item {
    background: #FFFFFF;
    box-shadow: 0px 4px 11px rgba(0, 0, 0, 0.25);
    border-radius: 32px;
    padding: 2rem; }
  .audioList .audioList__item.failed .audioPlayer__progressContainer {
    background: rgba(242, 144, 144, 0.5); }
    .audioList .audioList__item.failed .audioPlayer__progressContainer .progress {
      background: linear-gradient(51.78deg, #D82828 0%, #F29090 100%); }
    .audioList .audioList__item.failed .audioPlayer__progressContainer .progress__roller {
      background-color: #E45656; }

.audioList__filters {
  padding: 1rem;
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(140px, 1fr));
  grid-gap: 1rem; }
  .audioList__filters .selectWrap {
    position: relative; }
    .audioList__filters .selectWrap select {
      width: 100%;
      padding: 7px 7px 7px 2rem;
      border-radius: 5px;
      border: 1px solid silver; }
    .audioList__filters .selectWrap svg {
      position: absolute;
      left: 8px;
      top: 8px; }

.apeal {
  background: url("../public/ManagmentBG.jpg") no-repeat;
  background-size: cover; }
  .apeal h3 {
    padding-left: 1rem; }
  .apeal .apeal__wrap {
    display: grid;
    grid-template-columns: 3fr 1fr;
    grid-gap: 2rem;
    margin: 2rem 0; }
    .apeal .apeal__wrap .apeal__blank {
      display: grid;
      grid-template-columns: 1fr 2fr;
      grid-gap: 1rem;
      padding: 2rem;
      background: #FFFFFF;
      box-shadow: 0px 4px 11px rgba(0, 0, 0, 0.25);
      border-radius: 32px; }
      .apeal .apeal__wrap .apeal__blank .apeal__explanation p {
        margin-top: 1rem; }
      .apeal .apeal__wrap .apeal__blank .apeal__explanation h4 {
        color: #97CA3E;
        margin-top: 2rem; }
      .apeal .apeal__wrap .apeal__blank .apeal__form input {
        padding: 7px;
        border: 1px solid silver;
        border-radius: 5px; }
      .apeal .apeal__wrap .apeal__blank .apeal__form textarea {
        padding: 10px;
        border: 1px solid silver;
        border-radius: 5px; }
      .apeal .apeal__wrap .apeal__blank .apeal__form button {
        border: transparent; }
      @media (max-width: 768px) {
        .apeal .apeal__wrap .apeal__blank {
          grid-template-columns: 1fr; } }
    .apeal .apeal__wrap .apeal__average {
      display: flex;
      flex-direction: column;
      align-items: center;
      background-color: #fff;
      box-shadow: 0px 4px 11px rgba(0, 0, 0, 0.25);
      border-radius: 32px;
      padding: 2rem;
      height: max-content; }
      .apeal .apeal__wrap .apeal__average p {
        margin-bottom: 2rem; }
    @media (max-width: 1024px) {
      .apeal .apeal__wrap {
        grid-template-columns: 1fr; }
        .apeal .apeal__wrap .apeal__blank,
        .apeal .apeal__wrap .apeal__average {
          border-radius: 0;
          box-shadow: none; } }
  .apeal .button.transparent {
    display: block;
    background: transparent;
    border: 1px solid #97CA3E;
    color: #97CA3E; }
    .apeal .button.transparent:hover {
      background: #97CA3E;
      color: #ffffff; }

.hitlist {
  min-height: 400px; }
  .hitlist .hitlist__counter {
    text-align: right; }
  .hitlist .hitlist__list {
    margin: 2rem 0;
    list-style: none;
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(370px, 1fr));
    grid-gap: 1rem; }
    .hitlist .hitlist__list .hitlist__listItem {
      background: #FFFFFF;
      box-shadow: 0px 3.12882px 8.60427px rgba(0, 0, 0, 0.25);
      border-radius: 40px;
      display: flex;
      flex-direction: column;
      padding: 1rem; }
      .hitlist .hitlist__list .hitlist__listItem .hitlist__itemImg {
        border-radius: 40px; }
      .hitlist .hitlist__list .hitlist__listItem .hitlist__itemTitle {
        display: grid;
        grid-template-columns: 40px 1fr;
        grid-gap: 10px;
        padding: 10px; }
      .hitlist .hitlist__list .hitlist__listItem .hitlist__itemDate {
        padding: 0 10px;
        color: #667788; }
      .hitlist .hitlist__list .hitlist__listItem .hitlist__player {
        display: grid;
        grid-template-columns: 50px 2fr 1fr;
        grid-gap: 10px;
        margin: 1rem 10px; }
        .hitlist .hitlist__list .hitlist__listItem .hitlist__player .hitlist__playerBtn {
          border: 1px solid #B3BBC4;
          border-radius: 5px;
          padding: 5px;
          display: flex;
          justify-content: center;
          align-items: center; }
        .hitlist .hitlist__list .hitlist__listItem .hitlist__player .hitlist__meta {
          display: flex;
          flex-direction: column;
          align-items: end; }
          .hitlist .hitlist__list .hitlist__listItem .hitlist__player .hitlist__meta .hitlist__time {
            margin-top: 10px;
            font-size: 13px; }
        .hitlist .hitlist__list .hitlist__listItem .hitlist__player .audioPlayer__progressContainer {
          grid-column: 1/4; }

.audiobook {
  min-height: 400px; }
  .audiobook .title {
    font-size: 20px;
    font-weight: 600;
    color: #193E53; }
    .audiobook .title span {
      color: silver; }
  .audiobook .audiobook__wrap {
    display: grid;
    grid-template-columns: 2.5fr 1fr;
    grid-gap: 1rem; }
    .audiobook .audiobook__wrap .audiobook__item {
      padding: 2rem;
      background: #FFFFFF;
      box-shadow: 0px 3.12882px 8.60427px rgba(0, 0, 0, 0.25);
      border-radius: 40px;
      display: grid;
      grid-template-columns: 1fr 2fr; }
      .audiobook .audiobook__wrap .audiobook__item .audiobook__poster {
        border-radius: 20px; }
      .audiobook .audiobook__wrap .audiobook__item .audiobook__player .audiobook__progress {
        display: flex;
        justify-content: end;
        align-items: center;
        font-size: 12px;
        color: #97CA3E; }
        .audiobook .audiobook__wrap .audiobook__item .audiobook__player .audiobook__progress svg {
          margin-right: 5px; }
        .audiobook .audiobook__wrap .audiobook__item .audiobook__player .audiobook__progress span {
          padding-left: 5px; }
      .audiobook .audiobook__wrap .audiobook__item .audiobook__player .audiobook__controller {
        display: flex;
        align-items: center;
        justify-content: space-between;
        margin: 1rem 0; }
        .audiobook .audiobook__wrap .audiobook__item .audiobook__player .audiobook__controller .audiobook__prev15sec,
        .audiobook .audiobook__wrap .audiobook__item .audiobook__player .audiobook__controller .audiobook__next15sec {
          border: 1px solid silver;
          border-radius: 5px;
          display: flex;
          align-items: center;
          justify-content: center;
          padding: 10px 1rem;
          cursor: pointer; }
        .audiobook .audiobook__wrap .audiobook__item .audiobook__player .audiobook__controller .audiobook__prev15sec svg {
          margin-right: 5px; }
        .audiobook .audiobook__wrap .audiobook__item .audiobook__player .audiobook__controller .audiobook__next15sec svg {
          margin-left: 5px; }
        .audiobook .audiobook__wrap .audiobook__item .audiobook__player .audiobook__controller .audiobook__playBtn {
          border: 1px solid silver;
          border-radius: 5px;
          display: flex;
          align-items: center;
          justify-content: center;
          padding: 10px 2rem;
          cursor: pointer; }
        .audiobook .audiobook__wrap .audiobook__item .audiobook__player .audiobook__controller .audiobook__playerVolume {
          width: 180px;
          height: 44px;
          border: 1px solid silver;
          border-radius: 5px;
          display: flex;
          align-items: center;
          cursor: pointer;
          position: relative; }
          .audiobook .audiobook__wrap .audiobook__item .audiobook__player .audiobook__controller .audiobook__playerVolume .audiobook__volumeLevel {
            height: 100%;
            width: 100%;
            background: linear-gradient(51.78deg, #97CA3E 0%, #FCFF22 100%); }
          .audiobook .audiobook__wrap .audiobook__item .audiobook__player .audiobook__controller .audiobook__playerVolume .audiobook__VolumeMeta {
            display: flex;
            align-items: center;
            position: absolute;
            right: 1rem; }
            .audiobook .audiobook__wrap .audiobook__item .audiobook__player .audiobook__controller .audiobook__playerVolume .audiobook__VolumeMeta svg {
              margin-right: 5px; }
          .audiobook .audiobook__wrap .audiobook__item .audiobook__player .audiobook__controller .audiobook__playerVolume .audiobook__volumeLevelSensor {
            position: absolute;
            left: 0;
            right: 0;
            top: 0;
            bottom: 0;
            z-index: 5; }
        .audiobook .audiobook__wrap .audiobook__item .audiobook__player .audiobook__controller .audiobook__downlaodBtn {
          border: 1px solid silver;
          border-radius: 5px;
          padding: 10px 1rem; }
      .audiobook .audiobook__wrap .audiobook__item .audiobook__player .audiobook__episodes {
        list-style: none;
        background: #FFFFFF;
        border: 1px solid #B3BBC4;
        border-radius: 8px;
        margin-top: 1rem; }
        .audiobook .audiobook__wrap .audiobook__item .audiobook__player .audiobook__episodes .audiobook__episodesItem {
          display: flex;
          justify-content: space-between;
          align-items: center;
          padding: 5px 1rem;
          position: relative; }
          .audiobook .audiobook__wrap .audiobook__item .audiobook__player .audiobook__episodes .audiobook__episodesItem .audiobook__episodeProgressSensor {
            position: absolute;
            left: 0;
            top: 0;
            bottom: 0;
            right: 0;
            z-index: 4;
            width: 480px; }
          .audiobook .audiobook__wrap .audiobook__item .audiobook__player .audiobook__episodes .audiobook__episodesItem .audiobook__episodeProgressWrap {
            position: absolute;
            left: 0;
            top: 0;
            bottom: 0;
            width: 480px; }
            .audiobook .audiobook__wrap .audiobook__item .audiobook__player .audiobook__episodes .audiobook__episodesItem .audiobook__episodeProgressWrap .audiobook__episodeProgress {
              position: absolute;
              height: 100%;
              background: linear-gradient(51.78deg, #97CA3E 0%, #FCFF22 100%); }
              .audiobook .audiobook__wrap .audiobook__item .audiobook__player .audiobook__episodes .audiobook__episodesItem .audiobook__episodeProgressWrap .audiobook__episodeProgress .chapter__roller {
                width: 5px;
                height: 30px;
                position: absolute;
                right: 1px;
                z-index: 10; }
          .audiobook .audiobook__wrap .audiobook__item .audiobook__player .audiobook__episodes .audiobook__episodesItem:first-child {
            border-top-left-radius: 8px;
            border-top-right-radius: 8px; }
            .audiobook .audiobook__wrap .audiobook__item .audiobook__player .audiobook__episodes .audiobook__episodesItem:first-child .audiobook__episodeProgress {
              border-top-left-radius: 8px; }
          .audiobook .audiobook__wrap .audiobook__item .audiobook__player .audiobook__episodes .audiobook__episodesItem:last-child {
            border-bottom-left-radius: 8px;
            border-bottom-right-radius: 8px; }
            .audiobook .audiobook__wrap .audiobook__item .audiobook__player .audiobook__episodes .audiobook__episodesItem:last-child .audiobook__episodeProgress {
              border-bottom-left-radius: 8px; }
          .audiobook .audiobook__wrap .audiobook__item .audiobook__player .audiobook__episodes .audiobook__episodesItem .audiobook__episodeMeta {
            -moz-user-select: none;
            -khtml-user-select: none;
            -webkit-user-select: none;
            user-select: none; }
            .audiobook .audiobook__wrap .audiobook__item .audiobook__player .audiobook__episodes .audiobook__episodesItem .audiobook__episodeMeta a {
              margin-left: 10px; }
          .audiobook .audiobook__wrap .audiobook__item .audiobook__player .audiobook__episodes .audiobook__episodesItem p {
            position: relative;
            -moz-user-select: none;
            -khtml-user-select: none;
            -webkit-user-select: none;
            user-select: none; }
        .audiobook .audiobook__wrap .audiobook__item .audiobook__player .audiobook__episodes .audiobook__episodesItem.current {
          background: linear-gradient(90deg, #FFFFE6 450px, #ffffff); }
    .audiobook .audiobook__wrap .audiobook__otherBooks {
      list-style: none;
      background: #FFFFFF;
      box-shadow: 0px 3.12882px 8.60427px rgba(0, 0, 0, 0.25);
      border-radius: 40px;
      padding: 2rem; }
      .audiobook .audiobook__wrap .audiobook__otherBooks .audiobook__otherBooksItem {
        margin-bottom: 1rem; }
        .audiobook .audiobook__wrap .audiobook__otherBooks .audiobook__otherBooksItem .audiobook__otherBookTitle {
          display: grid;
          grid-template-columns: 40px 1fr;
          align-items: center; }
        .audiobook .audiobook__wrap .audiobook__otherBooks .audiobook__otherBooksItem .audiobook__otherBookAuthor {
          padding-left: 40px;
          margin: 5px 0;
          color: silver; }
        .audiobook .audiobook__wrap .audiobook__otherBooks .audiobook__otherBooksItem .audiobook__otherBookMeta {
          padding-left: 40px;
          display: flex;
          align-items: center;
          justify-content: space-between; }

.teamLeads__programs {
  display: none; }
  .teamLeads__programs .teamLeads__programList {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));
    grid-gap: 2rem 1rem;
    list-style: none; }
    .teamLeads__programs .teamLeads__programList .teamLeads__programListItem {
      padding: 1rem;
      border-radius: 20px;
      box-shadow: 0px 3.12882px 8.60427px rgba(0, 0, 0, 0.25); }
      .teamLeads__programs .teamLeads__programList .teamLeads__programListItem img {
        width: 100%;
        border-radius: 20px; }
      .teamLeads__programs .teamLeads__programList .teamLeads__programListItem .teamLeads__programTitle {
        font-weight: 500;
        color: #193E53; }
      .teamLeads__programs .teamLeads__programList .teamLeads__programListItem .teamLeads__programDescribe {
        margin: 10px 0;
        color: #667788;
        height: 80px; }
      .teamLeads__programs .teamLeads__programList .teamLeads__programListItem .teamLeads__programBtn {
        display: flex;
        justify-content: center;
        align-items: center;
        padding: 10px;
        background: linear-gradient(#97ca3e, #fcff22);
        border-radius: 10px; }

.teamLeads__programs.current {
  display: block; }

.academyProgram {
  min-height: 400px; }
  .academyProgram h2 {
    margin: 0 1rem; }
  .academyProgram .academyProgram__guide {
    margin: 2rem 1rem; }
    .academyProgram .academyProgram__guide .academyProgram__guideTitle {
      margin: 1rem 0; }
    .academyProgram .academyProgram__guide .academyProgram__guideList {
      list-style: none;
      display: grid;
      grid-template-columns: repeat(auto-fill, minmax(450px, 1fr));
      grid-gap: 1rem; }
      .academyProgram .academyProgram__guide .academyProgram__guideList .academyProgram__guideItem {
        display: grid;
        grid-template-columns: 80px 1fr;
        grid-gap: 1rem;
        margin-bottom: 2rem; }
        .academyProgram .academyProgram__guide .academyProgram__guideList .academyProgram__guideItem .academyProgram__guideStep {
          display: flex;
          align-items: center;
          justify-content: center;
          border-radius: 10px;
          font-size: 24px;
          font-weight: 500;
          color: #ffffff;
          padding: 1rem 0;
          max-height: 60px; }
        .academyProgram .academyProgram__guide .academyProgram__guideList .academyProgram__guideItem .academyProgram__guideStep.light {
          background: linear-gradient(#97ca3e, #ffff22); }
        .academyProgram .academyProgram__guide .academyProgram__guideList .academyProgram__guideItem .academyProgram__guideStep.dark {
          background: linear-gradient(#193e53, white); }

.academyCourse {
  min-height: 400px;
  background: url("../public/BG4019.png");
  background-size: contain; }
  .academyCourse h2 {
    margin: 0 1rem; }
  .academyCourse .academyCourse__wrap {
    display: grid;
    grid-template-columns: 2fr 1fr;
    grid-gap: 2rem;
    padding: 1rem; }
    .academyCourse .academyCourse__wrap .academyCourse__modules {
      list-style: none; }
      .academyCourse .academyCourse__wrap .academyCourse__modules .academyCourse__module {
        margin-top: 2rem;
        padding: 1rem;
        border-radius: 20px;
        background-color: #fff;
        box-shadow: 0px 4px 11px rgba(0, 0, 0, 0.25); }
        .academyCourse .academyCourse__wrap .academyCourse__modules .academyCourse__module .academyCourse__module_title {
          font-weight: 400;
          font-size: 20px; }
        .academyCourse .academyCourse__wrap .academyCourse__modules .academyCourse__module .academyCourse__moduleMeta {
          display: flex;
          flex-wrap: wrap; }
          .academyCourse .academyCourse__wrap .academyCourse__modules .academyCourse__module .academyCourse__moduleMeta .academyCourse__subtitle {
            display: flex;
            align-items: center;
            color: #b3bbc4;
            margin-right: 1rem; }
            .academyCourse .academyCourse__wrap .academyCourse__modules .academyCourse__module .academyCourse__moduleMeta .academyCourse__subtitle svg {
              height: 20px;
              margin-right: 5px;
              margin-left: 5px; }
            .academyCourse .academyCourse__wrap .academyCourse__modules .academyCourse__module .academyCourse__moduleMeta .academyCourse__subtitle .academyCourse__subtitle_value {
              color: #97ca3e; }
        .academyCourse .academyCourse__wrap .academyCourse__modules .academyCourse__module .academyCourse__modulesList {
          list-style: none;
          margin-top: 1rem; }
          .academyCourse .academyCourse__wrap .academyCourse__modules .academyCourse__module .academyCourse__modulesList .academyCourse__modulesItem {
            margin-bottom: 1rem;
            font-size: 18px; }
      .academyCourse .academyCourse__wrap .academyCourse__modules .academyCourse__moduleCollapse {
        margin-top: 2rem;
        border-radius: 20px;
        background-color: #fff;
        box-shadow: 0px 4px 11px rgba(0, 0, 0, 0.25); }
        .academyCourse .academyCourse__wrap .academyCourse__modules .academyCourse__moduleCollapse .academyCourse__moduleHead {
          display: flex;
          flex-wrap: wrap;
          justify-content: space-between;
          padding: 1rem;
          border-bottom: 1px solid #b3bbc4; }
          .academyCourse .academyCourse__wrap .academyCourse__modules .academyCourse__moduleCollapse .academyCourse__moduleHead .academyCourse__moduleMeta {
            display: flex;
            flex-wrap: wrap; }
            .academyCourse .academyCourse__wrap .academyCourse__modules .academyCourse__moduleCollapse .academyCourse__moduleHead .academyCourse__moduleMeta h3 {
              margin-right: 1rem; }
            .academyCourse .academyCourse__wrap .academyCourse__modules .academyCourse__moduleCollapse .academyCourse__moduleHead .academyCourse__moduleMeta .academyCourse__subtitles {
              display: flex;
              flex-wrap: wrap;
              align-items: center; }
              .academyCourse .academyCourse__wrap .academyCourse__modules .academyCourse__moduleCollapse .academyCourse__moduleHead .academyCourse__moduleMeta .academyCourse__subtitles .academyCourse__subtitle {
                display: flex;
                align-items: center;
                color: #b3bbc4;
                margin-right: 1rem; }
                .academyCourse .academyCourse__wrap .academyCourse__modules .academyCourse__moduleCollapse .academyCourse__moduleHead .academyCourse__moduleMeta .academyCourse__subtitles .academyCourse__subtitle svg {
                  width: 20px;
                  height: 20px;
                  margin: 0 5px; }
          .academyCourse .academyCourse__wrap .academyCourse__modules .academyCourse__moduleCollapse .academyCourse__moduleHead .academyCourse__moduleCollapse_collapseBtn {
            display: flex;
            align-items: center; }
            .academyCourse .academyCourse__wrap .academyCourse__modules .academyCourse__moduleCollapse .academyCourse__moduleHead .academyCourse__moduleCollapse_collapseBtn svg {
              margin-left: 5px;
              transition: all linear 0.4s; }
        .academyCourse .academyCourse__wrap .academyCourse__modules .academyCourse__moduleCollapse .academyCourse__moduleBody {
          padding: 1rem;
          background-color: #f4f4f4;
          border-bottom-right-radius: 20px;
          border-bottom-left-radius: 20px; }
        .academyCourse .academyCourse__wrap .academyCourse__modules .academyCourse__moduleCollapse .academyCourse__collapsedContent {
          display: none;
          transition: all linear .4s; }
      .academyCourse .academyCourse__wrap .academyCourse__modules .academyCourse__moduleCollapse.opened .academyCourse__moduleHead .academyCourse__moduleCollapse_collapseBtn svg {
        transform: rotateX(180deg);
        transition: all linear .4s; }
      .academyCourse .academyCourse__wrap .academyCourse__modules .academyCourse__moduleCollapse.opened .academyCourse__moduleBody {
        border-bottom-right-radius: 0;
        border-bottom-left-radius: 0; }
      .academyCourse .academyCourse__wrap .academyCourse__modules .academyCourse__moduleCollapse.opened .academyCourse__collapsedContent {
        display: block;
        transition: all linear .4s; }
        .academyCourse .academyCourse__wrap .academyCourse__modules .academyCourse__moduleCollapse.opened .academyCourse__collapsedContent .academyCourse__subjectList {
          list-style: none; }
          .academyCourse .academyCourse__wrap .academyCourse__modules .academyCourse__moduleCollapse.opened .academyCourse__collapsedContent .academyCourse__subjectList .academyCourse__subject {
            border-top: 1px solid #b3bbc4;
            padding: 1rem;
            display: grid;
            grid-template-columns: 25px 3fr 1fr;
            grid-gap: 1rem; }
            .academyCourse .academyCourse__wrap .academyCourse__modules .academyCourse__moduleCollapse.opened .academyCourse__collapsedContent .academyCourse__subjectList .academyCourse__subject .academyCourse__mark svg {
              fill: #b3bbc4; }
            .academyCourse .academyCourse__wrap .academyCourse__modules .academyCourse__moduleCollapse.opened .academyCourse__collapsedContent .academyCourse__subjectList .academyCourse__subject .academyCourse__description .academyCourse__description_text {
              margin: 1rem 0;
              color: #667788; }
            .academyCourse .academyCourse__wrap .academyCourse__modules .academyCourse__moduleCollapse.opened .academyCourse__collapsedContent .academyCourse__subjectList .academyCourse__subject .academyCourse__description .academyCourpse__author {
              display: flex; }
              .academyCourse .academyCourse__wrap .academyCourse__modules .academyCourse__moduleCollapse.opened .academyCourse__collapsedContent .academyCourse__subjectList .academyCourse__subject .academyCourse__description .academyCourpse__author .academyCourpse__author_avatar {
                margin-right: 1rem; }
            .academyCourse .academyCourse__wrap .academyCourse__modules .academyCourse__moduleCollapse.opened .academyCourse__collapsedContent .academyCourse__subjectList .academyCourse__subject .academyCourse__material .academyCourse__materialLink img {
              border-radius: 15px;
              width: 100%; }
            .academyCourse .academyCourse__wrap .academyCourse__modules .academyCourse__moduleCollapse.opened .academyCourse__collapsedContent .academyCourse__subjectList .academyCourse__subject .academyCourse__material .academyCourse__material_meta {
              margin-top: 1rem; }
              .academyCourse .academyCourse__wrap .academyCourse__modules .academyCourse__moduleCollapse.opened .academyCourse__collapsedContent .academyCourse__subjectList .academyCourse__subject .academyCourse__material .academyCourse__material_meta .academyCourse__material_duration {
                color: #b3bbc4;
                display: flex;
                align-items: center; }
                .academyCourse .academyCourse__wrap .academyCourse__modules .academyCourse__moduleCollapse.opened .academyCourse__collapsedContent .academyCourse__subjectList .academyCourse__subject .academyCourse__material .academyCourse__material_meta .academyCourse__material_duration svg {
                  margin-right: 5px; }
            .academyCourse .academyCourse__wrap .academyCourse__modules .academyCourse__moduleCollapse.opened .academyCourse__collapsedContent .academyCourse__subjectList .academyCourse__subject .button.academyCourse__passBtn {
              grid-column: 1/4;
              display: flex;
              justify-content: center;
              width: 100%;
              font-weight: 600;
              margin-top: 1rem; }
            .academyCourse .academyCourse__wrap .academyCourse__modules .academyCourse__moduleCollapse.opened .academyCourse__collapsedContent .academyCourse__subjectList .academyCourse__subject .academyCourse__subjectResults {
              display: none;
              grid-column: 1/4; }
              .academyCourse .academyCourse__wrap .academyCourse__modules .academyCourse__moduleCollapse.opened .academyCourse__collapsedContent .academyCourse__subjectList .academyCourse__subject .academyCourse__subjectResults p {
                color: #193e53;
                font-size: 20px; }
                .academyCourse .academyCourse__wrap .academyCourse__modules .academyCourse__moduleCollapse.opened .academyCourse__collapsedContent .academyCourse__subjectList .academyCourse__subject .academyCourse__subjectResults p .academyCourse__subjectGrade {
                  font-weight: 600; }
              .academyCourse .academyCourse__wrap .academyCourse__modules .academyCourse__moduleCollapse.opened .academyCourse__collapsedContent .academyCourse__subjectList .academyCourse__subject .academyCourse__subjectResults .academyCourse__subjectRates {
                list-style: none;
                display: grid;
                grid-template-columns: repeat(4, 1fr);
                grid-gap: 1rem;
                margin: 1rem 0; }
                .academyCourse .academyCourse__wrap .academyCourse__modules .academyCourse__moduleCollapse.opened .academyCourse__collapsedContent .academyCourse__subjectList .academyCourse__subject .academyCourse__subjectResults .academyCourse__subjectRates .academyCourse__subjectRateItem {
                  display: flex;
                  flex-direction: column;
                  align-items: center; }
                  .academyCourse .academyCourse__wrap .academyCourse__modules .academyCourse__moduleCollapse.opened .academyCourse__collapsedContent .academyCourse__subjectList .academyCourse__subject .academyCourse__subjectResults .academyCourse__subjectRates .academyCourse__subjectRateItem .academyCourse__subjectRate {
                    display: flex;
                    justify-content: center;
                    align-items: center;
                    border-radius: 30px;
                    padding: 1rem;
                    opacity: .5;
                    min-width: 140px; }
                  .academyCourse .academyCourse__wrap .academyCourse__modules .academyCourse__moduleCollapse.opened .academyCourse__collapsedContent .academyCourse__subjectList .academyCourse__subject .academyCourse__subjectResults .academyCourse__subjectRates .academyCourse__subjectRateItem .academyCourse__subjectRate.excellent {
                    background-color: #ade251; }
                  .academyCourse .academyCourse__wrap .academyCourse__modules .academyCourse__moduleCollapse.opened .academyCourse__collapsedContent .academyCourse__subjectList .academyCourse__subject .academyCourse__subjectResults .academyCourse__subjectRates .academyCourse__subjectRateItem .academyCourse__subjectRate.good {
                    background-color: #cae32f; }
                  .academyCourse .academyCourse__wrap .academyCourse__modules .academyCourse__moduleCollapse.opened .academyCourse__collapsedContent .academyCourse__subjectList .academyCourse__subject .academyCourse__subjectResults .academyCourse__subjectRates .academyCourse__subjectRateItem .academyCourse__subjectRate.normal {
                    background-color: #f2f250; }
                  .academyCourse .academyCourse__wrap .academyCourse__modules .academyCourse__moduleCollapse.opened .academyCourse__collapsedContent .academyCourse__subjectList .academyCourse__subject .academyCourse__subjectResults .academyCourse__subjectRates .academyCourse__subjectRateItem .academyCourse__subjectRate.bad {
                    background-color: #f6bf6c; }
                  .academyCourse .academyCourse__wrap .academyCourse__modules .academyCourse__moduleCollapse.opened .academyCourse__collapsedContent .academyCourse__subjectList .academyCourse__subject .academyCourse__subjectResults .academyCourse__subjectRates .academyCourse__subjectRateItem .academyCourse__subjectRate.active {
                    opacity: 1;
                    font-weight: 600; }
                @media (max-width: 700px) {
                  .academyCourse .academyCourse__wrap .academyCourse__modules .academyCourse__moduleCollapse.opened .academyCourse__collapsedContent .academyCourse__subjectList .academyCourse__subject .academyCourse__subjectResults .academyCourse__subjectRates {
                    grid-template-columns: repeat(2, 1fr); } }
                @media (max-width: 360px) {
                  .academyCourse .academyCourse__wrap .academyCourse__modules .academyCourse__moduleCollapse.opened .academyCourse__collapsedContent .academyCourse__subjectList .academyCourse__subject .academyCourse__subjectResults .academyCourse__subjectRates {
                    grid-template-columns: 1fr; } }
            @media (max-width: 360px) {
              .academyCourse .academyCourse__wrap .academyCourse__modules .academyCourse__moduleCollapse.opened .academyCourse__collapsedContent .academyCourse__subjectList .academyCourse__subject {
                grid-template-columns: 1fr; }
                .academyCourse .academyCourse__wrap .academyCourse__modules .academyCourse__moduleCollapse.opened .academyCourse__collapsedContent .academyCourse__subjectList .academyCourse__subject .button.academyCourse__passBtn {
                  grid-column: 1; }
                .academyCourse .academyCourse__wrap .academyCourse__modules .academyCourse__moduleCollapse.opened .academyCourse__collapsedContent .academyCourse__subjectList .academyCourse__subject .academyCourse__subjectResults {
                  grid-column: 1; } }
          .academyCourse .academyCourse__wrap .academyCourse__modules .academyCourse__moduleCollapse.opened .academyCourse__collapsedContent .academyCourse__subjectList .academyCourse__subject.passed .academyCourse__passBtn {
            display: none; }
          .academyCourse .academyCourse__wrap .academyCourse__modules .academyCourse__moduleCollapse.opened .academyCourse__collapsedContent .academyCourse__subjectList .academyCourse__subject.passed .academyCourse__mark svg {
            fill: #97ca3e; }
          .academyCourse .academyCourse__wrap .academyCourse__modules .academyCourse__moduleCollapse.opened .academyCourse__collapsedContent .academyCourse__subjectList .academyCourse__subject.passed .academyCourse__subjectResults {
            display: block; }
    .academyCourse .academyCourse__wrap .academyCourse__details {
      padding: 1rem;
      border-radius: 20px;
      background-color: #fff;
      box-shadow: 0px 4px 11px rgba(0, 0, 0, 0.25);
      height: max-content; }
      .academyCourse .academyCourse__wrap .academyCourse__details h3 {
        font-weight: 400;
        margin-bottom: 10px; }
        .academyCourse .academyCourse__wrap .academyCourse__details h3 .academyCourse__courseName {
          font-weight: 700; }
      .academyCourse .academyCourse__wrap .academyCourse__details .academyCourse__properties {
        margin: 5px 0;
        color: space grey; }
      .academyCourse .academyCourse__wrap .academyCourse__details .button {
        display: flex;
        width: 100%;
        justify-content: center;
        align-items: center; }
      .academyCourse .academyCourse__wrap .academyCourse__details .transparent {
        margin-top: 1rem;
        background: transparent;
        border: 1px solid #667788;
        color: #667788;
        font-weight: 500; }
        .academyCourse .academyCourse__wrap .academyCourse__details .transparent:hover {
          background: #667788;
          color: #fff; }
      .academyCourse .academyCourse__wrap .academyCourse__details .academyCourse__progressList {
        list-style: none;
        margin: 1rem 0; }
        .academyCourse .academyCourse__wrap .academyCourse__details .academyCourse__progressList .academyCourse__progressItem {
          display: grid;
          grid-template-columns: max-content 1fr max-content;
          grid-gap: 0 3px;
          color: #667788;
          margin-bottom: 10px; }
          .academyCourse .academyCourse__wrap .academyCourse__details .academyCourse__progressList .academyCourse__progressItem p {
            vertical-align: bottom; }
          .academyCourse .academyCourse__wrap .academyCourse__details .academyCourse__progressList .academyCourse__progressItem .academyCourse__progressItem_skip {
            border-bottom: 2px dotted #667788; }
          .academyCourse .academyCourse__wrap .academyCourse__details .academyCourse__progressList .academyCourse__progressItem .academyCourse__progressItem_grade.excellent {
            color: #ade251; }
          .academyCourse .academyCourse__wrap .academyCourse__details .academyCourse__progressList .academyCourse__progressItem .academyCourse__progressItem_grade.good {
            color: #cae32f; }
          .academyCourse .academyCourse__wrap .academyCourse__details .academyCourse__progressList .academyCourse__progressItem .academyCourse__progressItem_grade.normal {
            color: #f2f250; }
          .academyCourse .academyCourse__wrap .academyCourse__details .academyCourse__progressList .academyCourse__progressItem .academyCourse__progressItem_grade.bad {
            color: #f6bf6c; }
    @media (max-width: 1000px) {
      .academyCourse .academyCourse__wrap {
        grid-template-columns: 1fr; } }

.academyCourseEnroll {
  min-height: 400px;
  background: url("../public/BG4019.png") no-repeat;
  background-size: cover;
  display: flex;
  justify-content: center; }
  .academyCourseEnroll .academyCourseEnroll__wrap {
    padding: 2rem;
    max-width: 860px;
    height: max-content;
    margin-top: 2rem;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-gap: 1rem;
    background-color: #fff;
    border-radius: 20px;
    box-shadow: 0px 4px 11px rgba(0, 0, 0, 0.25); }
    .academyCourseEnroll .academyCourseEnroll__wrap .academyCourseEnroll__form {
      display: flex;
      flex-direction: column; }
      .academyCourseEnroll .academyCourseEnroll__wrap .academyCourseEnroll__form input {
        margin: 5px 0;
        padding: 5px;
        border: 1px solid rgba(102, 119, 136, 0.5);
        border-radius: 5px;
        outline: none; }
      .academyCourseEnroll .academyCourseEnroll__wrap .academyCourseEnroll__form .button {
        border: transparent;
        margin-top: 1rem; }
    @media (max-width: 700px) {
      .academyCourseEnroll .academyCourseEnroll__wrap {
        grid-template-columns: 1fr;
        border-radius: 0; } }
  .academyCourseEnroll .academyCongrats {
    width: 400px;
    margin-top: 2rem;
    display: flex;
    flex-direction: column;
    align-items: center;
    background-color: #fff;
    border-radius: 20px;
    box-shadow: 0px 4px 11px rgba(0, 0, 0, 0.25);
    height: max-content;
    padding: 2rem; }
    .academyCourseEnroll .academyCongrats p {
      margin: 1rem 0;
      text-align: center; }

.videoLessons {
  min-height: 450px;
  background: url("../public/BG4019.png");
  background-size: cover; }
  .videoLessons .videoLessons__head {
    padding: 1rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-flow: wrap; }
    .videoLessons .videoLessons__head .videoLessons__filters {
      display: flex; }
      .videoLessons .videoLessons__head .videoLessons__filters .videoLessons__selectWrapper {
        position: relative; }
        .videoLessons .videoLessons__head .videoLessons__filters .videoLessons__selectWrapper:before {
          content: '';
          top: 44%;
          right: 15px;
          display: block;
          transform: translate(-50%, -50%) rotate(-45deg);
          border: solid #667788;
          border-width: 0px 0px 2px 2px;
          position: absolute;
          width: 10px;
          height: 10px;
          pointer-events: none; }
        .videoLessons .videoLessons__head .videoLessons__filters .videoLessons__selectWrapper .videoLessons__filter {
          padding: 10px;
          border-radius: 5px;
          appearance: none;
          width: 200px;
          padding-left: 2.5rem; }
        .videoLessons .videoLessons__head .videoLessons__filters .videoLessons__selectWrapper .videoLessons__selectIcon {
          position: absolute;
          left: 10px;
          top: 9px; }
      .videoLessons .videoLessons__head .videoLessons__filters .videoLessons_search {
        display: flex;
        align-items: center;
        justify-content: center;
        padding: 10px;
        background-color: #fff;
        border: 1px solid #97ca3e;
        border-radius: 2px;
        margin-left: 1rem;
        transition: all linear .4s; }
        .videoLessons .videoLessons__head .videoLessons__filters .videoLessons_search svg {
          fill: #97CA3E; }
        .videoLessons .videoLessons__head .videoLessons__filters .videoLessons_search:hover {
          background-color: #97ca3e; }
          .videoLessons .videoLessons__head .videoLessons__filters .videoLessons_search:hover svg {
            fill: #ffffff; }
  .videoLessons .videoLessons__list {
    list-style: none;
    margin: 2rem 0;
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(310px, 360px));
    grid-gap: 2rem 1rem;
    justify-content: space-between; }
    .videoLessons .videoLessons__list .videoLessons__item {
      box-shadow: 0px 4px 11px rgba(0, 0, 0, 0.25);
      border-radius: 54px;
      background-color: #fff;
      display: flex;
      flex-direction: column;
      align-items: center;
      padding: 2rem; }
      .videoLessons .videoLessons__list .videoLessons__item img {
        border-radius: 20px; }
      .videoLessons .videoLessons__list .videoLessons__item .videoLessons__header {
        margin: 10px 0;
        text-align: left;
        width: 100%;
        height: 45px; }
      .videoLessons .videoLessons__list .videoLessons__item .videoLessons__lessonMeta {
        display: grid;
        grid-template-columns: repeat(auto-fill, minmax(135px, 1fr));
        grid-gap: 10px;
        width: 100%;
        margin: 5px 0; }
        .videoLessons .videoLessons__list .videoLessons__item .videoLessons__lessonMeta .videoLessons__lessonDate {
          background: rgba(202, 227, 47, 0.3);
          padding: 5px;
          border-radius: 5px;
          display: flex;
          align-items: center;
          justify-content: center;
          font-size: 13px; }
          .videoLessons .videoLessons__list .videoLessons__item .videoLessons__lessonMeta .videoLessons__lessonDate svg {
            height: 18px;
            margin-right: 5px; }
        .videoLessons .videoLessons__list .videoLessons__item .videoLessons__lessonMeta .videoLessons__lessonSubject {
          background: rgba(179, 187, 196, 0.28);
          padding: 5px;
          border-radius: 5px;
          display: flex;
          align-items: center;
          justify-content: center;
          font-size: 13px; }
          .videoLessons .videoLessons__list .videoLessons__item .videoLessons__lessonMeta .videoLessons__lessonSubject svg {
            height: 20px;
            margin-right: 5px; }
      .videoLessons .videoLessons__list .videoLessons__item .videoLessons__lessonAuthor {
        width: 100%;
        text-align: left;
        margin: 1rem 0;
        color: #b3bbc4; }
      .videoLessons .videoLessons__list .videoLessons__item .button {
        display: block;
        text-align: center;
        font-weight: 500;
        width: 100%;
        margin: 1rem 0; }
      @media (max-width: 360px) {
        .videoLessons .videoLessons__list .videoLessons__item {
          border-radius: 0; } }
  .videoLessons .videoLessons__pagination {
    display: flex;
    justify-content: space-between;
    padding: 1rem;
    margin: 2rem 0; }
    .videoLessons .videoLessons__pagination .videoLessons__pageNum {
      font-size: 26px;
      font-weight: 600;
      color: #97CA3E; }
    .videoLessons .videoLessons__pagination .videoLessons__pageSwitch {
      display: flex; }
      .videoLessons .videoLessons__pagination .videoLessons__pageSwitch .videoLessons__prevPage,
      .videoLessons .videoLessons__pagination .videoLessons__pageSwitch .videoLessons__nextPage {
        display: flex;
        align-items: center;
        justify-content: center;
        background: #97CA3E;
        padding: 10px;
        border-radius: 5px;
        border: none; }
        .videoLessons .videoLessons__pagination .videoLessons__pageSwitch .videoLessons__prevPage svg,
        .videoLessons .videoLessons__pagination .videoLessons__pageSwitch .videoLessons__nextPage svg {
          width: 20px; }
        .videoLessons .videoLessons__pagination .videoLessons__pageSwitch .videoLessons__prevPage:hover,
        .videoLessons .videoLessons__pagination .videoLessons__pageSwitch .videoLessons__nextPage:hover {
          background-color: #bdf35f;
          transition: all linear .3s; }
      .videoLessons .videoLessons__pagination .videoLessons__pageSwitch .videoLessons__prevPage {
        margin-right: 1rem; }

.academyDiploma {
  padding: 1rem;
  min-height: 450px; }
  .academyDiploma .academyDiploma__requirmentsList {
    list-style: none;
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(290px, 1fr));
    grid-gap: 1rem; }
    .academyDiploma .academyDiploma__requirmentsList .academyDiploma__requirmentsItem {
      background: linear-gradient(51.78deg, #97CA3E 0%, #FCFF22 100%);
      border-radius: 20px;
      padding: 3px;
      margin: 2rem 0; }
      .academyDiploma .academyDiploma__requirmentsList .academyDiploma__requirmentsItem .academyDiploma__requirmentsItem_link {
        background-color: #fff;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        height: 100%;
        border-radius: 16px;
        padding: 3rem 1rem;
        transition: all linear .3s; }
        .academyDiploma .academyDiploma__requirmentsList .academyDiploma__requirmentsItem .academyDiploma__requirmentsItem_link h4 {
          font-weight: 500;
          margin: 1rem 0;
          width: 100%; }
        .academyDiploma .academyDiploma__requirmentsList .academyDiploma__requirmentsItem .academyDiploma__requirmentsItem_link svg {
          fill: #97CA3E;
          transition: all linear .3s; }
        .academyDiploma .academyDiploma__requirmentsList .academyDiploma__requirmentsItem .academyDiploma__requirmentsItem_link:hover {
          background: transparent; }
          .academyDiploma .academyDiploma__requirmentsList .academyDiploma__requirmentsItem .academyDiploma__requirmentsItem_link:hover svg {
            fill: #fff; }

.academyGalery .academyGalery__topic {
  grid-column: 2;
  margin-bottom: 2rem; }
.academyGalery .photoalbum__item_download {
  color: #97CA3E;
  cursor: pointer; }

.academyStudents {
  min-height: 450px; }
  .academyStudents .academyStudents__teachers {
    padding: 1rem; }
  .academyStudents .academyStudents__head {
    padding: 1rem;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between; }
    .academyStudents .academyStudents__head h2 {
      font-weight: 500;
      margin-bottom: 1rem; }
    .academyStudents .academyStudents__head .selectWrap {
      position: relative; }
      .academyStudents .academyStudents__head .selectWrap .academyStudents__filter {
        padding: 5px 2rem;
        border-radius: 5px; }
      .academyStudents .academyStudents__head .selectWrap svg {
        position: absolute;
        left: 10px;
        top: 7px; }
  .academyStudents .academyStudents__listWrap {
    padding: 1rem; }
    .academyStudents .academyStudents__listWrap .academyStudents__listWrap_head {
      display: flex;
      align-items: center;
      justify-content: space-between;
      color: #667788; }
    .academyStudents .academyStudents__listWrap .academyStudents__list {
      list-style: none;
      display: grid;
      grid-template-columns: repeat(auto-fill, minmax(290px, 1fr));
      grid-gap: 2rem 1rem;
      margin: 2rem 0; }
      .academyStudents .academyStudents__listWrap .academyStudents__list .academyStudents__item {
        padding: 1.5rem;
        border-radius: 20px;
        box-shadow: 0px 3px 8px 0px rgba(0, 0, 0, 0.25); }
        .academyStudents .academyStudents__listWrap .academyStudents__list .academyStudents__item .academyStudents__studentPhoto {
          width: 100%;
          border-radius: 15px; }
        .academyStudents .academyStudents__listWrap .academyStudents__list .academyStudents__item .academyStudents__studentName,
        .academyStudents .academyStudents__listWrap .academyStudents__list .academyStudents__item .academyStudents__teacherName {
          display: flex;
          align-items: center;
          margin: 1rem 0;
          height: 45px; }
          .academyStudents .academyStudents__listWrap .academyStudents__list .academyStudents__item .academyStudents__studentName svg,
          .academyStudents .academyStudents__listWrap .academyStudents__list .academyStudents__item .academyStudents__teacherName svg {
            margin-right: 10px; }
        .academyStudents .academyStudents__listWrap .academyStudents__list .academyStudents__item .academyStudents__teacherName {
          margin: 0; }
        .academyStudents .academyStudents__listWrap .academyStudents__list .academyStudents__item .academyStudents__position {
          color: #667788;
          margin-bottom: 1rem;
          padding-left: 42px; }
        .academyStudents .academyStudents__listWrap .academyStudents__list .academyStudents__item .academyStudents__course {
          display: flex;
          align-items: start;
          padding-left: 1rem; }
          .academyStudents .academyStudents__listWrap .academyStudents__list .academyStudents__item .academyStudents__course svg {
            margin-right: 10px; }
        .academyStudents .academyStudents__listWrap .academyStudents__list .academyStudents__item .academyStudents__studentBio {
          color: #193e53;
          font-weight: 600;
          margin: 1rem 0; }
        .academyStudents .academyStudents__listWrap .academyStudents__list .academyStudents__item .academyStudents__studyDuration {
          color: #b3bbc4; }

.academy__pagination {
  display: flex;
  justify-content: space-between;
  padding: 1rem;
  margin: 2rem 0; }
  .academy__pagination .academy__pageNum {
    font-size: 26px;
    font-weight: 600;
    color: #97CA3E; }
  .academy__pagination .academy__pageSwitch {
    display: flex; }
    .academy__pagination .academy__pageSwitch .academy__prevPage,
    .academy__pagination .academy__pageSwitch .academy__nextPage {
      display: flex;
      align-items: center;
      justify-content: center;
      background: #97CA3E;
      padding: 10px;
      border-radius: 5px;
      border: none; }
      .academy__pagination .academy__pageSwitch .academy__prevPage svg,
      .academy__pagination .academy__pageSwitch .academy__nextPage svg {
        width: 20px; }
      .academy__pagination .academy__pageSwitch .academy__prevPage:hover,
      .academy__pagination .academy__pageSwitch .academy__nextPage:hover {
        background-color: #bdf35f;
        transition: all linear .3s; }
    .academy__pagination .academy__pageSwitch .academy__prevPage {
      margin-right: 1rem; }

@font-face {
  font-family: "Manrope";
  src: url("../public/fonts/Manrope-VariableFont_wght.ttf"); }
@font-face {
  font-family: "Grotesk";
  src: url("../public/fonts/CraftworkGrotesk-Regular.ttf"); }
@font-face {
  font-family: "Grotesk";
  src: url("../public/fonts/CraftworkGrotesk-SemiBold.ttf");
  font-weight: 500; }
@font-face {
  font-family: "Grotesk";
  src: url("../public/fonts/CraftworkGrotesk-Medium.ttf");
  font-weight: 400; }
@font-face {
  font-family: "Grotesk";
  src: url("../public/fonts/CraftworkGrotesk-Heavy.ttf");
  font-weight: 600; }
* {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  font-family: Manrope; }

body {
  background-size: cover; }

.container {
  max-width: 1200px;
  margin: auto; }

.simpleContainer {
  max-width: 1200px;
  margin: 2rem auto; }

h2,
h3,
h4 {
  font-family: "Grotesk";
  font-weight: 600; }

a {
  text-decoration: none;
  color: #000000; }

p,
span,
ul,
ol,
a {
  font-family: Manrope; }

.title {
  margin: 1rem 0; }

.inputWrap {
  display: flex;
  flex-direction: column;
  position: relative;
  margin: 10px 0; }
  .inputWrap .showPass {
    position: absolute;
    right: 1rem;
    top: 1.8rem;
    fill: #667788;
    stroke: #667788;
    width: 24px;
    height: 18px; }
  .inputWrap label {
    margin: 5px 0; }

.button {
  width: fit-content;
  padding: 10px 20px;
  border-radius: 10px;
  background: linear-gradient(51.78deg, #97ca3e 0%, #fcff22 100%);
  transition: all linear 0.9s; }
  .button:hover {
    background: #97ca3e;
    transition: all linear 0.4s; }

.button.dark {
  background: #667788;
  color: #ffffff; }

.curtains,
.bottom {
  height: 100%;
  display: flex; }
  .curtains .curtain,
  .bottom .curtain {
    width: 80px;
    height: 100%;
    background-color: #CAE32F; }
  .curtains .curtain1,
  .bottom .curtain1 {
    opacity: 0.75; }
  .curtains .curtain2,
  .bottom .curtain2 {
    opacity: 0.6; }
  .curtains .curtain3,
  .bottom .curtain3 {
    opacity: 0.55; }
  .curtains .curtain4,
  .bottom .curtain4 {
    opacity: 0.5; }

.bottom {
  width: 100%;
  height: auto;
  flex-direction: column; }
  .bottom .curtain {
    width: 100%;
    height: 60px; }

.list {
  list-style: none;
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(200px, 220px));
  justify-content: center;
  grid-gap: 1rem;
  margin: 2rem 0; }
  .list .listItem {
    background: linear-gradient(51.78deg, #97CA3E 0%, #FCFF22 100%);
    border-radius: 20px;
    padding: 2rem 1rem;
    transition: all linear 0.4s;
    outline: 2px solid transparent;
    display: flex;
    flex-direction: column;
    justify-content: center; }
    .list .listItem a {
      display: flex;
      flex-direction: column;
      justify-content: center;
      align-items: center;
      text-align: center; }
      .list .listItem a svg {
        fill: #ffffff;
        transition: all linear 0.4s; }
      .list .listItem a p {
        color: #fff;
        margin-top: 1rem;
        font-size: 18px;
        transition: all linear 0.4s; }
    .list .listItem:hover {
      background: transparent;
      outline: 2px solid #97ca3e;
      transition: all ease-in-out 0.4s; }
      .list .listItem:hover p {
        color: #97ca3e; }
      .list .listItem:hover svg {
        fill: #97ca3e; }

.card {
  display: flex;
  flex-direction: column;
  border-radius: 20px;
  background: #ffffff;
  padding: 2rem 1rem;
  box-shadow: 0px 3.12882px 8.60427px rgba(0, 0, 0, 0.25); }
  .card img {
    border-radius: 20px;
    margin-bottom: 1rem; }
  .card .subtitle {
    font-size: 14px;
    margin-top: 10px;
    padding-left: 33px; }

.linkMarker {
  margin-right: 5px;
  background: linear-gradient(57.8deg, #97CA3E 4.52%, #FFFF22 95.48%);
  height: 20px;
  border-radius: 5px; }

.ideaOverview {
  min-height: 80vh; }

.test__finishTestWindow {
  display: flex;
  align-items: center;
  justify-content: center;
  position: fixed;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  background-color: rgba(0, 0, 0, 0.4);
  z-index: 10; }
  .test__finishTestWindow .test__finishTestBlock {
    border-radius: 20px;
    padding: 2rem;
    background-color: #fff;
    position: relative; }
    .test__finishTestWindow .test__finishTestBlock h3 {
      text-align: center; }
    .test__finishTestWindow .test__finishTestBlock .test__closeBtn {
      position: absolute;
      right: 1rem;
      top: 1rem; }
      .test__finishTestWindow .test__finishTestBlock .test__closeBtn svg {
        fill: #B3BBC4; }
      .test__finishTestWindow .test__finishTestBlock .test__closeBtn:hover svg {
        fill: red; }
    .test__finishTestWindow .test__finishTestBlock .test__btnGroup {
      display: flex;
      justify-content: center;
      margin: 1rem 0; }
      .test__finishTestWindow .test__finishTestBlock .test__btnGroup .button {
        margin-right: 10px; }
      .test__finishTestWindow .test__finishTestBlock .test__btnGroup .button.transparent {
        background: transparent;
        border: 1px solid #B3BBC4;
        color: #B3BBC4; }
        .test__finishTestWindow .test__finishTestBlock .test__btnGroup .button.transparent:hover {
          background: #B3BBC4;
          color: #000000; }

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