*,
*::before,
*::after {
	padding: 0;
	margin: 0;
	border: 0;
	box-sizing: border-box;
}

a {
	text-decoration: none;
}

ul,
ol,
li {
	list-style: none;
}

img {
	vertical-align: top;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	font-weight: inherit;
	font-size: inherit;
}

html,
body {
	height: 100%;

}
body {
	line-height: 100%;
	font-family: 'Inter', sans-serif;
	background-color: #0b1020;
  color: #ffffff;
    font-size: 16px;
}

body._lock {
   /* overflow: hidden; */
} 

[class*="__container"] {
   max-width: 1240px;
   margin: 0 auto;
   padding: 0 15px;
   box-sizing: content-box;
}



.wrapper {
  position: relative;
  isolation: isolate;
  display: flex;
  flex-direction: column;
  min-height: 100%;
  overflow: hidden;
  background-color: #0b1020;
}

.wrapper::before {
  content: "";
  position: absolute;
  z-index: 0;
  top: 0;
  right: 0;
  width: 100%;
  height: 1090px;
  background: radial-gradient(
    30.31% 56.81% at 102.47% 45.31%,
    #2e4386 0%,
    #0b1020 100%
  );
  pointer-events: none;
}

.wrapper > .header,
.wrapper > .page,
.wrapper > .footer {
  position: relative;
  z-index: 1;
}
.page {
   flex: 1 1 auto;
}



/* @media (max-width: 767.98px)  */

/*========================================================*/


/* COMMON */

.main-title {
  margin: 0;
  color: #ffffff;
  font-size: 40px;
  font-style: normal;
  font-weight: 700;
  line-height: 120%;
  letter-spacing: 0;
  text-align: center;
}

.main-title__accent {
  color: #003dff;
}

.main-text {
  color: #ffffff;
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  line-height: 120%;
  letter-spacing: 0;
  text-align: center;
}

.section-title {
  margin: 0;
  color: #ffffff;
  font-size: 28px;
  font-style: normal;
  font-weight: 600;
  line-height: 120%;
  letter-spacing: 0;
}

.section-title--blue {
  color: #003dff;
}

.section-subtitle {
  color: #b0c3ff;
  font-size: 20px;
  font-style: normal;
  font-weight: 600;
  line-height: 120%;
  letter-spacing: 0;
}

.section-text {
  color: #ffffff;
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 120%;
  letter-spacing: 0;
}

.text-accent {
  color: #7898ff;
  font-size: 18px;
  font-style: normal;
  font-weight: 600;
  line-height: 100%;
  letter-spacing: 0;
}

.button {
  display: flex;
  align-items: center;
  justify-content: center;
  width: fit-content;
  padding: 16px;
  border-radius: 4px;
  background-color: #003dff;
  color: #ffffff;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 100%;
  letter-spacing: 0;
  text-align: center;
  transition:
    background-color 0.3s,
    transform 0.3s;
}

.button:hover {
  background-color: #004bd6;
  transform: translateY(-2px);
}

/* HEADER */

.header {
  padding: 40px 0 0;
  background: transparent;
}

.header__container {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding-bottom: 26px;
  border-bottom: 1px solid #163166;
}

.header__logo {
  display: block;
  margin-bottom: 22px;
}

.header__logo-image {
  display: block;
  width: 365px;
  height: auto;
}

.header__navigation {
  display: flex;
  justify-content: center;
}

.header__menu {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 20px;
}

.header__menu-link {
  color: #ffffff;
  font-size: 16px;
  font-weight: 400;
  line-height: 120%;
  transition: color 0.3s;
}

.header__menu-link:hover {
  color: #0867ff;
}

/* HERO */

.hero {
  padding: 32px 0 40px;
  background: transparent;
}

.hero__content {
  max-width: 900px;
  margin: 0 auto 32px;
  text-align: center;
}

.hero__title {
  margin: 0 0 16px;
}

.hero__title span {
  display: block;
}

.hero__mobile-break {
  display: none;
}

.hero__text {
  max-width: 840px;
  margin: 0 auto 26px;
}

