@import url(https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,300;0,400;0,500;0,600;0,700;0,900;1,400&display=swap);

@-webkit-keyframes btn-hover {
  0% {
    opacity: 0
  }
  to {
    opacity: 1
  }
}

@keyframes btn-hover {
  0% {
    opacity: 0
  }
  to {
    opacity: 1
  }
}

* {
  padding: 0;
  margin: 0;
  outline: none;
  border: none;
  -webkit-box-sizing: border-box;
  box-sizing: border-box
}

body {
  font-family: Montserrat, sans-serif;
  font-weight: 400;
  font-size: 18px;
  color: #fff;
  background-color: #101016;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  min-height: 100vh
}

main {
  -webkit-box-flex: 1;
  -ms-flex: 1 1 100%;
  flex: 1 1 100%;
  overflow-x: hidden;
  overflow-y: auto
}

.wrapper {
  max-width: 1280px;
  margin: 0 auto;
  padding: 0 20px
}

@media screen and (max-width: 480px) {
  .wrapper {
    max-width: 100%;
    padding: 0 8px
  }
}

section {
  max-width: 100%;
  overflow: hidden
}

ul {
  list-style-type: none
}

h1 {
  font-size: 80px;
  font-weight: 700
}

h2 {
  font-size: 26px;
  font-weight: 600
}

@media screen and (max-width: 600px) {
  h2 {
    font-size: 22px;
    text-align: center
  }
}

h3 {
  font-size: 20px;
  font-weight: 600
}

p {
  font-family: Montserrat, sans-serif;
  font-weight: 400;
  font-size: 18px;
  color: #fff
}

img {
  max-width: 100%;
  -o-object-fit: contain;
  object-fit: contain;
  -o-object-position: center center;
  object-position: center center
}

header input[type=email], header input[type=text] {
  display: block;
  width: 100%;
  max-width: 244px;
  height: 43px;
  padding: 13px 23px 12px 50px;
  font-size: 14px;
  background: rgba(0, 0, 0, 0);
  color: #fff;
  border-radius: 21.5px;
  border: 1px solid #fff;
  overflow: hidden;
  opacity: .6;
  position: relative;
  -webkit-transition: all .2s ease-in-out;
  -o-transition: all .2s ease-in-out;
  transition: all .2s ease-in-out
}

header input[type=email]::-webkit-input-placeholder, header input[type=text]::-webkit-input-placeholder {
  color: #a2a2a4
}

header input[type=email]::-moz-placeholder, header input[type=text]::-moz-placeholder {
  color: #a2a2a4
}

header input[type=email]:-ms-input-placeholder, header input[type=text]:-ms-input-placeholder {
  color: #a2a2a4
}

header input[type=email]::-ms-input-placeholder, header input[type=text]::-ms-input-placeholder {
  color: #a2a2a4
}

header input[type=email]::placeholder, header input[type=text]::placeholder {
  color: #a2a2a4
}

header input[type=email]:active, header input[type=email]:focus, header input[type=text]:active, header input[type=text]:focus {
  opacity: 1
}

a {
  font-size: 14px;
  text-decoration: none;
  color: #fff;
  -webkit-transition: .2s ease-in-out;
  -o-transition: .2s ease-in-out;
  transition: .2s ease-in-out
}

a:hover {
  color: #c544f5
}

strong {
  font-size: inherit
}

.btn, strong {
  font-weight: 600
}

