@charset "UTF-8";

@font-face {
  font-family: "Roboto";
  src: url(/bitrix/templates/shd/assets/static/fonts/Roboto-Light.ttf);
  font-weight: 300;
}

@font-face {
  font-family: "Roboto";
  src: url(/bitrix/templates/shd/assets/static/fonts/Roboto-Regular.ttf);
  font-weight: 400;
}

@font-face {
  font-family: "Roboto";
  src: url(/bitrix/templates/shd/assets/static/fonts/Roboto-Medium.ttf);
  font-weight: 500;
}

@font-face {
  font-family: "Roboto";
  src: url(/bitrix/templates/shd/assets/static/fonts/Roboto-Bold.ttf);
  font-weight: 700;
}

@font-face {
  font-family: "Roboto Slab";
  src: url(/bitrix/templates/shd/assets/static/fonts/RobotoSlab-Regular.ttf);
  font-weight: 400;
}

@font-face {
  font-family: "Roboto Slab";
  src: url(/bitrix/templates/shd/assets/static/fonts/RobotoSlab-Medium.ttf);
  font-weight: 500;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: "Roboto", sans-serif;
  font-weight: 500;
  line-height: 1.2;
  text-transform: uppercase;
  font-feature-settings: "clig" off, "liga" off;
  margin-top: 0;
  margin-bottom: 0;
  color: #272727;
}

p {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 1.75rem;
  font-weight: 400;
  line-height: 1.4;
}

div,
span,
a {
  font-size: 1.75rem;
}

h1 {
  font-size: 4.25rem;
  color: #272727;
}

@media screen and (max-width: 767px) {
  h1 {
    font-size: 3rem;
  }
}

h2 {
  font-size: 4.25rem;
}

@media screen and (max-width: 767px) {
  h2 {
    font-size: 3rem;
  }
}

.h2 {
  font-size: 4.25rem;
  line-height: 1.2;
}

.title-page {
  color: #FFF;
  padding: 5rem;
}

@media screen and (max-width: 767px) {
  .title-page {
    padding: 2.5rem 3.25rem;
    flex-direction: column;
    justify-content: start !important;
    align-items: start !important;
    gap: 2.5rem;
  }
}

.title-page>* {
  color: #FFF;
}

.article-page .article-wrapp p,
.article-page .article-wrapp li {
  font-family: "Roboto", sans-serif;
  font-weight: 400;
  font-size: 20px;
  color: #272727;
  line-height: 1.5;
}

@media screen and (max-width: 767px) {

  .article-page .article-wrapp p,
  .article-page .article-wrapp li {
    font-size: 1.75rem;
  }
}

.article-page .article-wrapp h1,
.article-page .article-wrapp h2 {
  font-family: "Roboto", sans-serif;
  font-weight: 500;
  line-height: 1.5;
  text-transform: none;
}

@media screen and (max-width: 767px) {

  .article-page .article-wrapp h1,
  .article-page .article-wrapp h2 {
    width: 100% !important;
    font-size: 2.5rem !important;
  }
}

.article-page .article-wrapp h1 {
  font-size: 34px;
}

.article-page .article-wrapp h2 {
  font-size: 20px;
}

* {
  box-sizing: border-box;
}

html {
  font-size: 0.667vw;
  line-height: 1.4;
  font-weight: 400;
  overflow-x: hidden;
  text-rendering: geometricPrecision;
  -webkit-font-smoothing: antialiased;
}

@media screen and (max-width: 767px) {
  html {
    font-size: 2.5vw;
  }
}

html::-webkit-scrollbar {
  width: 0;
  height: 0;
  display: none;
}

body {
  position: relative;
  margin: 0;
  background: #141414;
  padding-top: 11rem;
}

@media screen and (max-width: 767px) {
  body {
    padding-top: 9rem;
  }
}

body.visible {
  overflow: visible;
}

body::-webkit-scrollbar {
  width: 0;
  height: 0;
  display: none;
}

@media screen and (max-width: 767px) {
  body {
    overflow: hidden;
  }
}

button,
html input[type=button],
input[type=reset],
input[type=submit] {
  -webkit-appearance: none;
}

main {
  -webkit-overflow-scrolling: touch;
}

@media screen and (max-width: 767px) {
  main.bg-opacity {
    filter: brightness(40%);
  }
}

canvas {
  display: block;
}

div,
a,
button,
pre,
p {
  font-family: "Roboto", sans-serif;
}

a {
  text-decoration: none;
  cursor: pointer;
}

button {
  background: none;
  padding: 0;
  cursor: pointer;
}

ul {
  list-style: none;
  padding: 0;
  margin: 0;
}

ul li {
  list-style: none;
}

input:not([type="checkbox"]):not([type="radio"]),
textarea {
  outline: none;
  border: none;
  appearance: none;
}

input:focus,
textarea:focus {
  outline: none;
}

button {
  margin: 0;
  border: none;
}

pre {
  margin: 0;
}

.wrapper {
  padding-left: 0.5rem;
  padding-right: 0.5rem;
}

.overflow {
  overflow: hidden;
}

.hover {
  transition: all 0.2s;
}

.hover:hover {
  background: #E7EC08;
}

.border-left {
  border-radius: 0 0.5rem 0.5rem 0;
  overflow: hidden;
}

.menu-list-social {
  border-left: 0.125rem solid #141414;
}

.menu-list-social.menu-list-social--mob{
  display: none;
  border-bottom: 0.125rem solid #141414;
}

.menu-list-social li {
  padding: 1.25rem;
  gap: 1.25rem;
  border-bottom: 0.125rem solid #141414;
  width: 100%;
  transition: all 0.1s ease-out;
  cursor: pointer;
  overflow: hidden;
}

@media screen and (max-width: 767px) {
  .menu-list-social.menu-list-social--mob{
    display: flex;
  }
  .menu-list-social.menu-list-social--dsc{
    display: none;
  }
  .menu-list-social li {
    padding: 0 2.5rem;
  }
}

.menu-list-social li:hover {
  background: #E7EC08;
}

.menu-list-social li:first-child {
  border-radius: 0 0.5rem 0 0;
}

.menu-list-social li:last-child {
  border-bottom: none;
  border-radius: 0 0.5rem 0.5rem 0;
}

.menu-list-social li:after {
  content: none;
}

.menu-list-social li svg {
  width: 4rem;
  height: 4rem;
}

.arrow svg:hover path {
  fill: #141414;
}

.arrow .swiper-button-disabled {
  opacity: 0.5;
}

.who-course .who-course-wrapper h2:before {
  content: '';
  position: absolute;
  background: #E7EC07;
  bottom: -0.5rem;
  left: 0;
  width: 9.25rem;
  height: 0.25rem;
  bottom: -0.5rem;
}

.wrapper {
  margin-top: 20px;
}

.history__btn {
  position: relative;
  display: inline-block;
  color: #FFF;
  font-size: 1.25rem;
  line-height: 1.4;
  font-weight: 500;
  text-transform: uppercase;
  margin-top: 30px;
  cursor: pointer;
}

.history__btn:before {
  content: "";
  position: absolute;
  width: 100%;
  background: #ffffff;
  height: 0.1875rem;
  left: 0;
  bottom: 0;
  transition: all 0.4s;
}

.history-card_cloce {
  display: none;
}

.history-card_active {
  display: flex;
}

.presentation {
  width: 14.875rem;
  flex-shrink: 0;
  border-radius: 0.75rem;
  background: #272727;
  transition: all 0.7s ease-in-out;
  position: relative;
}

.presentation>* {
  position: absolute;
}

.presentation .download {
  width: 3rem;
  height: 3.25rem;
  flex-shrink: 0;
}

.presentation .disk,
.presentation .text {
  width: 10.5rem;
  height: 10.5rem;
  flex-shrink: 0;
  transition: transform 0.7s ease-in-out;
}

.presentation:hover>.disk,
.presentation:hover .text {
  transform: rotate(-180deg);
}

@media screen and (max-width: 767px) {

  .presentation:hover>.disk,
  .presentation:hover .text {
    transform: rotate(0deg);
  }
}

#body:has(.new__banner:not(.closed)) .arrSlideTop,
#body:has(.new__banner:not(.closed)) .slider-drop {
  bottom: 210px;
}

/* new__banner */

.new__banner {
  position: fixed;
  left: 50%;
  transform: translateX(-50%);
  bottom: 42px;
  max-width: calc(100vw - 30rem);
  width: 100%;
  max-height: fit-content;
  border-radius: 10px;
  padding: 32px 42px;
  background: #FDA05D;
  z-index: 9999
}

.new__banner_cloce {
  position: absolute;
  top: 32px;
  right: 42px;
  cursor: pointer;
}

.new__banner_wrap {
  display: flex;
  align-items: end;
  margin-bottom: 16px;
}

.new__banner_text {
  font-weight: 500;
  font-size: 32px;
  color: #000;
  margin-right: 54px;
}

.new__banner_link-one {
  font-weight: 500;
  font-size: 22px;
  text-decoration: underline;
  text-decoration-skip-ink: none;
  color: #ffffff;
  text-transform: uppercase;
  text-wrap: nowrap;
  padding-right: 42px;
}

.new__banner_link-two {
  font-weight: 500;
  font-size: 22px;
  text-decoration: underline;
  text-decoration-skip-ink: none;
  color: #000;
  text-transform: uppercase;
}

@media(max-width: 1263px) {
  .new__banner {
    max-width: 1090px;
    max-height: fit-content;
  }

  .new__banner_wrap {
    flex-direction: column;
    align-items: start;
    margin-bottom: 16px;
  }

  .new__banner_text {
    margin-right: 0;
  }
}

@media(max-width: 660px) {
  .new__banner {
    max-width: 343px;
    padding: 12px 10px;
  }

  .new__banner_wrap {
    margin-bottom: 8px;
    padding-right: 16px;
  }

  .new__banner_cloce {
    position: absolute;
    top: 8px;
    right: 10px;
  }

  .new__banner_text {
    font-size: 16px;
    margin-bottom: 12px;
  }

  .new__banner_link-one {
    font-size: 12px;
  }

  .new__banner_link-two {
    font-size: 19px;
  }

}

/* ****************** */

.ellipse-blue {
  --ellipse-background-start: #0B55ED;
  --ellipse-background-end: #141414;
  width: 64rem;
  height: 53rem;
  flex-shrink: 0;
  border-radius: 64rem;
  filter: blur(6.25rem);
  background: radial-gradient(50% 50% at 50% 50%, var(--ellipse-background-start) 0%, var(--ellipse-background-end) 100%);
  animation: ellipse 10s infinite forwards linear;
  position: absolute;
}

@media screen and (max-width: 767px) {
  .ellipse-blue {
    width: 62rem;
    height: 62rem;
    animation: none;
  }
}

.ellipse-yellow {
  --ellipse-background-start: #E7EC08;
  --ellipse-background-end: #141414;
  width: 64rem;
  height: 53rem;
  flex-shrink: 0;
  border-radius: 64rem;
  filter: blur(6.25rem);
  background: radial-gradient(50% 50% at 50% 50%, var(--ellipse-background-start) 0%, var(--ellipse-background-end) 100%);
  animation: ellipse 10s infinite forwards linear;
}

@media screen and (max-width: 767px) {
  .ellipse-yellow {
    width: 37.375rem;
    height: 37.375rem;
    animation: none;
  }
}

.policy {
  overflow: hidden;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  text-overflow: ellipsis;
  width: 100%;
}

.policy span,
.policy a {
  font-size: 1.5rem;
  line-height: 1.2;
  color: #141414;
  text-align: center;
  white-space: nowrap;
}

@media screen and (max-width: 767px) {

  .policy span,
  .policy a {
    white-space: normal;
  }

}

.policy a {
  text-decoration-line: underline;
}

.primary-bg {
  background: #E7EC08;
  border-radius: 0.5rem;
}

.white-bg {
  background: #FFF;
}

.padding-40 {
  padding: 5rem;
}

.video-wrapp {
  width: 25rem;
  flex-shrink: 0;
  border-radius: 0.5rem;
  position: relative;
}

.video-wrapp:hover .play {
  opacity: 1;
}

.video-wrapp:hover .overflow-img img {
  width: 28.5rem;
  height: 50.75rem;
}

.video-wrapp .play {
  opacity: 0;
  transition: all 0.2s;
}

.video-wrapp .play svg {
  width: 5rem;
  height: 5rem;
}

.video-wrapp .overflow-img img {
  width: 25rem;
  height: 44.375rem;
}

.video-wrapp .name-video {
  position: absolute;
  bottom: 0;
  height: 7.5rem;
  padding: 1.25rem;
  background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.8) 100%);
}

.video-wrapp .name-video span {
  font-size: 1.5rem;
  line-height: 1.2;
  color: #FFF;
}

.border-radius {
  border-radius: 0.5rem;
}

.undefined {
  display: none;
}

.grid-cards-3 {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-template-rows: repeat(1, 1fr);
  grid-column-gap: 0.5rem;
  grid-row-gap: 0.5rem;
}

@media screen and (max-width: 767px) {
  .grid-cards-3 {
    grid-template-columns: repeat(1, 1fr);
  }
}

.grid-cards-4 {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  grid-template-rows: repeat(1, 1fr);
  grid-column-gap: 0.5rem;
  grid-row-gap: 0.5rem;
}

@media screen and (max-width: 767px) {
  .grid-cards-4 {
    grid-template-columns: repeat(1, 1fr);
  }
}

.grid-cards-2 {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-template-rows: repeat(1, 1fr);
  grid-column-gap: 0.5rem;
  grid-row-gap: 0.5rem;
}

@media screen and (max-width: 767px) {
  .grid-cards-2 {
    grid-template-columns: repeat(1, 1fr);
    grid-column-gap: 0.25rem;
    grid-row-gap: 0.25rem;
  }
}

.grid-cards-5 {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  grid-template-rows: repeat(1, 1fr);
  grid-column-gap: 2.5rem;
  grid-row-gap: 2.5rem;
}

@media screen and (max-width: 767px) {
  .grid-cards-5 {
    grid-template-columns: repeat(1, 1fr);
  }
}

.grid-gallery {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-template-rows: repeat(1, 1fr);
  grid-column-gap: 0.125rem;
  grid-row-gap: 0.125rem;
}

.grid-gallery>*:first-child {
  grid-area: 1/1/2/3;
}

.table-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  grid-template-rows: repeat(1, 1fr);
  grid-column-gap: 2.1625rem;
  padding: 0 5rem;
}

@media screen and (max-width: 767px) {
  .table-grid {
    grid-template-columns: repeat(1, 1fr);
  }
}

.events-grid {
  display: grid;
  grid-template-columns: repeat(7, 1fr);
  grid-template-rows: repeat(5, 1fr);
  grid-column-gap: 0.125rem;
  grid-row-gap: 0.125rem;
}

@media screen and (max-width: 767px) {
  .events-grid {
    grid-template-columns: repeat(1, 1fr);
    grid-template-rows: repeat(1, 1fr);
  }
}

.row {
  display: flex;
}

.justify-sb {
  justify-content: space-between;
}

.justify-center {
  justify-content: center;
}

.justify-start {
  justify-content: start;
}

.justify-end {
  justify-content: flex-end;
}

.align-center {
  align-items: center;
}

.align-end {
  align-items: end;
}

.align-start {
  align-items: flex-start;
}

.column {
  flex-direction: column;
}

.flex-auto {
  flex: 1 1 auto;
}

.gap-2 {
  gap: 0.25rem;
}

.gap-4 {
  gap: 0.5rem;
}

.gap-10 {
  gap: 1.25rem;
}

.btn-general {
  display: inline-flex;
  padding: 1rem 2.5rem;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 0.5rem;
  font-size: 1.75rem;
  font-weight: 500;
  text-transform: uppercase;
  line-height: 2rem;
  transition: all 0.2s;
  border-radius: 0.5rem;
  height: 6.5rem;
}

.btn-filled {
  color: #FFF;
  background: #272727;
}

.btn-filled:hover {
  background: #141414;
}

.btn-outline {
  color: #141414;
  border: 0.125rem solid #141414;
}

.btn-outline:hover {
  color: #FFF;
  background: #141414;
}

.btn-linegr {
  display: inline-flex;
  padding: 4.375rem 5rem;
  align-items: center;
  gap: 1.25rem;
  border-radius: 0.5rem;
  background-image: linear-gradient(90deg, #0856EC 0.01%, #DB00FF 113.21%);
  transition: background-image 0.3s ease-out;
  font-size: 2rem;
  font-weight: 500;
  line-height: 2.75rem;
  text-transform: uppercase;
  color: #FFF;
  cursor: pointer;
  position: relative;
  z-index: 0;
}

.btn-linegr .line-gradient {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: linear-gradient(90deg, #DA08EC 0.01%, #E7EC07 113.21%);
  z-index: -1;
  opacity: 0;
  transition: opacity 0.3s linear;
}

.btn-linegr:hover .line-gradient {
  opacity: 1;
}

@media screen and (max-width: 767px) {
  .btn-linegr:hover .line-gradient {
    opacity: 0;
  }
}

.read-more {
  color: #E7EC08;
  font-size: 1.625rem;
  font-weight: 500;
  line-height: 2rem;
}

.read-more:after {
  background-color: #E7EC08;
}

.btn-black {
  padding: 0.875rem 1.125rem;
  background: #141414;
  border-radius: 0.5rem;
  color: #FFF;
  font-size: 1.625rem;
  font-style: normal;
  font-weight: 500;
  line-height: 1.2;
  /* 123.077% */
  text-transform: uppercase;
}

[type=submit] {
  cursor: pointer;
}

.play-container {
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  transition: all 0.4s;
}

.play-container .play-about {
  border-radius: 50%;
  width: 5rem;
  height: 5rem;
  background: rgba(20, 20, 20, 0.5);
  cursor: pointer;
  transition: all 0.4s;
}

.play-container .play-about.hover {
  width: 7rem;
  height: 7rem;
  opacity: 0;
}

.play-container .play-about svg {
  width: 1.375rem;
  height: 1.75rem;
  margin-left: 0.625rem;
}

.header-link-menu {
  font-size: 1.625rem;
  color: #141414;
  line-height: 2rem;
  text-transform: uppercase;
  font-weight: 500;
  transition: all 0.2s;
  position: relative;
}

.header-link-menu:after {
  content: "";
  display: block;
  position: absolute;
  right: 0;
  bottom: -0.125rem;
  width: 0;
  height: 0.125rem;
  background-color: #141414;
  transition: width 0.2s;
}

.header-link-menu:hover:after {
  width: 100%;
  left: 0;
}

.see-all {
  color: #FFF;
  text-transform: uppercase;
  font-size: 2rem;
  font-weight: 500;
  line-height: 2.75rem;
  position: relative;
}

.see-all:after {
  content: "";
  position: absolute;
  width: 0;
  background: #FFF;
  height: 0.125rem;
  left: 0;
  bottom: 0;
  transition: all 0.3s;
}

.see-all:hover:after {
  width: 100%;
}

@media screen and (max-width: 767px) {
  .see-all:after {
    width: 100%;
  }
}

.link-border-bottom {
  color: #141414;
  font-size: 2rem;
  font-weight: 500;
  line-height: 2.75rem;
  text-transform: uppercase;
  position: relative;
  width: max-content;
  position: relative;
  transition: all 0.4s;
  overflow: hidden;
}

.link-border-bottom:after {
  content: "";
  position: absolute;
  width: 100%;
  background: #141414;
  height: 0.1875rem;
  left: 0;
  bottom: 0;
  transition: left 0.4s;
}

.link-border-bottom:before {
  content: "";
  position: absolute;
  width: 0;
  background: #141414;
  height: 0.1875rem;
  left: 0;
  bottom: 0;
  transition: all 0.4s;
}

.link-border-bottom:hover:after {
  left: 700%;
}

@media screen and (max-width: 767px) {
  .link-border-bottom:hover:after {
    left: 0;
  }
}

.link-border-bottom:hover:before {
  width: 100%;
  left: 0;
}

@media screen and (max-width: 767px) {
  .link-border-bottom:hover:before {
    content: none;
  }
}

.pagination {
  padding: 5rem 0;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #FFF;
}

.pagination svg {
  width: 3rem;
  height: 3rem;
}

.pagination div {
  padding: 0.5rem 0.875rem;
}

.pagination a {
  color: #FFF;
  font-size: 1.625rem;
  font-weight: 500;
  line-height: 1.2;
  /* 123.077% */
  text-transform: uppercase;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 3rem;
  height: 3rem;
  transition: 0.3s;
  border-radius: 1.5rem;
}

.pagination a:hover {
  background: #FFF;
  color: #141414;
}

.pagination a.active {
  pointer-events: none;
  color: #E7EC08;
}

.doc-school a {
  color: #141414;
  font-size: 1.625rem;
  font-weight: 500;
  line-height: 2rem;
  text-transform: uppercase;
  width: max-content;
}

@media screen and (max-width: 767px) {
  .doc-school a:hover:before {
    content: none;
  }
}

.doc-school a:hover:after {
  background: #141414;
}

@media screen and (max-width: 767px) {
  .doc-school a:hover:after {
    left: 0;
  }
}

input[type=search] {
  display: none;
  font-size: 2.5rem;
  font-weight: 400;
  line-height: 1.4;
  padding-left: 0.5rem;
}

@media screen and (max-width: 767px) {
  input[type=search] {
    font-size: 1.25rem;
    background: #FFF;
  }
}

input[type=search]::placeholder {
  text-transform: uppercase;
  font-family: "Roboto", sans-serif;
  color: #A9A9A9;
}

input[type=search].input-visible {
  display: block;
  margin-left: 2.5rem;
  height: 10rem;
  width: 100%;
}

@media screen and (max-width: 767px) {
  input[type=search].input-visible {
    height: 7.75rem;
    margin-left: 1.25rem;
    padding-right: 1.25rem;
  }
}

form {
  border-radius: 0.5rem;
  background: rgba(255, 255, 255, 0.4);
  padding: 2.5rem;
}

.input-wrapp {
  position: relative;
}

.input-wrapp input:not([type=checkbox]) {
  display: flex;
  padding: 1.625rem 2rem 0.375rem 2rem;
  align-items: center;
  gap: 1.25rem;
  background: rgba(255, 255, 255, 0.5);
  font-size: 1.75rem;
  color: #272727;
  border-radius: 0.5rem;
  border: 0.125rem solid rgba(255, 255, 255, 0.5);
  transition: all 0.4s;
  position: relative;
  height: 7rem;
}

.input-wrapp input.error:not([type=checkbox]) {
  border: 0.125rem solid #E90000;
}

.input-wrapp input:hover:not([type=checkbox]) {
  border-color: #FFF;
  background: rgba(255, 255, 255, 0.3);
}

.input-wrapp input:active:not([type=checkbox]) {
  background: rgba(255, 255, 255, 0.7);
}

.input-wrapp label {
  position: absolute;
  bottom: 2.875rem;
  transform: translateY(0.625rem);
  color: #272727;
  font-size: 1.75rem;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  transition: all 0.2s;
  left: 2rem;
}

.input-wrapp label.error {
  color: #E90000;
}

.input-wrapp label.focused {
  font-size: 1.25rem;
  transform: translateY(-1.25rem);
  line-height: 1.2;
  color: #525252;
}

.checkbox_btn {
  color: #FFF;
  cursor: pointer;
  line-height: normal;
  font-size: 1.25rem;
  font-weight: 500;
  text-transform: uppercase;
  display: flex;
  align-items: center;
  gap: 0.625rem;
}

.checkbox_btn:hover input {
  border: 0.125rem solid #E7EC08;
}

.checkbox_btn input {
  margin:0 0 0 15px;
  flex-shrink:0;
  align-self: flex-start;
  /* width: 1.375rem;
  height: 1.375rem; */
  width: 28px;
  height: 28px;
  border: 0.125rem solid #FFF;
  border-radius: 0.25rem;
  position: relative;
  transition: 0.3s;
}

.checkbox_btn input:checked {
  background: yellow;
  border: none;
  display: flex;
  justify-content: center;
  align-items: center;
}

.checkbox_btn input:checked:after {
  /*content: "";*/
  /*display: block;*/
  /*width: 0.75rem;*/
  /*height: 0.625rem;*/
  /*background: url("/bitrix/templates/shd/assets/static/img/icon/checkbox/checked.svg") no-repeat;*/
  /*background-size: cover;*/
}

#range-duration {
  font-family: "Roboto", sans-serif;
  background: none;
  color: #FFF;
  font-size: 1.25rem;
  font-weight: 500;
  line-height: 1.4;
  /* 140% */
  text-transform: uppercase;
  height: 1.75rem;
  margin-bottom: 2.375rem;
  padding: 0;
}

#slider-range {
  width: 29.625rem;
  margin: 0 auto;
  height: 0.25rem !important;
  border: none !important;
  background: #141414;
}

#slider-range .ui-slider-range {
  background: #FFF;
}

#slider-range .ui-slider-handle {
  width: 1rem;
  height: 1rem;
  border-radius: 100%;
  background: #272727;
  border: 0.75rem solid #FFF;
  box-sizing: content-box;
  top: 50%;
  transform: translateY(-1.25rem);
}

#slider-range .ui-slider-handle:focus-visible {
  outline: none !important;
}

.tag-general {
  display: inline-flex;
  padding: 0.5rem 1rem;
  gap: 1.25rem;
  border-radius: 0.25rem;
  font-size: 1.5rem;
  line-height: 1.2;
  color: #FFF;
  /* width: max-content; */
}

.tag-yellow {
  color: #141414;
  background: #E7EC08;
}

.tag-pink {
  background: #EA67FF;
}

.tag-green {
  background: #44C62E;
}

.tag-black {
  background: #000;
}

.tag-white {
  background: #FFF;
  color: #141414 !important;
}

.reviews-wrapp {
  width: 74.375rem;
  padding: 5rem;
  gap: 2.5rem;
  border-radius: 0.5rem;
}

.reviews-wrapp .name {
  width: 14rem;
  height: 3.75rem;
  padding: 1rem 1.25rem;
  gap: 1.25rem;
  font-size: 1.5rem;
  font-weight: 500;
  line-height: 1.2;
  color: #FFF;
}

.reviews-wrapp .text {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 5;
  align-self: stretch;
  font-size: 2rem;
  color: #FFF;
  overflow: hidden;
  text-overflow: ellipsis;
}

.reviews-wrapp.non-active {
  opacity: 0.5;
}

.swiper-button-next:after,
.swiper-button-prev:after {
  content: none;
}

.accordion {
  gap: 0.125rem;
}

.accordion .accordion-item .accordion-content .accordion-title {
  padding: 1.875rem 0;
  cursor: pointer;
}

.accordion .accordion-item .accordion-content .accordion-title .title {
  gap: 1rem;
}

.accordion .accordion-item .accordion-content .accordion-title .title span>* {
  font-size: 2rem;
}

.accordion .accordion-item .accordion-content .accordion-title .title span:first-child {
  color: #141414;
  font-weight: 500;
}

.accordion .accordion-item .accordion-content .accordion-title .title span:last-child {
  font-weight: 400;
  color: #272727;
}

.accordion .accordion-item .accordion-content .accordion-title .icon {
  transition: all 0.4s;
  transform: rotate(0);
  cursor: pointer;
  width: 3rem;
  height: 3rem;
  flex-shrink: 0;
}

.accordion .accordion-item .accordion-content .accordion-title .icon.rotate {
  transform: rotate(90deg);
}

.accordion .accordion-item .accordion-content .accordion-title .icon svg {
  width: 100%;
  height: 100%;
  flex-shrink: 0;
}

.accordion .accordion-item .accordion-content .accordion-title>.accordion-includes {
  display: block;
}

.raspisanie {
  color: #A9A9A9 !important;
}

@media screen and (max-width: 767px) {
  .accordion .accordion-item .accordion-content .accordion-title {
    align-items: center;
  }
}

.accordion .accordion-item .accordion-content .accordion-includes {
  color: #272727;
  display: none;
  padding-bottom: 5rem;
  width: 75rem;
}

.accordion .accordion-item .accordion-content .accordion-includes ul {
  list-style-type: disc;
  margin-left: 2rem;
}

.accordion .accordion-item .accordion-content .accordion-includes ul li {
  list-style-type: disc;
}

@media screen and (max-width: 767px) {
  .accordion .accordion-item .accordion-content .accordion-includes {
    width: 100%;
  }
}

.accordion-white {
  background: #FFF;
  padding: 0 3.25rem;
}

.accordion-white .title {
  font-size: 2.5rem;
  font-weight: 400;
}

@media screen and (max-width: 767px) {
  .accordion-white .title {
    font-size: 2rem;
  }
}

.accordion-white .icon {
  width: 3.75rem;
  height: 3.75rem;
  display: flex;
  justify-content: center;
  align-items: center;
}

.accordion-white .accordion-title {
  border-bottom: none !important;
  border-top: none !important;
  padding: 3.75rem 0 !important;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

.accordion-white .accordion-includes {
  border-bottom: none !important;
  border-top: none !important;
}

.accordion-yellow {
  background: #E7EC08;
}

.tabs-title {
  font-size: 2rem;
  font-weight: 500;
  line-height: 2.75rem;
  color: #FFF;
  position: relative;
  padding: 1.25rem 0;
  gap: 1.25rem;
  text-transform: uppercase;
}

.tabs-title.active {
  border-bottom: 0.125rem solid #FFF;
}

[tabcont] {
  display: none;
}

[tabcont].active {
  display: block;
}

[tabcont] {
  display: none;
}

[tabcont].active {
  display: block;
}

.modal-wrap {
  opacity: 0;
  will-change: opacity;
  position: relative;
  z-index: -1;
  display: none;
}

.modal-wrap.modal-show {
  opacity: 1;
  transition: opacity 0.5s;
  will-change: opacity;
  z-index: 888;
  position: relative;
  display: block;
}

.modal-wrap .modal-shadow {
  z-index: 100;
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
}

.modal-wrap .modal {
  position: fixed;
  top: 50%;
  z-index: 100;
  left: 50%;
  transform: translateY(-50%) translateX(-50%);
  border-radius: 0px;
  padding: 0;
}

.modal-wrap .modal-cross {
  position: absolute;
  top: -60px;
  right: 0;
  z-index: 10;
}

#modal-diplom .modal-shadow {
  background: #141414;
}

#modal-diplom .modal-shadow svg {
  position: absolute;
  right: 3rem;
  top: 13.5rem;
}

@media screen and (max-width: 767px) {
  #modal-diplom .modal-shadow svg {
    top: 10.5rem;
    right: 2rem;
  }
}

#modal-diplom .modal {
  width: 85.75rem;
  height: 60.75rem;
}

@media screen and (max-width: 767px) {
  #modal-diplom .modal {
    width: 36.5rem;
    height: 24.875rem;
  }
}

#modal-diplom img {
  width: 85.75rem;
  height: 60.75rem;
}

@media screen and (max-width: 767px) {
  #modal-diplom img {
    width: 36.5rem;
    height: 24.875rem;
  }
}

#modal-feedback {
  margin: 0.5rem;
  overflow: hidden;
}

#modal-feedback .success-form {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}

#modal-feedback .success-form svg {
  margin-bottom: 2.5rem;
  width: 8rem;
  height: 8rem;
  margin-top: 5rem;
}

@media screen and (max-width: 767px) {
  #modal-feedback .success-form svg {
    margin-top: 14rem;
  }
}

#modal-feedback .success-form .title {
  margin-bottom: 1.25rem;
  color: #141414;
  font-size: 3rem;
  font-weight: 500;
  line-height: 1.4;
  text-transform: uppercase;
}

@media screen and (max-width: 767px) {
  #modal-feedback .success-form .title {
    font-size: 2rem;
  }
}

#modal-feedback .success-form p {
  margin-bottom: 5rem;
}

@media screen and (max-width: 767px) {
  #modal-feedback .success-form p {
    margin-bottom: 14rem;
    font-size: 1.5rem;
  }
}

#modal-feedback .modal-shadow {
  background: #E7EC08;
  border-radius: 0.5rem;
}

@media screen and (max-width: 767px) {
  #modal-feedback .modal-shadow {
    width: 39rem;
  }
}

#modal-feedback .modal-shadow svg {
  position: absolute;
  right: 3rem;
  top: 13.5rem;
}

@media screen and (max-width: 767px) {
  #modal-feedback .modal-shadow svg {
    top: 10.5rem;
    right: 2rem;
  }
}

#modal-feedback [type=submit] {
  margin-top: 3.75rem;
  margin-bottom: 3.75rem;
}

@media screen and (max-width: 767px) {
  #modal-feedback [type=submit] {
    margin-top: 2.5rem;
    margin-bottom: 2.5rem;
  }
}

#modal-feedback .modal {
  width: 133rem;
}

@media screen and (max-width: 767px) {
  #modal-feedback .modal {
    width: 36.5rem;
  }
}

#modal-feedback .modal .grid-cards-2 {
  column-gap: 10rem;
  align-items: center;
}

@media screen and (max-width: 767px) {
  #modal-feedback .modal .grid-cards-2 {
    display: flex;
    flex-direction: column;
    align-items: start;
    gap: 2.5rem;
  }
}

#modal-feedback .modal .grid-cards-2>*:last-child {
  width: 78.5rem;
}

@media screen and (max-width: 767px) {
  #modal-feedback .modal .grid-cards-2>*:last-child {
    width: 36.5rem;
  }
}

#modal-feedback .modal .grid-cards-2 form {
  width: 100%;
}

#modal-feedback .modal .grid-cards-2 form input:not([type=checkbox]) {
  width: 100%;
}

#modal-feedback .modal .title {
  color: #141414;
  font-size: 4.25rem;
  font-style: normal;
  font-weight: 500;
  line-height: 1.2;
  /* 40.8px */
  text-transform: uppercase;
}

@media screen and (max-width: 767px) {
  #modal-feedback .modal .title {
    padding-left: 2rem;
    font-size: 3rem;
  }
}

.coockie {
  z-index: 9999;
  position: fixed;
  bottom: 0.5rem;
  right: 0.5rem;
  background: #E7EC08;
  width: auto;
  height: 8.75rem;
  display: none;
  padding: 0 2.5rem;
  align-items: center;
  border-radius: 0.5rem;
}
.coockie>p {
  max-width: max(50vw, 400px);
}

@media screen and (max-width: 767px) {
  .coockie {
    bottom: 0;
    right: 0;
    width: 100%;
    /*height: 7.75rem;*/
    height: fit-content;
    padding: 1.25rem 2.5rem;
  }
}

.coockie.show {
  display: flex;
}

.coockie svg {
  margin-right: 1.25rem;
  width: 3.75rem;
  height: 3.75rem;
}

@media screen and (max-width: 767px) {
  .coockie svg {
    width: 2.625rem;
    height: 2.625rem;
  }
}

.coockie p {
  margin-right: 2.5rem;
  font-size: 1.75rem;
  font-weight: 400;
  color: #141414;
  line-height: 1.4;
}

@media screen and (max-width: 767px) {
  .coockie>p {
    font-size: 1rem;
    margin-right: 1rem;
    max-width: 80vw;
  }
  .coockie>p a {
    font-size: inherit;
  }
}

.coockie .cookie_accept {
  cursor: pointer;
  line-height: 1.4;
  min-width: 70px;
}

@media screen and (max-width: 767px) {
  .coockie .cookie_accept {
    font-size: 1.25rem;
    line-height: 1.4;
  }
}

.modal-active {
  overflow: hidden;
}

.card-projects {
  width: 100%;
  height: 50.375rem;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  display: flex;
  align-items: end;
  border-radius: 0.5rem;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  transition: all 0.4s;
  position: relative;
  overflow: hidden;
}

.card-projects:hover img {
  scale: 1.1;
}

@media screen and (max-width: 767px) {
  .card-projects:hover img {
    scale: none;
  }
}

.card-projects img {
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: 0;
  transition: 0.4s;
  object-fit: cover;
  object-position: top;
}

@media screen and (max-width: 767px) {
  .card-projects {
    height: 39.75rem;
  }

  .card-projects:hover {
    background-size: cover;
  }
}