.hero__button {
  margin: 0 auto;
  text-transform: uppercase;
}

.hero__media {
  max-width: 1024px;
  margin: 0 auto;
}

.hero__image {
  display: block;
  width: 100%;
  height: 500px;
  object-fit: cover;
  border-radius: 6px;
}

/* INTRODUCTION */

.introduction,
.application,
.audience,
.certificate,
.career {
  padding: 60px 0 30px;
  background-color: #0b1020;
}

.introduction__container,
.application__container,
.audience__container,
.certificate__container,
.career__container {
  display: flex;
  align-items: flex-start;
  gap: 11px;
}

.introduction__content,
.introduction__media,
.application__content,
.application__media,
.audience__content,
.audience__media,
.certificate__content,
.certificate__media,
.career__content,
.career__media {
  width: calc(50% - 10px);
}

.introduction__title {
  margin-bottom: 18px;
}

.introduction__text {
  margin-bottom: 28px;
}

.introduction__text p:not(:last-child) {
  margin-bottom: 24px;
}

.introduction__text p.text-accent {
  margin-bottom: 0;
}

.introduction__image,
.application__image,
.audience__image,
.certificate__image,
.career__image {
  display: block;
  width: 100%;
  height: 458px;
  border-radius: 12px;
  object-fit: cover;
}

/* BENEFITS */

.benefits {
  padding: 26px 0 30px;
  background-color: #0b1020;
}

.benefits__title {
  margin-bottom: 24px;
}

.benefits__cards {
  display: flex;
  align-items: stretch;
  flex-wrap: wrap;
  gap: 20px;
}

.benefits__card,
.reviews__card,
.blog__card {
  width: calc((100% - 40px) / 3);
  /* min-height: 290px; */
  padding: 24px 16px;
  border: 1px solid #074bd4;
  border-radius: 8px;
  background-color: #0d1940;
}

.benefits__icon {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 80px;
  height: 80px;
  margin-bottom: 16px;
  border-radius: 4px;
  background-color: #003dff;
}

.benefits__icon-image {
  display: block;
  width: 36px;
  height: 36px;
}

.benefits__card-title {
  min-height: 48px;
  margin: 0 0 8px;
}

.benefits__card-text {
  margin: 0;
  color: #ffffff;
  font-size: 16px;
  line-height: 120%;
}

.benefits__card-accent {
  color: #7898ff;
  font-weight: 600;
}

/* PROGRAMME */

.programme {
  position: relative;
  isolation: isolate;
  overflow: hidden;
  padding: 85px 0 40px;
  background-color: #0b1020;
}

.programme::before {
  content: "";
  position: absolute;
  z-index: 0;
  bottom: 0;
  left: 0;
  width: 1440px;
  height: 3502px;
  background: radial-gradient(
    49.55% 28.31% at 22.57% 88.91%,
    rgba(0, 61, 255, 0.2) 0%,
    rgba(11, 16, 32, 0) 100%
  );
  pointer-events: none;
}

.programme__container {
  position: relative;
  z-index: 1;
}

.programme__heading {
  margin-bottom: 24px;
  text-align: center;
}

.programme__title {
  margin-bottom: 14px;
}

.programme__subtitle {
  margin: 0;
}

.programme__steps {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 57px;
}

.programme__step {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  width: 400px;
  padding: 24px 16px;
  background-color: #0d1940;
  border-radius: 8px;
}

.programme__step:not(:last-child)::after {
  content: "";
  position: absolute;
  top: calc(100% + 4px);
  left: 50%;
  width: 1px;
  height: 56px;
  background-color: #ffffff;
  transform: translateX(-50%);
}

.programme__number {
  flex: 0 0 auto;
  margin-right: 18px;
  padding: 8px 16px;
  background-color: #075dff;
  color: #ffffff;
  font-size: 20px;
  font-weight: 600;
  line-height: 100%;
  border-radius: 4px;
}

.programme__step-content {
  display: contents;
}

.programme__step-title {
  flex: 1;
  margin: 0;
}