.btn {
  padding: 14px 13px;
  color: #fff;
  font-size: 22px;
  font-family: inherit;
  background: -o-linear-gradient(60deg, #e342fa 0, #ff0145 100%);
  background: linear-gradient(30deg, #e342fa, #ff0145);
  border-radius: 5px;
  overflow: hidden;
  text-align: center;
  white-space: nowrap;
  cursor: pointer;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}

.btn, .btn > span {
  position: relative
}

.btn > span {
  z-index: 50
}

.btn strong {
  font-size: 16px;
  font-weight: 700
}

.btn:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  background: -o-linear-gradient(60deg, #ff0145 0, #e342fa 100%);
  background: linear-gradient(30deg, #ff0145, #e342fa);
  -webkit-animation: btn-hover 1s linear infinite alternate;
  animation: btn-hover 1s linear infinite alternate;
  z-index: 10
}

@media screen and (max-width: 600px) {
  .btn {
    width: 100% !important;
    max-width: calc(100% - 20px) !important;
    height: 65px !important;
    font-size: 19px;
    margin-left: auto;
    margin-right: auto
  }
}

.btn:hover {
  color: #fff
}

.btn--secondary {
  padding: 14px 13px;
  color: #fff;
  font-weight: 600;
  font-size: 22px;
  font-family: inherit;
  background: -o-linear-gradient(60deg, #e342fa 0, #ff0145 100%);
  background: linear-gradient(30deg, #e342fa, #ff0145);
  border-radius: 5px;
  overflow: hidden;
  text-align: center;
  white-space: nowrap;
  cursor: pointer;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  background: rgba(0, 0, 0, 0);
  border: 1px solid #fff
}

.btn--secondary > span {
  position: relative;
  z-index: 50
}

.btn--secondary strong {
  font-size: 16px;
  font-weight: 700
}

.btn--secondary:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  background: -o-linear-gradient(60deg, #ff0145 0, #e342fa 100%);
  background: linear-gradient(30deg, #ff0145, #e342fa);
  -webkit-animation: btn-hover 1s linear infinite alternate;
  animation: btn-hover 1s linear infinite alternate;
  z-index: 10
}

@media screen and (max-width: 600px) {
  .btn--secondary {
    width: 100% !important;
    max-width: calc(100% - 20px) !important;
    height: 65px !important;
    font-size: 19px;
    margin-left: auto;
    margin-right: auto
  }
}

.btn--secondary:hover {
  color: #fff
}

.btn--secondary:after {
  -webkit-animation: none;
  animation: none;
  opacity: 0
}

.btn--secondary:hover:after {
  -webkit-animation: btn-hover 1s linear infinite alternate;
  animation: btn-hover 1s linear infinite alternate
}

.category {
  display: block;
  color: #fff;
  background-color: #04bbc9;
  padding: 5px 8px 6px;
  font-size: 16px;
  font-weight: 600;
  max-height: 30px
}

.accordeon > li {
  position: relative;
  width: 100%;
  padding: 15px 40px 15px 0;
  cursor: pointer
}

.accordeon > li > p {
  font-size: 24px;
  display: block;
  font-weight: 600;
  color: hsla(0, 0%, 100%, .9);
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none
}

@media screen and (max-width: 600px) {
  .accordeon > li > p {
    font-size: 18px
  }
}

.accordeon > li > div {
  margin-top: 17px;
  display: none
}

.accordeon > li > div a, .accordeon > li > div p, .accordeon > li > div span {
  font-size: 24px;
  color: hsla(0, 0%, 100%, .7)
}

@media screen and (max-width: 600px) {
  .accordeon > li > div a, .accordeon > li > div p, .accordeon > li > div span {
    font-size: 16px
  }
}

.accordeon > li:after {
  position: absolute;
  content: "";
  right: 0;
  top: 20px;
  -webkit-transition: .2s ease-in-out;
  -o-transition: .2s ease-in-out;
  transition: .2s ease-in-out;
  width: 26px;
  height: 14px;
  background: url(../img/arrow_down.png) no-repeat 50%
}

@media screen and (max-width: 600px) {
  .accordeon > li:after {
    top: 30px;
    width: 14px;
    height: 8px;
    background-size: contain
  }
}

.accordeon > li:not(:last-of-type) {
  border-bottom: 1px solid hsla(0, 0%, 100%, .4);
  margin-bottom: 10px
}

.accordeon > li.opened:after {
  -webkit-transform: rotate(-180deg);
  -ms-transform: rotate(-180deg);
  transform: rotate(-180deg)
}

section h2 {
  font-size: 30px;
  font-weight: 600;
  margin-top: 40px;
  margin-bottom: 40px;
  text-transform: uppercase
}

@media screen and (max-width: 480px) {
  section h2 {
    font-size: 22px
  }
}

.icons, .icons > a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}

.icons > a {
  background-color: #04bbc9;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center
}

.icons > a img {
  -o-object-fit: contain;
  object-fit: contain
}

.salary {
  padding-bottom: 7px;
  position: relative;
  font-weight: 600
}

.salary:after {
  position: absolute;
  content: "";
  left: 0;
  bottom: 0;
  width: 100%;
  height: 2px;
  background-color: #04bbc9
}

.authors p {
  font-size: 16px
}

.page_top {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between
}

@media screen and (max-width: 600px) {
  .page_top {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
  }
}

.filters {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}

@media screen and (max-width: 600px) {
  .filters {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-bottom: 35PX
  }
}

.filters span {
  font-weight: 600;
  margin-right: 10px
}

.filters a, .filters span {
  font-size: 14px;
  line-height: 120%;
  display: inline-block
}

.filters a {
  margin-right: 3px
}

.filters a:hover:after {
  color: #fff
}

.filters a:not(:last-child):after {
  content: "/";
  display: inline-block;
  margin: 0 3px
}

.filters a:not(:last-child):after:hover {
  color: #fff
}

.filters a.active {
  font-weight: 600
}

.courses__list h3 {
  margin: 10px 0;
}

.courses__list p a {
  font-size: 16px;
  line-height: 120%
}

.courses__list + .courses__list {
  margin-top: 42px
}

.modal {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 100;
  background-color: rgba(0, 0, 0, .7)
}

.modal[data-step="2"] .modal__header:after {
  width: calc(66.66667% + 70px)
}

@media screen and (max-width: 600px) {
  .modal[data-step="2"] .modal__header:after {
    width: calc(66.66667% + 40px)
  }
}

.modal[data-step="3"] .modal__header:after {
  width: calc(100% + 70px)
}

@media screen and (max-width: 600px) {
  .modal[data-step="3"] .modal__header:after {
    width: calc(100% + 40px)
  }
}

.modal__wrap {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  width: 100%;
  max-width: 580px;
  padding: 35px;
  background-color: #101016
}

@media screen and (max-width: 600px) {
  .modal__wrap {
    padding: 20px
  }
}

.modal__header {
  position: relative;
  display: grid;
  grid-template-columns:122px 1fr 122px;
  -ms-flex-line-pack: center;
  align-content: center;
  gap: 14px;
  padding-bottom: 24px
}

.modal__header:before {
  content: "";
  position: absolute;
  bottom: 0;
  left: -35px;
  width: calc(100% + 70px);
  height: 2px;
  background-color: #312b45
}

@media screen and (max-width: 600px) {
  .modal__header:before {
    width: calc(100% + 40px)
  }
}

.modal__header:after {
  content: "";
  position: absolute;
  bottom: 0;
  left: -35px;
  width: 33.33333%;
  height: 2px;
  background-color: #d01361
}

@media screen and (max-width: 600px) {
  .modal__header:after {
    width: 33.33333%
  }
}

@media screen and (max-width: 600px) {
  .modal__header {
    padding-bottom: 16px;
    grid-template-columns:50px 1fr 18px
  }
}

.modal__title {
  font-weight: 600;
  text-align: center
}

.modal__close {
  width: 24px;
  height: 24px;
  justify-self: end;
  cursor: pointer;
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 100% 100%;
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M20 2.014L17.986 0 10 7.986 2.014 0 0 2.014 7.986 10 0 17.986 2.014 20 10 12.014 17.986 20 20 17.986 12.014 10 20 2.014z' fill='%23fff'/%3E%3C/svg%3E")
}

@media screen and (max-width: 600px) {
  .modal__close {
    width: 18px;
    height: 18px
  }
}

.header {
  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;
  width: 100%;
  height: auto;
  margin-top: 38px;
  margin-bottom: 59px;
  padding-right: 40px
}

@media screen and (max-width: 768px) {
  .header {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    padding: 0 35px
  }
}

@media screen and (max-width: 600px) {
  .header {
    padding-bottom: 45px;
    margin-bottom: 0
  }
}

.header-personal .header__personal__user {
  background-color: #feb675;
  border: 2px solid #e342fa
}

.header-personal .btn__pay, .header-personal .header__personal__notify {
  display: none
}

.header-personal .header__personal__contact, .header-personal .header__personal__logout {
  display: block
}

@media screen and (max-width: 600px) {
  .header-personal .header__personal__contact {
    display: none
  }
}

.header__logo {
  display: block;
  min-width: 122px;
  height: 23px;
  margin-left: 3.02083vw;
  margin-right: 5.20833vw;
  -ms-flex-negative: 0;
  flex-shrink: 0
}

@media screen and (max-width: 768px) {
  .header__logo {
    margin: 0 auto 24px
  }
}

.header__info {
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  width: 100%
}

.header__info, .header__links {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}

.header__links a {
  font-size: 14px;
  text-decoration: none;
  color: #fff;
  -webkit-transition: .2s ease-in-out;
  -o-transition: .2s ease-in-out;
  transition: .2s ease-in-out
}

.header__links a:hover {
  color: #c544f5
}

.header__links li:first-of-type {
  margin-right: 2.03125vw
}

@media screen and (max-width: 1100px) {
  .header__links {
    display: none
  }
}

.header__search {
  position: relative
}

@media screen and (max-width: 900px) {
  .header__search {
    margin-right: 60px
  }
}

@media screen and (max-width: 900px) {
  .header__search input {
    display: none !important
  }
}

.header__search__btn {
  position: absolute;
  width: 18px;
  height: 18px;
  background: url(../img/search.png) no-repeat 50%;
  left: 23px;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  cursor: pointer
}

.header__search__btn:after {
  display: none
}

.header .btn {
  font-size: 14px;
  font-weight: 500
}

.header .btn strong {
  font-size: 16px
}

@media screen and (max-width: 768px) {
  .header .btn {
    -webkit-box-ordinal-group: 8;
    -ms-flex-order: 7;
    order: 7
  }
}

@media screen and (max-width: 600px) {
  .header .btn__pay {
    display: none
  }
}

.header .btn__pay.btn_mobile {
  display: none
}

@media screen and (max-width: 600px) {
  .header .btn__pay.btn_mobile {
    display: none
  }
}

.header__personal {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}

.header__personal__notify {
  width: 21px;
  height: 23px;
  background: url(../img/bell.png) no-repeat 50%;
  background-size: contain;
  margin-right: 35px
}

.header__personal__contact {
  display: none;
  font-size: 16px;
  line-height: 120%;
  font-weight: 600;
  margin-right: 35px
}

.header__personal__logout {
  display: none;
  font-size: 14px;
  line-height: 120%;
  font-weight: 400;
  margin-right: 35px
}

.header__personal__user {
  width: 45px;
  height: 45px;
  background: url(../img/user.png) no-repeat 50%;
  background-size: 18px 22px;
  position: relative;
  border: 2px solid #bbbbbc;
  border-radius: 50%;
  padding: 10px;
  opacity: .85;
  -ms-flex-negative: 0;
  flex-shrink: 0
}

@media screen and (max-width: 600px) {
  .header.courses_category .btn_mobile {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: 25px auto
  }
}

.footer {
  padding-top: 67px;
  padding-bottom: 82px;
  position: relative;
  overflow-x: hidden;
  overflow-y: auto
}

.footer:before {
  position: absolute;
  content: "";
  width: calc(100% - 120px);
  height: 1px;
  top: 0;
  left: 60px;
  background-color: hsla(0, 0%, 100%, .6)
}

@media screen and (max-width: 1100px) {
  .footer:before {
    width: 100%;
    left: 0
  }
}

.footer a {
  display: block
}

.footer a, .footer li {
  line-height: 180%
}

.footer .btn {
  font-weight: 400;
  margin-bottom: 25px
}

.footer .wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap
}

@media screen and (max-width: 1100px) {
  .footer .wrapper {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
  }
}

@media screen and (max-width: 600px) {
  .footer .wrapper {
    -webkit-box-pack: unset;
    -ms-flex-pack: unset;
    justify-content: unset
  }
}

.footer--col {
  width: auto;
  min-width: 200px;
  max-width: 300px
}

@media screen and (max-width: 1100px) {
  .footer--col {
    max-width: 30%;
    width: 30%
  }
}

@media screen and (max-width: 900px) {
  .footer--col {
    width: 50%;
    max-width: 50%
  }
}

@media screen and (max-width: 600px) {
  .footer--col {
    width: 320px;
    max-width: 100%
  }
}

@media screen and (max-width: 380px) {
  .footer--col {
    width: 300px
  }
}

@media screen and (max-width: 900px) {
  .footer--col:nth-child(3) {
    margin-top: 50px
  }
}

.footer--col:last-child * {
  font-size: 14px;
  line-height: 2.5
}

.footer--col:last-child p {
  margin: 3px 0
}

@media screen and (max-width: 1100px) {
  .footer--col:last-child {
    -webkit-column-count: 3;
    -moz-column-count: 3;
    column-count: 3;
    width: 100%;
    max-width: 100%;
    margin-top: 40px
  }
}

@media screen and (max-width: 900px) {
  .footer--col:last-child {
    -webkit-column-count: 1;
    -moz-column-count: 1;
    column-count: 1;
    width: 50%;
    max-width: 50%
  }
}

@media screen and (max-width: 600px) {
  .footer--col:last-child {
    width: 320px;
    max-width: 100%
  }
}

.footer__logo {
  width: 234px;
  height: 45px;
  margin-bottom: 74px;
  margin-top: -23px
}

@media screen and (max-width: 600px) {
  .footer__logo {
    width: 100%;
    margin: 0 auto 35px
  }
}

.footer__title {
  font-size: 22px;
  font-weight: 600
}

@media screen and (max-width: 600px) {
  .footer__title {
    margin-top: 35px
  }
}

.footer__quick-links {
  margin-top: 44px
}

.footer__quick-links li:before {
  display: none
}

.footer__quick-links li a {
  text-transform: uppercase;
  font-size: 16px;
  font-weight: 600
}

@media screen and (max-width: 600px) {
  .footer__quick-links {
    margin-top: 33px
  }
}

.footer__topics {
  margin-top: 33px
}

.footer__topics li {
  padding-left: 25px;
  position: relative
}

.footer__topics li:before {
  position: absolute;
  content: "";
  left: 0;
  top: 16px;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background-color: hsla(0, 0%, 100%, .9)
}

.footer__topics li a {
  font-size: 18px
}

.footer__blog-link, .footer__contact-us-link {
  position: relative;
  padding-left: 58px;
  font-weight: 600;
  line-height: 1 !important
}

.footer__blog-link:before, .footer__contact-us-link:before {
  position: absolute;
  content: "";
  left: 0;
  top: 40%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%)
}

.footer__blog-link {
  font-size: 25px;
  margin-bottom: 39px
}

.footer__blog-link span {
  color: #35b34a
}

.footer__blog-link:before {
  width: 36px;
  height: 36px;
  background: url(../img/human.png) no-repeat 50%
}

.footer__contact-us-link {
  font-size: 22px;
  margin-bottom: 31px
}

.footer__contact-us-link:before {
  width: 42px;
  height: 33px;
  background: url(../img/chat.png) no-repeat 50%
}

.footer__adv {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 0 -28px
}

.footer__adv > div {
  max-width: 130px;
  margin: 0 28px
}

.footer__adv > div p {
  font-size: 14px;
  margin-bottom: 10px
}

.footer__adv > div:last-of-type img:first-of-type {
  display: block;
  margin-bottom: 7px
}

.footer__adv > div img {
  margin-right: 18px
}

.slick-slider .slick-next, .slick-slider .slick-prev {
  width: 16px;
  height: 26px;
  background-size: contain !important
}

.slick-slider .slick-next:before, .slick-slider .slick-prev:before {
  content: ""
}

.slick-slider .slick-next:after, .slick-slider .slick-prev:after {
  display: none
}

@media screen and (max-width: 600px) {
  .slick-slider .slick-next, .slick-slider .slick-prev {
    width: 11px;
    height: 20px;
    top: unset;
    bottom: -20px;
    -webkit-transform: translateY(100%);
    -ms-transform: translateY(100%);
    transform: translateY(100%)
  }
}

.slick-slider .slick-prev {
  background: url(../img/arrow_left.png) no-repeat 50%;
  left: 8px
}

.slick-slider .slick-next {
  background: url(../img/arrow_right.png) no-repeat 50%;
  right: 8px
}

.slick-slider .slick-list {
  margin: 0 10px
}

.slick-slider .slick-slide {
  margin: 0 5px
}

.slick-slider .slick-dots {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%)
}

@media screen and (max-width: 600px) {
  .slick-slider .slick-dots {
    bottom: -40px
  }
}

.slick-slider .slick-dots li {
  width: 10px;
  height: 10px;
  background-color: #a7a7a7;
  margin: 0 4px;
  border-radius: 50%
}

.slick-slider .slick-dots li.slick-active {
  background: -webkit-gradient(linear, left bottom, left top, from(#c544f5), to(#e90345));
  background: -o-linear-gradient(bottom, #c544f5, #e90345);
  background: linear-gradient(0deg, #c544f5, #e90345)
}

.slick-slider .slick-dots li button:before {
  content: ""
}

.slick-dotted.slick-slider {
  margin-bottom: 45px
}

@media screen and (max-width: 600px) {
  .slider--thumbs {
    margin-bottom: 39px
  }
}

.course_card {
  position: relative;
  height: 222px
}

.course_card--inner {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  padding: 20px;
  z-index: 100;
  outline: 2px solid rgba(0, 0, 0, 0);
  outline-offset: -2px;
  background-color: rgba(23, 23, 28, .5);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-transition: all .2s ease-in-out;
  -o-transition: all .2s ease-in-out;
  transition: all .2s ease-in-out
}

.course_card .category {
  margin-bottom: 16px
}

.course_card h3 {
  font-size: 20px;
  font-weight: 600;
  white-space: nowrap
}

@media screen and (max-width: 1300px) {
  .course_card h3 {
    white-space: normal
  }
}

.course_card:hover .course_card--inner {
  outline-color: hsla(0, 0%, 100%, .5);
  color: #fff
}

.course_card.slick-current .course_card--inner {
  outline-color: #04bbc9;
  background-color: rgba(4, 187, 201, .2)
}

.course_card img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover
}

.course_card--small h3 {
  display: inline;
  font-size: 10px;
  line-height: 120%;
  word-break: break-word;
  white-space: break-spaces
}

.course_card--small .category {
  font-size: 10px;
  line-height: 120%;
  padding: 5px
}

.course_card-preview {
  height: 222px;
  position: relative;
  background-color: rgba(23, 23, 28, .5);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  text-align: center;
  padding: 50px;
  outline: 2px solid rgba(0, 0, 0, 0);
  outline-offset: -2px;
  -webkit-transition: all .2s ease-in-out;
  -o-transition: all .2s ease-in-out;
  transition: all .2s ease-in-out
}

.course_card-preview:hover {
  outline-color: hsla(0, 0%, 100%, .5)
}

.course_card-preview img {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  max-width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  z-index: -1
}

.course_card-preview p {
  font-size: 26px;
  font-weight: 600
}

.course_card-preview p:first-of-type {

}

.slider {
  margin: 40px 0;
  width: 100%
}

@media screen and (max-width: 600px) {
  .slider {
    margin: 60px 0
  }
}

.slider .slick-list {
  margin: 0
}

.slider img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: top;
  object-position: top
}

.slider__item {
  margin: 0 !important;
  position: relative
}

.slider__item > img {
  position: absolute;
  left: 0;
  top: 0
}

.slider__item--inner {
  position: relative;
  background-color: rgba(23, 23, 28, .7);
  width: 100%;
  height: 100%;
  z-index: 100
}

.slider__item .wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  height: 100%
}

@media screen and (max-width: 768px) {
  .slider__item .wrapper {
    -ms-flex-wrap: wrap-reverse;
    flex-wrap: wrap-reverse
  }
}

.slider__item .authors {
  padding: 35px 15px;
  max-width: 30%;
  min-width: 30%;
  margin-right: 45px
}

@media screen and (max-width: 768px) {
  .slider__item .authors {
    max-width: 100%;
    width: 100%;
    margin-right: 0
  }
}

.slider__item .authors p:first-of-type {
  margin-bottom: 30px
}

.slider__item .icons {
  margin-bottom: 62px
}

.slider__item .icons > a {
  width: 67px;
  height: 67px
}

.slider__item .icons > a img {
  width: 80%;
  height: 80%;
  -o-object-fit: contain;
  object-fit: contain
}

.slider__item .icons > a:first-of-type {
  margin-right: 29px
}

@media screen and (max-width: 600px) {
  .slider__item .icons {
    display: none
  }
}

.slider__item .icons_mobile {
  display: none
}

@media screen and (max-width: 600px) {
  .slider__item .icons_mobile {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 0
  }

  .slider__item .icons_mobile > a {
    width: 33px;
    height: 33px
  }
}

.slider__item .info {
  padding: 35px 15px
}

.slider__item .info .salary {
  margin-left: 66px;
  font-size: 16px
}

@media screen and (max-width: 600px) {
  .slider__item .info .salary {
    display: none;
    margin-left: 0;
    margin-top: 30px
  }
}

.slider__item .info .salary_mobile {
  display: none
}

@media screen and (max-width: 600px) {
  .slider__item .info .salary_mobile {
    display: block
  }
}

.slider__item .info h2 {
  font-size: 26px;
  font-weight: 600;
  margin-bottom: 16px
}

@media screen and (max-width: 600px) {
  .slider__item .info h2 {
    font-size: 22px;
    text-align: center
  }
}

.slider__item .info .subs {
  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: nowrap;
  flex-wrap: nowrap;
  white-space: nowrap;
  width: 100%;
  max-width: 413px;
  margin-bottom: 52px
}

@media screen and (max-width: 600px) {
  .slider__item .info .subs {
    max-width: 100%;
    font-size: 18px
  }
}

.slider__item .info .btn {
  margin-top: 30px;
  width: 315px;
  height: 71px;
  margin-left: 48px;
  padding: 0
}

@media screen and (max-width: 600px) {
  .slider__item .info .btn {
    display: none;
    margin-left: auto;
    margin-right: auto;
    width: 100% !important
  }
}

.slider__item .info .btn_mobile {
  display: none
}

@media screen and (max-width: 600px) {
  .slider__item .info .btn_mobile {
    display: block;
    margin-left: auto;
    margin-right: auto;
    width: 100% !important
  }
}

.slider__item .info__head {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-bottom: 32px
}

@media screen and (max-width: 600px) {
  .slider__item .info__head {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
  }
}

.slider .btn_mobile {
  display: none
}

@media screen and (max-width: 600px) {
  .slider .btn_mobile {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 50px;
    -webkit-box-ordinal-group: 0;
    -ms-flex-order: -1;
    order: -1
  }
}

.breadcrumbs {
  font-size: 12px;
  font-weight: 300;
  margin-top: 13px;
  margin-bottom: 3px
}

.main_menu_toggle {
  width: 35px;
  height: 14px;
  background: url(../img/menu_toggle.png) no-repeat 50%;
  background-size: contain;
  cursor: pointer;
  -ms-flex-negative: 0;
  flex-shrink: 0
}

@media screen and (max-width: 768px) {
  .main_menu_toggle {
    display: none
  }
}

.main_menu_toggle_mobile {
  display: none
}

@media screen and (max-width: 768px) {
  .main_menu_toggle_mobile {
    display: block
  }
}

.main_menu {
  min-width: 360px;
  height: auto;
  z-index: 500;
  position: fixed;
  top: 0;
  left: 0;
  -webkit-transition: all .3s ease-in-out;
  -o-transition: all .3s ease-in-out;
  transition: all .3s ease-in-out;
  -webkit-box-shadow: 6.8px 7.3px 7.4px 1.6px rgba(175, 24, 116, .27);
  box-shadow: 6.8px 7.3px 7.4px 1.6px rgba(175, 24, 116, .27);
  background-color: rgba(19, 1, 26, .94);
  padding: 120px 50px 90px;
  overflow: auto;
  -webkit-transform: translateX(-110%);
  -ms-transform: translateX(-110%);
  transform: translateX(-110%);
  will-change: transform
}

@media screen and (max-width: 768px) {
  .main_menu {
    width: 400px;
    height: 100vh;
    padding: 148px 42px 100px 70px
  }
}

@media screen and (max-width: 480px) {
  .main_menu {
    width: 100%;
    max-width: 100%;
    min-width: 100vw;
    padding: 150px 15px 120px 25px
  }
}

.main_menu.show {
  -webkit-transform: translateX(0);
  -ms-transform: translateX(0);
  transform: translateX(0)
}

.main_menu .header__logo {
  position: absolute;
  width: 122px;
  top: 45px;
  left: 50px;
  margin-left: 0
}

@media screen and (max-width: 480px) {
  .main_menu .header__logo {
    left: 25px;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start
  }
}

.main_menu--close {
  position: absolute;
  cursor: pointer;
  top: 50px;
  right: 50px;
  background: url(../img/cross.svg) no-repeat 50%;
  width: 16px;
  height: 16px;
  -webkit-transition: all .3s ease-in-out;
  -o-transition: all .3s ease-in-out;
  transition: all .3s ease-in-out
}

.main_menu--close:hover {
  -webkit-transform: rotate(-180deg);
  -ms-transform: rotate(-180deg);
  transform: rotate(-180deg)
}

@media screen and (max-width: 480px) {
  .main_menu--close {
    right: 25px
  }
}

.main_menu__title {
  font-weight: 600;
  font-size: 18px;
  margin-top: 50px;
  margin-bottom: 13px
}

.main_menu ul li {
  padding-left: 50px;
  position: relative;
  margin-bottom: 16px
}

.main_menu ul li a {
  font-size: 16px
}

.main_menu ul li a:hover {
  text-decoration: underline
}

.main_menu ul li:before {
  position: absolute;
  content: "";
  left: 0;
  top: 0;
  background-size: contain
}

.main_menu ul li:first-of-type:before {
  background: url(../img/house.svg) no-repeat 50%;
  width: 24px;
  height: 24px
}

.main_menu ul li:nth-of-type(2):before {
  background: url(../img/clock.svg) no-repeat 50%;
  width: 21px;
  height: 21px;
  left: 1px;
  top: 2px
}

.main_menu ul li:nth-of-type(3):before {
  background: url(../img/star-solid.svg) no-repeat 50%;
  width: 28px;
  height: 28px;
  left: -2px;
  top: -3px
}

.main_menu ul li:nth-of-type(4):before {
  background: url(../img/settings.svg) no-repeat 50%;
  width: 22px;
  height: 22px
}

.main_menu ul:last-of-type li {
  padding-left: 25px
}

.main_menu ul:last-of-type li:before {
  top: 8px;
  left: 0;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: hsla(0, 0%, 100%, .9)
}

.registration {
  padding: 20px 0;
  min-height: 375px
}

.registration[data-reg-step="2"], .registration[data-reg-step="3"] {
  display: none
}

.registration__banner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  padding: 35px;
  border-radius: 12px 12px 12px 0;
  background-color: #312b45;
  color: #fff;
  text-align: center
}

.registration__banner p:first-of-type {
  font-weight: 600
}

.registration__banner p + p {
  margin-top: 8px
}

.registration__banner_green {
  background-color: #486625
}

.registration__banner:not(:last-child) {
  margin-bottom: 24px
}

.registration__title {
  text-align: center;
  color: #fff;
  font-weight: 600
}

.registration__input-wrap {
  margin: 24px 0
}

.registration__input-wrap.error .registration__input-error {
  display: block
}

.registration__input {
  position: relative
}

.registration__input-error {
  display: none;
  font-size: 12px;
  font-weight: 600;
  text-align: center;
  color: #bf2325;
  margin-bottom: 12px
}

.registration__input-info {
  font-size: 12px;
  color: #737375;
  margin-top: 12px
}

.registration__input input {
  width: 100%;
  max-width: 100%;
  background: #fff;
  padding: 18px 18px 18px 80px;
  border-radius: 12px;
  opacity: 1;
  font-size: 16px;
  line-height: 100%;
  color: #000
}

.registration__input input::-webkit-input-placeholder {
  font-size: 16px;
  line-height: 100%;
  color: #000
}

.registration__input input::-moz-placeholder {
  font-size: 16px;
  line-height: 100%;
  color: #000
}

.registration__input input:-ms-input-placeholder {
  font-size: 16px;
  line-height: 100%;
  color: #000
}

.registration__input input::-ms-input-placeholder {
  font-size: 16px;
  line-height: 100%;
  color: #000
}

.registration__input input::placeholder {
  font-size: 16px;
  line-height: 100%;
  color: #000
}

.registration__input-email:before {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='24' height='24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M19 21a7 7 0 10-14 0m7-10a4 4 0 110-8 4 4 0 010 8z' stroke='%23a2a2a4' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")
}

.registration__input-email:before, .registration__input-password:before {
  content: "";
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  left: 14px;
  width: 24px;
  height: 24px;
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 100% 100%
}

.registration__input-password:before {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg fill='%23a2a2a4' width='24' height='24' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M25 12h-1V8.184C24 3.595 20.68 0 15.963 0 11.227 0 8 3.671 8 8.184V12H7c-2.206 0-4 1.794-4 4v12c0 2.206 1.794 4 4 4h18c2.206 0 4-1.794 4-4V16c0-2.206-1.794-4-4-4zM10 8.184C10 4.775 12.33 2 15.963 2 19.559 2 22 4.716 22 8.184V12H10V8.184zM27 28c0 1.102-.898 2-2 2H7c-1.103 0-2-.898-2-2V16c0-1.102.897-2 2-2h18c1.102 0 2 .898 2 2v12zM16 18a1.994 1.994 0 00-1 3.723V25a1 1 0 002 0v-3.277c.595-.346 1-.985 1-1.723a2 2 0 00-2-2z'/%3E%3C/svg%3E")
}

.registration__password-icon {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  right: 14px;
  width: 24px;
  height: 24px;
  cursor: pointer;
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 100% 100%;
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='24' height='24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12 4C8.667 4 5.734 5.632 3.62 7.35a17.03 17.03 0 00-2.526 2.51 8.392 8.392 0 00-.737 1.056C.173 11.24 0 11.458 0 12s.173.76.357 1.084c.185.323.43.674.737 1.057a17.03 17.03 0 002.525 2.51C5.734 18.367 8.667 20 12 20s6.266-1.632 8.38-3.35a17.03 17.03 0 002.526-2.51c.306-.382.552-.733.737-1.056.184-.324.357-.542.357-1.084s-.173-.76-.357-1.084a8.392 8.392 0 00-.737-1.057 17.03 17.03 0 00-2.525-2.51C18.266 5.633 15.333 4 12 4zm0 2c2.667 0 5.234 1.368 7.12 2.9a15.196 15.196 0 012.224 2.21c.256.32.448.602.56.798.023.04.022.057.035.092-.013.035-.012.053-.035.092a6.67 6.67 0 01-.56.799 15.195 15.195 0 01-2.225 2.209C17.234 16.632 14.667 18 12 18s-5.234-1.368-7.12-2.9a15.195 15.195 0 01-2.224-2.21 6.67 6.67 0 01-.56-.798c-.023-.04-.022-.057-.035-.092.013-.035.012-.053.035-.092a6.67 6.67 0 01.56-.799A15.196 15.196 0 014.881 8.9C6.766 7.368 9.333 6 12 6zm-.06 2A4 4 0 008 12a4 4 0 004 4 4 4 0 004-4 4 4 0 00-.178-1.176A2 2 0 0114 12a2 2 0 01-2-2 2 2 0 011.178-1.822A4 4 0 0012 8a4 4 0 00-.06 0z' style='line-height:normal;font-variant-ligatures:normal;font-variant-position:normal;font-variant-caps:normal;font-variant-numeric:normal;font-variant-alternates:normal;font-variant-east-asian:normal;font-feature-settings:normal;font-variation-settings:normal;text-indent:0;text-align:start;text-decoration-line:none;text-decoration-style:solid;text-decoration-color:%23a2a2a4;text-transform:none;text-orientation:mixed;white-space:normal;shape-padding:0;shape-margin:0;inline-size:0;isolation:auto;mix-blend-mode:normal;solid-color:%23000;solid-opacity:1' color='%23a2a2a4' font-weight='400' font-family='sans-serif' overflow='visible' fill='%23a2a2a4' stop-color='%23a2a2a4'/%3E%3C/svg%3E")
}

.registration__password-icon.hidden {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='24' height='24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M11.254 13.975V17h1.5v-3.033a9.469 9.469 0 004.048-1.282l1.553 2.69 1.299-.75-1.622-2.809a9.749 9.749 0 002.66-3.541l-1.376-.599a8.233 8.233 0 01-2.698 3.34 7.973 7.973 0 01-4.617 1.484h-.047a7.978 7.978 0 01-4.6-1.439A7.493 7.493 0 014.7 7.744l-1.392.56a8.949 8.949 0 002.636 3.568l-1.59 2.753 1.3.75 1.527-2.646a9.476 9.476 0 004.073 1.246z' fill='%23a2a2a4'/%3E%3C/svg%3E")
}

.registration__reset {
  display: block;
  margin: 24px auto;
  text-align: center;
  text-decoration: underline;
  color: #737375
}

.registration__reset:hover {
  text-decoration: none
}

.registration__btn {
  position: relative;
  display: block;
  width: 100%;
  font-size: 16px;
  line-height: 100%;
  padding: 18px;
  border-radius: 12px;
  background-color: #50041d;
  color: #fff;
  text-align: center;
  cursor: pointer
}

.registration__btn:disabled {
  color: #7e5861;
  background-color: #52051e;
  cursor: not-allowed;
  pointer-events: none
}

.registration__btn_white {
  padding: 24px;
  margin: 24px auto;
  background-color: #fff;
  color: #000
}

.registration__btn_icon:before {
  content: "";
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  left: 14px;
  width: 34px;
  height: 34px;
  cursor: pointer;
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 100% 100%
}

.registration__btn_mobile:before {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='24' height='24' viewBox='0 0 90 90' xmlns='http://www.w3.org/2000/svg'%3E%3Cdefs%3E%3Cstyle%3E.cls-3{fill:%23576065}%3C/style%3E%3C/defs%3E%3Cg id='mobile-analytics'%3E%3Cg id='mobile-analytics-2' data-name='mobile-analytics'%3E%3Cg id='fill'%3E%3Crect x='19.06' y='1.76' width='51.88' height='86.47' rx='6.49' ry='6.49' fill='%23fff'/%3E%3Cpath fill='%23ffeb97' d='M27.71 10.41H62.3v60.53H27.71z'/%3E%3Ccircle class='cls-3' cx='45' cy='79.59' r='1.88'/%3E%3Cpath fill='%23ff8898' d='M27.71 45.54l7.29-7.7 6.62 5L47.43 35l6.49 2.16 8.37-13.78v47.56H27.71v-25.4z'/%3E%3C/g%3E%3Cg id='outline'%3E%3Cpath class='cls-3' d='M64.46 90H25.54a8.26 8.26 0 01-8.25-8.25V8.25A8.26 8.26 0 0125.54 0h38.92a8.26 8.26 0 018.25 8.25v73.5A8.26 8.26 0 0164.46 90zM25.54 3.53a4.73 4.73 0 00-4.72 4.72v73.5a4.73 4.73 0 004.72 4.72h38.92a4.73 4.73 0 004.72-4.72V8.25a4.73 4.73 0 00-4.72-4.72z'/%3E%3Cpath class='cls-3' d='M64.06 72.71H25.94V8.65h38.12zm-34.59-3.53h31.06v-57H29.47zM45 83.23a3.64 3.64 0 113.64-3.64A3.65 3.65 0 0145 83.23zm0-3.76v.23l.12-.12a.12.12 0 00-.12-.11z'/%3E%3Cpath class='cls-3' d='M64.06 72.71H25.94V44.84l8.86-9.36 6.46 4.88 5.51-7.43L53.14 35l10.92-18zm-34.59-3.53h31.06v-39.5l-5.84 9.6-6.61-2.2L42 45.32l-6.8-5.12-5.73 6zM53.65 20.82h-17.3a1.76 1.76 0 010-3.53h17.3a1.76 1.76 0 110 3.53z'/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E")
}

.registration__btn_sbp:before {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg fill='none' height='24' width='24' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 233.296 120'%3E%3Cpath d='M206.665 34.254v29.338h-10.476v-20.58h-10.087v20.58h-10.476v-29.34h31.039z' fill='%23000'/%3E%3Cpath clip-rule='evenodd' d='M154.11 64.64c9.379 0 16.343-5.75 16.343-14.466 0-8.437-5.138-13.915-13.725-13.915-3.963 0-7.233 1.395-9.696 3.802.588-4.975 4.795-8.607 9.427-8.607 1.069 0 9.117-.017 9.117-.017l4.55-8.71s-10.103.23-14.8.23c-10.732.188-17.981 9.943-17.981 21.79 0 13.804 7.07 19.894 16.766 19.894zm.058-20.667c3.482 0 5.896 2.288 5.896 6.2 0 3.52-2.145 6.422-5.896 6.43-3.588 0-6.002-2.688-6.002-6.37 0-3.913 2.414-6.26 6.002-6.26z' fill='%23000' fill-rule='evenodd'/%3E%3Cpath d='M128.818 53.77s-2.474 1.426-6.17 1.696c-4.247.126-8.032-2.557-8.032-7.324 0-4.65 3.34-7.315 7.926-7.315 2.812 0 6.532 1.949 6.532 1.949s2.722-4.995 4.132-7.493c-2.582-1.957-6.021-3.03-10.021-3.03-10.095 0-17.914 6.582-17.914 15.83 0 9.366 7.349 15.795 17.914 15.6 2.953-.11 7.027-1.146 9.51-2.741z' fill='%23000'/%3E%3Cpath d='M0 26.12l14.532 25.975v15.844L.017 93.863z' fill='%235b57a2'/%3E%3Cpath d='M55.797 42.643l13.617-8.346 27.868-.026-41.485 25.414z' fill='%23d90751'/%3E%3Cpath d='M55.72 25.967l.077 34.39-14.566-8.95V0l14.49 25.967z' fill='%23fab718'/%3E%3Cpath d='M97.282 34.271l-27.869.026-13.693-8.33L41.231 0l56.05 34.271z' fill='%23ed6f26'/%3E%3Cpath d='M55.797 94.007V77.322l-14.566-8.78.008 51.458z' fill='%2363b22f'/%3E%3Cpath d='M69.38 85.737L14.531 52.095 0 26.12l97.223 59.583-27.844.034z' fill='%231487c9'/%3E%3Cpath d='M41.24 120l14.556-25.993 13.583-8.27 27.843-.034z' fill='%23017f36'/%3E%3Cpath d='M.017 93.863l41.333-25.32-13.896-8.526-12.922 7.922z' fill='%23984995'/%3E%3Cg fill='%23000'%3E%3Cpath d='M114.619 83.337c-.32.408-.741.716-1.246.924a4.282 4.282 0 01-1.632.316 4.63 4.63 0 01-1.633-.274 3.623 3.623 0 01-1.262-.782 3.539 3.539 0 01-.824-1.224 4.173 4.173 0 01-.295-1.59c0-.54.093-1.04.286-1.513a3.58 3.58 0 01.79-1.224 3.88 3.88 0 011.196-.823c.463-.2.968-.308 1.523-.308.598 0 1.153.075 1.658.224.505.15.934.4 1.287.75l-.614 1.04a2.886 2.886 0 00-1.027-.6 3.612 3.612 0 00-1.12-.174c-.335 0-.655.066-.966.19a2.591 2.591 0 00-.825.534 2.438 2.438 0 00-.564.832 2.64 2.64 0 00-.21 1.08 2.621 2.621 0 00.798 1.923c.245.234.53.408.859.525a2.9 2.9 0 001.044.183c.454 0 .867-.092 1.22-.267a3.05 3.05 0 00.926-.69zm1.733 1.065v-7.405h1.33v5.517l4.325-5.517h1.33v7.406h-1.33v-5.517l-4.325 5.517h-1.33zm15.795-1.065a3.01 3.01 0 01-1.245.924 4.291 4.291 0 01-1.633.316 4.628 4.628 0 01-1.632-.274 3.627 3.627 0 01-1.263-.782 3.539 3.539 0 01-.824-1.224 4.173 4.173 0 01-.295-1.59c0-.54.093-1.04.286-1.513.186-.475.455-.882.79-1.224a3.88 3.88 0 011.196-.823 3.637 3.637 0 011.523-.308c.598 0 1.153.075 1.658.224.505.15.934.4 1.288.75l-.615 1.04a2.874 2.874 0 00-1.026-.6 3.616 3.616 0 00-1.12-.174 2.603 2.603 0 00-1.792.724 2.536 2.536 0 00-.564.832 2.64 2.64 0 00-.21 1.08 2.621 2.621 0 00.799 1.923c.244.234.53.408.859.525.328.116.673.183 1.043.183.455 0 .859-.092 1.22-.267a3.05 3.05 0 00.926-.69zm.682-6.34h6.824v1.315h-2.743v6.09h-1.33v-6.09h-2.743v-1.315z'/%3E%3Cpath clip-rule='evenodd' d='M145.864 84.328c.505-.158.934-.4 1.304-.732l-.404-1.032c-.244.217-.572.4-.967.55-.396.15-.842.224-1.33.224-.732 0-1.338-.191-1.818-.582-.48-.392-.74-.94-.8-1.64h5.757a4 4 0 00.084-.89 3.35 3.35 0 00-.278-1.381 3.277 3.277 0 00-.74-1.074 3.295 3.295 0 00-1.111-.69 3.692 3.692 0 00-1.355-.25c-.623 0-1.17.108-1.65.308a3.637 3.637 0 00-1.203.824 3.477 3.477 0 00-.748 1.223 4.272 4.272 0 00-.261 1.514c0 .583.1 1.115.286 1.59a3.5 3.5 0 00.808 1.223c.345.34.765.599 1.262.782a4.772 4.772 0 001.658.274 5.04 5.04 0 001.506-.24zm-3.366-5.7c.412-.374.959-.557 1.649-.557.648 0 1.17.175 1.549.525.379.349.58.832.614 1.447h-4.544a2.26 2.26 0 01.732-1.414z' fill-rule='evenodd'/%3E%3Cpath d='M149.499 76.997h1.212l2.878 3.67 2.726-3.67h1.178v7.406h-1.33v-5.4l-2.591 3.436h-.051l-2.692-3.437v5.4h-1.33z'/%3E%3Cpath clip-rule='evenodd' d='M161.11 77.022a4.187 4.187 0 00-1.143.49l.353 1.05c.303-.15.606-.275.909-.383.303-.11.69-.16 1.153-.16.37 0 .665.06.892.176.227.108.395.275.513.475s.194.449.236.74.059.607.059.949a2.28 2.28 0 00-.91-.375 5.229 5.229 0 00-.958-.1c-.396 0-.766.059-1.12.158-.353.1-.656.25-.9.45a2.14 2.14 0 00-.59.74 2.3 2.3 0 00-.218 1.007c0 .724.21 1.29.63 1.69.422.399.977.598 1.667.598.623 0 1.12-.108 1.498-.324.379-.217.682-.466.9-.75v.958h1.246v-4.543c0-.966-.21-1.714-.64-2.24-.42-.523-1.17-.79-2.23-.79a5.08 5.08 0 00-1.346.184zm2.224 6c-.303.216-.7.315-1.187.315-.43 0-.766-.108-1.001-.316-.236-.216-.354-.5-.354-.85 0-.206.042-.381.135-.54s.219-.282.362-.382a1.6 1.6 0 01.513-.225c.194-.05.387-.075.589-.075.657 0 1.22.158 1.683.49v.94a3.824 3.824 0 01-.74.642zm13.733-8.63c.269-.124.52-.332.757-.64l-.724-1.04c-.185.25-.395.424-.631.516a4.007 4.007 0 01-.774.216l-.252.045c-.22.038-.454.08-.707.122a5.224 5.224 0 00-1.178.366c-.598.258-1.077.607-1.44 1.048s-.647.94-.841 1.49a7.793 7.793 0 00-.395 1.722c-.068.6-.101 1.173-.101 1.722 0 .708.092 1.348.277 1.922.186.575.446 1.057.79 1.448.346.4.759.7 1.247.916s1.035.324 1.649.324c.564 0 1.086-.108 1.557-.308a3.758 3.758 0 001.212-.823c.336-.342.606-.75.79-1.207a3.74 3.74 0 00.287-1.465c0-.557-.084-1.064-.244-1.514a3.271 3.271 0 00-.69-1.156 3.072 3.072 0 00-1.103-.75 3.827 3.827 0 00-1.447-.266c-.32 0-.631.042-.934.125a3.604 3.604 0 00-.842.358 3.2 3.2 0 00-.698.54c-.202.209-.37.442-.488.708h-.034a8.07 8.07 0 01.143-1.048c.076-.358.185-.7.329-1.024.143-.324.328-.616.555-.882a2.52 2.52 0 01.875-.624 4.646 4.646 0 011.153-.374l.264-.048c.263-.048.514-.094.754-.144.32-.066.614-.15.884-.274zm-4.68 7.115a4.146 4.146 0 01-.184-1.298 2.09 2.09 0 01.303-.707 2.48 2.48 0 01.547-.6 2.773 2.773 0 011.733-.59c.783 0 1.372.24 1.784.716.413.482.615 1.08.615 1.805 0 .358-.068.683-.185.982a2.36 2.36 0 01-1.28 1.323c-.302.133-.631.2-1.001.2s-.707-.075-1.018-.225a2.34 2.34 0 01-.8-.624 3.129 3.129 0 01-.513-.982zm16.402-4.51h-1.33v7.406h1.33zm-8.281 0h1.33v2.222h1.229c.58 0 1.05.075 1.43.216.379.142.682.333.909.566s.387.508.48.815c.092.308.143.624.143.957s-.051.65-.16.966c-.101.316-.278.59-.514.84-.235.25-.555.45-.96.6-.403.149-.891.232-1.48.232H180.5v-7.414zm1.33 3.46v2.714h.968c.665 0 1.136-.116 1.405-.35.27-.233.404-.565.404-1.006 0-.45-.143-.79-.412-1.024-.278-.233-.741-.35-1.38-.35h-.985z' fill-rule='evenodd'/%3E%3Cpath d='M197.583 83.337c-.32.408-.741.716-1.246.924a4.286 4.286 0 01-1.632.316 4.63 4.63 0 01-1.633-.274 3.613 3.613 0 01-1.262-.782 3.555 3.555 0 01-.825-1.224 4.192 4.192 0 01-.294-1.59c0-.54.092-1.04.286-1.513a3.58 3.58 0 01.79-1.224c.338-.35.74-.615 1.196-.823a3.634 3.634 0 011.523-.308c.597 0 1.153.075 1.658.224.505.15.934.4 1.287.75l-.614 1.04a2.886 2.886 0 00-1.027-.6 3.612 3.612 0 00-1.12-.174 2.59 2.59 0 00-.967.19 2.587 2.587 0 00-.824.534 2.52 2.52 0 00-.564.832 2.64 2.64 0 00-.21 1.08 2.621 2.621 0 00.798 1.923c.245.234.53.408.859.525.329.116.674.183 1.044.183a2.76 2.76 0 001.22-.267 3.05 3.05 0 00.926-.69zm.68-6.34h6.826v1.315h-2.744v6.09h-1.33v-6.09h-2.742v-1.315z'/%3E%3Cpath clip-rule='evenodd' d='M207.866 76.998h-1.33v10.7h1.33v-3.636c.269.175.589.3.959.383s.757.124 1.153.124c.589 0 1.119-.108 1.599-.307a3.825 3.825 0 001.228-.84 3.65 3.65 0 00.79-1.266c.186-.49.279-1.015.279-1.572 0-.55-.084-1.057-.244-1.515a3.524 3.524 0 00-.69-1.181 2.996 2.996 0 00-1.086-.774 3.49 3.49 0 00-1.44-.283c-.52 0-1.008.1-1.471.3s-.825.44-1.077.74zm.926 1.373c.379-.2.79-.3 1.237-.3.387 0 .732.058 1.044.183.303.125.555.3.766.533.21.233.37.5.47.815.11.316.16.658.16 1.032 0 .4-.067.757-.184 1.09a2.4 2.4 0 01-.514.849 2.36 2.36 0 01-.816.557 2.685 2.685 0 01-1.086.208c-.361 0-.698-.041-1.018-.124a3.328 3.328 0 01-.984-.45v-3.67c.235-.282.547-.523.925-.723zm15.28-1.374h-1.33v7.406h1.33zm-8.288 0h1.33v2.222h1.228c.58 0 1.052.075 1.43.216.38.142.683.333.91.566s.387.508.479.815c.093.308.143.624.143.957s-.05.65-.16.966c-.1.316-.277.59-.513.84-.235.25-.555.45-.96.6-.403.149-.891.232-1.48.232h-2.415v-7.414zm1.339 3.46v2.714h.968c.664 0 1.136-.116 1.405-.35.269-.233.404-.565.404-1.006 0-.45-.143-.79-.412-1.024-.278-.233-.741-.35-1.38-.35h-.985z' fill-rule='evenodd'/%3E%3Cpath d='M230.452 80.567l2.844 3.836h-1.632l-2.197-2.996-2.23 2.996h-1.548l2.827-3.77-2.66-3.636h1.634l2.028 2.796 2.06-2.796h1.55zM113.635 93.556h-4.081v6.174h-1.33v-7.405h6.74v7.405h-1.33zm8.877.083h-2.625l-.085 1.248c-.092 1.057-.218 1.906-.395 2.554-.177.65-.396 1.149-.648 1.498-.252.35-.547.59-.884.708a3.06 3.06 0 01-1.085.183l-.101-1.282a1.08 1.08 0 00.496-.108c.186-.083.37-.266.547-.54.177-.284.337-.683.48-1.2.143-.523.236-1.205.286-2.063l.135-2.305h5.209v7.406h-1.33v-6.1z'/%3E%3Cpath clip-rule='evenodd' d='M127.427 92.342c-.43.116-.817.282-1.145.49l.354 1.049c.303-.15.606-.275.908-.383.303-.108.69-.158 1.153-.158.37 0 .665.058.892.174.228.109.396.275.514.475.117.2.193.45.235.74.042.292.059.608.059.949a2.277 2.277 0 00-.91-.374 5.22 5.22 0 00-.958-.1 4.09 4.09 0 00-1.12.158c-.353.1-.656.25-.9.45a2.14 2.14 0 00-.59.74 2.3 2.3 0 00-.217 1.007c0 .723.21 1.29.63 1.689.42.399.977.599 1.667.599.623 0 1.119-.108 1.498-.325.378-.216.68-.466.9-.75v.958h1.246v-4.543c0-.965-.211-1.714-.64-2.238-.421-.525-1.17-.79-2.23-.79a5.1 5.1 0 00-1.346.182zm2.23 5.998c-.302.217-.698.317-1.186.317-.438 0-.766-.108-1.001-.317-.236-.216-.354-.5-.354-.848 0-.208.042-.383.135-.541.092-.158.219-.283.362-.383s.319-.175.513-.225a2.33 2.33 0 01.589-.074c.656 0 1.22.158 1.683.49v.94a3.83 3.83 0 01-.741.64z' fill-rule='evenodd'/%3E%3Cpath d='M132.946 92.325h6.825v1.314h-2.744v6.09h-1.33v-6.09h-2.742v-1.314z'/%3E%3Cpath clip-rule='evenodd' d='M145.982 99.655c.505-.158.934-.4 1.304-.732l-.404-1.032c-.244.217-.572.4-.968.55-.395.15-.841.224-1.33.224-.731 0-1.337-.191-1.817-.582s-.74-.94-.8-1.64h5.757a4.06 4.06 0 00.084-.89c0-.507-.093-.965-.278-1.381a3.264 3.264 0 00-.741-1.073 3.28 3.28 0 00-1.11-.691 3.696 3.696 0 00-1.355-.25c-.623 0-1.17.108-1.65.308a3.618 3.618 0 00-1.203.824 3.494 3.494 0 00-.75 1.223 4.294 4.294 0 00-.26 1.514c0 .583.1 1.115.286 1.59.186.474.463.882.808 1.223s.766.599 1.263.782a4.766 4.766 0 001.657.275c.497 0 1.002-.084 1.507-.242zm-3.374-5.708c.412-.374.959-.557 1.649-.557.657 0 1.17.183 1.549.524.378.35.58.832.614 1.448h-4.544a2.26 2.26 0 01.732-1.415zm5.848-1.622h1.683l2.566 3.57-2.743 3.835h-1.632l2.877-3.836-2.751-3.57zm4.577 0h1.33v7.405h-1.33zm6.084 7.405l-2.928-3.836 2.735-3.57h-1.65l-2.583 3.57 2.777 3.836zm6.076-.075c.505-.158.934-.4 1.304-.732l-.404-1.032c-.244.217-.572.4-.967.55-.396.15-.842.224-1.33.224-.732 0-1.338-.191-1.818-.582-.48-.391-.74-.94-.8-1.64h5.757a4 4 0 00.084-.89c0-.507-.092-.965-.278-1.381a3.276 3.276 0 00-.74-1.073 3.284 3.284 0 00-1.111-.691 3.692 3.692 0 00-1.355-.25 4.25 4.25 0 00-1.65.308 3.624 3.624 0 00-1.202.824 3.465 3.465 0 00-.75 1.223 4.272 4.272 0 00-.26 1.514c0 .583.1 1.115.286 1.59.185.474.463.882.808 1.223s.765.599 1.262.782a4.772 4.772 0 001.658.275 5.04 5.04 0 001.506-.242zm-3.374-5.708c.413-.374.96-.557 1.65-.557.648 0 1.169.183 1.548.524.379.35.58.832.614 1.448h-4.544a2.26 2.26 0 01.732-1.415zm10.595-4.11c-.783 0-1.212-.433-1.28-1.298h-1.253c0 .332.059.632.168.915.11.283.27.524.48.724s.48.358.79.482c.312.125.674.183 1.086.183a2.64 2.64 0 001.019-.183c.303-.116.555-.282.774-.482a2.1 2.1 0 00.496-.724c.118-.283.177-.583.177-.915h-1.245c-.06.865-.472 1.298-1.212 1.298zm-3.594 2.487v7.406h1.33l4.325-5.517v5.517h1.33v-7.406h-1.33l-4.325 5.517v-5.517z' fill-rule='evenodd'/%3E%3C/g%3E%3C/svg%3E")
}

.registration__btn_card:before {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='24' height='24' viewBox='0 -4 32 32' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M29.09 0H2.91A2.91 2.91 0 000 2.91v17.454a2.91 2.91 0 002.91 2.909h26.18a2.909 2.909 0 002.91-2.91V2.91A2.91 2.91 0 0029.09 0z' fill='url(%23paint0_radial_103_1394)'/%3E%3Cpath d='M32 4.364H0v5.818h32V4.364z' fill='%23000'/%3E%3Cpath d='M26.909 16h-4.364a.727.727 0 00-.727.727v1.455c0 .402.325.727.727.727h4.364a.727.727 0 00.727-.727v-1.455A.727.727 0 0026.91 16z' fill='%23fff'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M8 19.379a2.9 2.9 0 01-2.182.985 2.92 2.92 0 01-1.845-.66 2.915 2.915 0 01-1.008-2.817A2.907 2.907 0 016.43 14.61a2.906 2.906 0 011.57.92 2.9 2.9 0 012.182-.985 2.918 2.918 0 012.057.853 2.89 2.89 0 01.796 1.489 2.886 2.886 0 01-.07 1.412 2.924 2.924 0 01-.938 1.404 2.903 2.903 0 01-2.457.596 2.906 2.906 0 01-1.57-.92z' fill='%23fff'/%3E%3Cdefs%3E%3CradialGradient id='paint0_radial_103_1394' cx='0' cy='0' r='1' gradientUnits='userSpaceOnUse' gradientTransform='rotate(143.02 -3.344 11.82) scale(38.6884 53.1966)'%3E%3Cstop stop-color='%235E22CD'/%3E%3Cstop offset='1' stop-color='%23AE76FF'/%3E%3C/radialGradient%3E%3C/defs%3E%3C/svg%3E")
}

.registration__agreement {
  font-size: 10px;
  line-height: 120%;
  color: #737375;
  margin-top: 24px
}

.all_courses {
  margin-bottom: 74px
}

.all_courses h2 {
  font-size: 25px;
  font-weight: 400;
  margin-bottom: 27px
}

.all_courses__grid {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin: -10px -5px
}

.all_courses__grid .course_card {
  margin: 10px 5px;
  width: calc(33.33333% - 10px)
}

@media screen and (max-width: 992px) {
  .all_courses__grid .course_card {
    width: calc(50% - 10px)
  }
}

@media screen and (max-width: 600px) {
  .all_courses__grid .course_card {
    width: 100%;
    max-width: 100%
  }
}

.all_courses__grid .course_card img {
  width: 100%;
  height: 100%
}

.all_courses .loadmore {
  margin-top: 36px
}

.editors_choice {
  margin-bottom: 10px
}

.editors_choice > div {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}

@media screen and (max-width: 900px) {
  .editors_choice > div {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start
  }
}

.editors_choice__hero {
  width: 100%;
  max-width: 775px;
  margin-right: 50px;
  height: 435px;
  -webkit-box-shadow: 0 0 16.7px 1.3px rgba(4, 187, 201, .32);
  box-shadow: 0 0 16.7px 1.3px rgba(4, 187, 201, .32);
  position: relative
}

@media screen and (max-width: 900px) {
  .editors_choice__hero {
    margin-right: 0;
    margin-bottom: 31px
  }
}

.editors_choice__hero img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover
}

.editors_choice__hero--inner {
  position: absolute;
  width: 100%;
  height: 100%;
  background-color: rgba(23, 23, 28, .6);
  left: 0;
  top: 0;
  padding: 21px 14px 50px 32px;
  z-index: 100;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start
}

.editors_choice__hero .icons {
  position: absolute;
  top: 21px;
  left: 32px
}

.editors_choice__hero .icons a {
  width: 40px;
  height: 40px
}

.editors_choice__hero .icons a img {
  width: 29px;
  height: 25px
}

.editors_choice__hero .icons a:first-of-type {
  margin-right: 17px
}

.editors_choice__hero .icons a:first-of-type img {
  width: 30px;
  height: 26px
}

.editors_choice__hero .category {
  position: absolute;
  top: 21px;
  right: 14px;
  font-size: 20px;
  white-space: normal;
  max-width: 245px;
  max-height: 78px;
  padding: 15px 28px 17px 24px
}

@media screen and (max-width: 992px) {
  .editors_choice__hero .category {
    font-size: 16px;
    padding: 8px 16px;
    max-width: 200px
  }
}

@media screen and (max-width: 600px) {
  .editors_choice__hero .category {
    font-size: 14px
  }
}

.editors_choice__hero h1, .editors_choice__hero h2 {
  position: relative;
  max-width: 87%;
  max-width: -webkit-fit-content;
  max-width: -moz-fit-content;
  max-width: fit-content;
  margin-bottom: 30px;
  padding-bottom: 22px
}

.editors_choice__hero h1:after, .editors_choice__hero h2:after {
  position: absolute;
  content: "";
  left: 0;
  bottom: 0;
  width: 100%;
  height: 4px;
  background-color: #04bbc9
}

.editors_choice__hero h1 + p, .editors_choice__hero h2 + p {
  margin-bottom: 14px
}

.editors_choice__hero h1 + p + p, .editors_choice__hero h2 + p + p {
  font-size: 18px
}

.editors_choice__info {
  width: auto
}

.editors_choice__info h2 {
  margin-bottom: 36px;
  max-width: 87%
}

.editors_choice__info h2 + p {
  font-size: 24px;
  margin-bottom: 19px
}

@media screen and (max-width: 900px) {
  .editors_choice__info h2 {
    display: none
  }
}

.editors_choice__info ul.details {
  font-size: 11px;
  font-style: italic;
  -webkit-column-count: 2;
  -moz-column-count: 2;
  column-count: 2;
  padding-left: 30px;
  opacity: .8;
  width: 308px;
  margin-bottom: 33px;
  white-space: nowrap;
  position: relative
}

@media screen and (max-width: 380px) {
  .editors_choice__info ul.details {
    white-space: normal
  }
}

@media screen and (max-width: 380px) {
  .editors_choice__info ul.details li {
    max-width: 115px
  }
}

.editors_choice__info ul.details:before {
  position: absolute;
  content: "";
  left: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  width: 20px;
  height: 18px;
  background: url(../img/heart.png) no-repeat 50%;
  background-size: contain
}

.editors_choice__info .salary {
  font-size: 14px
}

.editors_choice__info button {
  width: 350px;
  height: 70px;
  margin-top: 60px
}

.editors_choice .mobile_title {
  display: none;
  text-align: center;
  font-size: 22px;
  margin-bottom: 31px
}

@media screen and (max-width: 900px) {
  .editors_choice .mobile_title {
    display: block
  }
}

.subscribe {
  position: relative;
  width: 100%;
  overflow: hidden;
  margin-top: 10px;
  margin-bottom: 21px;
  padding-bottom: 55px
}

@media screen and (max-width: 900px) {
  .subscribe {
    margin-top: 50px;
    margin-bottom: 50px
  }
}

@media screen and (max-width: 600px) {
  .subscribe {
    padding-bottom: 0
  }
}

.subscribe--inner {
  background-size: cover;
  background: url(../img/subscribe_bg.png) no-repeat 50%
}

.subscribe--inner, .subscribe--inner:before {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0
}

.subscribe--inner:before {
  content: "";
  background-color: rgba(16, 16, 22, .5)
}

.subscribe--inner img {
  position: absolute;
  top: -23px;
  right: 242.5px;
  width: 586px;
  height: 496px
}

@media screen and (max-width: 1300px) {
  .subscribe--inner img {
    right: 100px
  }
}

@media screen and (max-width: 1100px) {
  .subscribe--inner img {
    right: -50px
  }
}

@media screen and (max-width: 900px) {
  .subscribe--inner img {
    right: -50px;
    width: 400px;
    height: 300px;
    top: 60px
  }
}

@media screen and (max-width: 600px) {
  .subscribe--inner img {
    right: unset;
    top: 100px;
    width: 325px;
    height: 270px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%)
  }
}