.card-projects .desc {
  position: relative;
  z-index: 1;
  color: #FFF;
  font-size: 1.5rem;
  line-height: 1.2;
  font-weight: 400;
  width: 100%;
  padding: 9.5rem 1.625rem 1.5rem 1.5rem;
  flex-shrink: 0;
  background: linear-gradient(0deg, rgba(0, 0, 0, 0.56) 0%, rgba(0, 0, 0, 0) 100%);
}

@media screen and (max-width: 767px) {
  .card-projects .desc {
    padding: 12.625rem 3rem 3rem 3rem;
  }
}

.teacher_card {
  width: 27rem;
  height: max-content;
  gap: 1.25rem;
}

@media screen and (max-width: 767px) {
  .teacher_card {
    width: 32.5rem;
    position: relative;
  }
}

.teacher_card .tag-general {
  z-index: 9;
}

.teacher_card:hover .img-wrapp img {
  transform: scale(1.1);
}

@media screen and (max-width: 767px) {
  .teacher_card:hover .img-wrapp img {
    transform: scale(1);
  }
}

.teacher_card:hover h3 {
  color: #E7EC08;
}

.teacher_card .undefined {
  display: none;
}

.teacher_card .img-wrapp {
  width: 27rem;
  height: 27rem;
  border-radius: 0.5rem;
  overflow: hidden;
  display: block;
}

@media screen and (max-width: 767px) {
  .teacher_card .img-wrapp {
    width: 32.5rem;
    height: 32.5rem;
  }
}

.teacher_card .img-wrapp img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: 0.4s;
}

.teacher_card h3 {
  color: #FFF;
  height: 5.5rem;
  font-size: 1.75rem;
  text-transform: none;
  font-weight: 400;
  line-height: 1.4;
  /* 19.6px */
  transition: 0.4s;
}

@media screen and (max-width: 767px) {
  .teacher_card h3 {
    height: auto;
  }
}

.teacher_card:hover {
  transition: all 0.4s;
}

.teacher_card:hover h3 {
  color: #E7EC08;
}

.teacher_card:hover img {
  scale: 1.05;
}

@media screen and (max-width: 767px) {
  .teacher_card:hover {
    height: max-content;
  }
}

.history-card {
  gap: 1.25rem;
}

.history-card:hover .img-scale img {
  transform: scale(1.1);
}

.history-card:hover .name-history {
  color: #E7EC08;
}

.history-card .img-scale {
  overflow: hidden;
  width: 34.375rem;
  height: 34.375rem;
}

@media screen and (max-width: 767px) {
  .history-card .img-scale {
    width: 100%;
  }
}

.history-card .img-scale img {
  width: 34.375rem;
  height: 34.375rem;
  object-fit: cover;
  transition: all 0.4s;
  object-position: top;
}

@media screen and (max-width: 767px) {
  .history-card .img-scale img {
    width: 100%;
  }
}

.history-card .name-history {
  transition: color 0.4s;
  color: #FFF;
}

.history-card .desc-history {
  color: #D4D4D4;
  font-size: 1.5rem;
  line-height: 1.2;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  align-self: stretch;
  overflow: hidden;
  text-overflow: ellipsis;
  width: 29.375rem;
}

.history-card .desc-history.open {
  display: block;
  overflow: visible;
}

.history-card .button {
  width: max-content;
}

.history-card .button .see-all {
  font-size: 1.25rem;
}

.blog-card {
  gap: 1.25rem;
  width: 34.375rem;
}

.blog-card:hover .img-scale img {
  transform: scale(1.1);
}

.blog-card:hover .name-blog {
  color: #E7EC08;
}

.blog-card .img-scale {
  overflow: hidden;
  width: 34.375rem;
  height: 34.375rem;
}

.blog-card .img-scale img {
  width: 34.375rem;
  height: 34.375rem;
  object-fit: cover;
  transition: all 0.4s;
}

.blog-card .name-blog {
  transition: color 0.4s;
  color: #FFF;
}

.blog-card .desc-blog {
  color: #D4D4D4;
  font-size: 1.5rem;
  line-height: 1.2;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  align-self: stretch;
  overflow: hidden;
  text-overflow: ellipsis;
  width: 29.375rem;
}

.blog-card .desc-blog.open {
  display: block;
  overflow: visible;
}

.blog-card .desc-blog .button {
  width: max-content;
}

.blog-card .desc-blog .button .see-all {
  font-size: 1.25rem;
}

.card_program {
  background: #FFF;
  gap: 5rem;
  border-radius: 0.5rem;
  overflow: hidden;
  display: flex;
  width: 111.625rem;
}

@media screen and (max-width: 767px) {
  .card_program {
    padding: 3.25rem;
    width: 100%;
    flex-direction: column;
    gap: 2.5rem;
  }
}

.card_program .cont_img {
  width: 33rem;
  min-width: 33rem;
  height: 33rem;
  overflow: hidden;
}

@media screen and (max-width: 767px) {
  .card_program .cont_img {
    width: 10rem;
    height: 10rem;
  }
}

.card_program .cont_img img {
  width: 33rem;
  height: 33rem;
  transition: all 0.3s;
  object-fit: cover;
}

@media screen and (max-width: 767px) {
  .card_program .cont_img img {
    border-radius: 0.5rem;
    width: 10rem;
    height: 10rem;
  }
}

.card_program .content {
  padding: 3.75rem;
  padding-bottom: 8.75rem;
  padding-left: 0;
}

.card_program .content .tags {
  margin-bottom: 1.25rem;
}

.card_program .content .title {
  font-size: 3rem;
  font-weight: 500;
  line-height: 1.4;
  /* 33.6px */
  color: #141414;
  margin-bottom: 2.5rem;
  text-transform: none;
  transition: all 0.3s;
  position: relative;
  text-decoration: underline;
  text-decoration-skip: none;
  text-decoration-skip-ink: none;
  text-decoration-color: transparent;
}

@media screen and (max-width: 767px) {
  .card_program .content .title {
    font-size: 2rem;
  }
}

@media screen and (max-width: 767px) {
  .card_program .content {
    padding: 0;
  }
}

.card_program .content .grid-cards-2 {
  column-gap: 5rem;
  row-gap: 1.25rem;
}

.card_program .content .grid-cards-2 .el_info {
  font-size: 1.5rem;
  font-weight: 400;
  line-height: 1.2;
  /* 14.4px */
  color: #141414;
}

.card_program .content .grid-cards-2 .el_info span {
  color: #A9A9A9;
  font-size: 1.5rem;
}

@media screen and (max-width: 767px) {
  .card_program .content .grid-cards-2 .el_info span {
    font-size: 1.5rem;
  }
}

.card_program:hover .title {
  text-decoration: underline;
  text-decoration-skip: none;
  text-decoration-skip-ink: none;
  text-decoration-color: #141414;
}

.card_program:hover img {
  scale: 1.1;
}

.card_search {
  background: #141414;
  display: flex;
  gap: 3.75rem;
  padding: 2.5rem 0;
  color: #FFF;
}

@media screen and (max-width: 767px) {
  .card_search {
    align-items: start;
    flex-direction: column;
    gap: 1.875rem;
  }
}

.card_search.card_search_event {
  padding: 5rem 0;
  padding-right: 2.5rem;
  gap: 2.5rem;
}

@media screen and (max-width: 767px) {
  .card_search.card_search_event {
    padding: 2.5rem 0;
    gap: 1.25rem;
    flex-direction: row;
    flex-wrap: wrap;
  }
}

.card_search.card_search_event:hover .date {
  color: #E7EC08;
}

.card_search.card_search_event:hover .date span {
  color: rgba(231, 236, 8, 0.3);
}

.card_search.card_search_event .title {
  flex: 1 1 auto;
  color: #FFF;
  font-size: 2rem;
  font-weight: 400;
  line-height: 1.4;
  /* 22.4px */
}

@media screen and (max-width: 767px) {
  .card_search.card_search_event .title {
    flex: 1 1;
    font-size: 1.75rem;
  }
}

.card_search.card_search_event .date {
  color: #FFF;
  font-size: 2rem;
  font-weight: 500;
  line-height: 1.4;
  /* 22.4px */
  text-transform: uppercase;
  width: 17.625rem;
  transition: 0.3s;
}

@media screen and (max-width: 767px) {
  .card_search.card_search_event .date {
    flex: 1 1 100%;
    width: 100%;
    color: #E7EC08;
  }
}

.card_search.card_search_event .date span {
  transition: 0.3s;
  padding-left: 1.25rem;
  font-size: 2rem;
  color: rgba(255, 255, 255, 0.3);
}

@media screen and (max-width: 767px) {
  .card_search.card_search_event .date span {
    color: rgba(231, 236, 8, 0.3);
  }
}

.card_search.card_search_program {
  gap: 2.5rem;
}

.card_search.card_search_program:hover .title {
  color: #E7EC08;
}

.card_search.card_search_program .content-program {
  display: flex;
  height: 20rem;
  flex-direction: column;
  justify-content: space-between;
  padding: 2.5rem 0;
}

@media screen and (max-width: 767px) {
  .card_search.card_search_program .content-program {
    padding: 0;
    height: 14.5rem;
    gap: 1.25rem;
  }
}

.card_search.card_search_program .title {
  font-size: 2.5rem;
  transition: 0.3s;
}

@media screen and (max-width: 767px) {
  .card_search.card_search_program .title {
    font-size: 1.75rem;
  }
}

.card_search.card_search_program .grid-cards-2 {
  column-gap: 5rem;
  row-gap: 1.25rem;
}

.card_search.card_search_program .grid-cards-2 .el_info {
  font-size: 1.5rem;
  font-weight: 400;
  line-height: 1.2;
}

@media screen and (max-width: 767px) {
  .card_search.card_search_program .grid-cards-2 .el_info span {
    font-size: 1.5rem;
  }
}

.card_search.card_search_program .grid-cards-2 span {
  color: #A9A9A9;
}

.card_search .cont_img {
  border-radius: 0.5rem;
  overflow: hidden;
  width: 20rem;
  height: 20rem;
  flex-shrink: 0;
}

@media screen and (max-width: 767px) {
  .card_search .cont_img {
    width: 10rem;
    height: 10rem;
  }
}

.card_search .cont_img img {
  width: 20rem;
  height: 20rem;
  object-fit: cover;
}

@media screen and (max-width: 767px) {
  .card_search .cont_img img {
    width: 10rem;
    height: 10rem;
  }
}

.card_search .content .title {
  color: #FFF;
  font-size: 2.5rem;
  font-weight: 400;
  line-height: 1.4;
  /* 28px */
  margin-bottom: 1.25rem;
}

@media screen and (max-width: 767px) {
  .card_search .content .title {
    font-size: 1.75rem;
  }
}

.card_search .content p {
  color: #A9A9A9;
  font-size: 1.75rem;
  font-weight: 400;
  line-height: 1.4;
  /* 19.6px */
}

.name {
  width: 14rem;
  height: 3.75rem;
  padding: 1rem 1.25rem;
  gap: 1.25rem;
  border-radius: 0.5rem;
  background: #272727;
}

.item {
  padding: 1.25rem 5rem;
  gap: 1.25rem;
  flex-shrink: 0;
  color: #272727;
  font-size: 3rem;
  line-height: 4.25rem;
  text-transform: uppercase;
  position: relative;
}

.item:hover>img,
.item:hover svg {
  opacity: 1;
}

.item img {
  width: 49.75rem;
  height: 30rem;
  position: absolute;
  right: 20.75rem;
  top: -11.5rem;
  border-radius: 0.5rem;
  opacity: 0;
}

.item svg {
  width: 0.875rem;
  height: 1.625rem;
  opacity: 0;
}

.row-card-price {
  padding: 2.5rem 5rem;
  gap: 1.25rem;
  font-size: 2.5rem;
}

.row-card-price .price-column,
.row-card-price .date-wrapp {
  font-weight: 500;
  width: 32.5rem;
}

.row-card-price .price-column .prepayment,
.row-card-price .date-wrapp .prepayment {
  font-weight: 400;
  font-size: 1.75rem;
  color: #525252;
}

.row-card-price .price-column .prepayment-line,
.row-card-price .date-wrapp .prepayment-line {
  text-decoration: line-through;
}

.row-card-price:hover {
  text-decoration: underline;
}

.events-row {
  width: 85.625rem;
  padding: 5rem 2.5rem 5rem 0;
  gap: 2.5rem;
  border-bottom: 0.125rem solid #FFF;
}

.events-row .date-wrapp {
  gap: 1.25rem;
}

.events-row .date-wrapp .date {
  text-transform: uppercase;
  color: #FFF;
  font-size: 2rem;
  font-weight: 500;
}

.events-row .date-wrapp .day {
  color: rgba(255, 255, 255, 0.3);
}

.events-row .name-event {
  font-size: 2rem;
  color: #FFF;
}

.events-row svg {
  width: 0.875rem;
  height: 1.75rem;
}

.employment-right {
  gap: 1.25rem;
}

@media screen and (max-width: 767px) {
  .employment-right {
    gap: 0.625rem !important;
    margin: 0 0.5rem;
  }
}

.employment-right .employment-card {
  gap: 3.125rem;
  width: 61.875rem !important;
  height: 43.5rem;
  padding: 3.125rem;
}

@media screen and (max-width: 767px) {
  .employment-right .employment-card {
    padding: 3.25rem;
    height: 35.25rem !important;
    width: 100% !important;
    gap: 2.5rem;
  }
}

.employment-right .employment-card h3 {
  font-size: 3rem;
  text-transform: none;
  color: #272727;
}

.employment-right .employment-card svg {
  width: 4rem;
  height: 4rem;
}

.employment-right .employment-card:first-child {
  background: #FFF !important;
}

.employment-right .employment-card:first-child .bottom {
  gap: 2.5rem;
}

@media screen and (max-width: 767px) {
  .employment-right .employment-card:first-child .bottom {
    gap: 5rem;
  }
}

.employment-right .employment-card:first-child .bottom a {
  color: #141414;
  font-size: 1.625rem;
  font-weight: 500;
  line-height: 2rem;
  text-transform: uppercase;
  width: max-content;
}

@media screen and (max-width: 767px) {
  .employment-right .employment-card:first-child .bottom a {
    width: auto;
  }
}

.employment-right .employment-card:first-child .bottom a:hover:after {
  background: #141414;
}

.employment-right .employment-card:nth-child(2) {
  background: #E7EC08 !important;
}

.employment-right .employment-card:nth-child(3) {
  background: #FFF !important;
}

.employment-right .employment-card:nth-child(4) {
  background: #272727 !important;
}

.employment-right .employment-card:nth-child(4) h3 {
  color: #FFF;
}

.employment-right .employment-card:nth-child(4) .bottom p {
  color: #FFF;
}

.dialog-left .img-wrapp,
.dialog-bottom-wrapp .img-wrapp {
  border-radius: 9.25rem;
  background: #E7EC08;
  width: 10.5rem;
  height: 10.5rem;
  overflow: hidden;
  margin-top: 3rem;
}

@media screen and (max-width: 767px) {

  .dialog-left .img-wrapp,
  .dialog-bottom-wrapp .img-wrapp {
    width: 6.875rem;
    height: 6.875rem;
    margin-top: 2rem;
  }
}

.dialog-left .img-wrapp img,
.dialog-bottom-wrapp .img-wrapp img {
  width: 11.25rem;
  height: 11.25rem;
  flex: 0;
}

@media screen and (max-width: 767px) {

  .dialog-left .img-wrapp img,
  .dialog-bottom-wrapp .img-wrapp img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover;
  }
}

.dialog-left .dialog-text,
.dialog-bottom-wrapp .dialog-text {
  width: 28.5rem;
  gap: 1.25rem;
  padding: 1.25rem;
  border-radius: 0.5rem 0.5rem 0.5rem 0;
  background: #FFF;
  height: max-content;
  position: relative;
}

.dialog-left .dialog-text p,
.dialog-bottom-wrapp .dialog-text p {
  color: #141414;
}

@media screen and (max-width: 767px) {

  .dialog-left .dialog-text p,
  .dialog-bottom-wrapp .dialog-text p {
    font-size: 1.5rem;
    line-height: 1.2;
  }
}

.dialog-left .dialog-text svg,
.dialog-bottom-wrapp .dialog-text svg {
  width: 1.25rem;
  height: 1.25rem;
  position: absolute;
  left: 0;
  bottom: -1.25rem;
}

.steps_items {
  display: flex;
  flex-direction: column;
  gap: 2.5rem;
  margin-bottom: 25rem;
}

@media screen and (max-width: 767px) {
  .steps_items {
    gap: 1.875rem;
    padding: 0 0.5rem;
    height: max-content;
    margin-bottom: 0;
  }
}

.steps_items .step {
  width: 74.625rem;
  min-height: 41rem;
  padding: 3.125rem;
  border-radius: 0.5rem;
  overflow: hidden;
  top: 12.5rem;
  transition: transform 0.4s ease-in-out;
  position: sticky;
}

@media screen and (max-width: 767px) {
  .steps_items .step {
    position: initial;
    transform: none !important;
  }
}

.steps_items .step:nth-child(2) {
  transform: translateY(10.2rem);
  top: 11.25rem;
}

.steps_items .step:nth-child(3) {
  transform: translateY(17.55rem);
  top: 12.5rem;
}

.steps_items .step:nth-child(4) {
  transform: translateY(25.9rem);
  top: 0;
}

@media screen and (max-width: 767px) {
  .steps_items .step {
    padding: 3.25rem;
    min-height: max-content;
  }
}

@media screen and (max-width: 767px) {
  .steps_items .step {
    width: 100%;
  }
}

.steps_items .step .number_steps {
  width: 5rem;
  height: 5rem;
  display: flex;
  font-size: 2rem;
  font-weight: 500;
  justify-content: center;
  align-items: center;
  border-radius: 0.5rem;
  overflow: hidden;
  flex-shrink: 0;
}

.steps_items .step .number_steps.black {
  background: #272727;
  color: #FFF;
}

.steps_items .step .number_steps.white {
  background: #FFF;
  color: #272727 !important;
}

.steps_items .step .content ul {
  display: flex;
  flex-direction: column;
  gap: 2.5rem;
}

.steps_items .step .content ul li {
  color: #FFF;
  font-size: 2rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  align-items: center;
  gap: 1.25rem;
}

@media screen and (max-width: 767px) {
  .steps_items .step .content ul li {
    font-size: 1.75rem;
    align-items: flex-start;
  }
}

.steps_items .step .content ul li:before {
  content: "";
  width: 2.5rem;
  min-width: 2.5rem;
  height: 2.5rem;
  display: block;
  background: url("/bitrix/templates/shd/assets/static/img/icon/list/marker_yellow.svg") no-repeat;
  background-size: cover;
  background-position: center;
}

.steps_items .step .content p {
  max-width: 54.75rem;
  font-size: 2rem;
  font-weight: 400;
  line-height: 1.4;
}

@media screen and (max-width: 767px) {
  .steps_items .step .content p {
    font-size: 1.75rem;
    max-width: 100%;
  }
}

.steps_items .step .title {
  margin-bottom: 2.5rem;
}

.steps_items .step .title h3 {
  font-size: 3rem;
  line-height: 1.4;
  font-weight: 500;
  text-transform: none;
  color: #141414;
}

@media screen and (max-width: 767px) {
  .steps_items .step .title h3 {
    font-size: 2.5rem;
  }
}

.steps_items .step.black-bg {
  background: #272727;
}

.steps_items .step.black-bg * {
  color: #FFF !important;
}

.steps_items .step.white-bg {
  background: #FFF;
}

.steps_items>*:first-child {
  background: #E7EC08;
}

.steps_items>*:first-child .policy {
  color: #141414;
  text-align: center;
  font-size: 1.5rem;
  font-weight: 400;
  line-height: 1.2;
  margin-top: 2.5rem;
}

@media screen and (max-width: 767px) {
  .steps_items>*:first-child .policy {
    margin: 0 auto;
  }
}

.steps_items>*:first-child .policy a {
  color: #141414;
  font-size: 1.5rem;
  font-weight: 400;
  line-height: 1.2;
  text-decoration: underline;
}

.steps_items>*:first-child form {
  background: none;
  padding: 0;
}

.steps_items>*:first-child form .grid_input {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-template-rows: repeat(2, 1fr);
  grid-column-gap: 0.5rem;
  grid-row-gap: 0.5rem;
}

@media screen and (max-width: 767px) {
  .steps_items>*:first-child form .grid_input {
    grid-template-columns: repeat(1, 1fr);
    grid-template-rows: repeat(1, 1fr);
  }
}

.steps_items>*:first-child form .grid_input input {
  width: 100%;
}

.steps_items>*:first-child form .btn-filled {
  margin-top: 2.5rem;
  border-radius: 4px;
  width: 100%;
  height: 6rem;
  font-family: "Roboto", sans-serif;
  font-size: 1.625rem;
  font-weight: 400;
  line-height: 1.2;
  /* 123.077% */
  text-transform: uppercase;
  cursor: pointer;
}

@media screen and (max-width: 767px) {
  .steps_items>*:first-child form .btn-filled {
    margin-bottom: 2.5rem;
  }
}

.dialog-bottom {
  gap: 3.5rem;
}

.dialog-bottom .dialog-left,
.dialog-bottom .dialog-bottom-wrapp {
  width: 50.5rem;
}

@media screen and (max-width: 767px) {

  .dialog-bottom .dialog-left,
  .dialog-bottom .dialog-bottom-wrapp {
    width: 100%;
    gap: 1.25rem;
  }
}

.dialog-bottom .dialog-bottom-wrapp .dialog-text {
  border-radius: 0.5rem 0.5rem 0 0.5rem;
}

.dialog-bottom .dialog-bottom-wrapp .dialog-text svg {
  right: -0.07125rem;
  left: auto;
}

@media screen and (max-width: 767px) {
  .dialog-bottom .dialog-bottom-wrapp .dialog-text svg {
    right: -0.025rem;
  }
}

.dialog-bottom .dialog-bottom-wrapp .img-wrapp {
  background: #204DEE;
}

.dialog-bottom .dialog-bottom-wrapp .img-wrapp img {
  width: 10.5rem;
  height: 10.5rem;
}

@keyframes ellipse {
  0% {
    transform: scale(1);
    --ellipse-background: var(--ellipse-background-start);
  }

  50% {
    transform: scale(0.6);
  }

  100% {
    transform: scale(1);
    --ellipse-background: var(--ellipse-background-start);
  }

  to {
    transform: scale(1);
    --ellipse-background: var(--ellipse-background-start);
  }
}

@keyframes moveRect {
  0% {
    transform: translateY(0);
  }

  100% {
    transform: translateY(0.25rem);
  }
}

.mouse {
  height: 11.125rem;
  transition: all 0.7s;
}

@media screen and (max-width: 767px) {
  .mouse {
    display: none;
  }
}

.mouse.remove {
  opacity: 0;
}

.mouse .mouse-wrapp {
  padding: 1.25rem;
  border-radius: 2.5rem;
  background: rgba(255, 255, 255, 0.2);
  width: 5rem;
  height: 5rem;
  position: fixed;
  bottom: 2.5rem;
  z-index: 10;
}

.mouse svg {
  width: 1.875rem;
  height: 2.75rem;
}

.mouse svg rect:last-child {
  animation: moveRect 2s infinite;
}

.scroller-wrapp {
  position: relative;
}

.base-select-cont {
  height: auto;
  min-width: 26.5rem;
}

.base-select-cont .select2-container {
  width: 100% !important;
  height: auto !important;
}

.base-select-cont .select2-container .select2-selection {
  background: none !important;
  border: none !important;
  display: flex;
  align-items: center;
  justify-content: end;
  gap: 0.5rem;
  height: 2.75rem !important;
}

@media screen and (max-width: 767px) {
  .base-select-cont .select2-container .select2-selection {
    justify-content: start;
    height: 2rem !important;
  }
}

.base-select-cont .select2-container .select2-selection .select2-selection__placeholder {
  color: #FFF !important;
  font-weight: 500;
  line-height: 1.3;
  font-size: 2rem;
  display: block;
  height: 2.75rem;
}

@media screen and (max-width: 767px) {
  .base-select-cont .select2-container .select2-selection .select2-selection__placeholder {
    font-size: 1.625rem;
    height: 2rem;
  }
}

.base-select-cont .select2-container .select2-selection .select2-selection__rendered {
  color: #FFF !important;
  padding: 0 !important;
  font-size: 2rem;
  font-weight: 500;
  line-height: 1.3;
  text-transform: uppercase;
  height: 2.75rem;
  position: relative;
}

@media screen and (max-width: 767px) {
  .base-select-cont .select2-container .select2-selection .select2-selection__rendered {
    height: 2rem;
    font-size: 1.625rem;
  }
}

.base-select-cont .select2-container .select2-selection .select2-selection__rendered:hover:after {
  width: 100%;
}

@media screen and (max-width: 767px) {
  .base-select-cont .select2-container .select2-selection .select2-selection__rendered:hover:after {
    display: none;
  }
}

.base-select-cont .select2-container .select2-selection .select2-selection__rendered:after {
  content: "";
  height: 1px;
  background: #FFF;
  position: absolute;
  bottom: 0;
  width: 0;
  transition: all 0.2s;
  left: 0;
}

@media screen and (max-width: 767px) {
  .base-select-cont .select2-container .select2-selection .select2-selection__rendered:after {
    display: none;
  }
}

.base-select-cont .select2-container .select2-selection .select2-selection__arrow {
  transition: transform 0.2s;
  background: url("/bitrix/templates/shd/assets/static/img/icon/select/arrow.svg") no-repeat;
  background-position: center center;
  background-size: 0.875rem 2rem;
  position: relative;
  width: 0.875rem;
  top: 0;
  right: 0;
  height: 2.75rem !important;
}

.base-select-cont .select2-container .select2-selection .select2-selection__arrow b {
  border: none !important;
  margin: 0 !important;
  position: relative !important;
}

.base-select-cont .select2-container.select2-container--open .select2-selection__arrow {
  transform: rotate(180deg);
}

.base-select-drop {
  width: auto !important;
  margin-top: 1.25rem;
  border-radius: 0.25rem;
  border: 0.125rem solid #141414;
}

.base-select-drop .select2-results {
  padding: 2.5rem !important;
}

@media screen and (max-width: 767px) {
  .base-select-drop .select2-results {
    padding-left: 3.25rem !important;
  }
}

.base-select-drop .select2-results__options {
  display: flex;
  flex-direction: column;
  gap: 2.5rem;
  height: auto;
  max-height: max-content !important;
  -ms-overflow-style: none;
  /* IE и Edge */
  scrollbar-width: none;
  /* Firefox */
}

.base-select-drop .select2-results__options::-webkit-scrollbar {
  display: none;
}

.base-select-drop .select2-results__option {
  padding: 0;
  color: #141414;
  font-family: "Roboto", sans-serif;
  font-size: 1.625rem;
  white-space: nowrap;
  width: auto;
  font-weight: 500;
  line-height: 1.2;
  /* 123.077% */
  text-transform: uppercase;
}

.base-select-drop .select2-results__option span {
  position: relative;
}

@media screen and (max-width: 767px) {
  .base-select-drop .select2-results__option span {
    font-size: 1.625rem;
  }
}

.base-select-drop .select2-results__option span:after {
  content: "";
  position: absolute;
  width: 0%;
  background: #141414;
  height: 0.125rem;
  bottom: 0;
  left: 0;
  transition: 0.3s;
}

.base-select-drop .select2-results__option span:hover:after {
  width: 100%;
}

.base-select-drop .select2-results__option.select2-results__option--selectable {
  color: inherit !important;
  background: none !important;
}