.programme__list {
  flex: 0 0 100%;
  width: 100%;
  margin-top: 16px;
  padding-left: 0;
}

.programme__description {
  flex: 0 0 100%;
  margin-top: 16px;
  color: #ffffff;
  font-size: 16px;
  line-height: 120%;
}

.programme__description + .programme__list {
  margin-top: 8px;
}

.programme__list li {
  position: relative;
  padding-left: 24px;
  color: #ffffff;
  font-size: 16px;
  line-height: 120%;
}

.programme__list li:not(:last-child) {
  margin-bottom: 8px;
}

.programme__list li::before {
  content: "✓";
  position: absolute;
  top: 0;
  left: 0;
  color: #0765ff;
}

/* APPLICATION */

.application__title {
  margin-bottom: 20px;
}

.application__text {
  margin-bottom: 20px;
}

.application__text p:not(:last-child) {
  margin-bottom: 18px;
}

.application__list {
  margin-bottom: 24px;
}

.application__list li {
  position: relative;
  padding-left: 20px;
  color: #ffffff;
  font-size: 18px;
  line-height: 120%;
}

.application__list li::before {
  content: "•";
  position: absolute;
  left: 0;
  color: #ffffff;
}

.application__accent {
  margin-bottom: 24px;
}

/* AUDIENCE */

.audience__title {
  margin-bottom: 20px;
}

.audience__text p:not(:last-child) {
  margin-bottom: 24px;
}

/* FLEXIBLE */

.flexible {
  padding: 32px 0 36px;
  background:
    radial-gradient(
      circle at 100% 70%,
      rgba(25, 59, 130, 0.55),
      rgba(8, 14, 30, 0) 45%
    ),
    #0b1020;
}

.flexible__heading {
  margin-bottom: 28px;
  text-align: center;
}

.flexible__title {
  margin-bottom: 16px;
}

.flexible__text {
  max-width: 840px;
  margin: 0 auto 20px;
}

.flexible__button {
  margin: 0 auto;
  text-transform: uppercase;
}

.flexible__media {
  max-width: 930px;
  margin: 0 auto;
}

.flexible__image {
  display: block;
  width: 100%;
  height: 458px;
  border-radius: 12px;
  object-fit: cover;
}

/* REVIEWS */

.reviews {
  padding: 65px 0 85px;
  background-color: #0b1020;
}

.reviews__title {
  margin-bottom: 32px;
}

.reviews__cards {
  display: flex;
  align-items: stretch;
  gap: 20px;
}

.reviews__card {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}

.reviews__avatar {
  display: block;
  width: 80px;
  height: 80px;
  margin-bottom: 8px;
  border-radius: 50%;
  object-fit: cover;
}

.reviews__card-title {
  min-height: 40px;
  margin-bottom: 8px;
}

.reviews__text {
  margin: 0;
  color: #ffffff;
  font-size: 16px;
  line-height: 120%;
}

.reviews__author {
  margin-top: auto;
  padding-top: 16px;
  color: #ffffff;
  font-size: 16px;
  font-weight: 600;
  line-height: 100%;
}

/* CERTIFICATE */

.certificate__title {
  margin-bottom: 20px;
}

.certificate__label,
.certificate__description,
.certificate__note {
  margin-bottom: 0;
}

.certificate__summary {
  margin-bottom: 24px;
}

.certificate__list {
  margin-bottom: 8px;
}

.career__list {
  margin-bottom: 24px;
}

.certificate__list li,
.career__list li {
  position: relative;
  padding-left: 20px;
  color: #ffffff;
  font-size: 18px;
  line-height: 120%;
}

.certificate__list li::before,
.career__list li::before {
  content: "\2713";
  position: absolute;
  top: 0;
  left: 0;
  width: 16px;
  color: #ffffff;
  font-size: 16px;
  font-weight: 700;
  line-height: 120%;
}

/* CAREER */

.career__title {
  margin-bottom: 20px;
}

.career__text {
  margin-bottom: 20px;
}

.career__button {
  text-transform: uppercase;
}

/* FAQ */