@media screen and (max-width: 380px) {
  .subscribe--inner img {
    top: 150px
  }
}

.subscribe .wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  min-height: 411px;
  position: relative;
  z-index: 100;
  padding-left: 105px
}

@media screen and (max-width: 992px) {
  .subscribe .wrapper {
    padding-left: 40px
  }
}

@media screen and (max-width: 600px) {
  .subscribe .wrapper {
    padding: 0 20px
  }
}

@media screen and (max-width: 480px) {
  .subscribe .wrapper {
    padding: 0 8px
  }
}

.subscribe .wrapper h2 strong {
  font-weight: 900
}

@media screen and (max-width: 600px) {
  .subscribe .wrapper h2 {
    height: 55px
  }
}

@media screen and (max-width: 380px) {
  .subscribe .wrapper h2 {
    height: 80px;
    width: 320px;
    position: relative;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%)
  }
}

.subscribe .wrapper h2, .subscribe .wrapper p {
  max-width: 374px;
  margin-bottom: 30px
}

@media screen and (max-width: 900px) {
  .subscribe .wrapper h2, .subscribe .wrapper p {
    max-width: 60%
  }
}

@media screen and (max-width: 600px) {
  .subscribe .wrapper h2, .subscribe .wrapper p {
    max-width: 100%
  }
}