.name-col-table {
  padding-bottom: 1.25rem;
  border-bottom: 1px solid var(--Pres-Black, #141414);
}

@media screen and (max-width: 767px) {
  .name-col-table {
    display: none;
  }
}

.name-col-table .name-col {
  color: #7D7D7D;
  text-align: right;
  font-size: 1.625rem;
  font-weight: 500;
  line-height: 1.2;
  /* 123.077% */
  text-transform: uppercase;
}

.name-col-table>*:first-child {
  width: 72.5rem;
  text-align: left;
}

.item-table {
  padding: 2.5rem 5rem;
  border-bottom: 0.125rem solid #141414;
  border-bottom: 1px solid var(--Pres-Black, #141414);
}

@media screen and (max-width: 767px) {
  .item-table {
    padding: 2.5rem 3.25rem;
    border-top: 0.125rem solid #141414;
  }
}

.item-table:hover .title-item-table:after {
  width: 100%;
}

@media screen and (max-width: 767px) {
  .item-table:hover .title-item-table:after {
    content: none;
  }
}

@media screen and (max-width: 767px) {
  .item-table {
    gap: 2.5rem;
  }
}

.item-table .title-main-course-mob,
.item-table .format-course-mob,
.item-table .time-course-mob,
.item-table .data-course-mob {
  display: none;
}

@media screen and (max-width: 767px) {

  .item-table .title-main-course-mob,
  .item-table .format-course-mob,
  .item-table .time-course-mob,
  .item-table .data-course-mob {
    display: block;
    color: #7D7D7D;
    font-size: 1.25rem;
    line-height: 1.4;
    font-weight: 500;
    text-transform: uppercase;
  }
}

@media screen and (max-width: 767px) {
  .item-table .title-main-course-mob {
    margin-bottom: 0.625rem;
  }
}

@media screen and (max-width: 767px) {

  .item-table .format,
  .item-table .time,
  .item-table .data {
    display: flex;
    flex-direction: column;
    gap: 1.25rem;
    align-items: flex-start;
    height: max-content;
  }
}

.item-table .tags {
  display: flex;
  margin-bottom: 1.25rem;
  gap: 0.625rem;
}

@media screen and (max-width: 767px) {
  .item-table .tags {
    margin-bottom: 0;
    flex-direction: column;
  }
}

.item-table .tags .tag {
  font-size: 1.5rem;
  font-weight: 400;
  line-height: 1.2;
  padding: 0.5rem 1rem;
  border-radius: 0.25rem;
  text-decoration: none !important;
}

.item-table .tags .tag.yellow {
  background: #E7EC08;
}

.item-table .tags .tag.pink {
  background: #EA67FF;
  color: #FFF;
}

.item-table .tags .tag.green {
  background: #44C62E;
  color: #FFF;
}

.item-table .title-item-table {
  font-weight: 400;
  line-height: 1.2;
  font-size: 2.5rem;
  transition: 0.3s;
  position: relative;
}

@media screen and (max-width: 767px) {
  .item-table .title-item-table {
    font-size: 2rem;
  }
}

.item-table .title-item-table:after {
  content: "";
  position: absolute;
  width: 0;
  background: #141414;
  height: 0.125rem;
  left: 0;
  bottom: 0;
  transition: all 0.3s;
}

.item-table>* {
  display: flex;
  align-items: center;
  justify-content: end;
  font-weight: 500;
  font-size: 2.5rem;
  line-height: 1.2;
  height: 10.625rem;
  color: #141414;
}

@media screen and (max-width: 767px) {
  .item-table>* {
    justify-content: flex-start;
    font-size: 2rem;
    line-height: 1.4;
  }
}

.item-table>*:first-child {
  flex-direction: column;
  align-items: start;
  justify-content: start;
  width: 72.5rem;
  font-weight: 400;
}

@media screen and (max-width: 767px) {
  .item-table>*:first-child {
    width: 100%;
    gap: 1.25rem;
    height: max-content;
  }
}

.name-col-table-3,
.name-col-table-4 {
  grid-column-gap: 0;
  padding: 0;
  border-bottom: none;
}

.name-col-table-3 .name-col,
.name-col-table-4 .name-col {
  color: #7D7D7D;
  text-align: right;
  font-size: 1.625rem;
  font-weight: 500;
  line-height: 1.2;
  /* 123.077% */
  text-transform: uppercase;
}

.name-col-table-3>*:first-child,
.name-col-table-4>*:first-child {
  width: 72.5rem;
  text-align: left;
}

.name-col-table-3>*:nth-child(2),
.name-col-table-4>*:nth-child(2) {
  width: 32.5rem;
  text-align: right;
}

.name-col-table-3>*:nth-child(3),
.name-col-table-4>*:nth-child(3) {
  width: 32.5rem;
  text-align: right;
}

.name-col-table-4>*:nth-child(2) {
  width: 20rem;
  text-align: right;
}

.name-col-table-4>*:nth-child(3) {
  width: 20rem;
  text-align: right;
}

.name-col-table-4>*:nth-child(4) {
  width: 20rem;
  text-align: right;
}

@keyframes ellipse {
  0% {
    transform: scale(1);
    --ellipse-background: var(--ellipse-background-start);
  }

  50% {
    transform: scale(0.6);
  }

  100% {
    transform: scale(1);
    --ellipse-background: var(--ellipse-background-start);
  }

  to {
    transform: scale(1);
    --ellipse-background: var(--ellipse-background-start);
  }
}

@keyframes moveRect {
  0% {
    transform: translateY(0);
  }

  100% {
    transform: translateY(0.25rem);
  }
}

.mouse {
  /* height: 11.125rem; */
  height:auto;
  transition: all 0.7s;
}

@media screen and (max-width: 767px) {
  .mouse {
    display: none;
  }
}

.mouse.remove {
  opacity: 0;
}

.mouse .mouse-wrapp {
  padding: 1.25rem;
  border-radius: 2.5rem;
  background: rgba(255, 255, 255, 0.2);
  width: 5rem;
  height: 5rem;
  position: fixed;
  bottom: 2.5rem;
  z-index: 10;
}

.mouse svg {
  width: 1.875rem;
  height: 2.75rem;
}

.mouse svg rect:last-child {
  animation: moveRect 2s infinite;
}

.scroller-wrapp {
  position: relative;
}

.header {
  position: fixed;
  width: 100%;
  z-index: 999;
  top: 0;
  background: #141414;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.header form {
  background: transparent;
  border-radius: 0;
  padding: 0;
}

@media screen and (max-width: 767px) {
  .header {
    height: 9rem;
  }
}

.header .header-cont {
  height: 11rem;
  position: relative;
  border: 0.5rem solid #141414;
}

@media screen and (max-width: 767px) {
  .header .header-cont {
    height: 9rem;
  }
}

.header .header-wrapp {
  height: 10rem;
  border-radius: 0.5rem;
  background: #FFF;
  gap: 0.125rem;
  position: relative;
}

@media screen and (max-width: 767px) {
  .header .header-wrapp {
    height: 8rem;
  }
}

.header .header-wrapp .left-header {
  height: 10rem;
  gap: 1.25rem;
  width: 5.5rem;
  padding: 0 1.875rem;
  transition: all 0.3s ease-in-out;
  border-right: 0.125rem solid #000;
  cursor: pointer;
  border-radius: 0.375rem 0 0 0.375rem;
  overflow: hidden;
}

@media screen and (max-width: 767px) {
  .header .header-wrapp .left-header {
    height: 8rem;
    padding: 0 0.625rem;
    gap: 0;
    width: auto;
  }
}

.header .header-wrapp .left-header .burger,
.header .header-wrapp .left-header .search {
  width: 3rem;
  height: 3rem;
}

.header .header-wrapp .left-header .burger.remove,
.header .header-wrapp .left-header .search.remove {
  display: none;
}

.header .header-wrapp .left-header .burger svg,
.header .header-wrapp .left-header .search svg {
  width: 100%;
  height: 100%;
  flex-shrink: 0;
}

.header .header-wrapp .left-header:hover {
  background: #E7EC08;
}

@media screen and (max-width: 767px) {
  .header .header-wrapp .left-header:hover {
    background: #FFF;
  }
}

.header .header-wrapp .left-header.black-bg:hover {
  background: #272727;
}

@media screen and (max-width: 767px) {
  .header .header-wrapp .left-header.black-bg:hover {
    background: #FFF;
  }
}

.header .header-wrapp .left-header.black-bg:hover svg path {
  fill: #FFF;
}

@media screen and (max-width: 767px) {
  .header .header-wrapp .left-header.black-bg:hover svg path {
    fill: #141414;
  }
}

.header .header-wrapp .left-header .close {
  display: none;
}

.header .header-wrapp .left-header .close.visible {
  display: block;
}

.header .header-wrapp .left-header svg {
  width: 3rem;
  height: 3rem;
}

.header .header-wrapp .main-header-content {
  width: 100%;
  height: 10rem;
}

@media screen and (max-width: 767px) {
  .header .header-wrapp .main-header-content {
    height: 8rem;
  }
}

.header .header-wrapp .main-header-content .logo-link {
  padding: 1.25rem 2.5rem;
  width: 16.625rem;
  height: 10rem;
  flex-shrink: 0;
}

@media screen and (max-width: 767px) {
  .header .header-wrapp .main-header-content .logo-link {
    width: max-content;
    height: 8rem;
    padding: 1.25rem;
  }

  .header .header-wrapp .main-header-content .logo-link .logo {
    width: 9.75rem;
    height: 5rem;
  }
}

.header .header-wrapp .main-header-content .logo-link .logo {
  width: 100%;
  height: 100%;
  flex-shrink: 0;
}

.header .header-wrapp .main-header-content .main-menu {
  height: 10rem;
  padding: 0 5rem;
}

@media screen and (max-width: 767px) {
  .header .header-wrapp .main-header-content .main-menu {
    display: none;
  }
}

.header .header-wrapp .main-header-content .main-menu.visible {
  display: none;
}

.header .header-wrapp .main-header-content .main-menu ul li {
  gap: 0.5rem;
  height: 10rem;
  cursor: pointer;
  padding: 0 10px;
}

.header .header-wrapp .main-header-content .main-menu ul li.programm,
.header .header-wrapp .main-header-content .main-menu ul li.about,
.header .header-wrapp .main-header-content .main-menu ul li.enrollee,
.header .header-wrapp .main-header-content .main-menu ul li.contacts {
  padding: 0 2.5rem;
}

.header .header-wrapp .main-header-content .main-menu ul li:hover>.nav-menu {
  display: block;
  height: 11rem;
}

.header .header-wrapp .main-header-content .main-menu ul li:hover .header-link-menu.hover-link:after {
  width: 100%;
  left: 0;
}

.header .header-wrapp .main-header-content .main-menu ul li:hover>svg {
  transform: rotate(-90deg);
}

.header .header-wrapp .main-header-content .main-menu ul li svg {
  width: 0.875rem;
  height: 2rem;
  transition: all 0.2s;
  transform: rotate(0);
}

.header .header-wrapp .right-header {
  width: 17.375rem;
  border-left: 0.125rem solid #000;
  height: 10rem;
  border-radius: 0 0.5rem 0.5rem 0;
  overflow: hidden;
}

@media screen and (max-width: 767px) {
  .header .header-wrapp .right-header {
    width: 4.25rem;
    height: 8rem;
  }
}

.header .header-wrapp .right-header .search-wrapp {
  display: none;
}

.header .header-wrapp .right-header .search-wrapp.visible {
  display: flex;
  height: 10rem;
  font-size: 2rem;
  text-transform: uppercase;
  gap: 0.5rem;
  font-weight: 500;
  line-height: 2.5rem;
  cursor: pointer;
  transition: all 0.1s ease-out;
}

.header .header-wrapp .right-header .search-wrapp.visible svg {
  width: 2rem;
  height: 2rem;
}

.header .header-wrapp .right-header .search-wrapp.visible:hover {
  background: #E7EC08;
}

@media screen and (max-width: 767px) {
  .header .header-wrapp .right-header .right-content-container {
    display: none;
    position: absolute;
    left: 0;
    top: 8.5rem;
    width: 100%;
  }

  .header .header-wrapp .right-header .right-content-container.mob-position {
    display: flex;
    background: #141414;
    flex-direction: column;
    height: 10.375rem;
  }
}

.header .header-wrapp .right-header .right-content-wrapp {
  padding: 1.5rem 1.25rem;
  height: 5rem;
  font-weight: 500;
  line-height: 2rem;
  text-transform: uppercase;
  transition: all 0.1s ease-out;
  cursor: pointer;
}

@media screen and (max-width: 767px) {
  .header .header-wrapp .right-header .right-content-wrapp {
    background: #FFF;
    overflow: hidden;
  }

  .header .header-wrapp .right-header .right-content-wrapp:first-child {
    border-radius: 0.5rem 0.5rem 0 0;
  }

  .header .header-wrapp .right-header .right-content-wrapp:last-child {
    border-radius: 0 0 0.5rem 0.5rem;
  }
}

.header .header-wrapp .right-header .right-content-wrapp.unvisible {
  display: none;
}

.header .header-wrapp .right-header .right-content-wrapp:hover {
  background: #E7EC08;
}

.header .header-wrapp .right-header .right-content-wrapp:first-child {
  border-bottom: 0.125rem solid #000;
}

.header .header-wrapp .right-header .right-content-wrapp>* {
  font-size: 1.25rem;
  color: #141414;
}

.header .header-wrapp .right-header .mobile-call {
  display: none;
}

.header .header-wrapp .right-header .mobile-call .mobile-call-wrapp {
  width: 1.75rem;
  height: 1.75rem;
}

.header .header-wrapp .right-header .mobile-call .mobile-call-wrapp svg {
  width: 100%;
  height: 100%;
  flex-shrink: 0;
}

@media screen and (max-width: 767px) {
  .header .header-wrapp .right-header .mobile-call .mobile-call-wrapp.remove {
    display: none;
  }
}

.header .header-wrapp .right-header .mobile-call .mobile-close-call {
  display: none;
}

.header .header-wrapp .right-header .mobile-call .mobile-close-call svg {
  width: 3rem;
  height: 3rem;
  flex-shrink: 0;
}

@media screen and (max-width: 767px) {
  .header .header-wrapp .right-header .mobile-call .mobile-close-call.add {
    display: block;
  }
}

@media screen and (max-width: 767px) {
  .header .header-wrapp .right-header .mobile-call {
    display: flex;
    padding: 0 0.625rem;
    height: 8rem;
  }
}

.header .header-wrapp .nav-menu,
.header .header-wrapp .burger-dropdown {
  display: none;
  top: 10rem;
  width: 100%;
  position: absolute;
  left: 0;
  z-index: 9;
  border-top: 0.5rem solid #141414;
  background: #141414;
  border-bottom: 0;
}

@media screen and (max-width: 767px) {

  .header .header-wrapp .nav-menu,
  .header .header-wrapp .burger-dropdown {
    top: 8.125rem;
    border-bottom: 0.5rem solid #141414;
  }
}

.header .header-wrapp .nav-menu .dropdown-wrapp,
.header .header-wrapp .burger-dropdown .dropdown-wrapp {
  height: 10rem;
  gap: 3.75rem;
  background: #FFF;
  border-radius: 0.5rem;
  width: 100%;
}

.header .header-wrapp .training-program-dropdown ul {
  gap: 3.75rem;
}

.header .header-wrapp .burger-dropdown {
  width: 100%;
  background: transparent;
  background: #141414;
}

.header .header-wrapp .burger-dropdown.visible {
  display: flex;
}

.header .header-wrapp .burger-dropdown.visible .dropdown-wrapp {
  height: calc(100vh - 11.8rem);
  width: 100%;
  border-radius: 0.5rem;
  background: #141414;
}

.header .header-wrapp .burger-dropdown.visible .dropdown-wrapp .overflow-wrapp {
  width: 100%;
  height: calc(100vh - 12.55rem);
}

@media screen and (max-width: 767px) {
  .header .header-wrapp .burger-dropdown.visible .dropdown-wrapp .overflow-wrapp {
    flex-direction: column;
    height: auto;
  }
}

.header .header-wrapp .burger-dropdown.visible .dropdown-wrapp .overflow {
  background: #FFF;
  width: 100%;
  overflow-y: scroll;
  height: calc(100vh - 12.55rem);
}

.header .header-wrapp .burger-dropdown.visible .dropdown-wrapp .overflow::-webkit-scrollbar {
  display: none;
}

@media screen and (max-width: 767px) {
  .header .header-wrapp .burger-dropdown.visible .dropdown-wrapp .overflow {
    height: calc(100vh - 19.55rem);
  }
}

@media screen and (max-width: 767px) {
  .header .header-wrapp .burger-dropdown.visible .dropdown-wrapp {
    flex-direction: column;
    height: 75vh;
    gap: 0;
  }
}

.header .header-wrapp .burger-dropdown.visible .dropdown-wrapp .main-menu-list {
  padding: 8rem;
  width: 100%;
}

.header .header-wrapp .burger-dropdown.visible .dropdown-wrapp .main-menu-list ul li a {
  font-size: 2rem;
  line-height: 2.75rem;
}

@media screen and (max-width: 767px) {
  .header .header-wrapp .burger-dropdown.visible .dropdown-wrapp .main-menu-list ul li a:after {
    content: none;
  }
}

@media screen and (max-width: 767px) {
  .header .header-wrapp .burger-dropdown.visible .dropdown-wrapp .main-menu-list {
    padding: 0;
    flex-direction: column;
  }
}

.header .header-wrapp .burger-dropdown.visible .dropdown-wrapp .menu-list {
  gap: 3.75rem;
}

@media screen and (max-width: 767px) {
  .header .header-wrapp .burger-dropdown.visible .dropdown-wrapp .menu-list {
    padding: 3.25rem;
    width: 100%;
    border-bottom: 0.125rem solid #141414;
  }
}

.header .header-wrapp .burger-dropdown.visible .dropdown-wrapp .menu-list-social {
  width: 16.875rem;
  height: calc(100vh - 12.55rem);
}

@media screen and (max-width: 767px) {
  .header .header-wrapp .burger-dropdown.visible .dropdown-wrapp .menu-list-social {
    flex-direction: row;
    width: 39rem;
    border-left: none;
    height: auto;
  }
}

.header .header-wrapp .burger-dropdown.visible .dropdown-wrapp .menu-list-social li {
  flex: 1 1 25%;
}

@media screen and (max-width: 767px) {
  .header .header-wrapp .burger-dropdown.visible .dropdown-wrapp .menu-list-social li {
    flex: 0 auto;
    border-right: 0.125rem solid #141414;
    border-radius: 0;
    border-bottom: none;
    height: 9.125rem;
  }

  .header .header-wrapp .burger-dropdown.visible .dropdown-wrapp .menu-list-social li:first-child {
    border-left: none;
  }

  .header .header-wrapp .burger-dropdown.visible .dropdown-wrapp .menu-list-social li:last-child {
    border-right: none;
  }
}

@media screen and (max-width: 767px) {
  .footer.bg-opacity {
    filter: brightness(40%);
  }
}

@media screen and (max-width: 767px) {
  .footer .header-link-menu:after {
    content: none;
  }
}

.footer .footer-wrapp {
  gap: 0.5rem;
}

@media screen and (max-width: 767px) {
  .footer .footer-wrapp {
    gap: 0.25rem;
  }
}

.headerSub,
.footer .footer-wrapp .footer-top {
  gap: 0.25rem;
}

.headerSub{
  display: none;
}

@media screen and (max-width: 767px) {
  .headerSub,
  .footer .footer-wrapp .footer-top {
    flex-direction: column;
  }

  .headerSub{
    display: flex;
    width: 100%;
    background: #000;
    padding: 0 0 1px;
  }
}

.headerSub .header-top-title,
.footer .footer-wrapp .footer-top .footer-top-title {
  background: #E7EC08;
  padding: 3.75rem 7.875rem;
  border-radius: 0.5rem;
  width: 100%;
}

@media screen and (max-width: 767px) {
  .headerSub .header-top-title,
  .footer .footer-wrapp .footer-top .footer-top-title {
    padding: 3.25rem;
  }
  .headerSub .header-top-title{
    border-radius: 0 !important;
  }
}

.headerSub .header-top-title .text,
.footer .footer-wrapp .footer-top .footer-top-title .text {
  color: #272727;
  font-weight: 500;
  text-transform: uppercase;
  line-height: 1.2;
  width: 68.75rem;
  font-size: 2rem;
}

@media screen and (max-width: 767px) {
  .headerSub .header-top-title .text,
  .footer .footer-wrapp .footer-top .footer-top-title .text {
    font-size: 1.25rem;
    width: 30.5rem;
    line-height: 1.4;
  }
}

.headerSub form,
.footer .footer-wrapp .footer-top form {
  background: #FFF;
  border-radius: 0.5rem;
  padding: 0;
  margin-bottom: 0;
}

@media screen and (max-width: 767px) {
  .headerSub form
  /*.footer .footer-wrapp .footer-top form */
  {
    height: 7rem;
  }
  .headerSub form{
    border-radius: 0 !important;
  }
}

.headerSub form .footer-input,
.footer .footer-wrapp .footer-top form .footer-input {
  width: 44.75rem;
}

@media screen and (max-width: 767px) {
  .headerSub form .footer-input,
  .footer .footer-wrapp .footer-top form .footer-input {
    width: 23.625rem;
  }
  .headerSub form > .row{
    height: 100%;
  }
  .headerSub form .footer-input{
    height: auto !important;
    width: auto !important;
  }
}

.headerSub form .footer-input input:not([type="checkbox"]),
.footer .footer-wrapp .footer-top form .footer-input input:not([type="checkbox"]) {
  height: 2.5rem;
  width: 29rem;
  padding: 0;
  margin: 6.25rem 0 0 3.25rem;
}

@media screen and (max-width: 767px) {
  .headerSub form .footer-input input:not([type="checkbox"]),
  .footer .footer-wrapp .footer-top form .footer-input input:not([type="checkbox"]) {
    width: 23.625rem;
    margin-top: 3.125rem;
  }
}

.headerSub form .footer-input label,
.footer .footer-wrapp .footer-top form .footer-input label {
  bottom: 5.125rem;
  left: 3.25rem;
  color: #141414;
}

@media screen and (max-width: 767px) {
  .headerSub form .footer-input label,
  .footer .footer-wrapp .footer-top form .footer-input label {
    bottom: 2.75rem;
  }
}

.headerSub form button,
.footer .footer-wrapp .footer-top form button {
  border-left: 0.125rem solid #000;
  width: 15rem;
  padding: 1.25rem;
  text-transform: uppercase;
  font-size: 1.25rem;
  font-weight: 500;
  line-height: 1.4;
  cursor: pointer;
  color: #141414;
}

@media screen and (max-width: 767px) {
  .headerSub form button,
  .footer .footer-wrapp .footer-top form button {
    width: 15.5rem;
    font-size: 1.625rem;
    line-height: 2rem;
  }
}

.footer .footer-wrapp .footer-menu-nav {
  background: #FFF;
  border-radius: 0.5rem;
}

@media screen and (max-width: 767px) {
  .footer .footer-wrapp .footer-menu-nav .menu-nav-wrapp {
    flex-direction: column-reverse;
  }
}

.footer .footer-wrapp .footer-menu-nav .footer-main-menu-list {
  gap: 10rem;
  padding: 5rem 0 0 7.875rem;
}

@media screen and (max-width: 767px) {
  .footer .footer-wrapp .footer-menu-nav .footer-main-menu-list {
    padding: 3.25rem;
    flex-direction: column;
    gap: 5rem;
    width: 100%;
  }
}

.footer .footer-wrapp .footer-menu-nav .footer-main-menu-list .menu-list {
  gap: 1.25rem;
}

.footer .footer-wrapp .footer-menu-nav .footer-main-menu-list .menu-list li:first-child {
  margin-bottom: 1.25rem;
}

@media screen and (max-width: 767px) {
  .footer .footer-wrapp .footer-menu-nav .footer-main-menu-list .menu-list li:first-child {
    margin-bottom: 0.625rem;
  }
}

.footer .footer-wrapp .footer-menu-nav .footer-main-menu-list .menu-list li:first-child .menu-title {
  text-transform: uppercase;
  font-weight: 500;
  font-size: 2rem;
  line-height: 2.75rem;
  cursor: pointer;
}

@media screen and (max-width: 767px) {
  .footer .footer-wrapp .footer-menu-nav .footer-main-menu-list .menu-list li:first-child .menu-title {
    font-size: 1.625rem;
    line-height: 2rem;
  }
}

.footer .footer-wrapp .footer-menu-nav .footer-main-menu-list .menu-list li a {
  text-transform: none;
  font-size: 1.75rem;
  line-height: 1.4;
  font-weight: 400;
  color: #141414;
}

.footer .footer-wrapp .footer-menu-nav .footer-main-menu-list .menu-list .footer-contacts {
  gap: 0.5rem;
}

.footer .footer-wrapp .footer-menu-nav .footer-main-menu-list .menu-list .footer-contacts li:first-child {
  margin-bottom: 0;
}

.footer .footer-wrapp .footer-menu-nav .footer-main-menu-list .menu-list .address {
  font-size: 1.5rem;
  color: #A9A9A9;
  width: 29rem;
  line-height: 1.2;
  color: #141414;
}

.footer .footer-wrapp .footer-menu-nav .menu-list-social {
  width: 15rem;
}

@media screen and (max-width: 767px) {
  .footer .footer-wrapp .footer-menu-nav .menu-list-social {
    flex-direction: row;
    width: 39rem;
    border-bottom: 0.125rem solid #141414;
    border-left: none;
  }
}

.footer .footer-wrapp .footer-menu-nav .menu-list-social li {
  height: 10.125rem;
}

@media screen and (max-width: 767px) {
  .footer .footer-wrapp .footer-menu-nav .menu-list-social li {
    height: 9.125rem;
    border-right: 0.125rem solid #141414;
    border-radius: 0;
    border-bottom: none;
  }

  .footer .footer-wrapp .footer-menu-nav .menu-list-social li:first-child {
    border-left: none;
  }

  .footer .footer-wrapp .footer-menu-nav .menu-list-social li:last-child {
    border-right: none;
  }
}

.footer .footer-wrapp .document-link {
  padding: 2.5rem 7.875rem;
  background: #FFF;
  width: 100%;
  border-radius: 0.5rem;
  overflow: hidden;
}

@media screen and (max-width: 767px) {
  .footer .footer-wrapp .document-link {
    flex-direction: column;
    gap: 1.25rem;
    padding: 3.25rem;
    align-items: flex-start;
    border-radius: 0.5rem;
  }
}

.footer .footer-wrapp .document-link a {
  color: #272727;
  position: relative;
  width: max-content;
}

@media screen and (max-width: 767px) {
  .footer .footer-wrapp .document-link a {
    width: auto;
  }
}

.footer .footer-wrapp .document-link a:after {
  content: "";
  display: block;
  position: absolute;
  right: 0;
  bottom: -0.125rem;
  width: 0;
  height: 0.125rem;
  background-color: #141414;
  transition: width 0.2s;
}

@media screen and (max-width: 767px) {
  .footer .footer-wrapp .document-link a:after {
    content: none;
  }
}

.footer .footer-wrapp .document-link a:hover:after {
  width: 100%;
  left: 0;
}

.footer .footer-wrapp .footer-logo-desc {
  padding: 0 7.875rem;
  height: 7.625rem;
  gap: 4rem;
}

@media screen and (max-width: 767px) {
  .footer .footer-wrapp .footer-logo-desc {
    flex-direction: column;
    padding: 2.5rem 3.75rem;
    height: max-content;
    gap: 1.25rem;
  }
}

.footer .footer-wrapp .footer-logo-desc .desc {
  /* width: 65.25rem; */
  color: #A9A9A9;
  font-size: 1.5rem;
  line-height: 1.2;
}

@media screen and (max-width: 767px) {
  .footer .footer-wrapp .footer-logo-desc .desc {
    width: 100%;
    font-size: 1rem;
    text-align: center;
  }
}

.footer .footer-wrapp .footer-logo-desc .logo-wrapp {
  gap: 1.875rem;
  width: 17.875rem;
}

.footer .footer-wrapp .footer-logo-desc .logo-wrapp:hover svg {
  opacity: 0.8;
}

@media screen and (max-width: 767px) {
  .footer .footer-wrapp .footer-logo-desc .logo-wrapp:hover svg {
    opacity: 1;
  }
}

@media screen and (max-width: 767px) {
  .footer .footer-wrapp .footer-logo-desc .logo-wrapp {
    gap: 1.25rem;
  }
}

.footer .footer-wrapp .footer-logo-desc .logo-wrapp .signature {
  font-size: 1rem;
  font-weight: 300;
  text-transform: uppercase;
  color: #FFF;
}

@media screen and (max-width: 767px) {
  .footer .footer-wrapp .footer-logo-desc .logo-wrapp .signature {
    padding-left: 2.625rem;
  }
}

.footer .footer-wrapp .footer-logo-desc .logo-wrapp svg {
  width: 7.25rem;
  height: 5rem;
  flex-shrink: 0;
  transition: all 0.4s;
}

#comp_74f1b5c554c16ffd91093a7941d21565 {
  overflow: hidden;
}

@media screen and (max-width: 767px) {
  .about {
    padding-bottom: 5rem;
  }
}

.about .about-wrapp {
  padding: 15rem 31.875rem 20.625rem 31.875rem;
}

@media screen and (max-width: 767px) {
  .about .about-wrapp {
    padding: 0;
  }
}

.about .about-wrapp .about-top {
  padding: 5rem 0;
}

@media screen and (max-width: 767px) {
  .about .about-wrapp .about-top {
    padding: 7.5rem 2rem 2.5rem 2rem;
  }
}

.about .about-wrapp .about-top h2 {
  color: #FFF;
}

.about .about-wrapp .about-top a {
  color: #FFF;
}

.about .about-wrapp .about-top a:after {
  background: #FFF;
}

.about .about-wrapp .about-top a:before {
  background: #FFF;
}

@media screen and (max-width: 767px) {
  .about .about-wrapp .about-bottom {
    overflow: hidden;
  }
}

.about .about-wrapp .about-bottom .swiper-button-prev,
.about .about-wrapp .about-bottom .swiper-button-next {
  top: initial !important;
  width: 3rem;
  height: 3rem;
}

@media screen and (max-width: 767px) {

  .about .about-wrapp .about-bottom .swiper-button-prev,
  .about .about-wrapp .about-bottom .swiper-button-next {
    display: none;
  }
}

.about .about-wrapp .about-bottom .swiper-button-prev svg,
.about .about-wrapp .about-bottom .swiper-button-next svg {
  width: 100%;
  height: 100%;
  flex-shrink: 0;
}

.about .about-wrapp .about-bottom .swiper-button-prev:hover svg rect,
.about .about-wrapp .about-bottom .swiper-button-next:hover svg rect {
  transition: all 0.3s ease-out;
  fill: #FFF;
}

.about .about-wrapp .about-bottom .swiper-button-prev:hover svg path,
.about .about-wrapp .about-bottom .swiper-button-next:hover svg path {
  transition: all 0.3s ease-out;
  fill: #141414;
}

.about .about-wrapp .about-bottom .swiper-button-prev {
  left: 26.25rem;
}

.about .about-wrapp .about-bottom .swiper-button-next {
  right: 26.25rem;
}

@media screen and (max-width: 767px) {
  .about .about-wrapp .about-bottom .about-slider-section {
    overflow: hidden;
  }
}

.about .about-wrapp .about-bottom .about-slider-section .about-slider {
  width: 91.25rem;
  clip-path: inset(-4rem 0rem -4rem -3rem);
}

@media screen and (max-width: 767px) {
  .about .about-wrapp .about-bottom .about-slider-section .about-slider {
    width: 100%;
    overflow: visible;
    padding-left: 3.75rem;
    padding-right: 3.75rem;
    clip-path: none;
  }
}

.about .about-wrapp .about-bottom .about-slider-section .about-slider .swiper-wrapper {
  width: 180rem;
  gap: 5.625rem;
}

@media screen and (max-width: 767px) {
  .about .about-wrapp .about-bottom .about-slider-section .about-slider .swiper-wrapper {
    gap: 0;
    width: 100%;
    transform: none;
  }
}

.about .about-wrapp .about-bottom .about-slider-section .about-slider .swiper-wrapper .swiper-slide {
  width: 25rem !important;
  height: 44.375rem;
}

@media screen and (max-width: 767px) {
  .about .about-wrapp .about-bottom .about-slider-section .about-slider .swiper-wrapper .swiper-slide {
    width: 100% !important;
    height: 57.875rem;
  }
}

.about .about-wrapp .about-bottom .about-slider-section .about-slider .swiper-wrapper .swiper-slide:hover .student-card {
  transform: scale(1.1);
}

@media screen and (max-width: 767px) {
  .about .about-wrapp .about-bottom .about-slider-section .about-slider .swiper-wrapper .swiper-slide:hover .student-card {
    transform: scale(1);
  }
}

.about .about-wrapp .about-bottom .about-slider-section .about-slider .swiper-wrapper .swiper-slide .student-card {
  position: relative;
  height: 44.375rem;
  width: 25rem;
  cursor: pointer;
  transition: transform 0.4s;
}

@media screen and (max-width: 767px) {
  .about .about-wrapp .about-bottom .about-slider-section .about-slider .swiper-wrapper .swiper-slide .student-card {
    width: 32.5rem;
    height: 57.875rem;
  }
}

.about .about-wrapp .about-bottom .about-slider-section .about-slider .swiper-wrapper .swiper-slide .student-card:hover .play-container {
  opacity: 1;
}

.about .about-wrapp .about-bottom .about-slider-section .about-slider .swiper-wrapper .swiper-slide .student-card .play-container {
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  transition: all 0.4s;
}

@media screen and (max-width: 767px) {
  .about .about-wrapp .about-bottom .about-slider-section .about-slider .swiper-wrapper .swiper-slide .student-card .play-container {
    opacity: 1;
  }
}

.about .about-wrapp .about-bottom .about-slider-section .about-slider .swiper-wrapper .swiper-slide .student-card .play-container .play-about {
  border-radius: 50%;
  width: 5rem;
  height: 5rem;
  background: rgba(20, 20, 20, 0.5);
  cursor: pointer;
  transition: all 0.4s;
}

.about .about-wrapp .about-bottom .about-slider-section .about-slider .swiper-wrapper .swiper-slide .student-card .play-container .play-about.hover {
  width: 7rem;
  height: 7rem;
  opacity: 0;
}

.about .about-wrapp .about-bottom .about-slider-section .about-slider .swiper-wrapper .swiper-slide .student-card .play-container .play-about svg {
  width: 1.375rem;
  height: 1.75rem;
  margin-left: 0.625rem;
}

.about .about-wrapp .about-bottom .about-slider-section .about-slider .swiper-wrapper .swiper-slide .student-card .video-wrapp {
  height: 44.375rem;
  width: 25rem;
}

@media screen and (max-width: 767px) {
  .about .about-wrapp .about-bottom .about-slider-section .about-slider .swiper-wrapper .swiper-slide .student-card .video-wrapp {
    width: 32.5rem;
    height: 57.875rem;
  }
}

.about .about-wrapp .about-bottom .about-slider-section .about-slider .swiper-wrapper .swiper-slide .student-card .video-wrapp video {
  width: 25rem;
  height: 44.375rem;
  object-fit: cover;
}

@media screen and (max-width: 767px) {
  .about .about-wrapp .about-bottom .about-slider-section .about-slider .swiper-wrapper .swiper-slide .student-card .video-wrapp video {
    width: 32.5rem;
    height: 57.875rem;
  }
}

.about .about-wrapp .about-bottom .about-slider-section .about-slider .swiper-wrapper .swiper-slide .student-card .study-content {
  position: absolute;
  bottom: 0;
  color: #FFF;
  font-size: 1.5rem;
  line-height: 1.2;
  height: 7.5rem;
  padding: 1.25rem;
  background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.8) 100%);
  width: 100%;
}

.history-success {
  /* padding: 0 0 11.25rem 0; */
  padding: 5rem 0;
  position: relative;
  transition: transform 0.4s ease-in-out;
}

.history-success .swiper {
  width: 100%;
  display: flex;
  margin: 0;
  overflow: visible;
}

@media screen and (max-width: 767px) {
  .history-success .swiper {
    width: 100%;
    display: flex;
    margin: 0;
    padding-left: 3.25rem;
    padding-right: 3.25rem;
  }
}

@media screen and (max-width: 767px) {
  .history-success {
    padding: 0;
  }
}

.history-success .ellipse-blue {
  opacity: 0.6;
  z-index: 1;
  top: 2.5rem;
  left: -26.25rem;
  animation: none;
}

.history-success .ellipse-blue:hover {
  background: radial-gradient(50% 50% at 50% 50%, #0B55ED 0%, #141414 100%);
}

@media screen and (max-width: 767px) {
  .history-success .ellipse-blue {
    height: 39rem;
    left: 0;
    width: 100%;
    top: 20%;
  }
}

.history-success .history-success-wrapp {
  gap: 12.75rem;
  position: relative;
  z-index: 9;
  width: 100%;
  padding-left: 5.5rem;
}

@media screen and (max-width: 767px) {
  .history-success .history-success-wrapp {
    flex-direction: column;
    gap: 5rem;
    width: 100%;
    padding: 0;
    overflow: visible;
  }
}

.history-success .history-success-wrapp::-webkit-scrollbar {
  display: none;
}

.history-success .history-success-wrapp .left-content {
  gap: 2.5rem;
  width: max-content;
}

@media screen and (max-width: 767px) {
  .history-success .history-success-wrapp .left-content {
    padding: 3.25rem 3.25rem 0 3.25rem;
    gap: 1.25rem;
  }
}

.history-success .history-success-wrapp .left-content h2 {
  color: #FFF;
}

@media screen and (max-width: 767px) {
  .history-success .history-success-wrapp .left-content h2 {
    order: 1;
  }
}

.history-success .history-success-wrapp .left-content p {
  color: #FFF;
  width: 38.375rem;
}

@media screen and (max-width: 767px) {
  .history-success .history-success-wrapp .left-content p {
    order: 3;
    width: 32.5rem;
    padding-top: 2rem;
  }
}

.history-success .history-success-wrapp .left-content .link-border-bottom {
  color: #FFF;
  font-size: 1.625rem;
}

.history-success .history-success-wrapp .left-content .link-border-bottom:after {
  background: #FFF;
}

.history-success .history-success-wrapp .left-content .link-border-bottom:before {
  background: #FFF;
}

@media screen and (max-width: 767px) {
  .history-success .history-success-wrapp .left-content .link-border-bottom {
    order: 2;
    font-size: 1.625rem;
  }

  .history-success .history-success-wrapp .left-content .link-border-bottom:hover:after {
    left: 0;
  }
}

.history-success .history-success-wrapp .right-content {
  gap: 2.5rem;
}

@media screen and (max-width: 767px) {
  .history-success .history-success-wrapp .right-content {
    gap: 0;
  }
}

.history-success .history-success-wrapp .right-content .history-card {
  gap: 1.25rem;
  width: 34.375rem;
}

@media screen and (max-width: 767px) {
  .history-success .history-success-wrapp .right-content .history-card {
    width: 32.5rem;
  }
}

.history-success .history-success-wrapp .right-content .history-card:hover .img-scale img {
  transform: scale(1.1);
}

@media screen and (max-width: 767px) {
  .history-success .history-success-wrapp .right-content .history-card:hover .img-scale img {
    transform: scale(1);
  }
}

.history-success .history-success-wrapp .right-content .history-card:hover .name-history {
  color: #E7EC08;
}

.history-success .history-success-wrapp .right-content .history-card .img-scale {
  overflow: hidden;
  width: 100%;
}

.history-success .history-success-wrapp .right-content .history-card .img-scale img {
  width: 100%;
  height: 34.375rem;
  object-fit: cover;
  transition: all 0.4s;
}

@media screen and (max-width: 767px) {
  .history-success .history-success-wrapp .right-content .history-card .img-scale img {
    width: 100%;
    height: 32.5rem;
  }
}

.history-success .history-success-wrapp .right-content .history-card .name-history {
  transition: color 0.4s;
  color: #FFF;
}

.history-success .history-success-wrapp .right-content .history-card .desc-history {
  color: #D4D4D4;
  font-size: 1.5rem;
  line-height: 1.2;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  align-self: stretch;
  overflow: hidden;
  text-overflow: ellipsis;
  width: 29.375rem;
}

.history-success .history-success-wrapp .right-content .history-card .desc-history.open {
  display: block;
  overflow: visible;
}

.history-success .history-success-wrapp .right-content .history-card .link-border-bottom {
  color: #FFF;
  font-size: 1.25rem;
  line-height: 1.75rem;
}

@media screen and (max-width: 767px) {
  .history-success .history-success-wrapp .right-content .history-card .link-border-bottom {
    font-size: 1.625rem;
    line-height: 2rem;
    color: #E7EC08;
  }

  .history-success .history-success-wrapp .right-content .history-card .link-border-bottom:hover:after {
    left: 0;
  }
}

.history-success .history-success-wrapp .right-content .history-card .link-border-bottom:after {
  background: #FFF;
}

@media screen and (max-width: 767px) {
  .history-success .history-success-wrapp .right-content .history-card .link-border-bottom:after {
    background: #E7EC08;
  }
}

.history-success .history-success-wrapp .right-content .history-card .link-border-bottom:before {
  background: #FFF;
}

@media screen and (max-width: 767px) {
  .history-success .history-success-wrapp .right-content .history-card .link-border-bottom:before {
    content: none;
  }
}

.anim-history {
  overflow: visible !important;
}

.answer .answer-wrapp {
  gap: 10rem;
  padding: 6.25rem 8rem;
  margin-bottom: 0.5rem;
}

@media screen and (max-width: 767px) {
  .answer .answer-wrapp {
    gap: 2.5rem;
    padding: 3.25rem 1.25rem;
    flex-direction: column;
  }
}

.answer .answer-wrapp h2 {
  color: #141414;
}

@media screen and (max-width: 767px) {
  .answer .answer-wrapp h2 {
    width: 27.5rem;
    padding-left: 2rem;
    font-size: 3rem;
  }
}

.answer .answer-wrapp .success-form {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}

.answer .answer-wrapp .success-form svg {
  margin-bottom: 2.5rem;
  width: 8rem;
  height: 8rem;
  margin-top: 5rem;
}

@media screen and (max-width: 767px) {
  .answer .answer-wrapp .success-form svg {
    margin-top: 14rem;
  }
}

.answer .answer-wrapp .success-form .title {
  margin-bottom: 1.25rem;
  color: #141414;
  font-size: 3rem;
  font-weight: 500;
  line-height: 1.4;
  text-transform: uppercase;
}

@media screen and (max-width: 767px) {
  .answer .answer-wrapp .success-form .title {
    font-size: 2rem;
  }
}

.answer .answer-wrapp .success-form p {
  margin-bottom: 5rem;
}

@media screen and (max-width: 767px) {
  .answer .answer-wrapp .success-form p {
    margin-bottom: 14rem;
    font-size: 1.5rem;
  }
}

.answer .answer-wrapp form {
  width: 78.5rem;
  min-width: 78.5rem;
  gap: 3.75rem;
}

@media screen and (max-width: 767px) {
  .answer .answer-wrapp form {
    width: 100%;
    min-width: 100%;
    gap: 2.5rem;
  }
}

.answer .answer-wrapp form .input-main-wrapp {
  gap: 0.5rem;
}

.answer .answer-wrapp form .input-main-wrapp .input-top {
  gap: 0.5rem;
}

@media screen and (max-width: 767px) {
  .answer .answer-wrapp form .input-main-wrapp .input-top {
    width: 100%;
    flex-direction: column;
  }
}

.answer .answer-wrapp form .input-main-wrapp .footer-input #ansQuestion {
  width: 100%;
}

.answer .answer-wrapp form .input-main-wrapp .footer-input input:not([type="checkbox"]) {
  width: 100%;
}
.modal .modal-wrapper form[name="SIMPLE_FORM_4"] .footer-input input[type="checkbox"]+label,
.step .answer-wrapp form .footer-input input[type="checkbox"]+label,
.answer .answer-wrapp form .footer-input input[type="checkbox"]+label {
  /* position: static;
  font-size: 1.25rem;
  line-height: 1.2;
  color: #525252;
  transform: none !important; */

  position: static;
  font-size: 1.125em;
  line-height: 1.5em;
  transform: none !important;
  font-weight: 500;
  font-family: YS Text, Helvetica Neue, Helvetica, Arial, sans-serif;
  letter-spacing: .0065em;
  color: #000000;
  text-transform: none;
}

@media (max-width: 769px) {

  .modal .modal-wrapper form[name="SIMPLE_FORM_4"] .footer-input input[type="checkbox"]+label,
  .step .answer-wrapp form .footer-input input[type="checkbox"]+label,
  .answer .answer-wrapp form .footer-input input[type="checkbox"]+label {
    min-height: 120px;
  }


}