.faq {
  padding: 75px 0 90px;
  background-color: #0b1020;
}

.faq__title {
  margin-bottom: 20px;
  text-align: center;
}

.faq__list {
  max-width: 820px;
  margin: 0 auto;
}

.faq__item {
  border: 1px solid #075dff;
  background-color: #0d1940;
  border-radius: 4px;
}

.faq__item:not(:last-child) {
  margin-bottom: 16px;
}

.faq__question {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  min-height: 58px;
  padding: 0 16px;
  background-color: transparent;
  font-family: inherit;
  text-align: left;
  cursor: pointer;
}

.faq__arrow {
  width: 9px;
  height: 9px;
  margin-left: 20px;
  border-right: 2px solid #0765ff;
  border-bottom: 2px solid #0765ff;
  transform: rotate(45deg);
  transition: transform 0.3s;
}

.faq__item--active .faq__arrow {
  transform: rotate(225deg);
}

.faq__answer {
  height: 0;
  overflow: hidden;
  transition: height 0.35s;
}

.faq__answer-inner {
  padding: 0 16px 16px;
}

.faq__answer p {
  margin: 0;
  color: #ffffff;
  font-size: 16px;
  font-weight: 400;
  line-height: 120%;
  letter-spacing: 0;
}

/* FOOTER */

.footer {
  padding: 26px 0;
  background-color: #0b1020;
}

.footer__container {
  display: flex;
  flex-direction: column;
  align-items: flex-start;

  border-top: 1px solid rgba(0, 61, 255, 0.25);
}

.footer__logo {
  display: block;
  margin-bottom: 32px;
}

.footer__logo img {
  display: block;
  width: 255.5px;
  height: 59.5px;
  object-fit: contain;
}

.footer__copyright {
  margin: 0;
  color: rgba(0, 61, 255, 0.61);
  font-size: 14px;
  font-weight: 300;
  line-height: 100%;
  letter-spacing: 0;
}

/* ABOUT PAGE */

.about-intro,
.about-reason,
.about-platform {
  background-color: transparent;
}

.about-intro {
  padding: 32px 0 48px;
}

.about-intro__container,
.about-reason__container {
  display: flex;
  align-items: center;
  gap: 20px;
}

.about-intro__content,
.about-intro__media,
.about-reason__content,
.about-reason__media {
  width: calc((100% - 20px) / 2);
}

.about-intro__title {
  margin-bottom: 20px;
  text-align: left;
}

.about-intro__title .main-title__accent {
  display: block;
}

.about-intro__text {
  margin-bottom: 24px;
}

.about-intro__image,
.about-reason__image,
.about-platform__image {
  display: block;
  width: 100%;
  border-radius: 8px;
  object-fit: cover;
}

.about-intro__image {
  height: 458px;
}

.about-intro__button,
.about-platform__button {
  text-transform: uppercase;
}

.about-reason {
  padding: 48px 0 72px;
}

.about-reason__image {
  height: 535px;
}

.about-reason__title {
  margin-bottom: 20px;
}

.about-reason__text p:not(:last-child) {
  margin-bottom: 20px;
}

.about-reason__list {
  margin: -20px 0 0;
}

.about-reason__list li {
  position: relative;
  padding-left: 18px;
  color: #ffffff;
  font-size: 18px;
  line-height: 120%;
}

.about-reason__list li::before {
  content: "•";
  position: absolute;
  left: 0;
  color: #ffffff;
}

.about-reason__text .text-accent {
  display: inline-block;
}

.about-platform {
  padding: 32px 0 72px;
}

.about-platform__content {
  max-width: 820px;
  margin: 0 auto 24px;
  text-align: center;
}

.about-platform__title {
  margin-bottom: 20px;
}

.about-platform__text {
  margin-bottom: 20px;
}

.about-platform__text p:not(:last-child) {
  margin-bottom: 20px;
}

.about-platform__button {
  margin: 0 auto;
}

.about-platform__media {
  max-width: 820px;
  margin: 0 auto;
}

.about-platform__image {
  height: 458px;
}