.subscribe .wrapper h2 + p {
  margin-bottom: 44px
}

@media screen and (max-width: 600px) {
  .subscribe .wrapper h2 + p {
    margin-bottom: 230px;
    text-align: center;
    width: 100%
  }
}

.subscribe .wrapper .btn {
  width: 308px;
  height: 70px
}

.faq {
  margin-bottom: 57px
}

.faq h2 {
  margin-bottom: 38px
}

.modules {
  margin-bottom: 44px;
  position: relative
}

.modules h2 {
  margin-bottom: 10px;
  font-size: 24px
}

.modules .accordeon > li > p {
  font-size: 20px
}

.modules__btn {
  margin-top: 35px;
  position: relative;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  padding-left: 58px
}

.modules__btn:before {
  position: absolute;
  content: "";
  left: 18px;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  background: url(../img/arrow_down.png) no-repeat 50%;
  background-size: contain;
  width: 25px;
  height: 14px;
  z-index: 100
}

@media screen and (max-width: 600px) {
  .modules__btn {
    display: none
  }
}

.modules__grid {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin: -5px
}

.modules__grid, .modules__grid__item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex
}

.modules__grid__item {
  border: 2px solid hsla(0, 0%, 100%, .4);
  width: calc(25% - 10px);
  margin: 5px;
  height: 100%;
  min-height: 170px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  padding: 32px 12px;
  -webkit-transition: all .2s ease-in-out;
  -o-transition: all .2s ease-in-out;
  transition: all .2s ease-in-out;
  position: relative;
  background: rgba(23, 23, 28, .6)
}