.modal .modal-wrapper form[name="SIMPLE_FORM_4"] .footer-input input[type="checkbox"]+label a,
.step .answer-wrapp form .footer-input input[type="checkbox"]+label a,
.answer .answer-wrapp form .footer-input input[type="checkbox"]+label a {
  font-size: inherit;
}
.modal .modal-wrapper form[name="SIMPLE_FORM_4"] .footer-input input[type="checkbox"]+label.focused,
.step .answer-wrapp form .footer-input input[type="checkbox"]+label.focused,
.answer .answer-wrapp form .footer-input input[type="checkbox"]+label.focused {
  opacity: 1 !important;
  transform: none !important;
}

.signup-form .signup-form-wrapp {
  margin-bottom: 0.5rem;
  padding: 6.25rem;
  gap: 5rem;
}

@media screen and (max-width: 767px) {
  .signup-form .signup-form-wrapp {
    padding: 2.5rem 0;
    flex-direction: column;
    gap: 0;
  }
}

.signup-form .signup-form-wrapp .signup-form-left {
  gap: 5rem;
  width: 100%;
}

@media screen and (max-width: 767px) {
  .signup-form .signup-form-wrapp .signup-form-left {
    padding: 3.25rem;
    gap: 2.5rem;
  }
}

.signup-form .signup-form-wrapp .signup-form-left .form-title {
  gap: 2.5rem;
}

@media screen and (max-width: 767px) {
  .signup-form .signup-form-wrapp .signup-form-left .form-title {
    gap: 1.875rem;
  }
}

.signup-form .signup-form-wrapp .signup-form-left .form-title h2 {
  color: #141414;
}

.signup-form .signup-form-wrapp .signup-form-left .price {
  gap: 5rem;
}

@media screen and (max-width: 767px) {
  .signup-form .signup-form-wrapp .signup-form-left .price {
    gap: 2.5rem;
  }
}

.signup-form .signup-form-wrapp .signup-form-left .price .price-wrapp:first-child {
  gap: 1.25rem;
}

.signup-form .signup-form-wrapp .signup-form-left .price .price-wrapp .price-top {
  gap: 0.625rem;
}

.signup-form .signup-form-wrapp .signup-form-left .price .price-wrapp .price-top .number {
  font-size: 4rem;
  font-weight: 700;
  color: #141414;
  line-height: 1.2;
}

@media screen and (max-width: 767px) {
  .signup-form .signup-form-wrapp .signup-form-left .price .price-wrapp .price-top .number {
    font-size: 3rem;
  }
}

.signup-form .signup-form-wrapp .signup-form-left .price .price-wrapp .discount {
  text-decoration: line-through;
  font-size: 2rem;
}

@media screen and (max-width: 767px) {
  .signup-form .signup-form-wrapp .signup-form-left .price .price-wrapp .discount {
    font-size: 1.75rem;
  }
}

.signup-form .signup-form-wrapp .signup-form-left .price .price-wrapp .desc-pay {
  gap: 0.5rem;
  width: 50.75rem;
}

@media screen and (max-width: 767px) {
  .signup-form .signup-form-wrapp .signup-form-left .price .price-wrapp .desc-pay {
    width: 100%;
  }
}

.signup-form .signup-form-wrapp .signup-form-left .price .price-wrapp .desc-pay span {
  font-size: 2rem;
  color: #272727;
  line-height: 1.4;
}

@media screen and (max-width: 767px) {
  .signup-form .signup-form-wrapp .signup-form-left .price .price-wrapp .desc-pay span {
    font-size: 1.75rem;
    width: 26.875rem;
  }
}

@media screen and (max-width: 767px) {
  .signup-form .signup-form-wrapp .form {
    margin: 0 0.75rem;
  }
}

.signup-form .signup-form-wrapp form {
  gap: 3.75rem;
  width: 100%;
}

@media screen and (max-width: 767px) {
  .signup-form .signup-form-wrapp form {
    width: 100%;
    padding: 2.5rem 0.5rem;
  }
}

.signup-form .signup-form-wrapp form .signup-input-wrapp {
  gap: 0.5rem;
}

@media screen and (max-width: 767px) {
  .signup-form .signup-form-wrapp form .signup-input-wrapp {
    padding: 0 2rem;
  }
}

.signup-form .signup-form-wrapp form .signup-input-wrapp .footer-input input {
  width: 100%;
}

.signup-form .signup-form-wrapp form .button-wrapp {
  gap: 0.5rem;
  width: 100%;
  margin-bottom: 0.25rem;
}

@media screen and (max-width: 767px) {
  .signup-form .signup-form-wrapp form .button-wrapp {
    padding: 0 2rem;
  }
}

.signup-form .clue {
  padding: 0.625rem 1rem;
  gap: 1rem;
  border-radius: 0.5rem;
  background: #FFF;
  color: #272727;
  font-weight: 500;
}

.about-diploma {
  /* padding-bottom: 5rem; */
  padding-bottom: 2.5rem;
}

@media screen and (max-width: 767px) {
  .about-diploma h2 {
    font-size: 3rem;
  }
}

@media screen and (max-width: 767px) {
  .about-diploma {
    padding-bottom: 0;
  }
}

@media screen and (max-width: 767px) {
  .about-diploma .about-diploma-wrapp {
    flex-direction: column;
  }
}

.about-diploma .about-diploma-wrapp .about-diploma-left {
  gap: 0.125rem;
  width: 50%;
}

@media screen and (max-width: 767px) {
  .about-diploma .about-diploma-wrapp .about-diploma-left {
    width: 100%;
  }
}

.about-diploma .about-diploma-wrapp .about-diploma-left .about-diploma-left-top {
  gap: 2.5rem;
}

@media screen and (max-width: 767px) {
  .about-diploma .about-diploma-wrapp .about-diploma-left .about-diploma-left-top {
    padding: 3.25rem;
    border-radius: 0.5rem 0.5rem 0 0;
  }
}

.about-diploma .about-diploma-wrapp .about-diploma-left .about-diploma-left-top p {
  width: 56.625rem;
  color: #141414;
}

@media screen and (max-width: 767px) {
  .about-diploma .about-diploma-wrapp .about-diploma-left .about-diploma-left-top p {
    width: 100%;
  }
}

.about-diploma .about-diploma-wrapp .about-diploma-left .about-diploma-left-bottom {
  height: 16.25rem;
}

@media screen and (max-width: 767px) {
  .about-diploma .about-diploma-wrapp .about-diploma-left .about-diploma-left-bottom {
    padding: 3.25rem;
    border-radius: 0 0 0.5rem 0.5rem;
    flex-direction: column-reverse;
    align-items: flex-start;
    gap: 2.5rem;
    height: max-content;
  }
}

.about-diploma .about-diploma-wrapp .about-diploma-left .about-diploma-left-bottom .diploma-wrapp .doc-school .see-all:hover:after {
  content: none;
}

.about-diploma .about-diploma-wrapp .about-diploma-left .about-diploma-left-bottom .diploma-wrapp .doc-school .see-all:after {
  content: "";
  position: absolute;
  width: 100%;
  background: #141414;
  height: 0.1875rem;
  left: 0;
  bottom: 0;
}

.about-diploma .about-diploma-wrapp .about-diploma-left .about-diploma-left-bottom a svg {
  width: 5rem;
  height: 5rem;
}

.about-diploma .about-diploma-wrapp .about-diploma-right {
  width: 50%;
  gap: 2.5rem;
}

@media screen and (max-width: 767px) {
  .about-diploma .about-diploma-wrapp .about-diploma-right {
    width: 100%;
    padding: 3.25rem;
  }

  .about-diploma .about-diploma-wrapp .about-diploma-right h2 {
    font-size: 2.5rem !important;
  }
}

.about-diploma .about-diploma-wrapp .about-diploma-right p {
  color: #141414;
}

.about-diploma .about-diploma-wrapp .about-diploma-right .speaker .img-wrapp {
  width: 6rem;
  height: 6rem;
  border-radius: 13.75rem;
}

.about-diploma .about-diploma-wrapp .about-diploma-right .speaker .img-wrapp img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.about-diploma .about-diploma-wrapp .about-diploma-right .speaker .speaker-info .name-speaker {
  font-size: 2rem;
  font-weight: 500;
}

.about-diploma .about-diploma-wrapp .about-diploma-right .speaker .speaker-info .brand {
  font-size: 1.5rem;
  line-height: 1.2;
}

.program-study {
  /* padding: 5rem 0; */
  padding:0;
}

.program-study .program-study-wrapp .program-study-top {
  position: relative;
  z-index: 4;
}

@media screen and (max-width: 767px) {
  .program-study .program-study-wrapp .program-study-top {
    padding: 3.25rem;
    flex-direction: column;
    gap: 1.25rem;
    align-items: flex-start;
  }
}

.program-study .program-study-wrapp .program-study-top h2 {
  color: #FFF;
}

.program-study .program-study-wrapp .program-study-top a {
  color: #FFF;
}

@media screen and (max-width: 767px) {
  .program-study .program-study-wrapp .program-study-top a {
    font-size: 1.625rem;
    line-height: 2rem;
  }

  .program-study .program-study-wrapp .program-study-top a:hover:after {
    left: 0;
  }
}

.program-study .program-study-wrapp .program-study-top a:after {
  background: #FFF;
}

.program-study .program-study-wrapp .program-study-bottom {
  gap: 0.125rem;
}

.program-study .program-study-wrapp .program-study-bottom .program-study-card {
  padding: 1.25rem 5rem;
  height: 11.25rem;
  position: relative;
  transition: all 0.2s;
}

@media screen and (max-width: 767px) {
  .program-study .program-study-wrapp .program-study-bottom .program-study-card {
    padding: 1.25rem 1.25rem 1.25rem 2.5rem;
  }
}

.program-study .program-study-wrapp .program-study-bottom .program-study-card:hover {
  padding: 1.25rem 8rem;
  z-index: 4;
}

@media screen and (max-width: 767px) {
  .program-study .program-study-wrapp .program-study-bottom .program-study-card:hover {
    padding: 1.25rem 1.25rem 1.25rem 2.5rem;
  }
}
@media screen and (min-width: 768px) {
  .program-study .program-study-wrapp .program-study-bottom .program-study-card:hover .img-wrapp {
    width: 49.75rem;
    height: 30rem;
    position: absolute;
    top: -10rem;
    right: 20.75rem;
    opacity: 1;
  }
}

.program-study .program-study-wrapp .program-study-bottom .program-study-card:hover .arrow {
  opacity: 1;
}

/*.program-study .program-study-wrapp .program-study-bottom .program-study-card:first-child .img-wrapp {*/
.program-study .program-study-wrapp .program-study-bottom .program-study-card:first-child:hover .img-wrapp {
  transform: rotate(-3.51deg);
}

@media screen and (max-width: 767px) {
  .program-study .program-study-wrapp .program-study-bottom .program-study-card:first-child .img-wrapp {
    transform: rotate(0deg);
  }
}

/*.program-study .program-study-wrapp .program-study-bottom .program-study-card:nth-child(2) .img-wrapp {*/
.program-study .program-study-wrapp .program-study-bottom .program-study-card:nth-child(2):hover .img-wrapp {
  transform: rotate(2.314deg);
}

@media screen and (max-width: 767px) {
  .program-study .program-study-wrapp .program-study-bottom .program-study-card:nth-child(2) .img-wrapp {
    transform: rotate(0deg);
  }
}

/*.program-study .program-study-wrapp .program-study-bottom .program-study-card:nth-child(3) .img-wrapp {*/
.program-study .program-study-wrapp .program-study-bottom .program-study-card:nth-child(3):hover .img-wrapp {
  transform: rotate(-4.567deg);
}

@media screen and (max-width: 767px) {
  .program-study .program-study-wrapp .program-study-bottom .program-study-card:nth-child(3) .img-wrapp {
    transform: rotate(0deg);
  }
}

/*.program-study .program-study-wrapp .program-study-bottom .program-study-card:nth-child(4) .img-wrapp {*/
.program-study .program-study-wrapp .program-study-bottom .program-study-card:nth-child(4):hover .img-wrapp {
  transform: rotate(0.866deg);
}

@media screen and (max-width: 767px) {
  .program-study .program-study-wrapp .program-study-bottom .program-study-card:nth-child(4) .img-wrapp {
    transform: rotate(0deg);
  }
}

@media screen and (max-width: 767px) {
  .program-study .program-study-wrapp .program-study-bottom .program-study-card .name-wrapp-mob {
    gap: 0.625rem;
  }
}
.program-study .program-study-wrapp .program-study-bottom .program-study-card .name-wrapp-mob {
  min-width: 50%;
}

.program-study .program-study-wrapp .program-study-bottom .program-study-card .name-wrapp-mob .arrow {
  display: none;
}

@media screen and (max-width: 767px) {
  .program-study .program-study-wrapp .program-study-bottom .program-study-card .name-wrapp-mob .arrow {
    display: block;
    opacity: 1;
    padding-top: 0.625rem;
  }

  .program-study .program-study-wrapp .program-study-bottom .program-study-card .name-wrapp-mob .arrow svg {
    width: 0.875rem;
    height: 1.75rem;
  }
}

.program-study .program-study-wrapp .program-study-bottom .program-study-card .name-program {
  font-size: 3rem;
  text-transform: uppercase;
  line-height: 4.25rem;
  color: #272727;
}

@media screen and (max-width: 767px) {
  .program-study .program-study-wrapp .program-study-bottom .program-study-card .name-program {
    font-size: 1.625rem;
    line-height: 2rem;
    font-weight: 500;
  }
}

.program-study .program-study-wrapp .program-study-bottom .program-study-card .img-wrapp {
  width: 10.5rem;
  height: 7rem;
  /*width: 49.75rem;*/
  /*height: 30rem;*/
  /*position: absolute;*/
  /*top: -10rem;*/
  /*right: 20.75rem;*/
  /*opacity: 0;*/
  opacity: 1;
  transition: all 0.2s;
  z-index: 3;
}

@media screen and (max-width: 767px) {
  .program-study .program-study-wrapp .program-study-bottom .program-study-card .img-wrapp {
    opacity: 1;
    width: 10.5rem;
    height: 7rem;
    position: initial;
  }
}

.program-study .program-study-wrapp .program-study-bottom .program-study-card .img-wrapp img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.program-study .program-study-wrapp .program-study-bottom .program-study-card .arrow {
  opacity: 0;
  transition: all 0.2s;
}

@media screen and (max-width: 767px) {
  .program-study .program-study-wrapp .program-study-bottom .program-study-card .arrow {
    display: none;
  }
}

.program-study .program-study-wrapp .program-study-bottom .program-study-card .arrow svg {
  width: 4rem;
  height: 4rem;
}

.reviews-about {
  overflow: hidden;
}

.reviews-about .reviews-about-wrapp {
  gap: 5rem;
  /* padding-bottom: 13.25rem; */
}

@media screen and (max-width: 767px) {
  .reviews-about .reviews-about-wrapp {
    padding: 0 3.25rem 5rem 3.25rem;
  }
}

@media screen and (max-width: 767px) {
  .reviews-about .reviews-about-wrapp .reviews-top {
    width: 100%;
  }
}

.reviews-about .reviews-about-wrapp .reviews-top .tabs {
  gap: 2.5rem;
}

@media screen and (max-width: 767px) {
  .reviews-about .reviews-about-wrapp .reviews-top .tabs {
    gap: 0;
    width: 100%;
    justify-content: space-between;
  }
}

.reviews-about .reviews-about-wrapp .reviews-top .tabs .tab {
  gap: 0.75rem;
  color: #FFF;
  text-transform: uppercase;
  font-size: 2rem;
  font-weight: 500;
  line-height: 2.75rem;
  cursor: pointer;
  padding: 1.25rem 0;
  width: max-content;
  position: relative;
}

@media screen and (max-width: 767px) {
  .reviews-about .reviews-about-wrapp .reviews-top .tabs .tab {
    font-size: 1.25rem;
    line-height: 1.4;
  }
}

.reviews-about .reviews-about-wrapp .reviews-top .tabs .tab:after {
  content: "";
  display: block;
  position: absolute;
  right: 0;
  bottom: -0.125rem;
  width: 0;
  height: 0.125rem;
  background-color: #FFF;
  transition: width 0.2s;
}

.reviews-about .reviews-about-wrapp .reviews-top .tabs .tab:hover:after {
  width: 100%;
  left: 0;
}

@media screen and (max-width: 767px) {
  .reviews-about .reviews-about-wrapp .reviews-top .tabs .tab:hover:after {
    content: none;
  }
}

@media screen and (max-width: 767px) {
  .reviews-about .reviews-about-wrapp .reviews-top .tabs .tab:hover:before {
    content: none;
  }
}

.reviews-about .reviews-about-wrapp .reviews-top .tabs .tab.active:after {
  content: "";
  display: block;
  position: absolute;
  right: 0;
  bottom: -0.125rem;
  width: 100%;
  height: 0.125rem;
  background-color: #FFF;
}

.reviews-about .reviews-about-wrapp .reviews-top .tabs .tab .reviews-rating {
  gap: 0.625rem;
  color: #E7EC08;
}

.reviews-about .reviews-about-wrapp .reviews-top .tabs .tab .reviews-rating svg {
  width: 1.75rem;
  height: 2.125rem;
}

@media screen and (max-width: 767px) {
  .reviews-about .reviews-about-wrapp .reviews-top .tabs .tab .reviews-rating {
    gap: 0.25rem;
    font-size: 1.25rem;
    line-height: 1.4;
  }

  .reviews-about .reviews-about-wrapp .reviews-top .tabs .tab .reviews-rating svg {
    width: 1.125rem;
    height: 1.75rem;
  }
}

.reviews-about .reviews-about-wrapp .reviews-bottom {
  position: relative;
  transform: translate3d(3.125rem, 0, 0);
  width: max-content;
}

@media screen and (max-width: 767px) {
  .reviews-about .reviews-about-wrapp .reviews-bottom {
    transform: none !important;
  }
}

.reviews-about .reviews-about-wrapp .reviews-bottom .reviews-slider {
  width: 250rem;
}

@media screen and (max-width: 767px) {
  .reviews-about .reviews-about-wrapp .reviews-bottom .reviews-slider {
    width: 32.5rem;
  }
}

.reviews-about .reviews-about-wrapp .reviews-bottom .reviews-slider .arrows {
  z-index: 9999;
  position: absolute;
  display: flex;
  left: 76.25rem;
  top: 50%;
  width: 90rem;
}

@media screen and (max-width: 767px) {
  .reviews-about .reviews-about-wrapp .reviews-bottom .reviews-slider .arrows {
    display: none;
  }
}

.reviews-about .reviews-about-wrapp .reviews-bottom .reviews-slider .reviews-prev,
.reviews-about .reviews-about-wrapp .reviews-bottom .reviews-slider .reviews-next {
  width: 3rem;
  height: 3rem;
  flex-shrink: 0;
}

.reviews-about .reviews-about-wrapp .reviews-bottom .reviews-slider .reviews-prev:hover rect,
.reviews-about .reviews-about-wrapp .reviews-bottom .reviews-slider .reviews-next:hover rect {
  fill: #FFF;
}

.reviews-about .reviews-about-wrapp .reviews-bottom .reviews-slider .reviews-prev:hover path,
.reviews-about .reviews-about-wrapp .reviews-bottom .reviews-slider .reviews-next:hover path {
  fill: #141414;
}

.reviews-about .reviews-about-wrapp .reviews-bottom .reviews-slider .reviews-prev svg,
.reviews-about .reviews-about-wrapp .reviews-bottom .reviews-slider .reviews-next svg {
  width: 100%;
  height: 100%;
  margin-top: 0 !important;
}

.reviews-about .reviews-about-wrapp .reviews-bottom .reviews-slider .reviews-prev svg rect,
.reviews-about .reviews-about-wrapp .reviews-bottom .reviews-slider .reviews-prev svg path,
.reviews-about .reviews-about-wrapp .reviews-bottom .reviews-slider .reviews-next svg rect,
.reviews-about .reviews-about-wrapp .reviews-bottom .reviews-slider .reviews-next svg path {
  transition: all 0.4s;
}

.reviews-about .reviews-about-wrapp .reviews-bottom .reviews-slider .swiper-wrapper {
  gap: 9.75rem;
}

@media screen and (max-width: 767px) {
  .reviews-about .reviews-about-wrapp .reviews-bottom .reviews-slider .swiper-wrapper {
    flex-direction: column;
    gap: 5rem;
    transform: none !important;
  }
}

.reviews-about .reviews-about-wrapp .reviews-bottom .reviews-slider .swiper-wrapper .swiper-slide {
  width: 74.375rem !important;
  opacity: 0.5;
}

@media screen and (max-width: 767px) {
  .reviews-about .reviews-about-wrapp .reviews-bottom .reviews-slider .swiper-wrapper .swiper-slide:last-child {
    display: none;
  }
}

@media screen and (max-width: 767px) {
  .reviews-about .reviews-about-wrapp .reviews-bottom .reviews-slider .swiper-wrapper .swiper-slide {
    width: 32.5rem !important;
    opacity: 1;
  }
}

.reviews-about .reviews-about-wrapp .reviews-bottom .reviews-slider .swiper-wrapper .swiper-slide.swiper-slide-active {
  opacity: 1;
}

.reviews-about .reviews-about-wrapp .reviews-bottom .reviews-slider .swiper-wrapper .swiper-slide .card-rev {
  gap: 2.5rem;
}

@media screen and (max-width: 767px) {
  .reviews-about .reviews-about-wrapp .reviews-bottom .reviews-slider .swiper-wrapper .swiper-slide .card-rev {
    padding: 0;
  }
}

.reviews-about .reviews-about-wrapp .reviews-bottom .reviews-slider .swiper-wrapper .swiper-slide .name {
  color: #FFF;
  width: max-content;
  font-size: 1.5rem;
  font-weight: 500;
  line-height: 1.2;
}

.reviews-about .reviews-about-wrapp .reviews-bottom .reviews-slider .swiper-wrapper .swiper-slide .text {
  color: #FFF;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 5;
  align-self: stretch;
  overflow: hidden;
  text-overflow: ellipsis;
  font-size: 2rem;
  max-height: 13.75rem;
}

@media screen and (max-width: 767px) {
  .reviews-about .reviews-about-wrapp .reviews-bottom .reviews-slider .swiper-wrapper .swiper-slide .text {
    width: 100%;
    -webkit-line-clamp: 8;
    max-height: 25rem;
  }
}

.reviews-about .reviews-about-wrapp .reviews-bottom .reviews-slider .swiper-wrapper .swiper-slide .link-border-bottom {
  color: #E7EC08;
  font-size: 1.625rem;
  line-height: 2rem;
}

@media screen and (max-width: 767px) {
  .reviews-about .reviews-about-wrapp .reviews-bottom .reviews-slider .swiper-wrapper .swiper-slide .link-border-bottom:hover:after {
    left: 0;
  }
}

.reviews-about .reviews-about-wrapp .reviews-bottom .reviews-slider .swiper-wrapper .swiper-slide .link-border-bottom:hover:before {
  content: none;
}

.reviews-about .reviews-about-wrapp .reviews-bottom .reviews-slider .swiper-wrapper .swiper-slide .link-border-bottom:after {
  background: #E7EC08;
}

.reviews-about .reviews-about-wrapp .reviews-bottom .reviews-slider .swiper-wrapper .swiper-slide .link-border-bottom:before {
  background: #E7EC08;
}

.reviews-about .reviews-about-wrapp .reviews-bottom .mob-show-button {
  display: none;
}

@media screen and (max-width: 767px) {
  .reviews-about .reviews-about-wrapp .reviews-bottom .mob-show-button {
    display: block;
    font-size: 2rem;
    font-weight: 500;
    line-height: 2.75rem;
    color: #FFF;
    text-transform: uppercase;
    position: relative;
    width: max-content;
    margin-top: 5rem;
  }

  .reviews-about .reviews-about-wrapp .reviews-bottom .mob-show-button:after {
    content: "";
    position: absolute;
    width: 100%;
    background: #FFF;
    height: 0.125rem;
    left: 0;
    bottom: 0;
  }
}

.front-page #comp_779b22ef255d3b0c7320b67ee97a77c9,
.front-page #comp_16e3d87e69b002b9851232108b92c33b {
  overflow: hidden;
}

.front-page .head .grid-cards-2 {
  column-gap: 0.25rem;
}

.front-page .head .grid-cards-2 .content {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
}

.front-page .head .grid-cards-2 .content #lotti-anim {
  width: 84.75rem;
  height: 40.875rem;
  border-radius: 0.5rem;
  overflow: hidden;
}

@media screen and (max-width: 767px) {
  .front-page .head .grid-cards-2 .content #lotti-anim {
    width: 100%;
    height: 19.125rem;
  }
}

.front-page .head .grid-cards-2 .content #lotti-anim svg {
  border-radius: 0.5rem;
  overflow: hidden;
  transform: scale(1.18) !important;
}

.front-page .head .grid-cards-2 .content .btns .btn-linegr {
  height: 15rem;
  width: 100%;
}

@media screen and (max-width: 767px) {
  .front-page .head .grid-cards-2 .content .btns .btn-linegr {
    height: 11.5rem;
    font-size: 2rem;
  }
}

.front-page .head .grid-cards-2 .slider {
  height: 56.125rem;
  width: 63.875rem;
  border-radius: 0.5rem;
  overflow: hidden;
}

@media screen and (max-width: 767px) {
  .front-page .head .grid-cards-2 .slider {
    width: 100%;
    height: 34.25rem;
  }
}

.front-page .head .grid-cards-2 .slider .swiper-head {
  height: 56.125rem;
}

@media screen and (max-width: 767px) {
  .front-page .head .grid-cards-2 .slider .swiper-head {
    height: 34.25rem;
  }
}

.front-page .head .grid-cards-2 .slider .swiper-head .swiper-slide {
  width: 63.875rem !important;
  position: relative;
  height: 56.125rem;
}

@media screen and (max-width: 767px) {
  .front-page .head .grid-cards-2 .slider .swiper-head .swiper-slide {
    width: 100% !important;
    height: 34.25rem;
  }
}

.front-page .head .grid-cards-2 .slider .swiper-head .swiper-slide img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.front-page .head .grid-cards-2 .slider .swiper-head .swiper-slide .swiper-slide-content {
  position: absolute;
  bottom: 0;
  width: 100%;
  padding: 6.25rem 2.5rem;
  /*background: linear-gradient(0deg, rgba(0, 0, 0, 0.9) 0%, rgba(0, 0, 0, 0) 100%);*/
  color: #FFF;
  padding-bottom: 6rem;
  display: flex;
  justify-content: center;
  align-items: end;
  height: 15.25rem;
  font-size: 2.8rem;
  font-weight: 500;
  line-height: 1.3;
  /* 137.5% */
  text-transform: uppercase;
}

.front-page .head .grid-cards-2 .slider .swiper-head .navigation_slider {
  display: flex;
  justify-content: space-between;
  position: absolute;
  bottom: 0;
  width: 100%;
  align-items: center;
  padding: 2rem 1.25rem;
  height: 5rem;
}

.front-page .head .grid-cards-2 .slider .swiper-head .navigation_slider .swiper-button-next,
.front-page .head .grid-cards-2 .slider .swiper-head .navigation_slider .swiper-button-prev {
  position: relative;
  top: 0;
  margin: 0;
  left: 0;
  right: 0;
  width: 3rem;
  height: 3rem;
}

.front-page .head .grid-cards-2 .slider .swiper-head .navigation_slider .swiper-button-next svg,
.front-page .head .grid-cards-2 .slider .swiper-head .navigation_slider .swiper-button-prev svg {
  width: 3rem;
  height: 3rem;
}

.front-page .head .grid-cards-2 .slider .swiper-head .navigation_slider .swiper-pagination {
  position: relative;
  bottom: 0;
  top: 0;
}

.front-page .head .grid-cards-2 .slider .swiper-head .navigation_slider .swiper-pagination .swiper-pagination-bullet {
  background: none;
  border: 0.125rem solid #FFF;
  width: 1rem;
  height: 1rem;
  opacity: 1;
  margin: 0;
}

.front-page .head .grid-cards-2 .slider .swiper-head .navigation_slider .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
  background: #FFF;
}

.front-page .head .grid-cards-2 .slider .swiper-head .navigation_slider .swiper-pagination>*:not(:last-child) {
  margin-right: 2.25rem;
}

@media screen and (max-width: 767px) {
  .front-page .head {
    margin-bottom: 5rem;
  }
}

.front-page .mouse {
  margin-left: 76rem;
  margin-right: 71.5rem;
  margin-top: 5rem;
  /* margin-bottom: 25.75rem; */
  height: auto;
}

@media screen and (max-width: 767px) {
  .front-page .mouse {
    display: none;
  }
}

.front-page .info {
  position: relative;
  /* margin-bottom: 25rem; */
}

@media screen and (max-width: 767px) {
  .front-page .info {
    margin-bottom: 5rem;
  }
}

.front-page .info .ellipse-yellow {
  position: absolute;
  z-index: 0;
  width: 99.75rem;
  height: 70.25rem;
  left: 20%;
  top: -20%;
}

@media screen and (max-width: 767px) {
  .front-page .info .ellipse-yellow {
    width: 100%;
    height: 27.5rem;
    top: 10%;
    left: 0%;
  }
}

.front-page .info .rows-content {
  overflow: hidden;
  z-index: 1;
  position: relative;
  display: flex;
  flex-direction: column;
  gap: 2.5rem;
  margin-bottom: 8.625rem;
  width: 100%;
  transition: transform 0.2s;
}

@media screen and (max-width: 767px) {
  .front-page .info .rows-content {
    padding: 0 3.75rem;
    gap: 7.5rem;
    margin-bottom: 5rem;
  }
}

.front-page .info .rows-content>*:first-child {
  width: 123.5rem;
  margin-left: 6.125rem;
  margin-right: 20.375rem;
}

@media screen and (max-width: 767px) {
  .front-page .info .rows-content>*:first-child {
    width: 100%;
    margin: 0;
  }
}

.front-page .info .rows-content>*:last-child {
  width: 120rem;
  margin-left: 49.125rem;
}

@media screen and (max-width: 767px) {
  .front-page .info .rows-content>*:last-child {
    width: 100%;
    margin-left: 0;
  }
}

.front-page .info .rows-content .row-content {
  color: #FFF;
  position: relative;
}

.front-page .info .rows-content .row-content:before {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  width: 0;
  height: 0.125rem;
  background-color: #E7EC08;
  transition: width 0.8s;
}

.front-page .info .rows-content .row-content.visible:before {
  width: 100%;
}

.front-page .info .rows-content .row-content .grid-cards-2 {
  column-gap: 10rem;
}

.front-page .info .rows-content .row-content .number {
  display: flex;
  font-weight: 500;
  line-height: 1.4;
  gap: 1.25rem;
}

.front-page .info .rows-content .row-content .number .num {
  font-size: 16rem;
  white-space: nowrap;
}

@media screen and (max-width: 767px) {
  .front-page .info .rows-content .row-content .number .num {
    font-size: 8rem;
  }
}

.front-page .info .rows-content .row-content .number .title {
  white-space: nowrap;
  font-size: 3rem;
  text-transform: uppercase;
  padding-top: 3.75rem;
}

@media screen and (max-width: 767px) {
  .front-page .info .rows-content .row-content .number .title {
    padding-top: 1.25rem;
    font-size: 1.625rem;
  }
}

.front-page .info .rows-content .row-content .text {
  padding-top: 3.75rem;
  display: flex;
  flex-direction: column;
  gap: 2.5rem;
}

@media screen and (max-width: 767px) {
  .front-page .info .rows-content .row-content .text {
    padding-top: 2.5rem;
  }
}

.front-page .info .rows-content .row-content .text p {
  font-size: 1.75rem;
  font-weight: 400;
  line-height: 1.4;
  /* 19.6px */
}

.front-page .info .rows-content .row-content .text .links {
  display: flex;
  gap: 2.5rem;
  font-size: 1.625rem;
  line-height: 1.3;
}

.front-page .info .rows-content .row-content .text a {
  color: #FFF;
}

.front-page .info .rows-content .row-content .text a:after,
.front-page .info .rows-content .row-content .text a:before {
  background: #FFF;
}

.front-page .info .rows-content .row-content .icons {
  display: flex;
}

.front-page .info .rows-content .row-content .icons>*:nth-child(2) {
  transform: translateX(-1.25rem);
}

.front-page .info .rows-content .row-content .icons>*:nth-child(3) {
  transform: translateX(-2.75rem);
}

.front-page .info .rows-content .row-content .icons>*:nth-child(4) {
  transform: translateX(-4rem);
}

.front-page .info .rows-content .row-content .icons img {
  width: 6.5rem;
  height: 6.5rem;
  border-radius: 100%;
  object-fit: cover;
}

.front-page .info .rows-content .row-content .icons div {
  width: 6.5rem;
  height: 6.5rem;
  background: #E7EC08;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #141414;
  border-radius: 100%;
  font-size: 1.75rem;
  font-weight: 700;
}

.eventsPage .event,
.front-page .event {
  padding-left: 8.125rem;
  padding-right: 5.5rem;
  /* margin-top: 8.75rem; */
  position: relative;
}

@media screen and (max-width: 767px) {
  .eventsPage .event,
  .front-page .event {
    margin-top: 5.25rem;
    margin-bottom: 5rem;
    padding: 0;
  }
}

.front-page .event .ellipse-yellow,
.eventsPage .event .ellipse-yellow {
  position: absolute;
  left: -40%;
  z-index: 0;
  width: 115rem;
  height: 58.625rem;
}

@media screen and (max-width: 767px) {
  .front-page .event .ellipse-yellow,
  .eventsPage .event .ellipse-yellow {
    width: 26.25rem;
    height: 18.75rem;
    left: 0;
    top: 5%;
  }
}

.front-page .event .grid-cards-2,
.eventsPage .event .grid-cards-2 {
  z-index: 1;
  position: relative;
  column-gap: 6.625rem;
}

.front-page .event .grid-cards-2>.title,
.eventsPage .event .grid-cards-2>.title {
  margin-top: 5rem;
  width: 35.625rem;
}

@media screen and (max-width: 767px) {
  .front-page .event .grid-cards-2>.title,
  .eventsPage .event .grid-cards-2>.title {
    width: 100%;
    margin-top: 0;
    padding: 3.25rem;
  }
}

.eventsPage .event .grid-cards-2>.title h2,
.front-page .event .grid-cards-2>.title h2 {
  color: #FFF;
  width: 35.625rem;
  margin-bottom: 2.5rem;
}

@media screen and (max-width: 767px) {
  .eventsPage .event .grid-cards-2>.title h2,
  .front-page .event .grid-cards-2>.title h2 {
    margin-bottom: 1.25rem;
  }
}

.eventsPage .event .grid-cards-2>.title .link-border-bottom,
.front-page .event .grid-cards-2>.title .link-border-bottom {
  color: #FFF;
  font-size: 1.625rem;
  display: block;
  line-height: 2rem;
}

.eventsPage .event .grid-cards-2>.title .link-border-bottom:after,
.eventsPage .event .grid-cards-2>.title .link-border-bottom:before,
.front-page .event .grid-cards-2>.title .link-border-bottom:after,
.front-page .event .grid-cards-2>.title .link-border-bottom:before {
  background: #FFF;
}

.front-page .event .grid-cards-2 .events,
.eventsPage .event .grid-cards-2 .events {
  width: 91.75rem;
}

@media screen and (max-width: 767px) {
  .front-page .event .grid-cards-2 .events,
  .eventsPage .event .grid-cards-2 .events {
    width: 100%;
    padding: 0 3.75rem;
  }
}

.front-page .event .grid-cards-2 .events .card_search,
.eventsPage .event .grid-cards-2 .events .card_search {
  background: none;
  border-bottom: 0.125rem solid #FFF;
}

.front-page .quote {
  margin-top: 7.5rem;
  /* margin-bottom: 12.5rem; */
  margin-bottom: 7.5rem;
}

@media screen and (max-width: 767px) {
  .front-page .quote {
    margin: 0;
    margin-bottom: 5rem;
  }
}