/* CONTACT PAGE */

.contact {
  padding: 32px 0 90px;
  background-color: transparent;
}

.contact__container {
  display: flex;
  align-items: flex-start;
  gap: 20px;
}

.contact__content,
.contact__media {
  width: calc((100% - 20px) / 2);
}

.contact__title {
  margin-bottom: 20px;
  text-align: left;
}

.contact__text {
  margin-bottom: 36px;
  text-align: left;
}

.contact__form {
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.contact__field {
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.contact__label {
  color: #ffffff;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 130%;
  letter-spacing: 0;
}

.contact__input,
.contact__textarea {
  width: 100%;
  padding: 8px;
  border: 1px solid #cbd5e1;
  border-radius: 4px;
  background-color: #ffffff;
  color: #0b1020;
  font-family: inherit;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 130%;
  letter-spacing: 0;
}

.contact__input {
  height: 40px;
  text-align: left;
}

.contact__input::placeholder,
.contact__textarea::placeholder {
  color: #94a3b8a6;
  opacity: 1;
}

.contact__textarea {
  height: 80px;
  resize: vertical;
}

.contact__button {
  margin-top: 0;
  text-transform: uppercase;
  cursor: pointer;
}

.contact__button:disabled {
  opacity: 0.65;
  cursor: default;
}

.contact__status {
  display: none;
  margin: 0;
  font-size: 14px;
  line-height: 130%;
}

.contact__status--success,
.contact__status--error {
  display: block;
}

.contact__status--success {
  color: #78d69a;
}

.contact__status--error {
  color: #ff8a8a;
}

.contact__image {
  display: block;
  width: 100%;
  height: 550px;
  border-radius: 8px;
  object-fit: cover;
}

/* BLOG PAGE */

.blog {
  padding: 40px 0 60px;
  background-color: #0b1020;
}

.blog__cards {
  display: flex;
  align-items: stretch;
  flex-wrap: wrap;
  gap: 20px;
}

.blog__card {
  display: flex;
  flex-direction: column;
  min-height: 580px;
}

.blog__image {
  display: block;
  width: 100%;
  height: 235px;
  margin-bottom: 16px;
  border-radius: 4px;
  object-fit: cover;
}

.blog__card-title {
  min-height: 48px;
  margin: 0 0 24px;
}

.blog__card-text {
  margin-bottom: 24px;
  font-size: 16px;
}

.blog__card-text p:not(:last-child) {
  margin-bottom: 20px;
}

.blog__button {
  margin-top: auto;
  text-transform: uppercase;
}

/* BLOG ARTICLE */

.article {
  padding: 72px 0 60px;
  background-color: #0b1020;
}

.article__content {
  max-width: 820px;
}

.article__title {
  margin-bottom: 20px;
}

.article__lead,
.article__section {
  margin-bottom: 24px;
}

.article__lead p:not(:last-child),
.article__section p:not(:last-child) {
  margin-bottom: 24px;
}

.article__image {
  display: block;
  width: 715px;
  height: 550px;
  margin-bottom: 24px;
  border-radius: 4px;
  object-fit: cover;
}

.article__subtitle {
  margin: 0 0 20px;
  color: #ffffff;
}

.article__list {
  margin: 0 0 24px;
  padding-left: 30px;
}

.article__list li {
  list-style: disc;
  color: #ffffff;
  font-size: 18px;
  line-height: 120%;
}

.article__list--plain {
  padding-left: 0;
}

.article__list--plain li {
  list-style: none;
}

.article__button {
  margin-top: 24px;
  text-transform: uppercase;
}

@media (max-width: 767px) {
  br {
    display: none;
  }

  .hero__title .main-title__accent {
    display: inline;
  }

  .hero__mobile-break {
    display: block;
  }

  .main-title {
    font-size: 28px;
  }
.main-text {
   font-size: 18px;
}
  .section-title {
    font-size: 24px;
  }

  .section-text {
    font-size: 16px;
  }

  .section-subtitle {
    font-size: 20px;
  }

  .button {
    width: 100%;
  }

  .hero__image {
    height: 448px;
  }

  .introduction__image {
    height: 361px;
  }

  .application__image {
    height: 403px;
  }

  .audience__image {
    height: 323px;
  }

  .flexible__image {
    height: 302px;
  }

  .certificate__image {
    height: 336px;
  }

  .career__image {
    height: 415px;
  }

  .introduction__container,
  .application__container,
  .audience__container,
  .certificate__container,
  .career__container {
    flex-direction: column;
  }

  .introduction__content,
  .introduction__media,
  .application__content,
  .application__media,
  .audience__content,
  .audience__media,
  .certificate__content,
  .certificate__media,
  .career__content,
  .career__media {
    width: 100%;
  }

  .introduction__content {
    display: contents;
  }

  .introduction__title {
    order: 1;
  }

  .introduction__media {
    order: 2;
  }

  .introduction__text {
    order: 3;
  }

  .introduction__button {
    order: 4;
  }

  .benefits__cards,
  .reviews__cards {
    flex-direction: column;
  }

  .benefits__card,
  .reviews__card,
  .blog__card {
    width: 100%;
  }

  .programme__step {
    width: 100%;
  }

  .application__content {
    display: contents;
  }

  .application__title {
    order: 1;
  }

  .application__media {
    order: 2;
  }

  .application__text {
    order: 3;
    margin-bottom: 0;
  }

  .application__list {
    order: 4;
  }

  .application__accent {
    order: 5;
  }

  .application__button {
    order: 6;
  }

  .career__content {
    display: contents;
  }

  .career__title {
    order: 1;
  }

  .career__media {
    order: 5;
  }

  .career__text {
    order: 2;
  }

  .career__list {
    order: 3;
  }
.career__list li {
   font-size: 16px;
}
  .career__button {
    order: 4;
  }

  .footer__container {
    align-items: center;
  }

  .footer__copyright {
    text-align: center;
  }

  .about-intro,
  .about-reason,
  .about-platform {
    padding: 32px 0;
  }

  .about-intro__container,
  .about-reason__container,
  .about-platform__container {
    display: flex;
    flex-direction: column;
    align-items: stretch;
  }

  .about-intro__content,
  .about-intro__media,
  .about-reason__content,
  .about-reason__media,
  .about-platform__media {
    width: 100%;
  }

  .about-intro__content,
  .about-reason__content,
  .about-platform__content {
    order: 1;
  }

  .about-intro__media,
  .about-reason__media,
  .about-platform__media {
    order: 2;
  }

  .about-reason__content {
    display: contents;
  }

  .about-reason__title {
    order: 1;
  }

  .about-reason__media {
    order: 2;
  }

  .about-reason__text {
    order: 3;
  }

  .about-intro__title {
    text-align: left;
  }

  .about-intro__image {
    height: 403px;
  }

  .about-reason__image {
    height: 421px;
  }

  .about-platform__image {
    height: 302px;
  }

  .about-reason__list li {
    font-size: 16px;
  }

  .about-platform__content {
    text-align: center;
  }

  .contact {
    padding: 32px 0;
  }

  .contact__container {
    flex-direction: column;
    align-items: stretch;
    gap: 24px;
  }

  .contact__content,
  .contact__media {
    width: 100%;
  }

  .contact__content {
    display: contents;
  }

  .contact__title {
    order: 1;
  }

  .contact__text {
    order: 2;
  }

  .contact__media {
    order: 3;
  }

  .contact__form {
    order: 4;
    width: 100%;
  }

  .contact__text {
    margin-bottom: 24px;
  }

  .contact__image {
    height: 448px;
  }

  .blog {
    padding: 32px 0;
  }

  .blog__cards {
    flex-direction: column;
  }

  .blog__card {
    min-height: 0;
  }

  .blog__image {
    height: 260px;
  }

  .article {
    padding: 40px 0 32px;
  }

  .article__content,
  .article__image {
    width: 100%;
  }

  .article__image {
    height: 360px;
  }

  .article__list li {
    font-size: 16px;
  }
}