.modules__grid__item img {
  position: absolute;
  left: 0;
  top: 0;
  z-index: -1;
  width: 100%;
  max-width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover
}

.modules__grid__item h3, .modules__grid__item ul li {
  font-size: 12px
}

.modules__grid__item h3 {
  position: relative;
  max-width: 87%;
  max-width: -webkit-fit-content;
  max-width: -moz-fit-content;
  max-width: fit-content;
  font-weight: 600;
  margin-bottom: 10px;
  padding-bottom: 8px
}

.modules__grid__item h3:after {
  position: absolute;
  content: "";
  bottom: 0;
  width: 100%;
  height: 4px;
  background-color: #04bbc9;
  left: 0;
  width: calc(100% + 3px);
  height: 2px
}

.modules__grid__item ul li {
}

.modules__grid__item ul li:not(:last-of-type) {
  margin-bottom: 8px
}

.modules__grid__item:hover {
  text-decoration: none;
  border-color: #fff
}

@media screen and (max-width: 1100px) {
  .modules__grid__item {
    width: calc(33.33333% - 10px)
  }
}

@media screen and (max-width: 900px) {
  .modules__grid__item {
    width: calc(50% - 10px)
  }
}

@media screen and (max-width: 600px) {
  .modules__grid__item {
    width: 100%;
    max-width: 100%
  }
}