.front-page .quote .content {
  position: relative;
  padding-left: 12.375rem;
  padding-top: 4.5rem;
  padding-bottom: 3.375rem;
  color: #141414;
  background: #E7EC08;
  font-size: 5.625rem;
  font-weight: 500;
  line-height: 1.3;
  /* 58.5px */
  text-transform: uppercase;
  border-radius: 0.5rem;
  overflow: hidden;
}

@media screen and (max-width: 767px) {
  .front-page .quote .content {
    padding: 3.25rem;
    padding-right: 2.375rem;
    font-size: 2.5rem;
  }
}

.front-page .quote .content span {
  font-size: 2rem;
  line-height: 1.4;
  font-weight: 400;
  text-transform: none;
}

@media screen and (max-width: 767px) {
  .front-page .quote .content span {
    font-size: 1.5rem;
  }
}

.front-page .program-study .link-border-bottom:after {
  background: #FFF;
}

.front-page .program-study .link-border-bottom:before {
  background: #FFF;
}

@media screen and (max-width: 767px) {
  .front-page .project-student {
    margin-top: 5rem;
  }
}

.front-page .project-student .link-border-bottom {
  color: #FFF;
}

.front-page .project-student .link-border-bottom:after {
  background: #FFF;
}

.front-page .project-student .link-border-bottom:before {
  background: #FFF;
}

.front-page .about .about-wrapp {
  padding-top: 5rem;
  padding-bottom: 17.75rem;
}

@media screen and (max-width: 767px) {
  .front-page .about .about-wrapp {
    padding-bottom: 0;
  }
}

.course .history-success,
.course .about {
  overflow: hidden;
}

.course span,
.course div,
.course p {
  color: #272727;
}

@media screen and (max-width: 767px) {
  .course .main-section .main-section-content {
    flex-direction: column;
    gap: 0.5rem;
  }
}

.course .main-section .main-section-content .left-content {
  width: 84.75rem;
}

@media screen and (max-width: 767px) {
  .course .main-section .main-section-content .left-content {
    order: 2;
    width: 100%;
  }
}

.course .main-section .main-section-content .left-content .main-title {
  padding: 5rem;
  gap: 3rem;
  background: #FFF;
  height: 100%;
}

@media screen and (max-width: 767px) {
  .course .main-section .main-section-content .left-content .main-title {
    padding: 3.25rem;
    gap: 3.25rem;
    height: auto;
  }

  .course .main-section .main-section-content .left-content .main-title h1 {
    font-size: 3rem;
  }
}

.course .main-section .main-section-content .left-content .main-title .main-slider-section {
  position: relative;
  width: 26.25rem;
  gap: 2.5rem;
}

.course .main-section .main-section-content .left-content .main-title .main-slider-section svg {
  width: 0.875rem;
  height: 1.75rem;
}

.course .main-section .main-section-content .left-content .main-title .main-slider-section .main-slider {
  width: 100%;
  overflow: hidden;
}

.course .main-section .main-section-content .left-content .main-title .main-slider-section .swiper-button-prev,
.course .main-section .main-section-content .left-content .main-title .main-slider-section .swiper-button-next {
  position: initial !important;
  margin-top: 0 !important;
  width: 0.875rem;
  height: 1.75rem;
}

/*.course .main-section .main-section-content .left-content .main-title .main-slider-section .swiper-slide {*/
/*  width: 19.5rem !important;*/
/*}*/
.course .main-section .main-section-content .left-content .main-title .main-slider-section .lesson-description .desc {
  gap: 0.625rem;
}

.course .main-section .main-section-content .left-content .main-title .main-slider-section .lesson-description .desc span {
  font-size: 1.5rem;
}

.course .main-section .main-section-content .left-content .main-title .main-slider-section .lesson-description .desc span:first-child {
  width: 6.25rem;
  color: #7D7D7D;
}

.course .main-section .main-section-content .left-content .main-title .main-slider-section .lesson-description .desc span:last-child {
  color: #272727;
}

.course .main-section .main-section-content .left-content .signup-study .btn-linegr {
  width: 100%;
  color: #FFF;
}

.course .main-section .main-section-content .left-content .time-wrapp {
  background: #FFF;
  padding: 2.5rem 5rem;
  gap: 6.25rem;
}

@media screen and (max-width: 767px) {
  .course .main-section .main-section-content .left-content .time-wrapp {
    padding: 3.25rem;
    flex-direction: column;
    gap: 0.625rem;
  }
}

.course .main-section .main-section-content .left-content .time-wrapp .time-content span {
  font-size: 1.5rem;
  line-height: 1.2;
  color: #272727;
}

.course .main-section .main-section-content .left-content .time-wrapp .time-content span:first-child {
  color: #A9A9A9;
}

.course .main-section .main-section-content .right-content {
  /* height: 53.375rem; */
  width: 73.75rem;
}

@media screen and (max-width: 767px) {
  .course .main-section .main-section-content .right-content {
    order: 1;
    width: 100%;
    height: 34.25rem;
  }
}

.course .main-section .main-section-content .right-content video {
  height: 100%;
  width: 100%;
  object-fit: cover;
}

.course .skill .skill-wrapper {
  padding: 10rem 12.25rem 5.75rem 8.5rem;
  gap: 5rem;
}

@media screen and (max-width: 767px) {
  .course .skill .skill-wrapper {
    flex-direction: column;
    gap: 3.25rem;
    padding: 11.875rem 3.75rem 5rem 3.75rem;
  }
}

.course .skill .skill-wrapper .ellipse-bg {
  position: relative;
  margin-top: 2.5rem;
}

@media screen and (max-width: 767px) {
  .course .skill .skill-wrapper .ellipse-bg {
    margin-top: 0;
  }
}

.course .skill .skill-wrapper .ellipse-bg .ellipse-yellow {
  position: absolute;
  top: -12.5rem;
  left: -18.5rem;
}

@media screen and (max-width: 767px) {
  .course .skill .skill-wrapper .ellipse-bg .ellipse-yellow {
    width: 37.875rem;
    height: 31.375rem;
    animation: none;
    top: -5rem;
    left: -13.75rem;
  }
}

.course .skill .skill-wrapper .ellipse-bg h2 {
  color: #FFF;
  width: 49.25rem;
  position: relative;
  z-index: 9;
}

@media screen and (max-width: 767px) {
  .course .skill .skill-wrapper .ellipse-bg h2 {
    width: 100%;
  }
}

.course .skill .skill-wrapper .ellipse-bg h2 span {
  letter-spacing: 0.085rem;
  position: relative;
  color: #FFF;
}

@media screen and (max-width: 767px) {
  .course .skill .skill-wrapper .ellipse-bg h2 span {
    font-size: 3rem;
    line-height: 1.2;
  }
}

.course .skill .skill-wrapper .ellipse-bg h2 span:after {
  content: "";
  position: absolute;
  width: 0;
  height: 0.5rem;
  background: #FFF;
  left: 0;
  bottom: 0.25rem;
  transition: all 0.4s;
}

@media screen and (max-width: 767px) {
  .course .skill .skill-wrapper .ellipse-bg h2 span:after {
    content: none;
  }
}

.course .skill .skill-wrapper .ellipse-bg h2 span.visible:after {
  width: 100%;
}

.course .skill .skill-wrapper .skill-right-content {
  gap: 5rem;
}

@media screen and (max-width: 767px) {
  .course .skill .skill-wrapper .skill-right-content {
    position: relative;
    z-index: 9;
    gap: 3.75rem;
  }
}

.course .skill .skill-wrapper .skill-right-content h3 {
  color: #FFF;
  font-size: 1.25rem;
  font-weight: 400;
  line-height: 1.4;
}

.course .skill .skill-wrapper .skill-right-content .skill-list {
  gap: 3.125rem;
}

.course .skill .skill-wrapper .skill-right-content .skill-list ul {
  gap: 3.125rem;
  width: 61.875rem;
}

@media screen and (max-width: 767px) {
  .course .skill .skill-wrapper .skill-right-content .skill-list ul {
    width: 100%;
  }
}

.course .skill .skill-wrapper .skill-right-content .skill-list ul li {
  gap: 1.25rem;
}

.course .skill .skill-wrapper .skill-right-content .skill-list ul li svg {
  width: 1.5rem;
  height: 1.5rem;
  margin-top: 0.5rem;
  flex-shrink: 0;
}

.course .skill .skill-wrapper .skill-right-content .skill-list ul li .text {
  color: #FFF;
}

.course .skill .skill-wrapper .skill-right-content .tools {
  gap: 3.125rem;
}

.course .skill .skill-wrapper .skill-right-content .tools .tools-wrapp {
  gap: 0.625rem;
  flex-wrap: wrap;
}

@media screen and (max-width: 767px) {
  .course .skill .skill-wrapper .skill-right-content .tools .tools-wrapp {
    margin-bottom: 2.5rem;
  }
}

.course .skill .skill-wrapper .skill-right-content .tools .tools-wrapp .tools-card {
  padding: 0.625rem 1.25rem 0.625rem 0.625rem;
  gap: 1.25rem;
  background: #FFF;
}

@media screen and (max-width: 767px) {
  .course .skill .skill-wrapper .skill-right-content .tools .tools-wrapp .tools-card:nth-child(1) {
    width: 14.375rem;
  }

  .course .skill .skill-wrapper .skill-right-content .tools .tools-wrapp .tools-card:nth-child(2) {
    width: 15.625rem;
  }

  .course .skill .skill-wrapper .skill-right-content .tools .tools-wrapp .tools-card:nth-child(3) {
    width: 14.375rem;
  }

  .course .skill .skill-wrapper .skill-right-content .tools .tools-wrapp .tools-card:nth-child(4) {
    width: 15.625rem;
  }
}

.course .skill .skill-wrapper .skill-right-content .tools .tools-wrapp .tools-card img {
  width: 4rem;
  height: 4rem;
  object-fit: contain;
  overflow: hidden;
}

.course .skill .skill-wrapper .skill-right-content .tools .tools-wrapp .tools-card .tool-name {
  font-weight: 500;
  color: #141414;
}

.course .program-course-anim {
  position: relative;
  height: 150rem;
}

@media screen and (max-width: 767px) {
  .course .program-course-anim {
    height: 112.5rem;
  }
}

.course [data-section-sticky] {
  position: sticky;
  top: 0;
}

.course .program-course {
  height: max-content;
  overflow: hidden;
  transform: none !important;
  transition: transform 0.3s;
  position: relative;
}

.course .program-course.open {
  height: max-content !important;
}

@media screen and (max-width: 767px) {
  .course .program-course {
    height: max-content !important;
  }
}

.course .program-course .program-course-wrapp {
  gap: 15rem;
  /* min-height: calc(100vh - 12rem); */
  padding:0 0 2.5rem;
  /* will-change: transform;
  overflow: auto; */
  transform:none !important;
}

@media screen and (max-width: 767px) {
  .course .program-course .program-course-wrapp {
    flex-direction: column;
    gap: 2.5rem;
    /* min-height: 96.5rem; */
  }
}

.course .program-course .program-course-wrapp .left-content {
  padding: 5rem 0 0 5rem;
  gap: 5rem;
  width: 77.5rem;
}

@media screen and (max-width: 767px) {
  .course .program-course .program-course-wrapp .left-content {
    gap: 2.5rem;
    width: 100%;
    padding: 3.25rem 3.25rem 0 3.25rem;
  }
}

.course .program-course .program-course-wrapp .left-content h2 {
  color: #141414;
}

.course .program-course .program-course-wrapp .left-content .program-time-wrapp {
  gap: 1.25rem;
}

.course .program-course .program-course-wrapp .left-content .program-time-wrapp .program-time {
  gap: 0.75rem;
}

.course .program-course .program-course-wrapp .left-content .program-time-wrapp .program-time span {
  font-weight: 500;
  color: #141414;
}

.course .program-course .program-course-wrapp .left-content .program-time-wrapp .program-time span:first-child {
  font-size: 5rem;
  line-height: 1.4;
  color: #000;
}

.course .program-course .program-course-wrapp .left-content .program-time-wrapp .program-time span:last-child {
  margin-bottom: 1.25rem;
}

.course .program-course .program-course-wrapp .right-content {
  /* min-height: 68.75rem; */
  padding-top: 2.875rem;
  padding-bottom: 2.875rem;
  padding-right: 6rem;
  width: 100%;
}

@media screen and (max-width: 767px) {
  .course .program-course .program-course-wrapp .right-content {
    padding: 0;
    /* overflow-y: scroll;
    height: 71.25rem; */
  }
}

.course .program-course .program-course-wrapp .right-content::-webkit-scrollbar {
  display: none;
}

.course .program-course .program-course-wrapp .right-content .accordion {
  background: #272727;
  transform: none !important;
}

@media screen and (max-width: 767px) {
  .course .program-course .program-course-wrapp .right-content .accordion .accordion-content {
    padding: 1.875rem 2.625rem 1.875rem 3.25rem;
  }
}

@media screen and (max-width: 767px) {
  .course .program-course .program-course-wrapp .right-content .accordion .accordion-content .accordion-includes {
    width: 100%;
    padding: 3.25rem 0;
  }
}

@media screen and (max-width: 767px) {
  .course .program-course .program-course-wrapp .right-content .accordion .accordion-content .accordion-title {
    padding: 0;
    align-items: flex-start;
  }
}

@media screen and (max-width: 767px) {
  .course .program-course .program-course-wrapp .right-content .accordion .accordion-content .accordion-title .title {
    flex-direction: column;
    gap: 0.25rem;
  }

  .course .program-course .program-course-wrapp .right-content .accordion .accordion-content .accordion-title .title span {
    font-size: 2rem;
  }
}

.course .program-course .program-course-wrapp .right-content .accordion .accordion-content .accordion-title .icon svg {
  width: 3rem;
  height: 3rem;
  flex-shrink: 0;
}

.course .program-course .program-course-wrapp .right-content .accordion .desc-acc {
  width: 75rem;
}

@media screen and (max-width: 767px) {
  .course .program-course .program-course-wrapp .right-content .accordion .desc-acc {
    width: 100%;
  }
}

.course .program-course .button-wrapp {
  display: none;
  width: 100%;
  padding: 2.5rem 0 2.5rem 3.25rem;
  border-radius: 0 0 0.5rem 0.5rem;
  overflow: hidden;
  background: #E7EC08;
}

@media screen and (max-width: 767px) {
  .course .program-course .button-wrapp {
    display: block;
  }
}

@media screen and (max-width: 767px) {
  .course .program-course .button-wrapp .show-button-mob {
    color: #141414;
    font-size: 2rem;
    font-weight: 500;
    text-transform: uppercase;
    line-height: 2.75rem;
    position: relative;
    width: max-content;
    text-align: start;
  }

  .course .program-course .button-wrapp .show-button-mob:after {
    content: "";
    position: absolute;
    width: 100%;
    background: #141414;
    height: 0.125rem;
    left: 0;
    bottom: 0;
  }
}

@media screen and (max-width: 767px) {
  .course .curator {
    overflow: hidden;
    position: relative;
  }
}

.course .curator .curator-wrapp {
  padding: 27.875rem 0 15.375rem 0;
}

@media screen and (max-width: 767px) {
  .course .curator .curator-wrapp {
    padding: 5rem 0;
  }
}

.course .curator .curator-wrapp .curator-desc {
  gap: 5rem;
}

@media screen and (max-width: 767px) {
  .course .curator .curator-wrapp .curator-desc {
    padding: 2.5rem 3.75rem;
    flex-direction: column;
    gap: 6.125rem;
  }
}

.course .curator .curator-wrapp .curator-desc .video-wrapp-curator {
  height: 31.25rem;
  position: relative;
}

.course .curator .curator-wrapp .curator-desc .video-wrapp-curator .ellipse-bg-blue {
  left: -31.25rem;
  top: -8.75rem;
  opacity: 0.6;
}

@media screen and (max-width: 767px) {
  .course .curator .curator-wrapp .curator-desc .video-wrapp-curator .ellipse-bg-blue {
    left: -15rem;
    top: -1.25rem;
  }
}

.course .curator .curator-wrapp .curator-desc .video-wrapp-curator .video-param {
  position: relative;
  height: 100%;
}

.course .curator .curator-wrapp .curator-desc .video-wrapp-curator video {
  border-radius: 125rem;
  width: 31.25rem;
  height: 31.25rem;
  flex-shrink: 0;
  cursor: pointer;
  object-fit: cover;
}

.course .curator .curator-wrapp .curator-desc .video-wrapp-curator .progress-video {
  position: absolute;
  width: 100%;
  inset: 0;
  border: 0.375rem solid white;
  border-radius: 1000px;
  height: 371px;
}

.course .curator .curator-wrapp .curator-desc .video-wrapp-curator .sound-wrapp {
  width: 100%;
  padding-bottom: 1.375rem;
  position: absolute;
  height: 10rem;
  bottom: 0rem;
  cursor: pointer;
}

.course .curator .curator-wrapp .curator-desc .video-wrapp-curator .sound-wrapp .sound {
  width: 3.5rem;
  padding: 0.5rem;
  border-radius: 2.5rem;
  background: rgba(0, 0, 0, 0.4);
  gap: 1.25rem;
  transition: all 0.4s;
}

.course .curator .curator-wrapp .curator-desc .video-wrapp-curator .sound-wrapp .sound.on {
  opacity: 0;
}

.course .curator .curator-wrapp .curator-desc .video-wrapp-curator .sound-wrapp .sound svg {
  width: 1.875rem;
  height: 2.25rem;
}

.course .curator .curator-wrapp .curator-desc .video-wrapp-curator .video-duration {
  position: absolute;
  line-height: 1.2;
  color: #FFF;
  padding: 0.5rem 1.875rem;
  gap: 1.25rem;
  background: #272727;
  bottom: 0;
}

.course .curator .curator-wrapp .curator-desc .curator-description {
  gap: 2.5rem;
  position: relative;
}

.course .curator .curator-wrapp .curator-desc .curator-description .curator-description-title .name-curator {
  color: #FFF;
  font-size: 3rem;
}

@media screen and (max-width: 767px) {
  .course .curator .curator-wrapp .curator-desc .curator-description .curator-description-title .name-curator {
    font-size: 2.5rem;
    width: 25rem;
  }
}

.course .curator .curator-wrapp .curator-desc .curator-description .curator-description-title .brand {
  font-size: 2rem;
  line-height: 1.2;
  color: #A9A9A9;
}

.course .curator .curator-wrapp .curator-desc .curator-description .text {
  width: 42.625rem;
  font-size: 1.5rem;
  color: #FFF;
}

@media screen and (max-width: 767px) {
  .course .curator .curator-wrapp .curator-desc .curator-description .text {
    width: 100%;
  }
}

.course .employment {
  /* padding: 12.5rem 12.25rem 0 12.5rem !important; */
  padding: 10rem 12.25rem 0 12.5rem !important;
}

@media screen and (max-width: 767px) {
  .course .employment {
    padding: 0 !important;
  }
}

.course .employment .employment-wrapp {
  gap: 13.5rem;
  margin-bottom: 12.5rem;
}

@media screen and (max-width: 767px) {
  .course .employment .employment-wrapp {
    flex-direction: column;
    gap: 0;
    margin-bottom: 5rem;
  }
}

.course .employment .employment-wrapp .employment-left {
  gap: 4.75rem;
  position: sticky;
  top: 12rem;
  height: 25rem;
}

@media screen and (max-width: 767px) {
  .course .employment .employment-wrapp .employment-left {
    gap: 5rem;
    padding: 2.5rem 3.75rem;
  }
}

.course .employment .employment-wrapp .employment-left h2 {
  color: #FFF;
}

@media screen and (max-width: 767px) {
  .course .employment .employment-wrapp .employment-left h2 {
    font-size: 2.5rem !important;
  }
}

@media screen and (max-width: 767px) {
  .course .employment .employment-wrapp .employment-right {
    height: max-content;
  }
}

.course .employment .employment-wrapp .employment-right .employment-card:first-child .bottom {
  height: 26rem;
}

@media screen and (max-width: 767px) {
  .course .employment .employment-wrapp .employment-right .employment-card:first-child .bottom {
    height: max-content;
  }
}

.course .employment .employment-wrapp .employment-right .employment-card:first-child .bottom p {
  gap: 1.25rem;
}

.course .employment .employment-wrapp .employment-right .employment-card:first-child .link-border-bottom:before {
  content: none;
}

.course .employment .employment-wrapp .employment-right .employment-card:first-child .link-border-bottom:after {
  width: 0;
  transition: width 0.4s;
}

.course .employment .employment-wrapp .employment-right .employment-card:first-child .link-border-bottom:hover:after {
  width: 100%;
  left: 0;
}

.course .employment .employment-wrapp .employment-right .employment-card .employment-card:last-child h3 {
  color: #FFF;
}

.course .employment .employment-wrapp .employment-right .employment-card .employment-card:last-child .bottom p {
  color: #FFF;
}

.course .employment .dialog-bottom {
  gap: 5rem;
  padding: 0 3.125rem 7.5rem 3.125rem;
}

.course .earnings .earnings-container {
  gap: 0.125rem;
}

.course .earnings .earnings-container .earnings-wrapp {
  gap: 0.125rem;
}

@media screen and (max-width: 767px) {
  .course .earnings .earnings-container .earnings-wrapp {
    flex-direction: column;
  }
}

.course .earnings .earnings-container .earnings-wrapp .earnings-left {
  background: #FFF;
  padding: 5rem 8rem;
  gap: 1.375rem;
  border-radius: 0.5rem 0 0 0;
  width: 87.25rem;
}

@media screen and (max-width: 767px) {
  .course .earnings .earnings-container .earnings-wrapp .earnings-left {
    width: 100%;
    padding: 3.25rem;
    border-radius: 0.5rem 0.5rem 0 0;
  }
}

.course .earnings .earnings-container .earnings-wrapp .earnings-left h2 {
  width: 54.25rem;
}

@media screen and (max-width: 767px) {
  .course .earnings .earnings-container .earnings-wrapp .earnings-left h2 {
    width: 27.375rem;
  }
}

.course .earnings .earnings-container .earnings-wrapp .earnings-left p {
  width: 39.5rem;
}

@media screen and (max-width: 767px) {
  .course .earnings .earnings-container .earnings-wrapp .earnings-left p {
    width: 27.375rem;
  }
}

.course .earnings .earnings-container .earnings-wrapp .earnings-right {
  background: #FFF;
  padding: 5rem 8rem;
  border-radius: 0 0.5rem 0 0;
  gap: 2.5rem;
}

@media screen and (max-width: 767px) {
  .course .earnings .earnings-container .earnings-wrapp .earnings-right {
    width: 100%;
    padding: 3.25rem;
    border-radius: 0;
  }
}

.course .earnings .earnings-container .earnings-wrapp .earnings-right .earnings-right-top {
  gap: 1rem;
}

.course .earnings .earnings-container .earnings-wrapp .earnings-right .earnings-right-top svg {
  width: 3rem;
  height: 3rem;
  overflow: visible;
}

.course .earnings .earnings-container .earnings-wrapp .earnings-right .earnings-right-top .hh {
  font-size: 2rem;
  line-height: 1.2;
}

.course .earnings .earnings-container .earnings-wrapp .earnings-right .earnings-right-bottom {
  gap: 5rem;
}

@media screen and (max-width: 767px) {
  .course .earnings .earnings-container .earnings-wrapp .earnings-right .earnings-right-bottom {
    gap: 4.5rem;
  }
}

@media screen and (max-width: 767px) {
  .course .earnings .earnings-container .earnings-wrapp .earnings-right .earnings-right-bottom .number {
    width: 12.5rem;
  }
}

.course .earnings .earnings-container .earnings-wrapp .earnings-right .earnings-right-bottom .number span:first-child {
  font-size: 7rem;
  font-weight: 700;
}

@media screen and (max-width: 767px) {
  .course .earnings .earnings-container .earnings-wrapp .earnings-right .earnings-right-bottom .number span:first-child {
    font-size: 4.5rem;
    white-space: nowrap;
    width: 17.25rem;
  }
}

.course .earnings .earnings-container .earnings-wrapp .earnings-right .earnings-right-bottom .number span:last-child {
  width: 22.875rem;
}

@media screen and (max-width: 767px) {
  .course .earnings .earnings-container .earnings-wrapp .earnings-right .earnings-right-bottom .number span:last-child {
    width: 15.875rem;
  }
}

.course .earnings .earnings-container .job-vacancy-wrapp {
  gap: 0.125rem;
}

.course .earnings .earnings-container .job-vacancy-wrapp .job-vacancy {
  background: #FFF;
  padding: 2.5rem 8rem;
}

@media screen and (max-width: 767px) {
  .course .earnings .earnings-container .job-vacancy-wrapp .job-vacancy {
    padding: 2.5rem 3.25rem;
    align-items: center;
  }
}

.course .earnings .earnings-container .job-vacancy-wrapp .job-vacancy>* {
  font-size: 3rem;
}

.course .earnings .earnings-container .job-vacancy-wrapp .job-vacancy .name-job {
  line-height: 4.25rem;
  text-transform: uppercase;
}

@media screen and (max-width: 767px) {
  .course .earnings .earnings-container .job-vacancy-wrapp .job-vacancy .name-job {
    font-size: 1.625rem;
    line-height: 2rem;
    flex-direction: column;
    display: flex;
  }
}

.course .earnings .earnings-container .job-vacancy-wrapp .job-vacancy .name-job span {
  text-transform: lowercase;
  color: #7D7D7D;
  font-size: 2rem;
  margin-left: 0.625rem;
}

@media screen and (max-width: 767px) {
  .course .earnings .earnings-container .job-vacancy-wrapp .job-vacancy .name-job span {
    font-size: 1.75rem;
    line-height: 1.4;
    margin-left: 0;
  }
}

.course .earnings .earnings-container .job-vacancy-wrapp .job-vacancy .coast {
  font-weight: 500;
}

@media screen and (max-width: 767px) {
  .course .earnings .earnings-container .job-vacancy-wrapp .job-vacancy .coast {
    font-size: 2rem;
    line-height: 1.4;
  }
}

.course .earnings .earnings-container .job-vacancy-wrapp .job-vacancy:last-child {
  border-radius: 0 0 0.5rem 0.5rem;
}

.course .inspiration {
  /* padding: 12.5rem 0; */
}

@media screen and (max-width: 767px) {
  .course .inspiration {
    padding: 5rem 0;
  }
}

.course .inspiration .inspiration-wrapp .overflow-tagline::-webkit-scrollbar {
  display: none;
}

.course .inspiration .inspiration-wrapp .overflow-tagline .tagline {
  background: #E7EC08;
  padding: 7.5rem 5rem;
  gap: 1.25rem;
  width: 100%;
}

@media screen and (max-width: 767px) {
  .course .inspiration .inspiration-wrapp .overflow-tagline .tagline {
    padding: 3.75rem 3.25rem;
  }
}

.course .inspiration .inspiration-wrapp .overflow-tagline .tagline svg {
  width: 5rem;
  height: 5rem;
}

.course .inspiration .inspiration-wrapp .overflow-tagline .tagline span {
  text-transform: uppercase;
  font-weight: 700;
  white-space: nowrap;
  color: #141414;
}

@media screen and (max-width: 767px) {
  .course .inspiration .inspiration-wrapp .overflow-tagline .tagline span {
    font-size: 3rem;
  }
}

.course .inspiration .inspiration-wrapp .overflow-tagline .tagline .js-marquee-wrapper {
  width: 25rem !important;
  display: flex;
  align-items: center;
}

.course .inspiration .inspiration-wrapp .overflow-tagline .tagline .js-marquee {
  display: flex;
  align-items: center;
}

.course .inspiration .inspiration-wrapp .overflow-wrapp {
  overflow-x: scroll;
}

.course .inspiration .inspiration-wrapp .overflow-wrapp::-webkit-scrollbar {
  display: none;
}

@media screen and (max-width: 767px) {
  .course .inspiration .inspiration-wrapp .overflow-wrapp {
    overflow: visible;
  }
}

.course .inspiration .inspiration-wrapp .photo-card {
  height: 49.125rem;
  width: 162.5rem;
}

@media screen and (max-width: 767px) {
  .course .inspiration .inspiration-wrapp .photo-card {
    width: 100%;
    height: max-content;
    flex-direction: column;
  }
}

.course .inspiration .inspiration-wrapp .photo-card::-webkit-scrollbar {
  display: none;
}

.course .inspiration .inspiration-wrapp .photo-card .img-wrapp:first-child {
  width: 73.625rem;
  height: 49.125rem;
}

@media screen and (max-width: 767px) {
  .course .inspiration .inspiration-wrapp .photo-card .img-wrapp:first-child {
    width: 39rem;
    height: 26rem;
  }
}

.course .inspiration .inspiration-wrapp .photo-card .img-wrapp:first-child img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.course .inspiration .inspiration-wrapp .photo-card .img-wrapp:nth-child(3) {
  width: 68.625rem;
  height: 49.125rem;
}

@media screen and (max-width: 767px) {
  .course .inspiration .inspiration-wrapp .photo-card .img-wrapp:nth-child(3) {
    width: 39rem;
    height: 27.875rem;
  }
}

.course .inspiration .inspiration-wrapp .photo-card .img-wrapp:nth-child(3) img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.course .inspiration .inspiration-wrapp .photo-card .photo-card-wrapp {
  height: 49.125rem;
}

@media screen and (max-width: 767px) {
  .course .inspiration .inspiration-wrapp .photo-card .photo-card-wrapp {
    flex-direction: row;
    height: max-content;
  }
}

.course .inspiration .inspiration-wrapp .photo-card .photo-card-wrapp .img-wrapp {
  width: 36.75rem;
  height: 24.4375rem;
}

@media screen and (max-width: 767px) {
  .course .inspiration .inspiration-wrapp .photo-card .photo-card-wrapp .img-wrapp {
    width: 100%;
    height: 17.875rem;
  }
}

.course .inspiration .inspiration-wrapp .photo-card .photo-card-wrapp .img-wrapp img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

@media screen and (max-width: 767px) {
  .course .team-course {
    overflow: hidden;
    position: relative;
    padding-bottom: 5rem;
  }
}

.course .team-course .team-course-wrapp .title-top {
  padding: 5rem;
}

@media screen and (max-width: 767px) {
  .course .team-course .team-course-wrapp .title-top {
    padding: 2.5rem 3.75rem;
  }
}

.course .team-course .team-course-wrapp .title-top h2 {
  color: #FFF;
}

.course .team-course .team-course-wrapp .team-container {
  padding: 0 2.75rem 3.5rem 2.75rem;
}

@media screen and (max-width: 767px) {
  .course .team-course .team-course-wrapp .team-container {
    padding: 0 0 0 3.5rem;
  }
}

.course .team-course .team-course-wrapp .team-container .teacher_card .tag-general {
  position: absolute;
  margin: 0.625rem 0 0 0.625rem;
}

@media screen and (max-width: 767px) {
  .course .team-course .team-course-wrapp .team-container .team-grid {
    overflow-x: scroll;
  }

  .course .team-course .team-course-wrapp .team-container .team-grid::-webkit-scrollbar {
    display: none;
  }
}

@media screen and (max-width: 767px) {
  .course .team-course .team-course-wrapp .team-container .team-grid .grid-cards-5 {
    display: flex;
    gap: 1.25rem;
  }
}

.course .project-student {
  padding: 0 0 0.625rem 0;
}

@media screen and (max-width: 767px) {
  .course .project-student {
    padding: 0;
  }
}

.course .project-student .project-student-wrapp .title {
  padding: 5rem;
}

@media screen and (max-width: 767px) {
  .course .project-student .project-student-wrapp .title {
    padding: 3.25rem;
    flex-direction: column;
    gap: 1.25rem;
    align-items: flex-start;
  }
}

.course .project-student .project-student-wrapp .title h2 {
  color: #FFF;
}

.course .project-student .project-student-wrapp .title a {
  color: #FFF;
}

.course .project-student .project-student-wrapp .title a:after {
  background: #FFF;
}

.course .project-student .project-student-wrapp .title a:before {
  background: #FFF;
}

@media screen and (max-width: 767px) {
  .course .project-student .project-student-wrapp .title a {
    width: max-content;
    font-size: 1.625rem;
  }

  .course .project-student .project-student-wrapp .title a:after {
    content: "";
    position: absolute;
    width: 100%;
    background: #FFF;
    height: 0.125rem;
    left: 0;
    bottom: 0;
  }
}

@media screen and (max-width: 767px) {
  .course .project-student .grid-cards-3 {
    grid-template-columns: repeat(1, 1fr);
  }

  .course .project-student .grid-cards-3 .card-projects {
    height: 39.75rem;
  }
}

.course .project-student .button-wrapp {
  padding: 5rem 3.25rem;
  display: none;
}

@media screen and (max-width: 767px) {
  .course .project-student .button-wrapp {
    display: flex;
    justify-content: center;
    padding: 3.75rem 3.25rem;
  }
}

.course .project-student .button-wrapp button {
  font-size: 2rem;
  font-weight: 500;
  line-height: 2.75rem;
  color: #FFF;
  text-transform: uppercase;
  position: relative;
}

.course .project-student .button-wrapp button:after {
  content: "";
  position: absolute;
  width: 100%;
  background: #FFF;
  height: 0.125rem;
  left: 0;
  bottom: 0;
}

.faq .accordion {
  margin-bottom: 0.5rem;
  margin-left: 0.5rem;
  margin-right: 0.5rem;
  border-radius: 0.5rem;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  gap: 0.125rem;
}

@media screen and (max-width: 767px) {
  .faq .accordion {
    margin-bottom: 0.5rem;
  }
}

.project_study .base-select-cont {
  width: auto;
  height: 2.75rem;
}

.project_study .grid-cards-3 {
  margin-left: 0.625rem;
  margin-right: 0.625rem;
}

.project_study .btn-see-all {
  margin-bottom: 2.5rem;
}

.applicants .head_block {
  margin: 0 0.5rem;
  margin-bottom: 5rem;
}

@media screen and (max-width: 767px) {
  .applicants .head_block {
    margin-bottom: 5rem;
  }
}

.applicants .head_block .grid-cards-2 {
  grid-column-gap: 0.25rem;
  grid-row-gap: 0.25rem;
}

@media screen and (max-width: 767px) {
  .applicants .head_block .grid-cards-2 {
    display: block;
  }
}

.applicants .head_block .grid-cards-2>*:first-child {
  width: 84.75rem;
  border-radius: 0.5rem;
  background: #FFF;
  padding: 5rem;
  padding-bottom: 15rem;
}

@media screen and (max-width: 767px) {
  .applicants .head_block .grid-cards-2>*:first-child {
    width: 100%;
    padding: 2.5rem 3.25rem;
    margin-bottom: 0.5rem;
  }
}

.applicants .head_block .grid-cards-2>*:first-child h1 {
  margin-bottom: 5rem;
}

@media screen and (max-width: 767px) {
  .applicants .head_block .grid-cards-2>*:first-child h1 {
    margin-bottom: 2.5rem;
    font-size: 3rem;
  }
}

.applicants .head_block .grid-cards-2>*:first-child ul {
  display: flex;
  flex-direction: column;
  gap: 3.125rem;
}

.applicants .head_block .grid-cards-2>*:first-child ul li {
  color: #141414;
  font-size: 1.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  gap: 1.25rem;
}

@media screen and (max-width: 767px) {
  .applicants .head_block .grid-cards-2>*:first-child ul li {
    font-size: 1.75rem;
  }
}

.applicants .head_block .grid-cards-2>*:first-child ul li:before {
  content: "";
  width: 2.5rem;
  min-width: 2.5rem;
  height: 2.5rem;
  display: block;
  background: url("/bitrix/templates/shd/assets/static/img/icon/list/marker_black.svg") no-repeat;
  background-size: contain;
}

.applicants .head_block .grid-cards-2>*:last-child div,
.applicants .head_block .grid-cards-2>*:last-child p,
.applicants .head_block .grid-cards-2>*:last-child a {
  color: #FFF;
  text-transform: uppercase;
}

.applicants .head_block .grid-cards-2>*:last-child .row {
  padding: 5rem;
  background: #272727;
}

.applicants .head_block .grid-cards-2>*:last-child>*:first-child {
  border-top-left-radius: 0.5rem;
  border-top-right-radius: 0.5rem;
  margin-bottom: 0.125rem;
}

