@charset "UTF-8";@import url("https://fonts.googleapis.com/css2?family=Montserrat:wght@300;400;500;600;700&display=swap");._cnt {
  max-width: 140rem;padding-inline: 2rem;margin: 0 auto;box-sizing: content-box;}
@media (max-width: 499.98px) {
  ._cnt {
    padding-inline: 1rem;}
}

.visual-hidden {
  clip: rect(0 0 0 0);clip-path: inset(50%);height: 1px;overflow: hidden;position: absolute;white-space: nowrap;width: 1px;}

.footer__socials-item img, .reviews__item-img img, .promo__img img, .expert__photo img {
  object-fit: cover;object-position: center;width: 100%;height: 100%;}

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

:root {
  height: 100%;}

body {
  min-height: 100%;}

a,
a:visited {
  text-decoration: none;}

button:hover,
a:hover {
  cursor: pointer;}

input,
button,
textarea {
  font-family: "Montserrat", sans-serif;}

ul,
ol,
li {
  list-style-position: inside;}

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

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

img {
  vertical-align: top;}

:root {
  --refRes: 360px;-webkit-text-size-adjust: 100%;font-size: 62.5%;font-size: calc(10px + 0.005 * (100vw - var(--refRes)));scroll-behavior: smooth;}
@media (min-width: 360px) {
  :root {
    --refRes: 360px;}
}
@media (min-width: 500px) {
  :root {
    --refRes: 500px;}
}
@media (min-width: 769px) {
  :root {
    --refRes: 769px;}
}
@media (min-width: 992px) {
  :root {
    --refRes: 992px;}
}
@media (min-width: 1366px) {
  :root {
    --refRes: 1366px;font-size: 10px;}
}