.hero {
  margin: 0 auto 49px;
  position: relative
}

.hero .slick-slide {
  max-width: 1210px;
  width: 100%;
  height: 624px;
  position: relative;
  margin: 0 18px
}

@media screen and (max-width: 1300px) {
  .hero .slick-slide {
    max-width: 1004px;
    height: 530px
  }
}

@media screen and (max-width: 768px) {
  .hero .slick-slide {
    max-width: 708px;
    height: 450px
  }
}

@media screen and (max-width: 480px) {
  .hero .slick-slide {
    max-width: 100%;
    height: 308px
  }
}

.hero .slick-slide .hero__img {
  position: relative;
  height: 100%
}

@media screen and (max-width: 1300px) {
  .hero .slick-slide .hero__img {
    height: calc(100% - 130px)
  }
}

.hero .slick-slide .hero__img img {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  max-width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: center center;
  object-position: center center;
  z-index: -1
}

.hero .slick-slide .hero__img:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(23, 23, 28, .5)
}

.hero .slick-slide .hero--inner {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 10;
  padding: 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center
}

.hero .slick-slide .hero--inner > * {
  opacity: 0;
  visibility: hidden;
  -webkit-transition: all .5s ease-in-out;
  -o-transition: all .5s ease-in-out;
  transition: all .5s ease-in-out
}