@media screen and (max-width: 767px) {
  .applicants .head_block .grid-cards-2>*:last-child>*:first-child {
    display: flex;
    height: 10rem;
    padding: 3.25rem 5rem;
    align-items: center;
    overflow: hidden;
    text-align: center;
    font-size: 1.625rem;
  }
}

.applicants .head_block .grid-cards-2>*:last-child>*:nth-child(2) {
  border-bottom-left-radius: 0.5rem;
  border-bottom-right-radius: 0.5rem;
  margin-bottom: 0.25rem;
  gap: 2.5rem;
  flex-direction: column;
}

@media screen and (max-width: 767px) {
  .applicants .head_block .grid-cards-2>*:last-child>*:nth-child(2) {
    padding: 3.25rem 5rem;
  }
}

.applicants .head_block .grid-cards-2>*:last-child>*:nth-child(2) .adress {
  font-size: 1.25rem;
  font-weight: 400;
  line-height: 1.4;
}

.applicants .head_block .grid-cards-2>*:last-child>*:nth-child(2) .time_works {
  display: flex;
  flex-direction: row;
  gap: 2.5rem;
}

@media screen and (max-width: 767px) {
  .applicants .head_block .grid-cards-2>*:last-child>*:nth-child(2) .time_works {
    flex-direction: row;
  }
}

.applicants .head_block .grid-cards-2>*:last-child>*:nth-child(2) .time_works span {
  font-size: 2rem;
  font-weight: 500;
  line-height: 1.3;
  /* 137.5% */
}

@media screen and (max-width: 767px) {
  .applicants .head_block .grid-cards-2>*:last-child>*:nth-child(2) .time_works span {
    font-size: 1.625rem;
    white-space: nowrap;
  }
}

.applicants .head_block .grid-cards-2>*:last-child>*:nth-child(2) .dop_info {
  font-size: 1.25rem;
  font-weight: 1.4;
  line-height: 1.4;
  width: 33.75rem;
  text-align: center;
}

@media screen and (max-width: 767px) {
  .applicants .head_block .grid-cards-2>*:last-child>*:nth-child(2) .dop_info {
    width: 100%;
    font-size: 1rem;
  }
}

.applicants .head_block .grid-cards-2>*:last-child>*:nth-child(2) .dop_info span {
  color: #E7EC08;
  display: none;
}

.applicants .head_block .grid-cards-2>*:last-child .grid-items {
  border-radius: 0.5rem;
  overflow: hidden;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-template-rows: repeat(3, 1fr);
  grid-column-gap: 0.125rem;
  grid-row-gap: 0.125rem;
}

.applicants .head_block .grid-cards-2>*:last-child .grid-items>*:first-child {
  grid-area: 1/1/2/3;
}

.applicants .head_block .grid-cards-2>*:last-child .grid-items>*:nth-child(4) {
  border-bottom-left-radius: 0.5rem;
}

.applicants .head_block .grid-cards-2>*:last-child .grid-items>*:last-child {
  border-bottom-right-radius: 0.5rem;
}

.applicants .head_block .grid-cards-2>*:last-child .grid-items a {
  font-size: 1.625rem;
}

@media screen and (max-width: 767px) {
  .applicants .head_block .grid-cards-2>*:last-child .grid-items a {
    font-size: 1.25rem !important;
  }

  .applicants .head_block .grid-cards-2>*:last-child .grid-items a:hover {
    background: #272727 !important;
    color: #FFF !important;
  }
}

.applicants .head_block .grid-cards-2>*:last-child .grid-items a:hover {
  background: #E7EC08;
  color: #141414;
}

.applicants .head_block .grid-cards-2>*:last-child .grid-items a:hover svg {
  fill: #141414;
}

@media screen and (max-width: 767px) {
  .applicants .head_block .grid-cards-2>*:last-child .grid-items a:hover svg {
    fill: #FFF;
  }
}

.applicants .head_block .grid-cards-2>*:last-child .grid-items a:hover svg path {
  fill: #141414;
}

@media screen and (max-width: 767px) {
  .applicants .head_block .grid-cards-2>*:last-child .grid-items a:hover svg path {
    fill: #FFF;
  }
}

.applicants .head_block .grid-cards-2>*:last-child .grid-items .item-grid {
  background: #272727;
  height: 10rem;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1.625rem;
  transition: all 0.3s;
}

@media screen and (max-width: 767px) {
  .applicants .head_block .grid-cards-2>*:last-child .grid-items .item-grid {
    padding: 3.25rem;
    text-align: center;
    min-width: 50%;
  }
}

.applicants .head_block .grid-cards-2>*:last-child .grid-items .item-grid svg {
  width: 4rem;
  height: 4rem;
  transition: all 0.2s;
}

.applicants .head_block .grid-cards-2>*:last-child .grid-items .item-grid svg path {
  transition: all 0.2s;
}

.applicants .steps {
  /* margin-bottom: 16.75rem; */
}

@media screen and (max-width: 767px) {
  .applicants .steps {
    margin-bottom: 5rem;
  }
}

.applicants .steps .grid-cards-2 {
  padding-left: 5.5rem;
  padding-right: 12.375rem;
}

@media screen and (max-width: 767px) {
  .applicants .steps .grid-cards-2 {
    padding: 0;
  }
}

.applicants .steps .grid-cards-2 h2 {
  position: sticky;
  top: 10.8rem;
  font-size: 4.25rem;
  color: #FFF;
  font-weight: 500;
  line-height: 1.2;
}

@media screen and (max-width: 767px) {
  .applicants .steps .grid-cards-2 h2 {
    padding: 2.5rem 3.75rem;
    font-size: 3rem;
  }
}

.applicants .steps .grid-cards-2 h2 span {
  font-size: 4.25rem;
  color: #FFF;
  font-weight: 500;
  line-height: 1.2;
  border-bottom: 0.5rem solid #FFF;
}

@media screen and (max-width: 767px) {
  .applicants .steps .grid-cards-2 h2 span {
    font-size: 3rem;
    border-bottom: 0;
  }
}

.applicants .steps .grid-cards-2 .steps_items {
  padding: 0 0.5rem;
}

.project_post .link-border-bottom {
  overflow: hidden;
  display: inline-block;
}

.project_post .mob-img {
  display: none;
}

@media screen and (max-width: 767px) {
  .project_post .mob-img {
    display: block;
    width: 100%;
    height: 25.875rem;
    margin-bottom: 0.25rem;
    border-radius: 0.5rem;
    overflow: hidden;
  }

  .project_post .mob-img img {
    border-radius: 0.5rem;
    object-fit: cover;
    width: 100%;
    height: 25.875rem;
  }
}

.project_post .project .grid-cards-2 {
  grid-column-gap: 0.25rem;
  grid-row-gap: 0.25rem;
  margin: 0 0.5rem;
  margin-bottom: 5rem;
}

.project_post .project .grid-cards-2 .sticky {
  width: 79rem;
}

@media screen and (max-width: 767px) {
  .project_post .project .grid-cards-2 .sticky {
    width: 100%;
  }
}

.project_post .project .grid-cards-2 .sticky .content {
  background: #FFF;
  padding: 5rem;
  padding-right: 11.5rem;
  border-radius: 0.5rem;
  position: sticky;
  top: 10.8rem;
}

@media screen and (max-width: 767px) {
  .project_post .project .grid-cards-2 .sticky .content {
    padding: 3.25rem;
  }
}

.project_post .project .grid-cards-2 .sticky .content h1 {
  color: #141414;
  margin-bottom: 3.125rem;
}

.project_post .project .grid-cards-2 .sticky .content ul {
  margin-bottom: 3.125rem;
  display: flex;
  flex-direction: column;
  gap: 0.625rem;
}

@media screen and (max-width: 767px) {
  .project_post .project .grid-cards-2 .sticky .content ul {
    gap: 1.875rem;
  }
}

.project_post .project .grid-cards-2 .sticky .content ul li {
  text-transform: uppercase;
  color: #141414;
  font-size: 1.25rem;
  font-weight: 400;
  line-height: 1.4;
  /* 140% */
  display: flex;
  gap: 0.625rem;
}

@media screen and (max-width: 767px) {
  .project_post .project .grid-cards-2 .sticky .content ul li {
    flex-wrap: wrap;
  }
}

.project_post .project .grid-cards-2 .sticky .content ul li span {
  color: #7D7D7D;
  font-size: 1.25rem;
}

@media screen and (max-width: 767px) {
  .project_post .project .grid-cards-2 .sticky .content ul li span {
    flex: 1 1 100%;
  }
}

.project_post .project .grid-cards-2 .sticky .content p {
  color: #141414;
  font-size: 1.75rem;
  font-weight: 400;
  line-height: 1.4;
  /* 19.6px */
  margin-bottom: 4.5rem;
}

@media screen and (max-width: 767px) {
  .project_post .project .grid-cards-2 .sticky .content p {
    margin-bottom: 3.125rem;
  }
}

.project_post .project .grid-cards-2 .sticky .content .see-all {
  color: #141414;
}

.project_post .project .grid-cards-2 .sticky .content .see-all:after {
  background: #141414;
}

.project_post .project .grid-cards-2 .gallery {
  width: 69.75rem;
}

@media screen and (max-width: 767px) {
  .project_post .project .grid-cards-2 .gallery {
    width: 100%;
  }
}

.project_post .project .grid-cards-2 .gallery>*:not(:last-child) {
  margin-bottom: 0.25rem;
}

.project_post .project .grid-cards-2 .gallery .grid-gallery {
  grid-column-gap: 0.25rem;
  grid-row-gap: 0.25rem;
}

.project_post .project .grid-cards-2 .gallery .grid-gallery> :nth-child(1) {
  max-height: 104.5rem;
}

.project_post .project .grid-cards-2 .gallery .grid-gallery> :nth-child(2) {
  max-height: 52.125rem;
}

.project_post .project .grid-cards-2 .gallery .grid-gallery> :nth-child(3) {
  max-height: 52.125rem;
}

.project_post .project .grid-cards-2 .gallery img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 0.5rem;
}

.project_post .courses {
  background: #FFF;
  padding-top: 5rem;
  margin: 0 0.5rem;
  margin-bottom: 0.5rem;
  border-radius: 0.5rem;
}

@media screen and (max-width: 767px) {
  .project_post .courses {
    padding-top: 0;
  }
}

.project_post .courses .title {
  padding: 0 5rem;
  margin-bottom: 3.75rem;
}

@media screen and (max-width: 767px) {
  .project_post .courses .title {
    margin-bottom: 0;
    padding: 3.25rem;
  }
}

.project_post .courses .title h2 {
  color: #272727;
  font-size: 2.5rem;
  font-weight: 500;
  line-height: 1.4;
  /* 28px */
}

.student_page .info_study {
  margin: 0 0.5rem;
  margin-bottom: 0.25rem;
}

.student_page .info_study .grid-cards-2 {
  grid-column-gap: 0.25rem;
}

.student_page .info_study .grid-cards-2 .content {
  width: 79rem;
  overflow: hidden;
}

@media screen and (max-width: 767px) {
  .student_page .info_study .grid-cards-2 .content {
    width: 100%;
  }
}

.student_page .info_study .grid-cards-2 .content .blocks {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
}

.student_page .info_study .grid-cards-2 .content .blocks>* {
  padding: 5rem;
  border-radius: 0.5rem;
}

@media screen and (max-width: 767px) {
  .student_page .info_study .grid-cards-2 .content .blocks>* {
    padding: 3.25rem;
  }
}

.student_page .info_study .grid-cards-2 .content .blocks .title_block,
.student_page .info_study .grid-cards-2 .content .blocks .content_block {
  background: #FFF;
}

.student_page .info_study .grid-cards-2 .content .blocks .comment_study {
  background: #E7EC08;
}

.student_page .info_study .grid-cards-2 .content .blocks .comment_study p {
  color: #141414;
  font-size: 2rem;
  font-weight: 500;
  line-height: 1.4;
  /* 22.4px */
}

@media screen and (max-width: 767px) {
  .student_page .info_study .grid-cards-2 .content .blocks .comment_study p {
    font-size: 1.75rem;
  }
}

.student_page .info_study .grid-cards-2 .content .blocks .title_block h1 {
  margin-bottom: 1.25rem;
}

.student_page .info_study .grid-cards-2 .content .blocks .title_block .sub-title {
  color: #7D7D7D;
  font-size: 1.625rem;
  font-weight: 400;
  line-height: 2rem;
  /* 123.077% */
  text-transform: uppercase;
  margin-bottom: 3.125rem;
}

@media screen and (max-width: 767px) {
  .student_page .info_study .grid-cards-2 .content .blocks .title_block .sub-title {
    font-size: 1.25rem;
  }
}

.student_page .info_study .grid-cards-2 .content .blocks .title_block .row-social {
  display: flex;
  align-items: center;
  gap: 1.25rem;
}

.student_page .info_study .grid-cards-2 .content .blocks .title_block .row-social svg {
  width: 3rem;
  height: 3rem;
}

.student_page .info_study .grid-cards-2 .content .blocks .title_block .row-social>*:not(:first-child) {
  width: 3rem;
  height: 3rem;
}

.student_page .info_study .grid-cards-2 .content .blocks .content_block p {
  color: #141414;
  font-size: 1.75rem;
  font-weight: 400;
  line-height: 1.4;
  /* 19.6px */
}

@media screen and (max-width: 767px) {
  .student_page .info_study .grid-cards-2 .sticky {
    grid-row: 1;
  }
}

.student_page .info_study .grid-cards-2 .sticky img {
  position: sticky;
  top: 10.8rem;
  width: 100%;
  max-height: 69.75rem;
  border-radius: 0.5rem;
  object-fit: cover;
  object-position: top;
}

@media screen and (max-width: 767px) {
  .student_page .info_study .grid-cards-2 .sticky img {
    height: 39rem;
  }
}

@media screen and (max-width: 767px) {
  .student_page .project {
    margin: 0 0.5rem;
    margin-bottom: 5rem;
  }
}

@media screen and (max-width: 767px) {
  .student_page .project .grid-cards-2 {
    width: 100%;
    column-gap: 0;
    margin: 0;
  }
}

@media screen and (max-width: 767px) {
  .student_page .project .grid-cards-2 .sticky {
    width: 100%;
  }
}

@media screen and (max-width: 767px) {
  .student_page .project .grid-cards-2 .sticky .content {
    width: 100%;
    padding: 3.25rem;
  }

  .student_page .project .grid-cards-2 .sticky .content p {
    margin: 0;
  }
}

@media screen and (max-width: 767px) {
  .student_page .project .grid-cards-2 .gallery {
    width: 100%;
  }
}

.student_page .project .grid-cards-2 .gallery>*:first-child>*:first-child {
  display: block;
}

.teacher_post .teacher_info {
  margin: 0 0.5rem;
}

.teacher_post .teacher_info .grid-cards-2 {
  column-gap: 0.25rem;
}

@media screen and (max-width: 767px) {
  .teacher_post .teacher_info .grid-cards-2 .info {
    grid-row: 2;
  }
}

.teacher_post .teacher_info .info {
  background: #FFF;
  border-radius: 0.5rem;
  width: 79rem;
  padding: 5rem;
  padding-right: 13.5rem;
}

@media screen and (max-width: 767px) {
  .teacher_post .teacher_info .info {
    padding: 3.25rem;
    width: 100%;
  }
}

.teacher_post .teacher_info .info h1 {
  margin-bottom: 1.25rem;
}

.teacher_post .teacher_info .info .job_title {
  color: #525252;
  font-size: 1.625rem;
  font-style: normal;
  font-weight: 400;
  line-height: 2rem;
  /* 123.077% */
  text-transform: uppercase;
  margin-bottom: 5rem;
}

@media screen and (max-width: 767px) {
  .teacher_post .teacher_info .info .job_title {
    font-size: 1.25rem;
  }
}

.teacher_post .teacher_info .info .content {
  display: flex;
  flex-direction: column;
  gap: 3.125rem;
}

.teacher_post .teacher_info .info .content .title_p {
  color: #272727;
  font-size: 1.25rem;
  font-weight: 400;
  line-height: 1.4;
  text-transform: uppercase;
  margin-bottom: 0.625rem;
}

.teacher_post .teacher_info .info .content p,
.teacher_post .teacher_info .info .content a {
  color: #141414;
  font-size: 1.75rem;
  font-weight: 400;
  line-height: 1.4;
  /* 19.6px */
}

.teacher_post .teacher_info .info .content p span,
.teacher_post .teacher_info .info .content a span {
  color: #7D7D7D;
  font-size: 1.5rem;
  font-weight: 400;
  line-height: 1.2;
  /* 14.4px */
}

@media screen and (max-width: 767px) {
  .teacher_post .teacher_info .info .content .link a {
    font-size: 2rem;
    margin-top: 1.875rem;
    display: block;
  }
}

.teacher_post .teacher_info img {
  width: 69.75rem;
  border-radius: 0.5rem;
  object-fit: cover;
  position: sticky;
  top: 10.8rem;
}

@media screen and (max-width: 767px) {
  .teacher_post .teacher_info img {
    width: 100%;
    height: 100%;
  }
}

.teacher_post .projects {
  padding-bottom: 5rem;
  margin: 0 0.5rem;
}

.teacher_post .projects h2 {
  color: #FFF;
  padding: 5rem;
}

@media screen and (max-width: 767px) {
  .teacher_post .projects h2 {
    padding: 2.5rem 2rem;
    font-size: 3rem;
  }
}

.teacher_post .courses {
  background: #FFF;
  padding-top: 5rem;
  margin: 0 0.5rem;
  margin-bottom: 0.5rem;
  border-radius: 0.5rem;
}

@media screen and (max-width: 767px) {
  .teacher_post .courses {
    padding-top: 0;
  }
}

.teacher_post .courses .title {
  padding: 0 5rem;
  margin-bottom: 3.75rem;
}

@media screen and (max-width: 767px) {
  .teacher_post .courses .title {
    margin-bottom: 0;
    padding: 3.25rem;
  }
}

.teacher_post .courses .title h2 {
  color: #272727;
  font-size: 2.5rem;
  font-weight: 500;
  line-height: 1.4;
  /* 28px */
}

@media screen and (max-width: 767px) {
  .teacher_list .title-page {
    padding: 2.5rem 3.75rem;
  }
}

@media screen and (max-width: 767px) {
  .teacher_list .grid-cards-5 {
    column-gap: 0;
    row-gap: 2.5rem;
  }
}

.teacher_list .search-input {
  background: #141414;
  padding-left: 5rem;
  padding-right: 2.875rem;
  width: 100%;
  color: #A9A9A9;
  font-size: 2.5rem;
  font-weight: 400;
  line-height: 1.4;
  /* 28px */
  caret-color: #FFF;
}

@media screen and (max-width: 767px) {
  .teacher_list .search-input {
    padding: 0 3.75rem;
  }
}

.teacher_list .search-input::placeholder {
  padding-left: 0.5rem;
  text-transform: uppercase;
}

@media screen and (max-width: 767px) {
  .teacher_list .search-input::placeholder {
    padding: 0;
  }
}

.teacher_list .list {
  margin: 0 2.5rem;
  margin-top: 5rem;
  margin-bottom: 5rem;
}

@media screen and (max-width: 767px) {
  .teacher_list .list {
    margin: 0 3.75rem;
    margin-top: 1.875rem;
    margin-bottom: 5rem;
  }
}

.history .history-cards {
  margin: 0 2.5rem;
}

@media screen and (max-width: 767px) {
  .history .history-cards {
    margin: 0 3.75rem;
  }
}

.history .history-cards .grid-cards-4 {
  column-gap: 2.5rem;
  row-gap: 5rem;
}

@media screen and (max-width: 767px) {
  .history .history-cards .grid-cards-4 {
    column-gap: 0rem;
    row-gap: 3.5rem;
  }
}

.history .history-cards .history-card {
  width: 34.375rem;
}

@media screen and (max-width: 767px) {
  .history .history-cards .history-card {
    width: 100%;
  }
}

.history .history-cards .history-card .link-border-bottom {
  color: #FFF;
  font-size: 1.25rem;
  line-height: 1.4;
}

.history .history-cards .history-card .link-border-bottom:after {
  background: #FFF;
  height: 0.125rem;
}

.history .history-cards .history-card .link-border-bottom:before {
  background: #FFF;
  height: 0.125rem;
}

@media screen and (max-width: 767px) {
  .history .history-cards .history-card .link-border-bottom {
    color: #E7EC08;
    font-size: 1.625rem;
  }

  .history .history-cards .history-card .link-border-bottom:after {
    background: #E7EC08;
  }

  .history .history-cards .history-card .link-border-bottom:before {
    background: #E7EC08;
  }
}

.history .share-history {
  margin: 0 0.5rem;
  margin-bottom: 0.5rem;
}

@media screen and (max-width: 767px) {
  .history .share-history .wrapper {
    padding: 0;
  }
}

.history .share-history .grid-cards-2 {
  column-gap: 10rem;
  padding: 6.25rem 8rem;
  background: #E7EC08;
  border-radius: 0.5rem;
  overflow: hidden;
}

@media screen and (max-width: 767px) {
  .history .share-history .grid-cards-2 {
    display: block;
    padding: 3.25rem 1.25rem 1.25rem 1.25rem;
  }
}

.history .share-history .grid-cards-2 .title {
  width: 44.5rem;
}

@media screen and (max-width: 767px) {
  .history .share-history .grid-cards-2 .title {
    width: 100%;
    margin-bottom: 2.5rem;
    padding-left: 2rem;
  }
}

.history .share-history .grid-cards-2 .form {
  width: 78.5rem;
}

@media screen and (max-width: 767px) {
  .history .share-history .grid-cards-2 .form {
    width: 100%;
  }
}

.history .share-history .grid-cards-2 .form .input-main-wrapp .input-top {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  margin-bottom: 3.75rem;
}

.history .share-history .grid-cards-2 .form .input-main-wrapp .input-top input {
  width: 100%;
}

.history .share-history .grid-cards-2 .form .input-main-wrapp .btn-black {
  height: 6.5rem;
  margin-bottom: 3.75rem;
}

.history .share-history .grid-cards-2 .form .input-main-wrapp p {
  color: #141414;
  text-align: center;
  text-overflow: ellipsis;
  font-size: 1.5rem;
  font-style: normal;
  font-weight: 400;
  line-height: 1.2;
  /* 14.4px */
}

.history .share-history .grid-cards-2 .form .input-main-wrapp p a {
  color: #141414;
  font-size: 1.5rem;
  text-decoration: underline;
}

.contact {
  margin: 0 0.5rem;
}

.contact .wrapper {
  padding: 0;
}

.contact>.grid-cards-2 {
  margin-bottom: 0.5rem;
}

.contact>.grid-cards-2 .contacts .text,
.contact>.grid-cards-2 .contacts .main_info {
  padding: 5rem;
}

@media screen and (max-width: 767px) {

  .contact>.grid-cards-2 .contacts .text,
  .contact>.grid-cards-2 .contacts .main_info {
    padding: 0;
  }
}

.contact>.grid-cards-2 .contacts>* {
  background: #FFF;
}

.contact>.grid-cards-2 .contacts .main_info {
  background: #E7EC08;
  padding-bottom: 10.5rem;
  border-radius: 0.5rem;
  margin-bottom: 0.25rem;
  /* height: 34.625rem; */
  height: 45.75rem;
}

@media screen and (max-width: 767px) {
  .contact>.grid-cards-2 .contacts .main_info {
    height: 22rem;
    padding: 3.25rem 5rem 3.25rem 3.25rem;
  }
}

.contact>.grid-cards-2 .contacts .main_info .info {
  display: flex;
  gap: 1.25rem;
  flex-direction: column;
}

@media screen and (max-width: 767px) {
  .contact>.grid-cards-2 .contacts .main_info .info .adress {
    font-size: 1.625rem;
  }
}

.contact>.grid-cards-2 .contacts .main_info .info,
.contact>.grid-cards-2 .contacts .main_info .info a {
  color: #141414;
  font-size: 2rem;
  font-style: normal;
  font-weight: 500;
  line-height: 1.3;
  /* 137.5% */
  text-transform: uppercase;
}

.contact>.grid-cards-2 .contacts .main_info .info span,
.contact>.grid-cards-2 .contacts .main_info .info a span {
  position: relative;
}

@media screen and (max-width: 767px) {

  .contact>.grid-cards-2 .contacts .main_info .info span,
  .contact>.grid-cards-2 .contacts .main_info .info a span {
    font-size: 1.625rem;
  }
}

.contact>.grid-cards-2 .contacts .main_info .info span:after,
.contact>.grid-cards-2 .contacts .main_info .info a span:after {
  content: "";
  position: absolute;
  width: 0;
  background: #141414;
  height: 0.125rem;
  left: 0;
  bottom: 0;
  transition: all 0.3s;
}

.contact>.grid-cards-2 .contacts .main_info .info span:hover:after,
.contact>.grid-cards-2 .contacts .main_info .info a span:hover:after {
  width: 100%;
}

@media screen and (max-width: 767px) {

  .contact>.grid-cards-2 .contacts .main_info .info,
  .contact>.grid-cards-2 .contacts .main_info .info a {
    font-size: 1.625rem;
  }
}

.contact>.grid-cards-2 .contacts .main_info h1 {
  margin-bottom: 3.25rem;
}

.contact>.grid-cards-2 .contacts .social {
  /* margin-bottom: 0.25rem; */
  background: #141414;
  display: flex;
  /* border-radius: 0.5rem; */
  overflow: hidden;
  gap: 0.125rem;
  align-items: stretch;
  /* padding-right: 0.125rem; */
}

.contact>.grid-cards-2 .contacts .social>* {
  flex: 1 1 25%;
  background: #FFF;
  min-height: 12.575rem;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0.3s;
}

.contact>.grid-cards-2 .contacts .social .icoMax {
  width: 3.6rem;
  height: 3.6rem;
}

.contact>.grid-cards-2 .contacts .social>* svg {
  width: 4rem;
  height: 4rem;
}

.contact>.grid-cards-2 .contacts .social>*:hover {
  background: #E7EC08;
}

@media screen and (max-width: 767px) {
  .contact>.grid-cards-2 .contacts .social>* {
    height: 7.75rem;
  }
}

.contact>.grid-cards-2 .contacts .text {
  margin-bottom: 0.125rem;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 10.625rem;
  color: #141414;
  text-align: center;
  font-size: 1.625rem;
  font-weight: 500;
  line-height: 1.2;
  /* 123.077% */
  text-transform: uppercase;
  border-top-right-radius: 0.5rem;
  border-top-left-radius: 0.5rem;
}

@media screen and (max-width: 767px) {
  .contact>.grid-cards-2 .contacts .text {
    height: 7.75rem;
    padding: 2.125rem 5rem;
    font-size: 1.25rem;
  }
}

.contact>.grid-cards-2 .contacts .tels {
  background: #141414;
  display: flex;
  flex-direction: column;
  gap: 0.125rem;
  /* border-bottom-right-radius: 0.5rem;
  border-bottom-left-radius: 0.5rem; */
  overflow: hidden;
}

.contact>.grid-cards-2 .contacts .tels .tel {
  transition: all 0.3s;
}

.contact>.grid-cards-2 .contacts .tels .tel:hover {
  background: #E7EC08;
}

.contact>.grid-cards-2 .contacts .tels>* {
  background: #FFF;
  flex: 1 1 50%;
  height: 12.75rem;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #141414;
  font-size: 2rem;
  font-weight: 500;
  line-height: 1.3;
  /* 137.5% */
  text-transform: uppercase;
  transition: all 0.3s;
}

.contact>.grid-cards-2 .contacts .tels>*:hover {
  background: #E7EC08;
}

@media screen and (max-width: 767px) {
  .contact>.grid-cards-2 .contacts .tels>* {
    font-size: 1.625rem;
    height: 6.125rem;
  }
}

.contact>.grid-cards-2 .maps {
  width: 86.75rem;
  position: relative;
}

@media screen and (max-width: 767px) {
  .contact>.grid-cards-2 .maps {
    width: 100%;
  }
}

.contact>.grid-cards-2 .maps .map {
  width: 100%;
}

.contact>.grid-cards-2 .maps .map_container {
  border-radius: 0.5rem;
  overflow: hidden;
  display: flex;
  margin-bottom: 0.25rem;
  height: 45.75rem;
}

@media screen and (max-width: 767px) {
  .contact>.grid-cards-2 .maps .map_container {
    height: 22rem;
  }
}

.contact>.grid-cards-2 .maps .map_container img {
  height: 100%;
  width: 100%;
  object-fit: cover;
}

.contact>.grid-cards-2 .maps .tabs {
  position: absolute;
  top: 1.25rem;
  left: 3.75rem;
  display: flex;
  gap: 0.5rem;
}

@media screen and (max-width: 767px) {
  .contact>.grid-cards-2 .maps .tabs {
    left: 0.875rem;
  }
}

.contact>.grid-cards-2 .maps .tabs .tab {
  border-radius: 0.25rem;
  background: #FFF;
  padding: 1.25rem;
  color: #141414;
  font-size: 1.5rem;
  font-style: normal;
  font-weight: 500;
  line-height: 1.4;
  /* 16.8px */
  text-transform: uppercase;
  cursor: pointer;
}

.contact>.grid-cards-2 .maps .tabs .tab.active {
  background: #E7EC08;
}

@media screen and (max-width: 767px) {
  .contact>.grid-cards-2 .maps .tabs .tab {
    padding: 0.625rem;
    font-size: 1.25rem;
    white-space: nowrap;
  }
}

.contact>.grid-cards-2 .maps .grid-cards-2 {
  column-gap: 0.25rem;
}

.contact>.grid-cards-2 .maps .info .works {
  height: 23.375rem;
  border-radius: 0.5rem;
  background: #272727;
  color: #FFF;
  padding: 5rem;
  width: 49.5rem;
}

@media screen and (max-width: 767px) {
  .contact>.grid-cards-2 .maps .info .works {
    height: 22rem;
    width: 100%;
    padding: 3.25rem;
    display: flex;
    align-items: center;
    flex-direction: column;
  }
}

.contact>.grid-cards-2 .maps .info .works .title {
  font-size: 1.625rem;
  font-weight: 500;
  line-height: 1.2;
  /* 123.077% */
  text-transform: uppercase;
  margin-bottom: 2.5rem;
}

@media screen and (max-width: 767px) {
  .contact>.grid-cards-2 .maps .info .works .title {
    font-weight: 400;
  }
}

.contact>.grid-cards-2 .maps .info .works .time {
  margin-bottom: 2.625rem;
  font-size: 2rem;
  font-weight: 500;
  line-height: 1.3;
  /* 137.5% */
  text-transform: uppercase;
}

@media screen and (max-width: 767px) {
  .contact>.grid-cards-2 .maps .info .works .time {
    display: flex;
    flex-direction: column;
    gap: 1.25rem;
    align-items: center;
    margin-bottom: 3.25rem;
  }
}

.contact>.grid-cards-2 .maps .info .works .info {
  font-size: 1.25rem;
  align-self: stretch;
  font-weight: 400;
  line-height: 1.4;
  /* 140% */
  text-transform: uppercase;
}

@media screen and (max-width: 767px) {
  .contact>.grid-cards-2 .maps .info .works .info {
    font-size: 1rem;
    text-align: center;
  }
}

.contact>.grid-cards-2 .maps .info .dop-info .cooperation {
  padding: 5rem;
  height: 17.25rem;
  text-align: center;
  color: #FFF;
  font-size: 1.625rem;
  font-weight: 500;
  line-height: 1.2;
  /* 123.077% */
  text-transform: uppercase;
  margin-bottom: 0.25rem;
}

@media screen and (max-width: 767px) {
  .contact>.grid-cards-2 .maps .info .dop-info .cooperation {
    height: 13.75rem;
    padding: 3.25rem 5rem;
  }
}

.contact>.grid-cards-2 .maps .info .dop-info .cooperation a {
  color: #FFF;
  font-size: 1.625rem;
  font-weight: 500;
  line-height: 1.2;
  /* 123.077% */
  position: relative;
}

.contact>.grid-cards-2 .maps .info .dop-info .cooperation a:after {
  content: "";
  position: absolute;
  width: 0;
  background: #FFF;
  height: 0.125rem;
  left: 0;
  bottom: 0;
  transition: all 0.3s;
}

.contact>.grid-cards-2 .maps .info .dop-info .cooperation a:hover:after {
  width: 100%;
}

@media screen and (max-width: 767px) {
  .contact>.grid-cards-2 .maps .info .dop-info .cooperation a {
    font-size: 2rem;
  }
}

.contact>.grid-cards-2 .maps .info .dop-info .cooperation span {
  font-size: 1.625rem;
  font-weight: 500;
  line-height: 1.2;
  /* 123.077% */
  text-transform: uppercase;
  margin-bottom: 2.5rem;
  display: block;
}

.contact>.grid-cards-2 .maps .info .dop-info>* {
  border-radius: 0.5rem;
  background: #272727;
}

.contact>.grid-cards-2 .maps .info .dop-info>a {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 5.875rem;
  color: #FFF;
  font-size: 1.25rem;
  font-weight: 500;
  line-height: 1.4;
  /* 140% */
  text-transform: uppercase;
  transition: all 0.3s;
}

@media screen and (max-width: 767px) {
  .contact>.grid-cards-2 .maps .info .dop-info>a {
    font-size: 1.625rem;
    height: 8.25rem;
  }
}

.contact>.grid-cards-2 .maps .info .dop-info>a:hover {
  background: #E7EC08;
  color: #141414;
}

.pay .grid-cards-2 {
  column-gap: 0.25rem;
  row-gap: 0.25rem;
  margin-bottom: 0.5rem;
}

.pay .grid-cards-2>*:first-child>*:nth-child(2) {
  margin-bottom: 1.25rem;
}

.pay .grid-cards-2 .card {
  height: 21.75rem;
  width: 74.375rem;
  border-radius: 0.5rem;
  padding: 5rem;
  background: #FFF;
}

@media screen and (max-width: 767px) {
  .pay .grid-cards-2 .card {
    padding: 3.25rem;
    height: auto;
    max-height: 23rem;
    width: 100%;
  }
}

.pay .grid-cards-2 .card .times>*:first-child {
  margin-right: 1.25rem;
}

.pay .grid-cards-2 .card h2 {
  font-size: 3rem;
  margin-bottom: 1.25rem;
}

@media screen and (max-width: 767px) {
  .pay .grid-cards-2 .card h2 {
    font-size: 2rem;
  }
}

.pay .grid-cards-2 .card p {
  color: #141414;
  font-size: 1.75rem;
  font-weight: 400;
  line-height: 1.4;
  /* 19.6px */
}

.blog .grid-cards-4 {
  margin: 0 2.5rem;
  grid-column-gap: 2.5rem;
  grid-row-gap: 5rem;
}

@media screen and (max-width: 767px) {
  .blog .grid-cards-4 {
    grid-column-gap: 0rem;
    grid-row-gap: 5rem;
  }
}

.program .programs {
  margin: 0 0.5rem;
}

.program .programs .cards_cont {
  width: 111.625rem;
}

@media screen and (max-width: 767px) {
  .program .programs .cards_cont {
    width: 100%;
  }
}

@media screen and (max-width: 767px) {
  .program .programs .grid-cards-2 {
    display: flex;
    flex-direction: column;
  }
}

.program .programs .grid-cards-2 .cards {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}

.program .programs .grid-cards-2 .sticky {
  margin-bottom: 13.25rem;
}

@media screen and (max-width: 767px) {
  .program .programs .grid-cards-2 .sticky {
    margin-bottom: 0;
  }
}

.program .programs .grid-cards-2 .sort-des {
  position: sticky;
  top: 11rem;
}

@media screen and (max-width: 767px) {
  .program .programs .grid-cards-2 .sort-des {
    position: initial;
  }
}

.program .programs .grid-cards-2 .sidebar {
  position: sticky;
  top: 10.8rem;
  margin-bottom: 13.45375rem;
}

@media screen and (max-width: 767px) {
  .program .programs .grid-cards-2 .sidebar {
    margin-bottom: 0;
  }
}