body {
  font-family: "Montserrat", sans-serif;font-size: 1.8rem;line-height: 1.2;color: #070707;}
body.lock {
  overflow: hidden;}
@media (max-width: 499.98px) {
  body {
    font-size: 1.6rem;}
}

.wrapper {
  min-height: 100vh;display: flex;flex-direction: column;overflow: hidden;}
.wrapper.blurred {
  position: relative;padding: 0;}
.wrapper.blurred::after {
  content: "";position: fixed;width: 100%;height: 100%;z-index: 50;background: rgba(74, 74, 74, 0.8);backdrop-filter: blur(10px);transition: all 0.3s ease 0s;}

main {
  flex: 1 1 auto;}

h1 {
  font-size: 4rem;font-weight: 600;line-height: 100%;}
@media (max-width: 768.98px) {
  h1 {
    font-size: 2.8rem;}
}

h2 {
  font-size: 3.6rem;font-weight: 600;letter-spacing: 0.02em;margin-bottom: 6rem;}
@media (max-width: 768.98px) {
  h2 {
    font-size: 2.4rem;margin-bottom: 4rem;}
}

h3 {
  font-size: 3.2rem;font-weight: 500;}
@media (max-width: 768.98px) {
  h3 {
    font-size: 2.2rem;}
}

.title-decor {
  position: relative;z-index: 2;padding-left: 2rem;}
.title-decor::before {
  content: "";position: absolute;width: 5rem;height: 5rem;top: 50%;left: 0;transform: translateY(-50%);background: rgba(108, 187, 195, 0.2);border-radius: 50%;z-index: -1;}
@media (max-width: 768.98px) {
  .title-decor::before {
    width: 4rem;height: 4rem;}
}
@media (max-width: 499.98px) {
  .title-decor {
    padding-left: 1.4rem;}
  .title-decor::before {
    width: 3.4rem;height: 3.4rem;top: 10px;}
}

.list-title {
  font-weight: 500;margin-bottom: 0.8rem;}

.about-item {
  display: flex;flex-direction: column;gap: 3rem;}
.about-item__img {
  text-align: center;}
.about-item__img img,
.about-item__img svg {
  max-width: 16rem;max-height: 16rem;}
.about-item__content {
  flex: 1 1 auto;border: 1px solid #6cbbc3;border-radius: 0.4rem;padding: 2rem;}
.about-item__title {
  font-size: 2.2rem;font-weight: 500;text-align: center;margin-bottom: 2rem;}
.about-item__text > *:not(:last-child) {
  margin-bottom: 1rem;}
.about-item__text ul li:not(:last-child) {
  margin-bottom: 0.5rem;}
.about-item__text ul li::marker {
  color: #98b3b5;}
@media (max-width: 768.98px) {
  .about-item {
    gap: 1rem;}
}
@media (max-width: 499.98px) {
  .about-item__img img,
  .about-item__img svg {
    max-width: 9rem;max-height: 9rem;}
}

.course {
  border-radius: 1.6rem;box-shadow: 0 0 1.8rem 0.4rem #f0f0f0;padding: 4rem 2rem;}
.course__title {
  text-align: center;color: #6cbbc3;text-decoration: underline;text-underline-offset: 3px;text-decoration-color: #6cbbc3;}
.course__subtitle {
  max-width: 80rem;text-align: center;margin-inline: auto;margin-top: 1.2rem;}
.course__content {
  display: flex;flex-direction: column;justify-content: space-around;gap: 4rem;margin-top: 3rem;}
.course__info {
  flex: 0 1 50%;line-height: 1.4;}
.course__info > *:not(:last-child):not(.list-title) {
  margin-bottom: 2.8rem;}
.course__info ul {
  list-style: none;}
.course__info ul li:not(:last-child) {
  margin-bottom: 0.8rem;}
.course__info ul:not([class]) li::before {
  content: "⏵";color: #98b3b5;display: inline-block;width: 2rem;}
.course__widgets {
  display: flex;justify-content: center;align-items: flex-start;flex-wrap: wrap;gap: 4rem;}
.course__widgets > * {
  min-width: 28rem !important;margin: 0 !important;}
.course__widgets > * > div {
  min-width: 28rem !important;margin: 0 !important;}
@media (max-width: 768.98px) {
  .course__subtitle {
    font-size: 1.4rem;}
  .course__content {
    flex-direction: column-reverse;justify-content: center;gap: 2rem;margin-top: 2rem;}
  .course__info > *:not(:last-child) {
    margin-bottom: 2.4rem;}
}

.expert {
  display: flex;flex-direction: column;align-items: center;gap: 2rem;}
.expert__photo {
  max-width: 28rem;}
.expert__photo img {
  border-radius: 50%;aspect-ratio: 16/16;object-position: top;overflow: hidden;}
.expert__info {
  text-align: center;max-width: 60rem;}
.expert__name {
  font-size: 2rem;font-weight: 500;margin-bottom: 1.5rem;}
.expert__about > *:not(:last-child) {
  margin-bottom: 0.3em;}
@media (max-width: 768.98px) {
  .expert__photo {
    max-width: 15rem;}
  .expert__name {
    font-size: 1.8rem;}
}

.spoiler:not(:last-child) {
  margin-bottom: 2rem;}
.spoiler__title {
  font-size: 2rem;border: 1px solid #6cbbc3;border-radius: 0.8rem;cursor: pointer;padding: 1rem 5rem 1rem 1rem;position: relative;}
.spoiler__title::after {
  content: "";position: absolute;width: 2.4rem;height: 2.4rem;top: 50%;right: 1rem;transform: translateY(-50%);background: url("../img/cross.svg") center/cover no-repeat;transition: all 0.3s ease 0s;}
.spoiler__title.active::after {
  transform: translateY(-50%) rotate(45deg);}
.spoiler__text {
  display: none;padding: 1rem 1rem;margin-top: 0.5rem;}
.spoiler__text > *:not(:last-child) {
  margin-bottom: 1rem;}
@media (max-width: 768.98px) {
  .spoiler__title::after {
    width: 2.5rem;height: 2.5rem;}
  .spoiler__text > *:not(:last-child) {
    margin-bottom: 0.5rem;}
}

.header {
  position: relative;z-index: 99;}
.header__container {
  padding-block: 2rem;}
.header__menu-list {
  display: flex;align-items: center;gap: 4rem;}
.header__menu-link {
  display: block;font-size: 1.6rem;color: #070707;transition: all 0.3s ease 0s;padding: 0.5rem;}
@media ((hover: hover) and (pointer: fine)) {
  .header__menu-link:hover {
    color: #6cbbc3;}
}
.header__burger {
  display: none;}
@media (max-width: 768.98px) {
  .header {
    position: fixed;width: 100%;top: 0;left: 0;transition: all 0.3s ease 0s;}
  .header.blurred {
    background: rgba(108, 187, 195, 0.2);backdrop-filter: blur(12px);}
  .header__container {
    padding-block: 1.2rem;}
  .header__menu {
    position: absolute;width: 100%;top: -100vh;left: 0;background: #b4dde1;transition: all 0.5s ease 0s;padding: 4rem 0 2rem;}
  .header__menu.active {
    top: 0;}
  .header__menu-list {
    flex-direction: column;gap: 0.8rem;}
  .header__menu-item {
    width: 100%;text-align: center;}
  .header__menu-link {
    padding: 1.2rem 0.4rem;}
  .header__burger {
    display: flex;flex-direction: column;justify-content: space-between;height: 2.6rem;width: 3.2rem;cursor: pointer;padding: 0.4rem;margin-left: auto;}
  .header__burger span {
    display: block;height: 0.2rem;background: #000000;transition: all 0.5s;}
  .header__burger.active span:nth-child(1) {
    transform: translateY(0.9rem) rotate(-45deg);}
  .header__burger.active span:nth-child(2) {
    opacity: 0;}
  .header__burger.active span:nth-child(3) {
    transform: translateY(-0.7rem) rotate(45deg);}
}

.promo__container {
  padding-top: 9rem;padding-bottom: 8rem;margin-bottom: 0;display: flex;justify-content: space-between;align-items: center;gap: 3rem;}
@media (max-width: 768.98px) {
  .promo__container {
    padding-top: 7rem;padding-bottom: 6rem;}
}
@media (max-width: 499.98px) {
  .promo__container {
    padding-top: 5rem;padding-bottom: 4rem;}
}
.promo__info {
  flex: 0 1 50%;}
.promo__subtitle {
  font-size: 2.6rem;font-weight: 400;margin-bottom: 1.6rem;}
.promo__title {
  color: #98b3b5;margin-bottom: 4rem;}
.promo__btn {
  display: flex;align-items: center;justify-content: center;width: 100%;max-width: max-content;font-size: 1.8rem;font-weight: 600;line-height: 100%;letter-spacing: 0.05em;color: #ffffff;background-color: #6cbbc3;border: 1px solid transparent;border-radius: 0.4rem;transition: all 0.5s ease 0s;cursor: pointer;padding: 0.8em 1.2em;}
.promo__btn:active {
  scale: 0.98;}
@media (max-width: 768.98px) {
  .promo__btn {
    font-size: 1.6rem;}
}
@media ((hover: hover) and (pointer: fine)) {
  .promo__btn:hover {
    color: #6cbbc3;border-color: #6cbbc3;background-color: transparent;}
}
.promo__img {
  flex: 0 1 42.8571428571%;border-radius: 0.4rem;overflow: hidden;}
@media (max-width: 768.98px) {
  .promo__container {
    flex-direction: column-reverse;align-items: center;grid-area: 2rem;}
  .promo__info {
    width: 100%;text-align: center;}
  .promo__subtitle {
    font-size: 2rem;margin-bottom: 1rem;}
  .promo__title {
    margin-bottom: 2.4rem;}
  .promo__btn {
    margin-inline: auto;}
}

.about {
  background: #effbfb;}
.about__container {
  padding-top: 8rem;padding-bottom: 8rem;margin-bottom: 0;}
@media (max-width: 768.98px) {
  .about__container {
    padding-top: 6rem;padding-bottom: 6rem;}
}
@media (max-width: 499.98px) {
  .about__container {
    padding-top: 4rem;padding-bottom: 4rem;}
}
.about__items {
  display: flex;justify-content: space-around;flex-wrap: wrap;gap: 6rem 2rem;}
.about__item {
  flex: 0 1 calc(33.333% - 3rem);min-width: 28rem;}
@media (max-width: 991.98px) {
  .about__item {
    flex: 0 1 calc(50% - 3rem);}
}
@media (max-width: 768.98px) {
  .about__items {
    gap: 3rem;}
  .about__item {
    flex: 0 1 100%;}
}

.courses__container {
  padding-top: 8rem;padding-bottom: 8rem;margin-bottom: 0;}
@media (max-width: 768.98px) {
  .courses__container {
    padding-top: 6rem;padding-bottom: 6rem;}
}
@media (max-width: 499.98px) {
  .courses__container {
    padding-top: 4rem;padding-bottom: 4rem;}
}
.courses__item:not(:last-child) {
  margin-bottom: 10rem;}
@media (max-width: 768.98px) {
  .courses__item:not(:last-child) {
    margin-bottom: 7rem;}
}

.experts {
  background-color: #effbfb;}
.experts__container {
  padding-top: 8rem;padding-bottom: 8rem;margin-bottom: 0;}
@media (max-width: 768.98px) {
  .experts__container {
    padding-top: 6rem;padding-bottom: 6rem;}
}
@media (max-width: 499.98px) {
  .experts__container {
    padding-top: 4rem;padding-bottom: 4rem;}
}
.experts__items {
  display: flex;justify-content: space-around;flex-wrap: wrap;gap: 6rem 3rem;}
.experts__item {
  flex: 1;min-width: 25rem;}

.reviews {
  position: relative;}
.reviews__container {
  padding-top: 8rem;padding-bottom: 8rem;margin-bottom: 0;}
@media (max-width: 768.98px) {
  .reviews__container {
    padding-top: 6rem;padding-bottom: 6rem;}
}
@media (max-width: 499.98px) {
  .reviews__container {
    padding-top: 4rem;padding-bottom: 4rem;}
}
.reviews__items {
  padding: 2rem;margin: -2rem;}
.reviews__item {
  border-radius: 2rem;box-shadow: 0 0 2rem 0.2rem #f4f4f4;overflow: hidden;}
.reviews__item-img {
  border-radius: 2rem;overflow: hidden;}
.reviews__arrows {
  display: flex;justify-content: center;gap: 3rem;margin-top: 3rem;}
.reviews__arrow {
  width: 4rem;height: 4rem;display: flex;justify-content: center;align-items: center;border: 2px solid #6cbbc3;border-radius: 50%;cursor: pointer;transition: all 0.3s;}
.reviews__arrow.swiper-button-disabled {
  opacity: 0.5;}
.reviews__arrow svg path {
  transition: all 0.3s;stroke: #6cbbc3;}
@media ((hover: hover) and (pointer: fine)) {
  .reviews__arrow:not(.swiper-button-disabled):hover {
    background: #6cbbc3;}
  .reviews__arrow:not(.swiper-button-disabled):hover svg {
    transition: all 0.5s;}
  .reviews__arrow:not(.swiper-button-disabled):hover svg path {
    stroke: #ffffff;}
  .reviews__arrow:not(.swiper-button-disabled):active {
    background: color-mix(in srgb, #6cbbc3, #000000 20%);scale: 0.92;}
}

.swiper-wrapper {
  align-items: center !important;}

.faq__container {
  padding-top: 8rem;padding-bottom: 8rem;margin-bottom: 0;}
@media (max-width: 768.98px) {
  .faq__container {
    padding-top: 6rem;padding-bottom: 6rem;}
}
@media (max-width: 499.98px) {
  .faq__container {
    padding-top: 4rem;padding-bottom: 4rem;}
}
.footer {
  background: #effbfb;}
.footer__container {
  padding-top: 3rem;padding-bottom: 1rem;margin-bottom: 0;font-size: 1.6rem;}
@media (max-width: 768.98px) {
  .footer__container {
    padding-top: 1rem;}
}
.footer__info {
  display: flex;justify-content: space-between;flex-wrap: wrap;gap: 2rem;}
.footer__contacts {
  font-style: normal;}
.footer__contacts-item {
  display: block;}
.footer__contacts-item:not(:last-child) {
  margin-bottom: 0.8rem;}
.footer__contacts-item a {
  color: #6cbbc3;transition: all 0.3s ease 0s;}
@media ((hover: hover) and (pointer: fine)) {
  .footer__contacts-item a:hover {
    color: #98b3b5;}
}
.footer__contacts-legal {
  opacity: 0.8;}
.footer__socials-title {
  font-size: 2.2rem;text-align: center;margin-bottom: 3rem;}
.footer__socials-items {
  display: flex;justify-content: center;gap: 2rem;}
.footer__socials-item {
  width: 4rem;height: 4rem;transition: all 0.3s ease 0s;}
@media ((hover: hover) and (pointer: fine)) {
  .footer__socials-item:hover {
    scale: 1.1;}
}
.footer__docs {
  display: flex;gap: 2rem;justify-content: center;flex-wrap: wrap;font-size: 1.2rem;margin-top: 2rem;}
.footer__docs a {
  color: #070707;transition: all 0.3s ease 0s;}
@media ((hover: hover) and (pointer: fine)) {
  .footer__docs a:hover {
    color: #98b3b5;}
}
@media (max-width: 768.98px) {
  .footer {
    padding-top: 2rem;}
  .footer__info {
    flex-direction: column-reverse;align-items: center;text-align: center;gap: 2rem;}
  .footer__contacts-item:not(:last-child) {
    margin-bottom: 0.4rem;}
  .footer__socials-title {
    margin-bottom: 1rem;}
  .footer__docs {
    gap: 1rem;}
}