@media screen and (max-width: 1300px) {
  .hero .slick-slide .hero--inner {
    padding: 35px 40px 160px
  }
}

.hero .slick-slide .hero--inner .hero__title {
  font-family: Montserrat, sans-serif;
  font-weight: 400;
  font-size: 18px;
  color: #fff;
  font-size: 80px;
  font-weight: 700;
  line-height: 1;
  width: 563px;
  max-width: 100%;
  margin: 0 0 60px;
  text-transform: none;
  text-align: left
}

@media screen and (max-width: 1300px) {
  .hero .slick-slide .hero--inner .hero__title {
    font-size: 60px
  }
}

@media screen and (max-width: 768px) {
  .hero .slick-slide .hero--inner .hero__title {
    font-size: 46px;
    margin: 0 0 20px
  }
}

@media screen and (max-width: 480px) {
  .hero .slick-slide .hero--inner .hero__title {
    font-size: 24px;
    max-width: 265px;
    line-height: 1.15
  }
}

.hero .slick-slide .hero--inner .hero__title + p {
  font-family: Montserrat, sans-serif;
  font-weight: 400;
  font-size: 18px;
  color: #fff;
  margin-bottom: 70px;
  font-size: 30px;
  font-weight: 500
}

@media screen and (max-width: 1300px) {
  .hero .slick-slide .hero--inner .hero__title + p {
    margin-bottom: 0
  }
}

@media screen and (max-width: 768px) {
  .hero .slick-slide .hero--inner .hero__title + p {
    font-size: 24px
  }
}

@media screen and (max-width: 480px) {
  .hero .slick-slide .hero--inner .hero__title + p {
    font-size: 20px
  }
}

.hero .slick-slide .hero--inner .btn {
  width: 315px;
  height: 70px
}

@media screen and (max-width: 1300px) {
  .hero .slick-slide .hero--inner .btn {
    position: absolute;
    bottom: 0;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%)
  }
}

@media screen and (max-width: 600px) {
  .hero .slick-slide .hero--inner .btn {
    width: 283px !important;
    height: 70px !important
  }
}

.hero .slick-list {
  margin: 0 -18px
}

.hero .slick-next, .hero .slick-prev {
  width: 27px;
  height: 46px;
  z-index: 10
}

@media screen and (max-width: 1300px) {
  .hero .slick-next, .hero .slick-prev {
    top: unset;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
    bottom: 85px;
    width: 17px;
    height: 28px
  }
}

@media screen and (max-width: 600px) {
  .hero .slick-next, .hero .slick-prev {
    width: 11px;
    height: 20px;
    bottom: 94px
  }
}

.hero .slick-prev {
  left: calc(50vw - 685px)
}

.hero .slick-next {
  right: calc(50vw - 685px)
}

.hero .slick-current > .hero--inner > * {
  opacity: 1;
  visibility: visible
}

.hero .slick-dots {
  bottom: 90px;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%)
}

@media screen and (max-width: 600px) {
  .hero .slick-dots {
    bottom: 95px
  }
}

.hero .slick-dots li {
  width: 10px;
  height: 10px;
  background-color: #a7a7a7;
  margin: 0 4px;
  border-radius: 50%
}