.program .programs .grid-cards-2 .sidebar .dropdown_sort {
  color: #FFF;
  font-size: 1.625rem;
  font-weight: 500;
  text-transform: uppercase;
  margin-bottom: 0.25rem;
  border-radius: 0.5rem;
  overflow: hidden;
}

.program .programs .grid-cards-2 .sidebar .dropdown_sort .title {
  padding: 2.625rem 2.5rem;
  background: #272727;
  gap: 0.5rem;
  display: flex;
  align-items: center;
  cursor: pointer;
}

.program .programs .grid-cards-2 .sidebar .dropdown_sort .title.active {
  margin-bottom: 0.125rem;
}

.program .programs .grid-cards-2 .sidebar .dropdown_sort .title.active .icon {
  transform: rotate(180deg);
}

.program .programs .grid-cards-2 .sidebar .dropdown_sort .title .icon {
  width: 0.875rem;
  height: 2rem;
  transition: all 0.3s;
}

.program .programs .grid-cards-2 .sidebar .dropdown_sort .title .icon svg {
  width: 0.875rem;
  height: 2rem;
}

@media screen and (max-width: 767px) {
  .program .programs .grid-cards-2 .sidebar .dropdown_sort .title span {
    font-size: 1.625rem;
  }
}

.program .programs .grid-cards-2 .sidebar .dropdown_sort .dropdown-list {
  display: none;
  flex-direction: column;
  gap: 0.125rem;
}

.program .programs .grid-cards-2 .sidebar .dropdown_sort .dropdown-list.active {
  display: flex;
}

.program .programs .grid-cards-2 .sidebar .dropdown_sort .dropdown-list .dropdown-el {
  cursor: pointer;
  background: #272727;
  padding: 2.5rem;
  font-size: 1.25rem;
  text-transform: uppercase;
  transition: all 0.3s;
}

.program .programs .grid-cards-2 .sidebar .dropdown_sort .dropdown-list .dropdown-el:hover {
  padding-left: 3.75rem;
}

.program .programs .grid-cards-2 .sidebar form {
  border-radius: 0;
  background: transparent;
  padding: 0;
}

.program .programs .grid-cards-2 .sidebar .sorts_blocks {
  display: flex;
  gap: 0.125rem;
  flex-direction: column;
  border-radius: 0.5rem;
  overflow: hidden;
}

.program .programs .grid-cards-2 .sidebar .sorts_blocks .sort_block {
  background: #272727;
  padding: 2.5rem;
  color: #FFF;
}

.program .programs .grid-cards-2 .sidebar .sorts_blocks .sort_block .title_sort {
  color: #D4D4D4;
  font-size: 1.25rem;
  font-weight: 400;
  line-height: 1.4;
  /* 140% */
  margin-bottom: 1.25rem;
  text-transform: uppercase;
}

.program .programs .grid-cards-2 .sidebar .sorts_blocks .sort_block .sort_inputs {
  display: flex;
  flex-direction: column;
  gap: 1.25rem;
}

.program .programs .grid-cards-2 .sidebar .sorts_blocks>*:last-child {
  padding-bottom: 5rem;
}

.program .programs .grid-cards-2 .sort-mob {
  display: none;
}

@media screen and (max-width: 767px) {
  .program .programs .grid-cards-2 .sort-des {
    display: none;
  }

  .program .programs .grid-cards-2 .sort-mob {
    display: block;
  }

  .program .programs .grid-cards-2 .sort-mob .dropdown_title {
    cursor: pointer;
    margin-bottom: 0.25rem;
    display: flex;
    width: 100%;
    padding: 2.5rem 3.25rem;
    align-items: center;
    border-radius: 0.5rem;
    background: #272727;
    color: #FFF;
    font-size: 1.625rem;
    font-weight: 400;
    line-height: 1.2;
    /* 123.077% */
    text-transform: uppercase;
  }

  .program .programs .grid-cards-2 .sort-mob .dropdown_title .number {
    flex: 1 1 auto;
    margin-left: 1.25rem;
  }

  .program .programs .grid-cards-2 .sort-mob .dropdown_title .number span {
    display: flex;
    width: 2rem;
    height: 2rem;
    font-size: 1.25rem;
    background: #E7EC08;
    border-radius: 100%;
    color: #141414;
    justify-content: center;
    align-items: center;
  }

  .program .programs .grid-cards-2 .sort-mob .dropdown_title svg {
    width: 2rem;
    height: 2rem;
  }

  .program .programs .grid-cards-2 .sort-mob .dropdown-list {
    display: none;
  }

  .program .programs .grid-cards-2 .sort-mob .dropdown-list.active {
    display: block;
  }
}

@media screen and (max-width: 767px) {
  .search .des {
    display: none;
  }
}

.search .mob {
  display: none;
}

@media screen and (max-width: 767px) {
  .search .mob {
    display: block;
  }
}

.search .link-border-bottom {
  color: #FFF;
  font-size: 2rem;
  line-height: 1.4;
  width: auto;
  display: inline-block;
}

.search .link-border-bottom:after {
  background: #FFF;
  height: 0.125rem;
}

.search .link-border-bottom:before {
  background: #FFF;
  height: 0.125rem;
}

.search .title-page {
  padding-bottom: 0;
}

@media screen and (max-width: 767px) {
  .search .title-page {
    gap: 0;
    margin-bottom: 5rem;
  }

  .search .title-page .select2-selection__placeholder {
    font-size: 2rem !important;
  }
}

.search .sub-title {
  color: #FFF;
  font-size: 3rem;
  font-weight: 400;
  line-height: 1.4;
  /* 33.6px */
  padding-left: 5rem;
  padding-bottom: 5rem;
}

.search .sub-title span {
  color: #E7EC08;
  font-size: inherit;
}

@media screen and (max-width: 767px) {
  .search .sub-title {
    padding: 0;
    font-size: 1.75rem;
    margin-top: 0.625rem;
    margin-bottom: 2.5rem;
  }
}

.search .cards {
  padding: 0 5rem;
  padding-right: 0;
  display: flex;
  flex-direction: column;
  gap: 12.5rem;
  margin-bottom: 5rem;
}

@media screen and (max-width: 767px) {
  .search .cards {
    gap: 10rem;
    padding: 0 3.25rem;
  }
}

.search .cards .group {
  width: 99.75rem;
}

.search .cards .group.group-events .group_cards>*:last-child {
  margin-bottom: 0.125rem;
}

@media screen and (max-width: 767px) {
  .search .cards .group {
    width: 100%;
  }
}

.search .cards .group .group_cards {
  background: #525252;
  display: flex;
  flex-direction: column;
  gap: 0.125rem;
}

.search .cards .group .group_title {
  color: #FFF;
  font-size: 2rem;
  font-weight: 500;
  line-height: 1.3;
  /* 137.5% */
  text-transform: uppercase;
}

.search .cards .group .group_title span {
  color: #A9A9A9;
  font-size: 2rem;
}

.about-school #comp_ae1cf6df329b8b847718e4e18ebf2499,
.about-school .history-success {
  overflow: hidden;
}

.about-school span,
.about-school div,
.about-school p {
  color: #272727;
}

@media screen and (max-width: 767px) {
  .about-school .about-header .about-header-wrapp {
    flex-direction: column-reverse;
  }
}

.about-school .about-header .about-header-wrapp .about-header-left {
  width: 78.125rem;
}

@media screen and (max-width: 767px) {
  .about-school .about-header .about-header-wrapp .about-header-left {
    width: 100%;
  }
}

.about-school .about-header .about-header-wrapp .about-header-left .about-header-left-top {
  padding: 5rem;
  background: #FFF;
  gap: 2.5rem;
  height: 40.875rem;
}

@media screen and (max-width: 767px) {
  .about-school .about-header .about-header-wrapp .about-header-left .about-header-left-top {
    width: 100%;
    padding: 3.25rem;
    height: max-content;
  }
}

.about-school .about-header .about-header-wrapp .about-header-left .about-header-left-top h1 {
  color: #272727;
}

@media screen and (max-width: 767px) {
  .about-school .about-header .about-header-wrapp .about-header-left .about-header-left-top h1 {
    font-size: 3rem;
  }
}

.about-school .about-header .about-header-wrapp .about-header-left .about-header-left-top p {
  width: 52.75rem;
  font-size: 2.5rem;
  color: #141414;
}

@media screen and (max-width: 767px) {
  .about-school .about-header .about-header-wrapp .about-header-left .about-header-left-top p {
    font-size: 2rem;
    width: 100%;
  }
}

.about-school .about-header .about-header-wrapp .about-header-left .about-header-left-bottom .btn-linegr {
  width: 100%;
  height: 15rem;
  color: #FFF;
}

@media screen and (max-width: 767px) {
  .about-school .about-header .about-header-wrapp .about-header-left .about-header-left-bottom .btn-linegr {
    text-align: center;
    height: 11rem;
  }
}

.about-school .about-header .about-header-wrapp .about-header-right {
  width: 70.625rem;
  height: 56.125rem;
}

@media screen and (max-width: 767px) {
  .about-school .about-header .about-header-wrapp .about-header-right {
    width: 100%;
    height: 31.875rem;
  }
}