.hero .slick-dots li.slick-active {
  background: -webkit-gradient(linear, left bottom, left top, from(#c544f5), to(#e90345));
  background: -o-linear-gradient(bottom, #c544f5, #e90345);
  background: linear-gradient(0deg, #c544f5, #e90345)
}

.hero .slick-dots li button:before {
  content: ""
}

.regards {
  margin-bottom: 16px
}

.regards__grid {
  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
}

@media screen and (max-width: 992px) {
  .regards__grid {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    margin: -16px 0
  }
}

@media screen and (max-width: 480px) {
  .regards__grid {
    padding: 0 32px
  }
}

.regards__grid__item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}

@media screen and (max-width: 992px) {
  .regards__grid__item {
    margin: 16px 0
  }
}

@media screen and (max-width: 480px) {
  .regards__grid__item:nth-child(2) {
    margin-left: -8px
  }
}

@media screen and (max-width: 480px) {
  .regards__grid__item:nth-child(2) img {
    margin-right: 10px
  }
}

.regards__grid__item img {
  margin-right: 16px;
  -o-object-fit: contain;
  object-fit: contain
}

@media screen and (max-width: 480px) {
  .regards__grid__item img {
    max-height: 47px
  }
}

@media screen and (max-width: 480px) {
  .regards__grid__item img:last-of-type {
    max-height: 50px
  }
}

.regards__grid__item p {
  font-size: 20.5px;
  font-weight: 600
}

@media screen and (max-width: 480px) {
  .regards__grid__item p {
    font-size: 18px
  }
}

.loadmore {
  max-width: 220px;
  margin: 40px auto
}

@media screen and (max-width: 600px) {
  .loadmore {
    margin-top: 80px
  }
}

.video {
  margin-top: 80px;
  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
}

@media screen and (max-width: 1100px) {
  .video {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start
  }
}

@media screen and (max-width: 600px) {
  .video {
    margin-top: 40px
  }
}

.video__item:first-child {
  margin-right: 28px;
  width: 735px;
  max-width: 100%
}

@media screen and (max-width: 1100px) {
  .video__item:first-child {
    margin-right: 0;
    margin-top: 40px
  }
}

.video__item:first-child video {
  width: 100%;
  max-width: 100%
}

.video__item:last-child p {
  margin-bottom: 56px;
  font-size: 22px;
  font-weight: 600;
  opacity: .7
}

@media screen and (max-width: 1100px) {
  .video__item:last-child p {
    margin-bottom: 0;
    margin-right: 40px
  }
}

@media screen and (max-width: 600px) {
  .video__item:last-child p {
    font-size: 20px;
    margin-right: 0
  }
}

@media screen and (max-width: 1100px) {
  .video__item:last-child {
    width: 735px;
    max-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
  }
}

@media screen and (max-width: 600px) {
  .video__item:last-child {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    text-align: center
  }
}

.video__item .btn {
  max-width: 265px;
  min-width: 265px;
  height: 70px;
  left: unset;
  -webkit-transform: unset;
  -ms-transform: unset;
  transform: unset
}

@media screen and (max-width: 768px) {
  .video__item .btn {
    max-width: 220px;
    min-width: 220px
  }
}

@media screen and (max-width: 600px) {
  .video__item .btn {
    display: none;
    margin-top: 30px
  }
}

@media screen and (max-width: 380px) {
  .video__item .btn {
    max-width: calc(100% - 20px);
    margin-left: 10px;
    margin-right: 10px
  }
}

.video__item .btn_mobile {
  display: none
}

@media screen and (max-width: 600px) {
  .video__item .btn_mobile {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
  }
}

.page__courses h1 {
  font-size: 26px;
  font-weight: 600;
  margin-bottom: 38px
}

@media screen and (max-width: 600px) {
  .page__courses h1 {
    font-size: 22px;
    text-align: center
  }
}

.page__courses section:first-of-type h2:first-of-type {
  margin-top: 0
}

.page__courses .slider_category {
  font-size: 25px;
  font-weight: 400;
  margin-top: 40px;
  margin-bottom: 40px
}

@media screen and (max-width: 480px) {
  .page__courses .slider_category {
    font-size: 22px
  }
}

.page__course_detail .editors_choice {
  margin-bottom: 49px
}

.page__course_detail .editors_choice > div {
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start
}

@media screen and (max-width: 1100px) {
  .page__course_detail .editors_choice > div {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
  }
}

.page__course_detail .editors_choice h1 {
  font-size: 26px;
  font-weight: 600
}

@media screen and (max-width: 600px) {
  .page__course_detail .editors_choice h1 {
    font-size: 22px;
    text-align: center;
    font-size: 18px;
    padding-bottom: 8px;
    margin-bottom: 22px
  }
}

@media screen and (max-width: 600px) {
  .page__course_detail .editors_choice h1 + p, .page__course_detail .editors_choice h1 + p + p {
    font-size: 16px
  }
}

.page__course_detail .editors_choice .breadcrumbs + p {
  margin-bottom: 20px;
  font-size: 24px
}

@media screen and (max-width: 600px) {
  .page__course_detail .editors_choice .breadcrumbs + p {
    font-size: 18px;
    text-align: center
  }
}

@media screen and (max-width: 600px) {
  .page__course_detail .editors_choice .breadcrumbs {
    display: none
  }
}

.page__course_detail .editors_choice .breadcrumbs--mobile {
  display: none;
  font-size: 10px;
  margin-bottom: 14px
}

@media screen and (max-width: 600px) {
  .page__course_detail .editors_choice .breadcrumbs--mobile {
    display: block
  }
}

.page__course_detail .editors_choice ul.details {
  margin-bottom: 20px
}

@media screen and (max-width: 600px) {
  .page__course_detail .editors_choice ul.details {
    padding: 0 14px 0 30px
  }
}

.page__course_detail .editors_choice .authors {
  margin-top: 40px;
  margin-bottom: 20px
}

@media screen and (max-width: 600px) {
  .page__course_detail .editors_choice .authors {
    margin-top: 30px;
    margin-bottom: 0
  }
}

.page__course_detail .editors_choice .authors p:first-of-type {
  font-size: 16px;
  margin-bottom: 13px
}

.page__course_detail .editors_choice .authors p, .page__course_detail .editors_choice ul.details + p {
  font-size: 12px
}

@media screen and (max-width: 600px) {
  .page__course_detail .editors_choice .icons {
    left: 10px;
    top: 30px
  }
}

@media screen and (max-width: 600px) {
  .page__course_detail .editors_choice .category {
    right: 10px;
    top: 30px;
    padding: 6px 8px 5px;
    max-width: 147px
  }
}

.page__course_detail .editors_choice__hero {
  width: 65%;
  max-width: unset
}

@media screen and (max-width: 1100px) {
  .page__course_detail .editors_choice__hero {
    width: 100%;
    max-width: 100%;
    margin-right: 0;
    margin-bottom: 31px
  }
}

@media screen and (max-width: 600px) {
  .page__course_detail .editors_choice__hero--inner {
    padding: 30px 10px 33px
  }
}

.page__course_detail .editors_choice__info {
  width: 35%
}

@media screen and (max-width: 1100px) {
  .page__course_detail .editors_choice__info {
    width: 70%
  }
}

@media screen and (max-width: 768px) {
  .page__course_detail .editors_choice__info {
    width: 100%;
    max-width: 100%
  }
}

@media screen and (max-width: 600px) {
  .page__course_detail .editors_choice__info {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
  }
}

@media screen and (max-width: 600px) {
  .page__course_detail .editors_choice__info .salary {
    -webkit-box-ordinal-group: 0;
    -ms-flex-order: -1;
    order: -1;
    padding: 0 14px 10px;
    text-align: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-bottom: 38px
  }
}

@media screen and (max-width: 480px) {
  .page__course_detail .editors_choice__info .salary {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    text-align: left
  }
}

@media screen and (max-width: 600px) {
  .page__course_detail .editors_choice__info .breadcrumbs + p {
    -webkit-box-ordinal-group: 0;
    -ms-flex-order: -1;
    order: -1;
    padding: 0 14px
  }
}

.mini_carousel {
  margin-bottom: 31px
}

.mini_carousel h2 {
  font-size: 24px;
  text-transform: uppercase;
  margin-bottom: 15px
}

.mini_carousel .slick-slide {
  border: 2px solid hsla(0, 0%, 100%, .4);
  width: calc(25% - 10px);
  margin: 5px;
  height: 100%;
  min-height: 170px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  -webkit-transition: all .2s ease-in-out;
  -o-transition: all .2s ease-in-out;
  transition: all .2s ease-in-out;
  position: relative;
  background: rgba(23, 23, 28, .6);
  padding: 8px 8px 27px;
  min-height: 113px
}

.mini_carousel .slick-slide img {
  position: absolute;
  left: 0;
  top: 0;
  z-index: -1;
  width: 100%;
  max-width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover
}

.mini_carousel .slick-slide h3, .mini_carousel .slick-slide ul li {
  font-size: 12px
}

.mini_carousel .slick-slide h3 {
  position: relative;
  max-width: 87%;
  max-width: -webkit-fit-content;
  max-width: -moz-fit-content;
  max-width: fit-content;
  font-weight: 600;
  margin-bottom: 10px;
  padding-bottom: 8px
}

.mini_carousel .slick-slide h3:after {
  position: absolute;
  content: "";
  bottom: 0;
  width: 100%;
  height: 4px;
  background-color: #04bbc9;
  left: 0;
  width: calc(100% + 3px);
  height: 2px
}

.mini_carousel .slick-slide ul li {
  text-transform: uppercase
}

.mini_carousel .slick-slide ul li:not(:last-of-type) {
  margin-bottom: 8px
}

.mini_carousel .slick-slide:hover {
  text-decoration: none;
  border-color: #fff
}

@media screen and (max-width: 1100px) {
  .mini_carousel .slick-slide {
    width: calc(33.33333% - 10px)
  }
}

@media screen and (max-width: 900px) {
  .mini_carousel .slick-slide {
    width: calc(50% - 10px)
  }
}

@media screen and (max-width: 600px) {
  .mini_carousel .slick-slide {
    width: 100%;
    max-width: 100%
  }
}

.mini_carousel .slick-slide h3 {
  font-size: 10px;
  margin-bottom: 0
}

.mini_carousel .slick-list {
  margin: 0 18px
}

.mini_carousel .slick-prev {
  left: 0
}

.mini_carousel .slick-next {
  right: 0
}

.profile__main {
  display: grid;
  grid-template-columns:1fr 1fr;
  grid-template-rows:repeat(5, 1fr);
  gap: 24px;
  padding: 0 35px 35px
}

@media screen and (max-width: 900px) {
  .profile__main {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    padding: 0 0 35px;
    gap: 16px
  }
}

.profile__block {
  padding: 20px 35px;
  border-radius: 12px;
  background-color: #1f1e25
}

.profile__block:first-child {
  grid-row: 1/5
}

.profile__block:last-child {
  grid-column: 1/3
}

@media screen and (max-width: 900px) {
  .profile__block {
    padding: 18px 24px
  }
}

.profile__block-inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  height: 100%
}

.profile__block-inner--center {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center
}

@media screen and (max-width: 900px) {
  .profile__block-inner--center {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start
  }
}

.profile__block-inner:hover .profile__block-link--icon {
  -webkit-transform: translateX(5px);
  -ms-transform: translateX(5px);
  transform: translateX(5px)
}

.profile__block-icon {
  width: 30px;
  height: 30px;
  margin-right: 18px;
  -ms-flex-negative: 0;
  flex-shrink: 0
}

.profile__block-icon img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
  object-fit: contain
}

.profile__block-input {
  border-radius: 12px;
  border: 1px solid #515056;
  padding: 10px;
  background-color: rgba(0, 0, 0, 0);
  font-size: 14px;
  line-height: 120%;
  max-width: 150px;
  color: #fff
}

@media screen and (max-width: 900px) {
  .profile__block-input {
    margin: 0
  }
}

.profile__block-link {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-left: auto;
  color: #d4d4d5
}

.profile__block-link--text {
  font-size: 14px;
  line-height: 120%;
  font-weight: 400
}

@media screen and (max-width: 900px) {
  .profile__block-link--text {
    display: none
  }
}

.profile__block-link--icon {
  width: 18px;
  height: 24px;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  margin-left: 8px;
  color: #d4d4d5;
  -webkit-transition: all .3s ease-in-out;
  -o-transition: all .3s ease-in-out;
  transition: all .3s ease-in-out
}

.profile__block-link--icon svg {
  width: 100%;
  height: 100%
}

.profile__block-title {
  display: inline-block;
  font-size: 14px;
  line-height: 120%;
  font-weight: 600;
  margin-right: 18px;
  max-width: 290px
}

.profile__block-title--input {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  gap: 12px;
  max-width: unset;
  -webkit-box-flex: 1;
  -ms-flex: 1 1 100%;
  flex: 1 1 100%
}

@media screen and (max-width: 900px) {
  .profile__block-title--input {
    -webkit-box-flex: initial;
    -ms-flex: initial;
    flex: initial
  }

  .profile__block-title--input .profile__block-title--text {
    margin: 0
  }
}

.profile__block-title--text {
  display: inline-block;
  font-size: 14px;
  line-height: 120%;
  font-weight: 600;
  margin-right: 18px
}

.profile__block-title--uppercase {
  font-size: 21px;
  text-transform: uppercase;
  margin-top: 0;
  margin-bottom: 35px
}

.profile__block-title--normal {
  font-weight: 400
}

.profile__block-title a {
  font-size: 14px;
  line-height: 120%;
  font-weight: 600
}

.profile__person, .profile__person-inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  height: 100%;
  -webkit-box-flex: 1;
  -ms-flex: 1 1 100%;
  flex: 1 1 100%
}

.profile__person-row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
  margin-bottom: 16px
}

.profile__person-row:last-child {
  margin-bottom: 0
}

.profile__person-row:first-child .profile__person-input {
  max-width: 300px;
  margin-right: 0
}

@media screen and (max-width: 900px) {
  .profile__person-row {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
  }

  .profile__person-row:first-child .profile__person-input {
    max-width: 100%
  }
}

.profile__person-title {
  font-size: 14px;
  line-height: 120%;
  font-weight: 600;
  -ms-flex-negative: 0;
  flex-shrink: 0
}

.profile__person-input {
  background-color: rgba(0, 0, 0, 0);
  border: none;
  border-bottom: 1px solid #515056;
  text-align: center;
  padding: 5px 10px;
  margin-left: auto;
  margin-right: 50px;
  width: 100%;
  max-width: 200px;
  font-size: 14px;
  line-height: 120%;
  color: #fff
}

@media screen and (max-width: 900px) {
  .profile__person-input {
    max-width: 100%;
    margin-top: 14px
  }
}

.profile__person .btn {
  margin: 20px auto 0;
  font-size: 16px;
  line-height: 120%;
  border-width: 1px;
  border-radius: 10px
}

@media screen and (max-width: 900px) {
  .profile__person .btn {
    margin-top: 20px
  }
}

.personal__main {
  padding: 0 35px 35px
}

.personal__block {
  padding: 12px 35px;
  border-radius: 12px;
  background-color: #1f1e25;
  margin-bottom: 20px
}

.personal__block.mobile-visible {
  display: none
}

@media screen and (max-width: 900px) {
  .personal__block.mobile-visible {
    display: block
  }
}

.personal__block.mobile-hidden {
  display: block
}

@media screen and (max-width: 900px) {
  .personal__block.mobile-hidden {
    display: none
  }
}

.personal__block-title {
  position: relative;
  display: block;
  font-size: 16px;
  line-height: 120%;
  font-weight: 600;
  margin: 0;
  cursor: pointer
}

@media screen and (max-width: 900px) {
  .personal__block-title {
    text-align: center;
    padding-left: 20px;
    padding-right: 20px
  }

  .personal__block-title.active:after {
    -webkit-transform: translateY(-50%) rotateX(180deg);
    transform: translateY(-50%) rotateX(180deg)
  }

  .personal__block-title:after {
    content: "";
    position: absolute;
    right: 0;
    top: calc(50% + 2px);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 16px;
    height: 10px;
    -webkit-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    background-size: 100% 100%;
    background-position: 50%;
    background-repeat: no-repeat;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='14' height='8' viewBox='0 -4.5 20 20' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M.292.366c-.39.405-.39 1.06 0 1.464l8.264 8.563c.78.81 2.047.81 2.827 0l8.325-8.625c.385-.4.39-1.048.01-1.454a.976.976 0 00-1.425-.011l-7.617 7.893a.975.975 0 01-1.414 0L1.705.366a.974.974 0 00-1.413 0' fill='%23fff' fill-rule='evenodd'/%3E%3C/svg%3E")
  }
}

.personal__block-inner {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-top: 16px
}

@media screen and (max-width: 900px) {
  .personal__block-inner {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    padding-bottom: 35px
  }
}

.personal__block-inner .swiper-pagination-bullet {
  background-color: #d4d4d5
}

.personal__block-inner .swiper-pagination-bullet-active {
  background-color: #00bccb
}

.personal__block-icon-next {
  width: 20px;
  height: 35px;
  margin-left: 20px;
  cursor: pointer;
  -webkit-transition: all .3s ease-in-out;
  -o-transition: all .3s ease-in-out;
  transition: all .3s ease-in-out;
  -ms-flex-negative: 0;
  flex-shrink: 0
}

.personal__block-icon-next:hover {
  -webkit-transform: translateX(5px);
  -ms-transform: translateX(5px);
  transform: translateX(5px)
}

.personal__block-icon-next svg {
  width: 100%;
  height: 100%
}

@media screen and (max-width: 900px) {
  .personal__block-icon-next {
    display: none
  }
}

.personal__block-video {
  max-width: calc(100% - 40px);
  margin-left: 0
}

@media screen and (max-width: 900px) {
  .personal__block-video {
    max-width: 100%
  }
}

.personal__block-video .course_card {
  max-width: 170px;
  max-height: 100px
}

@media screen and (max-width: 900px) {
  .personal__block-video .course_card {
    max-width: 250px;
    max-height: 140px
  }
}

.personal__bottom {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between
}

.personal__bottom .personal__block:not(:last-child) {
  margin-right: 24px
}

.personal__bottom .personal__block:first-child {
  -ms-flex-negative: 0;
  flex-shrink: 0
}

@media screen and (max-width: 900px) {
  .personal__bottom {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    margin-top: 35px
  }

  .personal__bottom .personal__block:not(:last-child) {
    margin-right: 0;
    margin-bottom: 14px
  }
}

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