.about-school .about-header .about-header-wrapp .about-header-right video {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.about-school .about-cards {
  /* padding: 6.625rem 11.5rem 13.75rem 9.875rem; */
  padding:0 11.5rem 0 9.875rem;
}

@media screen and (max-width: 767px) {
  .about-school .about-cards {
    padding: 12.5rem 3.75rem;
    overflow: hidden;
    position: relative;
  }
}

.about-school .about-cards .about-cards-wrapp {
  height: 70.25rem;
  gap: 10rem;
}

@media screen and (max-width: 767px) {
  .about-school .about-cards .about-cards-wrapp {
    flex-direction: column;
    gap: 5.75rem;
    height: 55rem;
  }
}

.about-school .about-cards .about-cards-wrapp .about-cards-left {
  position: relative;
  width: 63.375rem;
  height: 40.875rem;
  z-index: 9;
}

@media screen and (max-width: 767px) {
  .about-school .about-cards .about-cards-wrapp .about-cards-left {
    width: 36.375rem;
    height: 24.125rem;
  }
}

.about-school .about-cards .about-cards-wrapp .about-cards-left .img-wrapp {
  width: 63.375rem;
  height: 40.875rem;
  position: absolute;
}

@media screen and (max-width: 767px) {
  .about-school .about-cards .about-cards-wrapp .about-cards-left .img-wrapp {
    width: 36.375rem;
    height: 24.125rem;
  }
}

.about-school .about-cards .about-cards-wrapp .about-cards-left .img-wrapp img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.about-school .about-cards .about-cards-wrapp .about-cards-left .img-wrapp:first-child {
  transform: rotate(8.517deg);
}

.about-school .about-cards .about-cards-wrapp .about-cards-left .img-wrapp:nth-child(2) {
  transform: rotate(-5.84deg);
}

.about-school .about-cards .about-cards-wrapp .ellipse-bg-blue {
  opacity: 0.6;
  animation: none;
}

.about-school .about-cards .about-cards-wrapp .about-cards-right {
  position: relative;
  z-index: 9;
}

.about-school .about-cards .about-cards-wrapp .about-cards-right .desc {
  color: #FFF;
  width: 52.75rem;
  font-size: 2.5rem;
}

@media screen and (max-width: 767px) {
  .about-school .about-cards .about-cards-wrapp .about-cards-right .desc {
    width: 100%;
    font-size: 2rem;
  }
}

.about-school .online .online-wrapp {
  /* padding: 15rem 8rem 15rem 5rem; */
  padding: 5rem 8rem 0 5rem;
  position: relative;
  gap: 4.375rem;
}

@media screen and (max-width: 767px) {
  .about-school .online .online-wrapp {
    padding: 5rem 3.75rem 0 3.75rem;
    flex-direction: column;
    gap: 2.375rem;
  }
}

.about-school .online .online-wrapp .online-left {
  gap: 2.375rem;
  width: 57.5rem;
  position: relative;
  z-index: 9;
}

@media screen and (max-width: 767px) {
  .about-school .online .online-wrapp .online-left {
    width: 100%;
    margin-top: 2.5rem;
  }
}

.about-school .online .online-wrapp .online-left h2 {
  color: #FFF;
}

.about-school .online .online-wrapp .online-left p {
  color: #FFF;
  font-size: 2.5rem;
}

@media screen and (max-width: 767px) {
  .about-school .online .online-wrapp .online-left p {
    font-size: 2rem;
  }
}

.about-school .online .online-wrapp .ellipse-yellow {
  position: absolute;
  opacity: 0.6;
}

@media screen and (max-width: 767px) {
  .about-school .online .online-wrapp .ellipse-yellow {
    left: -3.75rem;
    top: 17.5rem;
    opacity: 1;
  }
}

.about-school .online .online-wrapp .online-right {
  position: relative;
  z-index: 9;
}

@media screen and (max-width: 767px) {
  .about-school .online .online-wrapp .online-right {
    margin-bottom: 10.75rem;
  }
}

.about-school .online .online-wrapp .online-right .video-wrapp {
  width: 74.125rem;
  height: 40.25rem;
}

@media screen and (max-width: 767px) {
  .about-school .online .online-wrapp .online-right .video-wrapp {
    width: 100%;
    height: 17.75rem;
  }
}

.about-school .online .online-wrapp .online-right .video-wrapp video {
  width: 100%;
  height: 100%;
}

.about-school .teachers {
  padding: 5rem 0;
}

.about-school .teachers .teachers-wrapp {
  gap: 0.125rem;
}

@media screen and (max-width: 767px) {
  .about-school .teachers .teachers-wrapp {
    flex-direction: column;
  }
}

@media screen and (max-width: 767px) {
  .about-school .teachers .teachers-wrapp .teachers-left {
    padding: 3.25rem;
    gap: 3.5rem;
    border-radius: 0.5rem 0.5rem 0 0;
  }
}

.about-school .teachers .teachers-wrapp .teachers-left .teachers-left-top {
  gap: 2.375rem;
}

.about-school .teachers .teachers-wrapp .teachers-left .teachers-left-top>* {
  color: #141414;
}

.about-school .teachers .teachers-wrapp .teachers-right {
  grid-column-gap: 0.125rem;
  grid-row-gap: 0.125rem;
  grid-template-columns: repeat(5, 1fr);
}

.about-school .teachers .teachers-wrapp .teachers-right .teacher_card {
  width: 17.5rem;
  height: 17.5rem;
  pointer-events: none;
}

@media screen and (max-width: 767px) {
  .about-school .teachers .teachers-wrapp .teachers-right .teacher_card {
    width: 7.6875rem;
    height: 7.6875rem;
  }
}

.about-school .teachers .teachers-wrapp .teachers-right .img-wrapp {
  border-radius: 0;
  width: 17.5rem;
  height: 17.5rem;
}

@media screen and (max-width: 767px) {
  .about-school .teachers .teachers-wrapp .teachers-right .img-wrapp {
    width: 7.6875rem;
    height: 7.6875rem;
  }
}

.about-school .audience {
  padding-bottom: 10rem;
}

@media screen and (max-width: 767px) {
  .about-school .audience {
    padding: 2.5rem 0;
  }
}

.about-school .audience .audience-wrapp {
  overflow-x: clip;
  gap: 5rem;
}

@media screen and (max-width: 767px) {
  .about-school .audience .audience-wrapp {
    gap: 2.5rem;
  }
}

.about-school .audience .audience-wrapp .audience-top {
  padding: 6.25rem 0 5rem 5.5rem;
  gap: 2.5rem;
}

@media screen and (max-width: 767px) {
  .about-school .audience .audience-wrapp .audience-top {
    padding: 0 3.75rem;
  }
}

.about-school .audience .audience-wrapp .audience-top h2 {
  color: #FFF;
}

.about-school .audience .audience-wrapp .audience-top p {
  color: #FFF;
  width: 48.75rem;
}

@media screen and (max-width: 767px) {
  .about-school .audience .audience-wrapp .audience-top p {
    width: 100%;
  }
}

.about-school .audience .audience-wrapp .audience-bottom .audience-slider {
  position: relative;
  transform: translate3d(-22.5rem, 0, 0);
  width: 215rem;
}

@media screen and (max-width: 767px) {
  .about-school .audience .audience-wrapp .audience-bottom .audience-slider {
    transform: none;
    padding-left: 3.75rem;
    padding-right: 3.75rem;
    width: 100%;
  }
}

.about-school .audience .audience-wrapp .audience-bottom .audience-slider .arrows {
  z-index: 9999;
  position: absolute;
  display: flex;
  left: 55rem;
  top: 50%;
  width: 84.375rem;
}

@media screen and (max-width: 767px) {
  .about-school .audience .audience-wrapp .audience-bottom .audience-slider .arrows {
    display: none;
  }
}

.about-school .audience .audience-wrapp .audience-bottom .audience-slider .audiense-prev,
.about-school .audience .audience-wrapp .audience-bottom .audience-slider .audiense-next {
  width: 3rem;
  height: 3rem;
  flex-shrink: 0;
}

.about-school .audience .audience-wrapp .audience-bottom .audience-slider .audiense-prev:hover rect,
.about-school .audience .audience-wrapp .audience-bottom .audience-slider .audiense-next:hover rect {
  fill: #FFF;
}

.about-school .audience .audience-wrapp .audience-bottom .audience-slider .audiense-prev:hover path,
.about-school .audience .audience-wrapp .audience-bottom .audience-slider .audiense-next:hover path {
  fill: #141414;
}

.about-school .audience .audience-wrapp .audience-bottom .audience-slider .audiense-prev svg,
.about-school .audience .audience-wrapp .audience-bottom .audience-slider .audiense-next svg {
  width: 100%;
  height: 100%;
  margin-top: 0 !important;
}

.about-school .audience .audience-wrapp .audience-bottom .audience-slider .audiense-prev svg rect,
.about-school .audience .audience-wrapp .audience-bottom .audience-slider .audiense-prev svg path,
.about-school .audience .audience-wrapp .audience-bottom .audience-slider .audiense-next svg rect,
.about-school .audience .audience-wrapp .audience-bottom .audience-slider .audiense-next svg path {
  transition: all 0.4s;
}

.about-school .audience .audience-wrapp .audience-bottom .swiper-wrapper {
  gap: 18.75rem;
}

@media screen and (max-width: 767px) {
  .about-school .audience .audience-wrapp .audience-bottom .swiper-wrapper {
    gap: 0;
  }
}

.about-school .audience .audience-wrapp .audience-bottom .swiper-wrapper .swiper-slide {
  width: 52.5rem !important;
  height: 35rem;
  transition: 0.7s ease-in-out;
}

@media screen and (max-width: 767px) {
  .about-school .audience .audience-wrapp .audience-bottom .swiper-wrapper .swiper-slide {
    width: 100% !important;
    height: 21.625rem;
  }
}

.about-school .audience .audience-wrapp .audience-bottom .swiper-wrapper .swiper-slide.swiper-slide-active {
  transform: scale(1.15);
}

@media screen and (max-width: 767px) {
  .about-school .audience .audience-wrapp .audience-bottom .swiper-wrapper .swiper-slide.swiper-slide-active {
    transform: none;
  }
}

.about-school .audience .audience-wrapp .audience-bottom .swiper-wrapper .swiper-slide.swiper-slide-active .img-wrapp {
  transform: scale(1.15);
}

@media screen and (max-width: 767px) {
  .about-school .audience .audience-wrapp .audience-bottom .swiper-wrapper .swiper-slide.swiper-slide-active .img-wrapp {
    transform: none;
  }
}

.about-school .audience .audience-wrapp .audience-bottom .swiper-wrapper .swiper-slide .img-wrapp {
  width: 52.5rem;
  height: 35rem;
}

@media screen and (max-width: 767px) {
  .about-school .audience .audience-wrapp .audience-bottom .swiper-wrapper .swiper-slide .img-wrapp {
    width: 100%;
    height: 21.625rem;
  }
}

.about-school .audience .audience-wrapp .audience-bottom .swiper-wrapper .swiper-slide .img-wrapp img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.about-school .stage .stage-wrapp {
  gap: 4.75rem;
  padding: 5rem 12.5rem 5rem 13.25rem;
}

@media screen and (max-width: 767px) {
  .about-school .stage .stage-wrapp {
    flex-direction: column;
    gap: 5rem;
    padding: 5rem 0 0 0;
  }
}

.about-school .stage .dialog-bottom-wrapp {
  top: 28.75rem;
}

.about-school .stage .dialog-bottom {
  position: sticky;
  top: 12rem;
  height: 30rem;
}

@media screen and (max-width: 767px) {
  .about-school .stage .dialog-bottom {
    padding: 2.5rem 3.125rem;
    gap: 5rem;
    position: initial;
    height: max-content;
  }
}

.about-school .stage .dialog-bottom .dialog-left .dialog-text {
  width: max-content;
}

.about-school .stage .dialog-bottom .dialog-bottom-wrapp .dialog-text {
  width: max-content;
}

.about-school .stage .dialog-bottom .dialog-bottom-wrapp .dialog-text svg {
  right: -0.02rem;
}

.about-school .about .about-wrapp {
  padding-top: 0;
  padding-bottom: 12.75rem;
}

@media screen and (max-width: 767px) {
  .about-school .about .about-wrapp {
    padding-bottom: 0;
  }
}

@media screen and (max-width: 767px) {
  .cost .cost-title {
    padding: 2.5rem 3.25rem;
  }
}

.cost .cost-title h1 {
  color: #FFF;
}

@media screen and (max-width: 767px) {
  .cost .cost-title h1 {
    font-size: 3rem;
  }
}

.cost .short-courses .card-grid-wrapp {
  margin-bottom: 0.5rem;
}

.cost .card-grid-wrapp {
  margin-bottom: 2.5rem;
  gap: 0.125rem;
}

@media screen and (max-width: 767px) {
  .cost .card-grid-wrapp {
    margin-bottom: 1.875rem;
  }
}

.cost .card-grid-wrapp .title-design {
  gap: 3.75rem;
  padding-bottom: 1.25rem;
}

@media screen and (max-width: 767px) {
  .cost .card-grid-wrapp .title-design {
    gap: 0;
    padding: 3.25rem;
    border-radius: 0.5rem 0.5rem 0 0;
  }
}

.cost .card-grid-wrapp .title-design h2 {
  font-size: 2.5rem;
}

@media screen and (max-width: 767px) {
  .cost .card-grid-wrapp .title-design h2 {
    font-size: 2rem !important;
    line-height: 2.75rem;
  }
}

@media screen and (max-width: 767px) {
  .cost .card-grid-wrapp .title-design .table-grid {
    display: none;
  }
}

.cost .card-grid-wrapp .table {
  gap: 0.125rem;
}

.cost .card-grid-wrapp .table .item-table {
  border-radius: 0.5rem;
  background: #FFF;
  border-bottom: none;
  grid-template-columns: repeat(3, 1fr);
  gap: 0;
}

.cost .card-grid-wrapp .table .item-table .name-wrapp {
  display: none;
}

@media screen and (max-width: 767px) {
  .cost .card-grid-wrapp .table .item-table .name-wrapp {
    display: block;
    font-size: 1.25rem;
    text-transform: uppercase;
    line-height: 1.4;
    color: #7D7D7D;
    font-weight: 500;
  }
}

@media screen and (max-width: 767px) {
  .cost .card-grid-wrapp .table .item-table {
    padding: 2.5rem 3.25rem;
    grid-template-columns: repeat(1, 1fr);
    border-radius: 0;
    gap: 1.875rem;
  }

  .cost .card-grid-wrapp .table .item-table:last-child {
    border-radius: 0 0 0.5rem 0.5rem;
  }
}

.cost .card-grid-wrapp .table .item-table:hover .title-name:after {
  width: 100%;
  background: #141414;
}

@media screen and (max-width: 767px) {
  .cost .card-grid-wrapp .table .item-table:hover .title-name:after {
    content: none;
  }
}

.cost .card-grid-wrapp .table .item-table .name-course {
  width: 72.5rem;
}

@media screen and (max-width: 767px) {
  .cost .card-grid-wrapp .table .item-table .name-course {
    width: 100%;
    height: max-content;
    gap: 1.25rem;
  }

  .cost .card-grid-wrapp .table .item-table .name-course .name-wrapp {
    margin-bottom: 0.625rem;
  }
}

.cost .card-grid-wrapp .table .item-table .name-course .undefined {
  opacity: 0;
}

@media screen and (max-width: 767px) {
  .cost .card-grid-wrapp .table .item-table .name-course .undefined {
    display: none;
  }
}

.cost .card-grid-wrapp .table .item-table .name-course .additional-style {
  margin-top: 0.625rem;
  line-height: 1.4;
  color: #525252;
  font-size: 1.75rem;
}

@media screen and (max-width: 767px) {
  .cost .card-grid-wrapp .table .item-table .name-course .additional-style {
    display: none;
  }
}

.cost .card-grid-wrapp .table .item-table .pay {
  width: 32.5rem;
  align-items: flex-end;
}

@media screen and (max-width: 767px) {
  .cost .card-grid-wrapp .table .item-table .pay {
    width: 100%;
    align-items: flex-start;
    height: max-content;
  }
}

.cost .card-grid-wrapp .table .item-table .cost {
  width: 31.875rem;
  align-items: flex-end;
}

@media screen and (max-width: 767px) {
  .cost .card-grid-wrapp .table .item-table .cost {
    width: 100%;
    align-items: flex-start;
    height: max-content;
  }
}

.cost .card-grid-wrapp .table .item-table .cost span {
  text-decoration: line-through;
}

.cost .card-grid-wrapp .table .item-table .title-name {
  font-size: 2.5rem;
  line-height: 1.4;
  color: #141414;
  text-transform: none;
  font-weight: 400;
}

@media screen and (max-width: 767px) {
  .cost .card-grid-wrapp .table .item-table .title-name {
    font-size: 2rem;
    width: 30rem;
  }
}

.cost .card-grid-wrapp .table .item-table .title-name:after {
  bottom: 0.625rem;
  background: #141414;
}

@media screen and (max-width: 767px) {
  .cost .card-grid-wrapp .table .item-table .title-name:after {
    content: none;
  }
}

.cost .card-grid-wrapp .table .item-table .tag-general {
  position: initial;
  margin: 0;
}

.cost .card-grid-wrapp .table .item-table .tag-general.undefined {
  opacity: 0;
}

@media screen and (max-width: 767px) {
  .cost .card-grid-wrapp .table .item-table .tag-general.undefined {
    display: none;
  }
}

.cost .card-grid-wrapp .table .item-table .pay,
.cost .card-grid-wrapp .table .item-table .cost {
  gap: 0.625rem;
  justify-content: flex-start;
}

.cost .card-grid-wrapp .table .item-table .pay .title-pay,
.cost .card-grid-wrapp .table .item-table .cost .title-pay {
  font-size: 2.5rem;
  font-weight: 500;
  color: #141414;
  margin-top: 0.625rem;
}

@media screen and (max-width: 767px) {

  .cost .card-grid-wrapp .table .item-table .pay .title-pay,
  .cost .card-grid-wrapp .table .item-table .cost .title-pay {
    margin-top: 0;
    font-size: 1.75rem;
  }
}

@media screen and (max-width: 767px) {

  .cost .card-grid-wrapp .table .item-table .pay .name-wrapp,
  .cost .card-grid-wrapp .table .item-table .cost .name-wrapp {
    margin-bottom: 1.25rem;
  }
}

.cost .card-grid-wrapp .table .item-table .pay span,
.cost .card-grid-wrapp .table .item-table .cost span {
  color: #525252;
  font-weight: 400;
  line-height: 1.4;
  font-size: 1.75rem;
}

@media screen and (max-width: 767px) {

  .cost .card-grid-wrapp .table .item-table .pay span,
  .cost .card-grid-wrapp .table .item-table .cost span {
    font-size: 1.5rem;
  }
}

.cost .card-grid-wrapp .table .item-table .pay span.undefined,
.cost .card-grid-wrapp .table .item-table .cost span.undefined {
  opacity: 0;
}

@media screen and (max-width: 767px) {

  .cost .card-grid-wrapp .table .item-table .pay span.undefined,
  .cost .card-grid-wrapp .table .item-table .cost span.undefined {
    display: none;
  }
}

@media screen and (max-width: 767px) {
  .schedule .schedule-title {
    padding: 2.5rem 3.25rem;
    flex-direction: column;
    gap: 2.5rem;
    align-items: flex-start;
  }
}

.schedule .schedule-title h1 {
  color: #FFF;
}

@media screen and (max-width: 767px) {
  .schedule .schedule-title h1 {
    font-size: 3rem;
  }
}

.schedule .schedule-title .drop-row {
  gap: 2.5rem;
}

@media screen and (max-width: 767px) {
  .schedule .schedule-title .drop-row {
    flex-direction: column;
  }
}

.schedule .schedule-title .drop-row .base-select-cont {
  min-width: max-content !important;
}

@media screen and (max-width: 767px) {
  .schedule .schedule-title .drop-row .base-select-cont .select2-selection__rendered:hover:after {
    width: 0;
  }
}

.schedule .short-courses .card-grid-wrapp {
  margin-bottom: 0.5rem;
}

.schedule .card-grid-wrapp {
  margin-bottom: 2.5rem;
  gap: 0.125rem;
}

@media screen and (max-width: 767px) {
  .schedule .card-grid-wrapp {
    margin-bottom: 1.875rem;
  }
}

.schedule .card-grid-wrapp .title-design {
  gap: 3.75rem;
  padding-bottom: 1.25rem;
}

@media screen and (max-width: 767px) {
  .schedule .card-grid-wrapp .title-design {
    gap: 0;
    padding: 3.25rem;
    border-radius: 0.5rem 0.5rem 0 0;
  }
}

.schedule .card-grid-wrapp .title-design h2 {
  font-size: 2.5rem;
}

@media screen and (max-width: 767px) {
  .schedule .card-grid-wrapp .title-design h2 {
    font-size: 2rem !important;
    line-height: 2.75rem;
  }
}

@media screen and (max-width: 767px) {
  .schedule .card-grid-wrapp .title-design .table-grid {
    display: none;
  }
}

.schedule .card-grid-wrapp .table {
  gap: 0.125rem;
}

.schedule .card-grid-wrapp .table .item-table {
  border-radius: 0.5rem;
  background: #FFF;
  border-bottom: none;
  grid-template-columns: repeat(4, 1fr);
  gap: 0;
}

.schedule .card-grid-wrapp .table .item-table .name-wrapp {
  display: none;
}

@media screen and (max-width: 767px) {
  .schedule .card-grid-wrapp .table .item-table .name-wrapp {
    display: block;
    font-size: 1.25rem;
    text-transform: uppercase;
    line-height: 1.4;
    color: #7D7D7D;
    font-weight: 500;
  }
}

@media screen and (max-width: 767px) {
  .schedule .card-grid-wrapp .table .item-table {
    padding: 2.5rem 3.25rem;
    grid-template-columns: repeat(1, 1fr);
    border-radius: 0;
    gap: 1.875rem;
  }

  .schedule .card-grid-wrapp .table .item-table:last-child {
    border-radius: 0 0 0.5rem 0.5rem;
  }
}

.schedule .card-grid-wrapp .table .item-table:hover .title-name:after {
  width: 100%;
  background: #141414;
}

@media screen and (max-width: 767px) {
  .schedule .card-grid-wrapp .table .item-table:hover .title-name:after {
    content: none;
  }
}

.schedule .card-grid-wrapp .table .item-table .name-course {
  width: 72.5rem;
}

@media screen and (max-width: 767px) {
  .schedule .card-grid-wrapp .table .item-table .name-course {
    width: 100%;
    height: max-content;
    gap: 1.25rem;
  }

  .schedule .card-grid-wrapp .table .item-table .name-course .name-wrapp {
    margin-bottom: 0.625rem;
  }
}

.schedule .card-grid-wrapp .table .item-table .name-course .undefined {
  opacity: 0;
}

@media screen and (max-width: 767px) {
  .schedule .card-grid-wrapp .table .item-table .name-course .undefined {
    display: none;
  }
}

.schedule .card-grid-wrapp .table .item-table .name-course .additional-style {
  margin-top: 0.625rem;
  line-height: 1.4;
  color: #525252;
  font-size: 1.75rem;
}

.schedule .card-grid-wrapp .table .item-table .pay {
  width: 20rem;
  align-items: flex-end;
}

@media screen and (max-width: 767px) {
  .schedule .card-grid-wrapp .table .item-table .pay {
    width: 100%;
    align-items: flex-start;
    height: max-content;
  }
}

.schedule .card-grid-wrapp .table .item-table .cost {
  width: 20rem;
  align-items: flex-end;
}

@media screen and (max-width: 767px) {
  .schedule .card-grid-wrapp .table .item-table .cost {
    width: 100%;
    align-items: flex-start;
    height: max-content;
  }
}

.schedule .card-grid-wrapp .table .item-table .start {
  width: 20rem;
  align-items: flex-end;
}

@media screen and (max-width: 767px) {
  .schedule .card-grid-wrapp .table .item-table .start {
    width: 100%;
    align-items: flex-start;
    height: max-content;
  }
}

.schedule .card-grid-wrapp .table .item-table .title-name {
  font-size: 2.5rem;
  line-height: 1.4;
  color: #141414;
  text-transform: none;
  font-weight: 400;
}

@media screen and (max-width: 767px) {
  .schedule .card-grid-wrapp .table .item-table .title-name {
    font-size: 2rem;
    width: 30rem;
  }
}

.schedule .card-grid-wrapp .table .item-table .tag-general {
  position: initial;
  margin: 0;
}

.schedule .card-grid-wrapp .table .item-table .tag-general .undefined {
  opacity: 0;
}

@media screen and (max-width: 767px) {
  .schedule .card-grid-wrapp .table .item-table .tag-general .undefined {
    display: none;
  }
}

.schedule .card-grid-wrapp .table .item-table .pay,
.schedule .card-grid-wrapp .table .item-table .cost,
.schedule .card-grid-wrapp .table .item-table .start {
  gap: 0.625rem;
  justify-content: center;
}

@media screen and (max-width: 767px) {

  .schedule .card-grid-wrapp .table .item-table .pay,
  .schedule .card-grid-wrapp .table .item-table .cost,
  .schedule .card-grid-wrapp .table .item-table .start {
    gap: 1.25rem;
  }
}

.schedule .card-grid-wrapp .table .item-table .pay .title-pay,
.schedule .card-grid-wrapp .table .item-table .cost .title-pay,
.schedule .card-grid-wrapp .table .item-table .start .title-pay {
  font-size: 2.5rem;
  font-weight: 500;
  color: #141414;
  margin-top: 0.625rem;
}

@media screen and (max-width: 767px) {

  .schedule .card-grid-wrapp .table .item-table .pay .title-pay,
  .schedule .card-grid-wrapp .table .item-table .cost .title-pay,
  .schedule .card-grid-wrapp .table .item-table .start .title-pay {
    margin-top: 0;
    font-size: 1.75rem;
  }
}

@media screen and (max-width: 767px) {

  .schedule .card-grid-wrapp .table .item-table .pay .name-wrapp,
  .schedule .card-grid-wrapp .table .item-table .cost .name-wrapp,
  .schedule .card-grid-wrapp .table .item-table .start .name-wrapp {
    margin-bottom: 0;
  }
}

.article-page .article-wrapp {
  padding: 5rem 0;
  gap: 80px;
  margin-bottom: 40px;
  overflow-x: hidden;
}

@media screen and (max-width: 767px) {
  .article-page .article-wrapp {
    padding: 5rem 3.25rem;
    gap: 5rem;
  }
}

.article-page .article-wrapp .wrapp-left {
  padding-left: 30px;
}

@media screen and (max-width: 767px) {
  .article-page .article-wrapp .wrapp-left {
    padding-left: 0;
  }
}

.article-page .article-wrapp .article-text {
  gap: 20px;
  width: 600px;
}

@media screen and (max-width: 767px) {
  .article-page .article-wrapp .article-text {
    width: 100%;
  }
}

.article-page .article-wrapp .article-main {
  padding: 0 281px;
}

@media screen and (max-width: 767px) {
  .article-page .article-wrapp .article-main {
    padding: 0;
  }
}

.article-page .article-wrapp .article-main .article-main-wrapp {
  padding-left: 30px;
  gap: 40px;
}

@media screen and (max-width: 767px) {
  .article-page .article-wrapp .article-main .article-main-wrapp {
    padding-left: 0;
    gap: 3.75rem;
  }
}

.article-page .article-wrapp .article-main .article-main-wrapp h1 {
  width: 600px;
}

.article-page .article-wrapp .article-main .article-main-wrapp .button-share {
  gap: 5px;
  padding-bottom: 40px;
  border-bottom: 1px solid #D4D4D4;
  position: relative;
}

.article-page .article-wrapp .article-main .article-main-wrapp .button-share svg {
  width: 24px;
  height: 24px;
  flex-shrink: 0;
}

.article-page .article-wrapp .article-main .article-main-wrapp .button-share button {
  text-transform: uppercase;
  font-size: 13px;
  font-weight: 500;
  line-height: 2rem;
  color: #141414;
}

.article-page .article-wrapp .article-main .article-main-wrapp .button-share .dropdown-list-social {
  width: 228px;
  border: 1px solid #141414;
  background: #FFF;
  border-radius: 2px;
  padding: 20px;
  position: absolute;
  top: 50%;
  display: none;
  z-index: 9;
}

.article-page .article-wrapp .article-main .article-main-wrapp .button-share .dropdown-list-social.active {
  display: block;
}

.article-page .article-wrapp .article-main .article-main-wrapp .button-share .dropdown-list-social .dropdown-list-social-wrapp ul {
  gap: 10px;
}

.article-page .article-wrapp .article-main .article-main-wrapp .button-share .dropdown-list-social .dropdown-list-social-wrapp ul li a,
.article-page .article-wrapp .article-main .article-main-wrapp .button-share .dropdown-list-social .dropdown-list-social-wrapp ul li .copy-link {
  cursor: pointer;
}

.article-page .article-wrapp .article-main .article-main-wrapp .button-share .dropdown-list-social .dropdown-list-social-wrapp ul li a svg,
.article-page .article-wrapp .article-main .article-main-wrapp .button-share .dropdown-list-social .dropdown-list-social-wrapp ul li .copy-link svg {
  width: 24px;
  height: 24px;
  flex-shrink: 0;
}

.article-page .article-wrapp .article-main .article-main-wrapp .button-share .dropdown-list-social .dropdown-list-social-wrapp ul li a svg path,
.article-page .article-wrapp .article-main .article-main-wrapp .button-share .dropdown-list-social .dropdown-list-social-wrapp ul li .copy-link svg path {
  transition: all 0.4s;
}

.article-page .article-wrapp .article-main .article-main-wrapp .button-share .dropdown-list-social .dropdown-list-social-wrapp ul li a .name-item,
.article-page .article-wrapp .article-main .article-main-wrapp .button-share .dropdown-list-social .dropdown-list-social-wrapp ul li .copy-link .name-item {
  color: #141414;
  font-size: 13px;
  font-weight: 500;
  line-height: 2rem;
  text-transform: uppercase;
  white-space: nowrap;
  transition: all 0.4s;
}

.article-page .article-wrapp .article-main .article-main-wrapp .button-share .dropdown-list-social .dropdown-list-social-wrapp ul li .copy-link .name-item.color {
  color: #E7EC08;
}

.article-page .article-wrapp .article-main .article-main-wrapp .button-share .dropdown-list-social .dropdown-list-social-wrapp ul li .copy-link svg {
  width: 24px;
  height: 24px;
  flex-shrink: 0;
}

.article-page .article-wrapp .article-main .article-main-wrapp .button-share .dropdown-list-social .dropdown-list-social-wrapp ul li .copy-link svg.color path {
  fill: #E7EC08;
}

.article-page .article-wrapp .img-signature {
  padding: 0 281px;
}

@media screen and (max-width: 767px) {
  .article-page .article-wrapp .img-signature {
    padding: 0;
  }
}

.article-page .article-wrapp .img-signature:nth-child(6) .img-wrapp {
  height: 600px;
}

@media screen and (max-width: 767px) {
  .article-page .article-wrapp .img-signature:nth-child(6) .img-wrapp {
    height: 32.5rem;
  }
}

.article-page .article-wrapp .img-signature .img-wrapp {
  width: 600px;
  height: 338px;
  margin-bottom: 10px;
  position: relative;
}

@media screen and (max-width: 767px) {
  .article-page .article-wrapp .img-signature .img-wrapp {
    width: 32.5rem;
    height: 18.25rem;
    margin-bottom: 1.25rem;
  }
}

.article-page .article-wrapp .img-signature .img-wrapp img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.article-page .article-wrapp .img-signature .img-wrapp video {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.article-page .article-wrapp .img-signature .img-wrapp .play-container {
  opacity: 1;
}

.article-page .article-wrapp .img-signature .img-wrapp .play-container .play-about {
  width: 40px;
  height: 40px;
}

@media screen and (max-width: 767px) {
  .article-page .article-wrapp .img-signature .img-wrapp .play-container .play-about {
    width: 5rem;
    height: 5rem;
  }
}

.article-page .article-wrapp .img-signature .img-wrapp .play-container .play-about.hover {
  width: 56px;
  height: 56px;
  opacity: 0;
}

@media screen and (max-width: 767px) {
  .article-page .article-wrapp .img-signature .img-wrapp .play-container .play-about.hover {
    width: 7rem;
    height: 7rem;
  }
}

.article-page .article-wrapp .img-signature .img-wrapp .play-container .play-about svg {
  width: 11px;
  height: 11px;
  margin-left: 2px;
}

@media screen and (max-width: 767px) {
  .article-page .article-wrapp .img-signature .img-wrapp .play-container .play-about svg {
    width: 1.375rem;
    height: 1.375rem;
    margin-left: 0.25rem;
  }
}

.article-page .article-wrapp .img-signature .signature {
  color: #7D7D7D;
  width: 400px;
  font-size: 14px;
}

@media screen and (max-width: 767px) {
  .article-page .article-wrapp .img-signature .signature {
    width: 32.5rem;
    font-size: 1.5rem;
  }
}

.article-page .article-wrapp .article-content {
  padding: 0 281px;
}

@media screen and (max-width: 767px) {
  .article-page .article-wrapp .article-content {
    padding: 0;
  }

  .article-page .article-wrapp .article-content:nth-child(3) .article-content-wrapp h2 {
    width: 15rem !important;
  }
}

.article-page .article-wrapp .article-content .article-content-wrapp {
  width: 600px;
}

@media screen and (max-width: 767px) {
  .article-page .article-wrapp .article-content .article-content-wrapp {
    width: 100%;
  }
}

.article-page .article-wrapp .article-content:nth-child(7) .article-content-wrapp ul li {
  list-style: decimal;
}

.article-page .article-wrapp .article-content .article-content-wrapp {
  gap: 20px;
}

@media screen and (max-width: 767px) {
  .article-page .article-wrapp .article-content .article-content-wrapp {
    gap: 2.5rem;
  }
}

.article-page .article-wrapp .article-content .article-content-wrapp ul li {
  list-style: disc;
}

@media screen and (max-width: 767px) {
  .article-page .article-wrapp .article-content .article-content-wrapp ul li {
    margin-left: 2.5rem;
  }
}

.article-page .article-wrapp .quote {
  padding: 0 281px;
}

@media screen and (max-width: 767px) {
  .article-page .article-wrapp .quote {
    padding: 0;
  }
}

.article-page .article-wrapp .quote .quote-wrapp {
  position: relative;
  padding-left: 30px;
}

@media screen and (max-width: 767px) {
  .article-page .article-wrapp .quote .quote-wrapp {
    padding-left: 0;
  }
}

.article-page .article-wrapp .quote .quote-wrapp .quote-content {
  width: 600px;
}

@media screen and (max-width: 767px) {
  .article-page .article-wrapp .quote .quote-wrapp .quote-content {
    width: 100%;
    display: flex;
    flex-direction: row;
  }
}

.article-page .article-wrapp .quote .quote-wrapp .quote-content svg {
  width: 30px;
  height: 30px;
  position: absolute;
  flex-shrink: 0;
  left: 0;
}

@media screen and (max-width: 767px) {
  .article-page .article-wrapp .quote .quote-wrapp .quote-content svg {
    width: 3.75rem;
    height: 3.75rem;
    position: initial;
  }
}

.article-page .article-wrapp .quote .quote-wrapp .quote-content .text {
  color: #272727;
  font-size: 24px;
  line-height: 34px;
  font-weight: 500;
  text-transform: uppercase;
}

@media screen and (max-width: 767px) {
  .article-page .article-wrapp .quote .quote-wrapp .quote-content .text {
    font-size: 2rem;
    line-height: 2.75rem;
  }
}

.article-page .article-wrapp .quote .quote-wrapp .brand {
  color: #7D7D7D;
  font-size: 14px;
}

@media screen and (max-width: 767px) {
  .article-page .article-wrapp .quote .quote-wrapp .brand {
    font-size: 1.5rem;
    padding-left: 3.75rem;
  }
}

.article-page .article-wrapp .slider-img {
  padding: 0 281px;
  overflow: hidden;
}

@media screen and (max-width: 767px) {
  .article-page .article-wrapp .slider-img {
    padding: 0;
    overflow: visible;
  }
}

.article-page .article-wrapp .slider-img .article-slider {
  position: relative;
  gap: 8px;
  overflow: hidden;
}

@media screen and (max-width: 767px) {
  .article-page .article-wrapp .slider-img .article-slider {
    gap: 0;
    overflow: visible;
  }
}

.article-page .article-wrapp .slider-img .article-slider .arrows {
  z-index: 9;
  position: initial;
  display: flex;
  width: 100%;
  gap: 20px;
}

@media screen and (max-width: 767px) {
  .article-page .article-wrapp .slider-img .article-slider .arrows {
    gap: 0;
  }
}

.article-page .article-wrapp .slider-img .article-slider .swiper-pagination,
.article-page .article-wrapp .slider-img .article-slider .swiper-pagination-current,
.article-page .article-wrapp .slider-img .article-slider .swiper-pagination-total {
  color: #272727;
  position: initial !important;
  font-size: 14px;
  width: max-content;
}

@media screen and (max-width: 767px) {

  .article-page .article-wrapp .slider-img .article-slider .swiper-pagination,
  .article-page .article-wrapp .slider-img .article-slider .swiper-pagination-current,
  .article-page .article-wrapp .slider-img .article-slider .swiper-pagination-total {
    display: none;
  }
}

.article-page .article-wrapp .slider-img .article-slider .article-prev,
.article-page .article-wrapp .slider-img .article-slider .article-next {
  width: 24px;
  height: 24px;
  flex-shrink: 0;
  transition: all 0.4s;
  border-radius: 50%;
  border: 0.125rem solid #FFF;
  position: initial !important;
  margin-top: 0;
}

@media screen and (max-width: 767px) {

  .article-page .article-wrapp .slider-img .article-slider .article-prev,
  .article-page .article-wrapp .slider-img .article-slider .article-next {
    width: 3rem;
    height: 3rem;
    position: absolute !important;
  }
}

.article-page .article-wrapp .slider-img .article-slider .article-prev:hover,
.article-page .article-wrapp .slider-img .article-slider .article-next:hover {
  border-color: #141414;
}

@media screen and (max-width: 767px) {

  .article-page .article-wrapp .slider-img .article-slider .article-prev:hover,
  .article-page .article-wrapp .slider-img .article-slider .article-next:hover {
    border-color: #FFF;
  }
}

.article-page .article-wrapp .slider-img .article-slider .article-prev svg,
.article-page .article-wrapp .slider-img .article-slider .article-next svg {
  width: 100%;
  height: 100%;
  margin-top: 0 !important;
}

@media screen and (max-width: 767px) {
  .article-page .article-wrapp .slider-img .article-slider .article-prev {
    left: -3.25rem;
  }
}

@media screen and (max-width: 767px) {
  .article-page .article-wrapp .slider-img .article-slider .article-next {
    right: -3.25rem;
  }
}

.article-page .article-wrapp .slider-img .swiper-wrapper {
  width: 600px;
}

@media screen and (max-width: 767px) {
  .article-page .article-wrapp .slider-img .swiper-wrapper {
    width: 32.5rem;
  }
}

.article-page .article-wrapp .slider-img .swiper-wrapper .swiper-slide {
  width: 600px !important;
  height: 338px;
}

@media screen and (max-width: 767px) {
  .article-page .article-wrapp .slider-img .swiper-wrapper .swiper-slide {
    width: 32.5rem !important;
    height: 18.375rem;
    opacity: 0;
  }

  .article-page .article-wrapp .slider-img .swiper-wrapper .swiper-slide.swiper-slide-active {
    opacity: 1;
  }
}

.article-page .article-wrapp .slider-img .swiper-wrapper .img-wrapp {
  width: 600px;
  height: 338px;
}

@media screen and (max-width: 767px) {
  .article-page .article-wrapp .slider-img .swiper-wrapper .img-wrapp {
    width: 32.5rem;
    height: 18.375rem;
  }
}

.article-page .article-wrapp .slider-img .swiper-wrapper .img-wrapp img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.article-page .article-wrapp .author {
  padding: 0 281px;
}

@media screen and (max-width: 767px) {
  .article-page .article-wrapp .author {
    padding: 0;
  }
}

.article-page .article-wrapp .author .author-wrapp {
  gap: 0.875rem;
}

.article-page .article-wrapp .author .author-wrapp .name-author,
.article-page .article-wrapp .author .author-wrapp .photo {
  color: #7D7D7D;
  font-size: 14px;
}

@media screen and (max-width: 767px) {

  .article-page .article-wrapp .author .author-wrapp .name-author,
  .article-page .article-wrapp .author .author-wrapp .photo {
    font-size: 1.5rem;
  }
}

.article-page .courses .card-grid-wrapp {
  gap: 0.125rem;
  margin-bottom: 2.5rem;
  gap: 0.125rem;
}

.article-page .courses .card-grid-wrapp .title-design {
  gap: 3.75rem;
  padding-bottom: 1.25rem;
}

@media screen and (max-width: 767px) {
  .article-page .courses .card-grid-wrapp .title-design {
    padding: 3.25rem;
    gap: 0;
    border-radius: 0.5rem 0.5rem 0 0;
  }
}

.article-page .courses .card-grid-wrapp .title-design h2 {
  font-size: 2.5rem !important;
  text-transform: uppercase;
}

@media screen and (max-width: 767px) {
  .article-page .courses .card-grid-wrapp .title-design .table-grid {
    display: none;
  }
}

.article-page .courses .card-grid-wrapp .table {
  gap: 0.125rem;
}

.article-page .courses .card-grid-wrapp .item-table {
  border-bottom: none;
  background: #FFF;
  border-radius: 0.5rem;
}

@media screen and (max-width: 767px) {
  .article-page .courses .card-grid-wrapp .item-table {
    padding: 2.5rem 3.25rem;
    grid-template-columns: repeat(1, 1fr);
  }

  .article-page .courses .card-grid-wrapp .item-table:first-child {
    border-radius: 0;
  }

  .article-page .courses .card-grid-wrapp .item-table:last-child {
    border-radius: 0 0 0.5rem 0.5rem;
  }
}

.article-page .courses .card-grid-wrapp .item-table .undefined {
  opacity: 0;
}

.article-page .all-articles {
  padding-bottom: 5rem;
}

.article-page .all-articles .all-articles-wrapp {
  padding-left: 2rem;
}

@media screen and (max-width: 767px) {
  .article-page .all-articles .all-articles-wrapp {
    padding-left: 0;
  }
}

@media screen and (max-width: 767px) {
  .article-page .all-articles .all-articles-wrapp .title-articles {
    padding: 2.75rem;
    flex-direction: column;
    align-items: flex-start;
    gap: 1.25rem;
  }
}

.article-page .all-articles .all-articles-wrapp .title-articles h2 {
  color: #FFF;
  text-transform: uppercase;
  font-weight: 500;
  line-height: 1.2;
  font-size: 4.25rem;
}

.article-page .all-articles .all-articles-wrapp .title-articles a {
  color: #FFF;
  font-size: 2rem;
  line-height: 2.75rem;
  height: max-content;
}

@media screen and (max-width: 767px) {
  .article-page .all-articles .all-articles-wrapp .title-articles a {
    font-size: 1.5rem;
    line-height: 2rem;
  }
}

.article-page .all-articles .all-articles-wrapp .title-articles a:after {
  background: #FFF;
  height: 0.125rem;
}

.article-page .all-articles .all-articles-wrapp .title-articles a:before {
  background: #FFF;
  height: 0.125rem;
}

.article-page .all-articles .all-articles-wrapp .cards-wrapp {
  gap: 2.5rem;
}

@media screen and (max-width: 767px) {
  .article-page .all-articles .all-articles-wrapp .cards-wrapp {
    flex-direction: column;
    gap: 5rem;
    padding: 0 1.75rem;
  }
}

.article-page .all-articles .all-articles-wrapp .cards-wrapp .card-wrapp {
  width: 34.375rem;
}

.article-page .all-articles .all-articles-wrapp .cards-wrapp .card-wrapp:hover .img-wrapp img {
  transform: scale(1.1);
}

.article-page .all-articles .all-articles-wrapp .cards-wrapp .card-wrapp:hover h3 {
  color: #E7EC08;
}

.article-page .all-articles .all-articles-wrapp .cards-wrapp .card-wrapp .img-wrapp {
  width: 34.375rem;
  height: 34.375rem;
}

.article-page .all-articles .all-articles-wrapp .cards-wrapp .card-wrapp .img-wrapp img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: all 0.4s;
}

.article-page .all-articles .all-articles-wrapp .cards-wrapp .card-wrapp h3 {
  color: #FFF;
  font-size: 1.75rem;
  font-weight: 400;
  line-height: 1.4;
  text-transform: none;
  transition: all 0.4s;
}

.article-page .all-articles .all-articles-wrapp .cards-wrapp .card-wrapp p {
  font-size: 1.5rem;
  color: #FFF;
  font-weight: 400;
  line-height: 1.2;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  align-self: stretch;
  overflow: hidden;
  color: #D4D4D4;
  text-overflow: ellipsis;
  margin-right: 5rem;
}

.article-page .answer h2 {
  font-size: 4.25rem;
  text-transform: uppercase;
}

@media screen and (max-width: 767px) {
  .events-page .events-header .events-header-wrapp {
    padding: 2.5rem 3.25rem;
    flex-direction: column;
    gap: 2.5rem;
  }
}

.events-page .events-header .events-header-wrapp h1 {
  color: #FFF;
}

@media screen and (max-width: 767px) {
  .events-page .events-header .events-header-wrapp h1 {
    font-size: 3rem;
  }
}

.events-page .events-header .events-header-wrapp .slider-drop {
  gap: 5rem;
}

.events-page .events-header .events-header-wrapp .slider-drop .base-select-cont {
  min-width: max-content !important;
}

@media screen and (max-width: 767px) {
  .events-page .events-header .events-header-wrapp .slider-drop .events-slider {
    position: fixed;
    bottom: 0;
    background: #141414;
    width: 100%;
    left: 0;
    padding: 1.25rem 0.5rem 3rem 0.5rem;
    justify-content: space-between;
    z-index: 9;
  }
}

.events-page .events-header .events-header-wrapp .slider-drop .events-slider .swiper-button-prev,
.events-page .events-header .events-header-wrapp .slider-drop .events-slider .swiper-button-next {
  position: initial !important;
  margin-top: 0;
  transition: all 0.4s;
  border-radius: 50%;
  border: 0.125rem solid #141414;
  width: 3rem;
  height: 3rem;
  flex-shrink: 0;
  z-index: 1;
  cursor: pointer;
}

.events-page .events-header .events-header-wrapp .slider-drop .events-slider .swiper-button-prev:hover,
.events-page .events-header .events-header-wrapp .slider-drop .events-slider .swiper-button-next:hover {
  border-color: #FFF;
  background: #FFF;
}

@media screen and (max-width: 767px) {

  .events-page .events-header .events-header-wrapp .slider-drop .events-slider .swiper-button-prev:hover,
  .events-page .events-header .events-header-wrapp .slider-drop .events-slider .swiper-button-next:hover {
    background: #141414;
    border-color: #141414;
  }
}

.events-page .events-header .events-header-wrapp .slider-drop .events-slider .swiper-button-prev:hover svg path,
.events-page .events-header .events-header-wrapp .slider-drop .events-slider .swiper-button-next:hover svg path {
  fill: #141414;
}

@media screen and (max-width: 767px) {

  .events-page .events-header .events-header-wrapp .slider-drop .events-slider .swiper-button-prev:hover svg path,
  .events-page .events-header .events-header-wrapp .slider-drop .events-slider .swiper-button-next:hover svg path {
    fill: #FFF;
  }
}

.events-page .events-header .events-header-wrapp .slider-drop .events-slider .swiper-button-prev svg,
.events-page .events-header .events-header-wrapp .slider-drop .events-slider .swiper-button-next svg {
  width: 100%;
  height: 100%;
  flex-shrink: 0;
}

.events-page .events-header .events-header-wrapp .slider-drop .events-slider .swiper-button-prev svg path,
.events-page .events-header .events-header-wrapp .slider-drop .events-slider .swiper-button-next svg path {
  transition: all 0.4s;
}

.events-page .events-header .events-header-wrapp .slider-drop .events-slider .swiper-wrapper {
  width: 9rem;
  height: max-content;
}

.events-page .events-header .events-header-wrapp .slider-drop .events-slider .swiper-wrapper .swiper-slide {
  width: 20rem !important;
}

.events-page .events-header .events-header-wrapp .slider-drop .events-slider .swiper-wrapper .swiper-slide a {
  color: #FFF;
}

.events-page .events-header .events-header-wrapp .slider-drop .events-slider .swiper-wrapper .swiper-slide a:after {
  background: #FFF;
}

@media screen and (max-width: 767px) {
  .events-page .events-header .events-header-wrapp .slider-drop .events-slider .swiper-wrapper .swiper-slide a:after {
    left: 0;
  }
}

.events-page .events-header .events-header-wrapp .slider-drop .events-slider .swiper-wrapper .swiper-slide a:before {
  background: #FFF;
}

@media screen and (max-width: 767px) {
  .events-page .events-header .events-header-wrapp .slider-drop .events-slider .swiper-wrapper .swiper-slide a:before {
    content: none;
  }
}

.events-page .events-date {
  margin-bottom: 0.5rem;
  display: none;
}

.events-page .events-date.active {
  display: block;
}

.events-page .events-date .events-date-wrapp {
  gap: 0.125rem;
}

.events-page .events-date .events-date-wrapp .gen-style {
  color: #141414;
  font-size: 1.625rem;
  font-weight: 500;
  line-height: 2rem;
  text-transform: uppercase;
}

.events-page .events-date .events-date-wrapp .date-month {
  border-radius: 0.5rem 0.5rem 0 0;
  padding: 1.25rem;
}

@media screen and (max-width: 767px) {
  .events-page .events-date .events-date-wrapp .date-month {
    justify-content: flex-start;
    padding: 1.25rem 1rem;
    border-radius: 0.5rem;
  }
}

@media screen and (max-width: 767px) {
  .events-page .events-date .events-date-wrapp .date-day {
    display: none;
  }
}

.events-page .events-date .events-date-wrapp .date-day .day-row-item {
  width: 100%;
  padding: 1.25rem;
}

.events-page .events-date .events-date-wrapp .calendar-wrapp ul li {
  border-radius: 0.25rem;
  background: #FFF;
  width: 100%;
  height: 20rem;
  padding: 0.25rem;
  gap: 0.25rem;
}

@media screen and (max-width: 767px) {
  .events-page .events-date .events-date-wrapp .calendar-wrapp ul li {
    height: max-content;
    gap: 0.625rem;
  }
}

.events-page .events-date .events-date-wrapp .calendar-wrapp ul li .green-bg a,
.events-page .events-date .events-date-wrapp .calendar-wrapp ul li .blue-bg a,
.events-page .events-date .events-date-wrapp .calendar-wrapp ul li .orange-bg a,
.events-page .events-date .events-date-wrapp .calendar-wrapp ul li .pink-bg a {
  color: #FFF;
}

.events-page .events-date .events-date-wrapp .calendar-wrapp ul li .green-bg {
  background: #44C62E;
}

.events-page .events-date .events-date-wrapp .calendar-wrapp ul li .blue-bg {
  background: #0C55ED;
}

.events-page .events-date .events-date-wrapp .calendar-wrapp ul li .orange-bg {
  background: #FF8311;
}

.events-page .events-date .events-date-wrapp .calendar-wrapp ul li .pink-bg {
  background: #EA67FF;
}

.events-page .events-date .events-date-wrapp .calendar-wrapp ul li .light-blue-bg a,
.events-page .events-date .events-date-wrapp .calendar-wrapp ul li .yellow-bg a {
  color: #141414;
}

.events-page .events-date .events-date-wrapp .calendar-wrapp ul li .light-blue-bg {
  background: #00F0FF;
}

.events-page .events-date .events-date-wrapp .calendar-wrapp ul li .yellow-bg {
  background: #E7EC08;
}

.events-page .events-date .events-date-wrapp .calendar-wrapp ul li .day-mob {
  gap: 0.625rem;
}

@media screen and (max-width: 767px) {
  .events-page .events-date .events-date-wrapp .calendar-wrapp ul li .day-mob {
    padding: 0.625rem;
    width: max-content;
  }
}

.events-page .events-date .events-date-wrapp .calendar-wrapp ul li .day-mob span.active {
  background: #E7EC08;
  margin-bottom: 1.25rem;
}

@media screen and (max-width: 767px) {
  .events-page .events-date .events-date-wrapp .calendar-wrapp ul li .day-mob span.active {
    background: #FFF;
    margin-bottom: 0;
  }
}

.events-page .events-date .events-date-wrapp .calendar-wrapp ul li .day-mob .day-mob-content {
  display: none;
}

@media screen and (max-width: 767px) {
  .events-page .events-date .events-date-wrapp .calendar-wrapp ul li .day-mob .day-mob-content {
    display: block;
    font-size: 1.25rem;
    font-weight: 500;
    color: #7D7D7D;
    text-transform: uppercase;
  }
}

.events-page .events-date .events-date-wrapp .calendar-wrapp ul li span {
  font-size: 1.25rem;
  line-height: 1.75rem;
  font-weight: 500;
  color: #141414;
  width: 3rem;
  height: 3rem;
}

@media screen and (max-width: 767px) {
  .events-page .events-date .events-date-wrapp .calendar-wrapp ul li span {
    width: auto;
    height: auto;
  }
}

.events-page .events-date .events-date-wrapp .calendar-wrapp ul li span.active {
  border-radius: 50%;
}

.events-page .events-date .events-date-wrapp .calendar-wrapp ul li.non-active {
  background: #272727;
}

@media screen and (max-width: 767px) {
  .events-page .events-date .events-date-wrapp .calendar-wrapp ul li.non-active {
    display: none;
  }
}

.events-page .events-date .events-date-wrapp .calendar-wrapp ul li.non-active span {
  color: #FFF;
}

.events-page .events-date .events-date-wrapp .calendar-wrapp ul li .events-section {
  border-radius: 0.25rem;
  overflow: hidden;
}

.events-page .events-date .events-date-wrapp .calendar-wrapp ul li .events-section .multi-day-holder a {
  padding: 1.25rem;
  gap: 1rem;
}

.events-page .events-date .events-date-wrapp .calendar-wrapp ul li .events-section .multi-day-holder a>* {
  font-size: 1.25rem;
  line-height: 1.2;
  font-weight: 400;
}

.events-page .events-date .events-date-wrapp .calendar-wrapp ul li .events-section .multi-day-holder a .name-events {
  font-size: 1.5rem;
  font-weight: 500;
}

.page-body-404 {
  padding-top: 0;
  height: 100vh;
  overflow: hidden;
}

.header-page-404 .header-wrapp {
  padding: 2.5rem 0 0 8.625rem;
}

@media screen and (max-width: 767px) {
  .header-page-404 .header-wrapp {
    padding: 2.875rem 0 0 2.5rem;
  }
}

.header-page-404 .header-wrapp a {
  width: 11.625rem;
  height: 6rem;
  flex-shrink: 0;
  display: block;
}

@media screen and (max-width: 767px) {
  .header-page-404 .header-wrapp a {
    width: 9.75rem;
    height: 5rem;
  }
}

.header-page-404 .header-wrapp a img {
  width: 100%;
  height: 100%;
}

.page-404 {
  padding-top: 11.25rem;
}

@media screen and (max-width: 767px) {
  .page-404 {
    padding-top: 7.375rem;
    height: 39rem;
  }
}

.page-404 .main-section-404 {
  position: relative;
  width: 49.5rem;
}

@media screen and (max-width: 767px) {
  .page-404 .main-section-404 {
    width: 100%;
    padding: 7rem 3.25rem 10.25rem 3.25rem;
  }
}

.page-404 .main-section-404 .ellipse-bg-blue {
  animation: none;
  opacity: 0.6;
  width: 81.25rem;
  height: 81.25rem;
  top: -22.5rem;
  left: -15rem;
}

@media screen and (max-width: 767px) {
  .page-404 .main-section-404 .ellipse-bg-blue {
    width: 39rem;
    height: 39rem;
    top: 0rem;
    left: 0rem;
  }
}

.page-404 .main-section-404 .content {
  position: relative;
  z-index: 9;
  gap: 5rem;
}

.page-404 .main-section-404 .content .content-top h1 {
  color: #FFF;
  font-size: 6rem;
  font-weight: 500;
  line-height: 1.2;
}

.page-404 .main-section-404 .content .content-top p {
  font-size: 3rem;
  color: #FFF;
  text-align: center;
}

@media screen and (max-width: 767px) {
  .page-404 .main-section-404 .content .content-top p {
    font-size: 2rem;
  }
}

.page-404 .main-section-404 .content a {
  color: #FFF;
}

.page-404 .main-section-404 .content a:after {
  background: #FFF;
}

.page-404 .main-section-404 .content a:before {
  background: #FFF;
}

@media screen and (max-width: 767px) {
  .page-404 .main-section-404 .content a:before {
    content: none;
  }
}

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

.video__list {
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
}

.video__item {
  position: relative;
  max-width: 476px;
  width: 100%;
  border-radius: 5px;
}

.video__item video {
  display: none;
}

.video__name {
  position: absolute;
  bottom: 18px;
  left: 20px;
  font-weight: 400;
  font-size: 1.5rem;
  font-weight: 400;
  color: #fff !important;
}

.video__play {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  cursor: pointer;
}


.popup__video {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.8);
  justify-content: center;
  align-items: center;
  z-index: 1000;
}

.popup__content_video {
  position: relative;
  width: 90%;
  max-width: 600px;
  background: #fff;
  border-radius: 8px;
  overflow: hidden;
}

.popup__close_video {
  position: absolute;
  top: 10px;
  right: 10px;
  font-size: 30px;
  cursor: pointer;
  color: #fff;
  z-index: 999;
}

#popupVideo {
  width: 100%;
  height: auto;
}

.raspisanie {
  color: #A9A9A9 !important;
}

.grecaptcha-badge {

  visibility: hidden;

}

.captcha_text {
  font-size: 10px;
  text-align: center;
  opacity:0.5;
  margin-top: 10px
}


.captcha_text a {
  font-size: 10px;
  color: #272727;
}

.captcha_text_footer {
  text-align: left;
  color: #A9A9A9;
}

.captcha_text_footer a {
  color: #A9A9A9;
}


.tel {
  overflow: visible;
}

.tel label {
  left: 11rem;
}

/* Когда инпут с классом .tel не активен и пустой */
.inputtext:not(:focus):placeholder-shown + label {
  display: none
}

.inputtext:focus + label,
.iti:not(:placeholder-shown) + label {
  display: none
}

/* Когда инпут с классом .inputtext пустой (placeholder показывается) */
.inputtext:placeholder-shown + label {
  display: none
}

/* Когда инпут с классом .inputtext не пустой и в фокусе */
.inputtext:focus:not(:placeholder-shown) + label {
  display: none
}

.iti {
  display: flex !important;
}

.iti__country-list--dropup {
  bottom: -200% !important;
}

.controw{
  /* display: grid;
  grid-template-columns: repeat(2, 1fr); */
  border-radius: 0 0 .5rem 0;
  overflow: hidden;
}

.leftYellowText{
  background-color: #E7EC08;
  padding: 4.375rem 5rem;
  display:flex;
  align-items:center;
  text-transform: uppercase;
  font-weight: 500;
  font-size:5.3rem;
  width:84.75rem;
  height:40.875rem;
  border-radius:.5rem;
  overflow:hidden;
}

@media screen and (max-width: 767px) {
  .leftYellowText{
    width: 100%;
    height: 19.125rem;
    font-size: 2.3rem;
    padding: 3.25rem;
  }
}

.footerRight{
  display: flex;
  flex-direction: column;
  align-items: flex-end;
}

.footerLink{
  color: #A9A9A9;
}
.footerLink:hover{
  text-decoration: underline;
}

@media screen and (max-width: 767px) {
  .footerRight{
    align-items: center;
    gap: .6rem;
  }
  .footerLink{
    font-size: 1rem;
  }
}

.seeGod{
  display: flex;
  align-items:center;
  gap: 1.6rem;
  color:#272727;
  text-transform: uppercase;
  font-weight: bold !important;
}

.seeGod img{
  flex-shrink: 0;
  width:40px !important;
  height:40px !important;
  object-fit: contain;
}

.seeGod span{
  font-size:24px;
}

.seeGod:hover span{
  text-decoration: underline;
}

.seeGod span:last-child,
.godsGaze .seeGod span:nth-child(2){
  display: none;
}

.godsGaze .seeGod span:last-child{
  display: inline;
}

.godsGaze.policy-page .policy-sect p,
.godsGaze.policy-page .policy-sect li,
.godsGaze.policy-page .policy-sect a{
  font-size: 28px !important;
}

@media screen and (max-width: 1580px) {
  .godsGaze.policy-page .policy-sect p,
  .godsGaze.policy-page .policy-sect li,
  .godsGaze.policy-page .policy-sect a{
    font-size: 24px !important;
  }
}
@media screen and (max-width: 767px) {
  .godsGaze.policy-page .policy-sect p,
  .godsGaze.policy-page .policy-sect li,
  .godsGaze.policy-page .policy-sect a{
    font-size: 26px !important;
  }
  .seeGod span{
    font-size:22px;
  }
}

@media screen and (max-width: 580px) {
  .godsGaze.policy-page .policy-sect p,
  .godsGaze.policy-page .policy-sect li,
  .godsGaze.policy-page .policy-sect a{
    font-size: 24px !important;
  }
  .seeGod span{
    font-size:20px;
  }
}

@media screen and (max-width: 480px) {
  .godsGaze.policy-page .policy-sect p,
  .godsGaze.policy-page .policy-sect li,
  .godsGaze.policy-page .policy-sect a{
    font-size: 22px !important;
  }
}

.card-projects--see-all {
  background: #1a1a1a;
  justify-content: center;
  align-items: center;
  cursor: pointer;
}

.card-projects--see-all span {
  color: #fff;
  font-size: 2rem;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  position: relative;
  z-index: 1;
}

.card-projects--see-all span::after {
  content: '';
  position: absolute;
  width: 100%;
  background: #fff;
  height: 1px;
  left: 0;
  bottom: -2px;
}

.card-projects--see-all:hover {
  background: #2a2a2a;
}

@media screen and (max-width: 767px) {
  .card-projects--see-all {
    display: none;
  }
}

.course .project-student .button-wrapp a {
  font-size: 1.5rem;
  font-weight: 700;
  line-height: 1.4;
  color: #fff;
  text-transform: uppercase;
  position: relative;
  text-decoration: none;
  letter-spacing: 0.05em;
}

.course .project-student .button-wrapp a::after {
  content: '';
  position: absolute;
  width: 100%;
  background: #fff;
  height: 2px;
  left: 0;
  bottom: 0;
}

#bx-panel {
  position: fixed !important;
  top: 0 !important;
  left: 0 !important;
  width: 100% !important;
  z-index: 999999 !important;
  visibility: visible !important;
  opacity: 1 !important;
  display: block !important;
  transform: none !important;
}

#panel {
  position: fixed !important;
  top: 0 !important;
  left: 0 !important;
  width: 100% !important;
  z-index: 999999 !important;
}