main {
  display: flex;
  justify-content: center;
  background-color: #000;
  color: #fff;
  padding-top: 242px;
}

header {
  background-color: #000 !important;
}

main main-cont {
  display: flex;
  flex-direction: column;
  width: 100%;
  max-width: 1440px;
}

main nav {
  display: flex;
}

main nav nav-cont {
  display: flex;
  width: 100%;
  align-items: center;
}

main nav nav-cont nav-items {
  display: flex;
}

main nav nav-cont nav-items main-btn {
  display: flex;
}

main nav nav-cont nav-items main-btn main-btn-cont {
  display: flex;
}

main nav nav-cont nav-items main-btn main-btn-cont a {
  display: flex;
  color: #97959d;
  font-size: 22px;
  font-family: "Monserrat-bold";
}

main nav nav-cont nav-items main-btn main-btn-cont a:hover {
  color: #0147ff;
}

main nav nav-cont nav-items main-btn main-btn-cont img {
  padding: 0 25px;
}

main nav nav-cont nav-items class-btn {
  display: flex;
}

main nav nav-cont nav-items class-btn class-btn-cont {
  display: flex;
}

main nav nav-cont nav-items class-btn class-btn-cont a {
  display: flex;
  color: #97959d;
  font-size: 22px;
  font-family: "Monserrat-bold";
}

main nav nav-cont nav-items class-btn class-btn-cont a:hover {
  color: #0147ff;
}

main nav nav-cont nav-items class-btn class-btn-cont img {
  padding: 0 25px;
}

main nav nav-cont nav-items class-mini-title {
  display: flex;
}

main nav nav-cont nav-items class-mini-title p {
  font-size: 22px;
  font-family: "Monserrat-bold";
  color: #0147ff;
}

main class-description {
  display: flex;
  margin: 64px 0;
}

main class-description class-description-cont {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  width: 100%;
  justify-content: space-between;
  gap: 40px;
}

main class-description class-description-parts {
  display: flex;
  min-width: 0;
  max-width: 784px;
}

main class-description class-description-parts:first-child {
  flex: 1 1 380px;
}

main class-description class-description-parts:last-child {
  flex: 0 1 clamp(360px, 32vw, 620px);
  align-self: flex-start;
}

main class-description class-description-parts class-logo {
  display: flex;
  max-width: 100%;
  min-width: 0;
}

main class-description class-description-parts class-logo img {
  width: 100%;
  aspect-ratio: 4 / 3;
  height: auto;
  object-fit: cover;
  border-radius: 24px;
}

main class-description class-description-parts class-description-part {
  display: flex;
  flex-direction: column;
  min-width: 0;
}

main
  class-description
  class-description-parts
  class-description-part
  class-title {
  display: flex;
  margin-bottom: 16px;
}

main
  class-description
  class-description-parts
  class-description-part
  class-title
  h1 {
  font-size: clamp(32px, 5vw, 90px);
  line-height: 1.1;
  color: #8e8e8e;
  font-family: "Monserrat-bold";
  overflow-wrap: anywhere;
  word-break: break-word;
}

main
  class-description
  class-description-parts
  class-description-part
  class-description-text {
  display: flex;
  margin-bottom: 32px;
}

main
  class-description
  class-description-parts
  class-description-part
  class-description-text
  p {
  color: #cdc6c6;
  font-size: 18px;
  line-height: 1.6;
  overflow-wrap: anywhere;
}

main
  class-description
  class-description-parts
  class-description-part
  class-contact {
  display: flex;
}

main
  class-description
  class-description-parts
  class-description-part
  class-contact
  class-contact-btn {
  display: flex;
  align-items: center;
  padding: 5.5px;
  background-color: #fff;
  border-radius: 43.32px;
}

main
  class-description
  class-description-parts
  class-description-part
  class-contact
  class-contact-btn
  img {
  box-shadow: 0 4px 4px #00000040;
  border-radius: 50px;
}

main
  class-description
  class-description-parts
  class-description-part
  class-contact
  class-contact-btn
  p {
  color: #272727;
  font-size: 18px;
  font-family: "Monserrat-bold";
  padding: 0 15px;
}

main class-type {
  display: flex;
  margin: 100px 0;
}

main class-type class-type-cont {
  display: flex;
  width: 100%;
  border-radius: 100px;
  padding: 68px 58px;
  border: 2px solid #ffffff1a;
  justify-content: space-between;
}

main class-type class-type-parts {
  display: flex;
}

main class-type class-type-parts class-type-part {
  display: flex;
}

main class-type class-type-parts class-type-part class-type-part-cont {
  display: flex;
  flex-direction: column;
  align-items: center;
}

main class-type class-type-parts class-type-part class-type-part-cont img {
  margin-bottom: 32px;
}

main class-type class-type-parts class-type-part class-type-part-cont p {
  font-size: 54px;
}

main class-will-learn {
  display: flex;
}

main class-will-learn class-will-learn-cont {
  display: flex;
  flex-direction: column;
  animation: center;
  width: 100%;
}

main class-will-learn class-will-learn-cont class-will-learn-title {
  display: flex;
  justify-content: center;
  margin-bottom: 100px;
  margin-top: 50px;
}

main class-will-learn class-will-learn-cont class-will-learn-title h2 {
  font-size: 56px;
  font-family: "Monserrat-bold";
  text-align: center;
  color: #8e8e8e;
}

main class-will-learn class-will-learn-cont class-will-learn-part {
  display: flex;
}

main
  class-will-learn
  class-will-learn-cont
  class-will-learn-part
  class-will-learn-part-cont {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 40px;
  width: 100%;
}

main
  class-will-learn
  class-will-learn-cont
  class-will-learn-part
  class-will-learn-parts {
  display: flex;
}

main
  class-will-learn
  class-will-learn-cont
  class-will-learn-part
  class-will-learn-parts
  class-will-learn-block {
  display: flex;
  width: 100%;
  padding: 78px 29px;
  border-radius: 20.6px;
  background-color: #171616;
  border-bottom: 2px solid #0147ff;
}

main
  class-will-learn
  class-will-learn-cont
  class-will-learn-part
  class-will-learn-parts
  class-will-learn-block
  p {
  font-size: 22px;
  line-height: 33.5px;
  font-family: "Monserrat-light";
  text-align: center;
}

main class-end {
  display: flex;
  margin-top: 50px;
}

main class-end class-end-cont {
  display: flex;
  flex-direction: column;
  width: 100%;
}

main class-end class-end-title {
  display: flex;
  justify-content: center;
  margin-bottom: 100px;
}

main class-end class-end-title h2 {
  font-size: 56px;
  font-family: "Monserrat-bold";
  text-align: center;
  color: #8e8e8e;
}

main class-end class-end-info {
  display: flex;
}

main class-end class-end-info class-end-info-cont {
  display: flex;
  gap: 110px;
}

main class-end class-end-info class-end-info-cont class-end-img {
  display: flex;
  height: 430px;
}

@media only screen and (max-width: 1200px) {
  main class-end class-end-info class-end-info-cont {
    gap: 40px;
  }
}

main class-end class-end-info class-end-parts {
  display: flex;
}

main class-end class-end-info class-end-parts class-end-parts-cont {
  display: flex;
  flex-direction: column;
  height: 500px;
  overflow: hidden;
  overflow-y: scroll;
}

main class-end class-end-info class-end-parts class-end-parts-part {
  display: flex;
  /* margin-bottom: 100px; */
}

/* 
main class-end class-end-info class-end-parts class-end-parts-part-cont {
    display: flex;
    justify-content: space-between;
    width: 100%;
    padding-top: 40px;
} */

/* main class-end class-end-info class-end-parts class-end-parts-part class-end-part-number img {
    margin-right: 70px;
}

main class-end class-end-info class-end-parts class-end-parts-part class-end-part-text {
    display: flex;
    max-width: 532px;
}

main class-end class-end-info class-end-parts class-end-parts-part class-end-part-text class-end-part-text-cont {
    display: flex;
    flex-direction: column;
} */

main
  class-end
  class-end-info
  class-end-parts
  class-end-parts-part
  class-end-parts-part-text-title {
  display: flex;
  margin-bottom: 32px;
}

main
  class-end
  class-end-info
  class-end-parts
  class-end-parts-part
  class-end-parts-part-text-title
  h3 {
  font-size: 32px;
  font-family: "Monserrat-bold";
}

/* 
main class-end class-end-info class-end-parts class-end-parts-part class-end-part-text class-end-part-text-cont class-text {
    display: flex;
    justify-content: end;
}

main class-end class-end-info class-end-parts class-end-parts-part class-end-part-text class-end-part-text-cont class-text p {
    font-size: 18px;
    line-height: 40px;
    font-family: 'Monserrat-light';
} */

main class-area {
  display: flex;
  margin-top: 150px;
  margin-bottom: 150px;
}

main class-area class-area-cont {
  display: flex;
  flex-direction: column;
  width: 100%;
}

main class-area class-area-title {
  display: flex;
  justify-content: center;
  margin-bottom: 100px;
}

main class-area class-area-title h2 {
  font-size: 56px;
  font-family: "Monserrat-bold";
  text-align: center;
  color: #8e8e8e;
}

main class-area class-area-parts {
  display: flex;
}

main class-area class-area-parts class-area-parts-cont {
  display: flex;
  flex-wrap: wrap;
  gap: 24px;
  width: 100%;
  justify-content: space-between;
}

main class-area class-area-parts class-area-parts-part {
  display: flex;
  border-radius: 40px;
  flex: 1 1 320px;
  min-width: 0;
  border-bottom: 8px solid;
  max-width: 464px;
}

main
  class-area
  class-area-parts
  class-area-parts-part
  class-area-parts-part-cont {
  display: flex;
  flex: 1;
  min-width: 0;
  flex-direction: column;
  padding: 32px 16px 32px 32px;
  background-color: #0147ff;
  border-radius: 32px;
}

main
  class-area
  class-area-parts
  class-area-parts-part
  class-area-parts-part-title
  h3,
main
  class-area
  class-area-parts
  class-area-parts-part
  class-area-parts-part-text
  p {
  overflow-wrap: anywhere;
}

main
  class-area
  class-area-parts
  class-area-parts-part
  class-area-parts-part-title {
  display: flex;
  margin-bottom: 32px;
}

main
  class-area
  class-area-parts
  class-area-parts-part
  class-area-parts-part-title
  h3 {
  font-size: 32px;
  font-family: "Monserrat-bold";
}

main
  class-area
  class-area-parts
  class-area-parts-part
  class-area-parts-part-text
  p {
  font-size: 18px;
  line-height: 40px;
}

main class-area class-area-parts class-area-parts-part:nth-of-type(3n + 2) {
  border-bottom: 8px solid #1424ff;
}

main
  class-area
  class-area-parts
  class-area-parts-part:nth-of-type(3n + 2)
  class-area-parts-part-cont {
  background-color: #bbf451;
  color: #272727;
}

main class-area class-area-parts class-area-parts-part:nth-of-type(3n) {
  border-bottom: 8px solid #bbf451;
}

main
  class-area
  class-area-parts
  class-area-parts-part:nth-of-type(3n)
  class-area-parts-part-cont {
  background-color: #fff;
  color: #000;
}

main class-teachers {
  display: flex;
  margin-bottom: 150px;
}

main class-teachers class-teachers-cont {
  display: flex;
  flex-direction: column;
  width: 100%;
}

main class-teachers class-teachers-cont class-teachers-title {
  display: flex;
  justify-content: center;
  margin-bottom: 100px;
}

main class-teachers class-teachers-cont class-teachers-title h2 {
  font-size: 56px;
  font-family: "Monserrat-bold";
  text-align: center;
  color: #8e8e8e;
}

main class-teachers class-teachers-parts {
  display: flex;
}

main class-teachers class-teachers-parts class-teachers-parts-cont {
  display: flex;
  flex-wrap: wrap;
  gap: 40px;
  width: 100%;
  justify-content: space-between;
}

main
  class-teachers
  class-teachers-parts
  class-teachers-parts-cont
  class-teachers-block {
  display: flex;
}

main
  class-teachers
  class-teachers-parts
  class-teachers-parts-cont
  class-teachers-block
  class-teachers-block-cont {
  display: flex;
  flex-direction: column;
}

main
  class-teachers
  class-teachers-parts
  class-teachers-parts-cont
  class-teachers-block
  class-teachers-block-cont
  class-teachers-photo {
  display: flex;
  width: 431px;
  height: 508px;
  overflow: hidden;
  border-radius: 34px;
  border-bottom: 3px solid #0147ff;
  margin-bottom: 16px;
}

main
  class-teachers
  class-teachers-parts
  class-teachers-parts-cont
  class-teachers-block
  class-teachers-block-cont
  class-teachers-photo
  img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 34px;
  object-position: 50% 20%;
}

main
  class-teachers
  class-teachers-parts
  class-teachers-parts-cont
  class-teachers-block
  class-teachers-block-cont
  class-teachers-info {
  display: flex;
}

main
  class-teachers
  class-teachers-parts
  class-teachers-parts-cont
  class-teachers-block
  class-teachers-block-cont
  class-teachers-info
  class-teachers-info-cont {
  display: flex;
  justify-content: space-between;
  width: 100%;
  align-items: center;
}

main
  class-teachers
  class-teachers-parts
  class-teachers-parts-cont
  class-teachers-block
  class-teachers-block-cont
  class-teachers-info
  class-teachers-info-cont
  class-teachers-info-parts
  class-teachers-info-text
  h3 {
  font-size: 25.92px;
  line-height: 29.4px;
  color: #b3b3b3;
  margin-bottom: 16.2px;
  font-family: "Monserrat-bold";
}

main
  class-teachers
  class-teachers-parts
  class-teachers-parts-cont
  class-teachers-block
  class-teachers-block-cont
  class-teachers-info
  class-teachers-info-cont
  class-teachers-info-parts
  class-teachers-info-text
  p {
  font-size: 17.28px;
  line-height: 29.4px;
  color: #ddd;
}

often-questions {
  display: flex;
  width: 100%;
}

.hidden {
  display: none;
}

often-questions often-questions-cont {
  display: flex;
  flex-direction: column;
  width: 100%;
  background-color: #000;
  border-radius: 160px 160px 0 0;
  padding-top: 76px;
  align-items: center;
  padding-bottom: 250px;
}

often-questions often-questions-cont often-questions-title {
  display: flex;
  justify-content: center;
  margin-bottom: 16px;
  width: 100%;
  max-width: 1440px;
}

often-questions often-questions-cont often-questions-title h2 {
  font-size: 56px;
  font-family: "Monserrat-bold";
  text-align: center;
  color: #8e8e8e;
}

often-questions often-questions-cont often-questions-text {
  display: flex;
  justify-content: center;
  margin-bottom: 100px;
  width: 100%;
  max-width: 1440px;
  padding: 0 20px;
}

often-questions often-questions-cont often-questions-text p {
  font-size: 18px;
  line-height: 40px;
  max-width: 860px;
  text-align: center;
  color: #fff;
}

often-questions often-questions-part {
  display: flex;
  width: 100%;
  max-width: 1440px;
  padding: 0 20px;
}

often-questions often-questions-part often-questions-part-cont {
  display: flex;
  flex-direction: column;
  width: 100%;
}

often-questions
  often-questions-part
  often-questions-part-cont
  often-questions-parts {
  display: flex;
  margin-bottom: 24px;
}

often-questions
  often-questions-part
  often-questions-part-cont
  often-questions-parts
  often-questions-parts-cont {
  display: flex;
  width: 100%;
}

often-questions
  often-questions-part
  often-questions-part-cont
  often-questions-parts
  often-questions-parts-cont
  often-question {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  justify-content: space-between;
  align-items: center;
  border-radius: 24px;
  border: 1px solid #ffffff1f;
  background-color: #ffffff14;
  padding: 16px 24px;
  cursor: pointer;
  position: relative;
  transition-duration: 1s;
}

often-questions
  often-questions-part
  often-questions-part-cont
  often-questions-parts
  often-questions-parts-cont
  often-question
  p {
  font-size: 22px;
  line-height: 32px;
  color: #c6c4cd;
}

often-questions
  often-questions-part
  often-questions-part-cont
  often-questions-parts
  often-questions-parts-cont
  often-question
  often-question-answer {
  width: 100%;
  margin-top: 8px;
  padding-top: 8px;
  border-top: 1px solid #ffffff21;
  overflow: hidden;
}

often-question-answer.hide {
  display: none;
}

often-questions
  often-questions-part
  often-questions-part-cont
  often-questions-parts
  often-questions-parts-cont
  often-question
  often-question-answer
  often-question-answer-cont {
  display: flex;
  width: 100%;
  padding: 0px 8px;
}

often-questions
  often-questions-part
  often-questions-part-cont
  often-questions-parts
  often-questions-parts-cont
  often-question
  often-question-answer
  often-question-answer-cont
  p {
  font-size: 20px;
  line-height: 44px;
  margin-top: 4.48px;
}

.hide {
  height: 0px;
  width: 0px;
}

@media only screen and (max-width: 900px) {
  main {
    padding-left: 24px;
    padding-right: 24px;
  }

  main
    class-description
    class-description-parts
    class-description-part
    class-title
    h1 {
    font-size: 72px;
  }

  main class-type class-type-cont {
    flex-wrap: wrap;
    gap: 28px;
    padding: 40px;
    justify-content: center;
  }

  main class-type class-type-parts class-type-part class-type-part-cont p {
    font-size: 32px;
  }

  main class-will-learn class-will-learn-cont class-will-learn-title h2,
  main class-end class-end-title h2,
  main class-area class-area-title h2,
  main class-teachers class-teachers-cont class-teachers-title h2,
  often-questions often-questions-cont often-questions-title h2 {
    font-size: 40px;
  }

  main
    class-will-learn
    class-will-learn-cont
    class-will-learn-part
    class-will-learn-part-cont {
    grid-template-columns: repeat(2, 1fr);
  }

  main class-end class-end-info class-end-info-cont {
    flex-direction: column;
    align-items: center;
  }

  main class-end class-end-info class-end-info-cont class-end-img {
    height: auto;
    margin-right: 0;
    margin-bottom: 32px;
  }

  main class-end class-end-info class-end-info-cont class-end-img img {
    max-width: 100%;
    height: auto;
  }

  main class-end class-end-info class-end-parts class-end-parts-cont {
    height: auto;
    overflow: visible;
  }
}

@media only screen and (max-width: 600px) {
  often-questions {
    justify-content: center;
  }

  often-questions often-questions-cont {
    border-radius: 32px 32px 0 0;
    padding-top: 40px;
    padding-bottom: 60px;
  }

  often-questions often-questions-cont often-questions-title {
    margin-bottom: 8px;
  }

  often-questions often-questions-cont often-questions-title h2 {
    font-size: 20px;
    line-height: 138%;
    letter-spacing: 4%;
  }

  often-questions often-questions-cont often-questions-text {
    margin-bottom: 20px;
  }

  often-questions often-questions-cont often-questions-text p {
    font-size: 16px;
    line-height: 26px;
    max-width: 300px;
  }

  often-questions often-questions-part {
    width: 100%;
    max-width: 352px;
  }

  often-questions
    often-questions-part
    often-questions-part-cont
    often-questions-parts
    often-questions-parts-cont
    often-question {
    min-height: 88px;
  }

  often-questions
    often-questions-part
    often-questions-part-cont
    often-questions-parts
    often-questions-parts-cont
    often-question
    img {
    width: 34px;
  }

  often-questions
    often-questions-part
    often-questions-part-cont
    often-questions-parts
    often-questions-parts-cont
    often-question
    p {
    font-size: 14px;
    line-height: 24px;
    max-width: 250px;
  }

  often-questions
    often-questions-part
    often-questions-part-cont
    often-questions-parts
    often-questions-parts-cont
    often-question
    often-question-answer
    often-question-answer-cont
    p {
    font-size: 14px;
    line-height: 24px;
    width: 100%;
  }

  main {
    padding-top: 110px;
    padding-left: 16px;
    padding-right: 16px;
  }

  main nav nav-cont {
    flex-wrap: wrap;
  }

  main nav nav-cont nav-items a,
  main nav nav-cont nav-items class-mini-title p {
    font-size: 13px;
  }

  main class-description {
    margin: 32px 0;
  }

  main class-description class-description-cont {
    flex-direction: column;
    gap: 28px;
  }

  main class-description class-description-parts {
    max-width: 100%;
  }

  main
    class-description
    class-description-parts
    class-description-part
    class-title
    h1 {
    font-size: 40px;
  }

  main
    class-description
    class-description-parts
    class-description-part
    class-description-text
    p {
    font-size: 16px;
    line-height: 28px;
  }

  main class-type {
    margin: 40px 0;
  }

  main class-type class-type-cont {
    flex-direction: column;
    gap: 24px;
    padding: 28px;
    border-radius: 32px;
    align-items: stretch;
  }

  main class-type class-type-parts class-type-part class-type-part-cont {
    flex-direction: row;
    gap: 14px;
    align-items: center;
  }

  main class-type class-type-parts class-type-part class-type-part-cont img {
    margin-bottom: 0;
    width: 28px;
  }

  main class-type class-type-parts class-type-part class-type-part-cont p {
    font-size: 22px;
  }

  main class-will-learn class-will-learn-cont class-will-learn-title {
    margin-top: 24px;
    margin-bottom: 40px;
  }

  main class-will-learn class-will-learn-cont class-will-learn-title h2 {
    font-size: 28px;
  }

  main
    class-will-learn
    class-will-learn-cont
    class-will-learn-part
    class-will-learn-part-cont {
    grid-template-columns: 1fr;
    gap: 16px;
  }

  main
    class-will-learn
    class-will-learn-cont
    class-will-learn-part
    class-will-learn-parts
    class-will-learn-block {
    padding: 32px 20px;
  }

  main
    class-will-learn
    class-will-learn-cont
    class-will-learn-part
    class-will-learn-parts
    class-will-learn-block
    p {
    font-size: 18px;
    line-height: 28px;
  }

  main class-end {
    margin-top: 32px;
  }

  main class-end class-end-title {
    margin-bottom: 40px;
  }

  main class-end class-end-title h2 {
    font-size: 28px;
  }

  main class-end class-end-info class-end-info-cont {
    flex-direction: column;
  }

  main class-end class-end-info class-end-info-cont class-end-img {
    height: auto;
    margin-right: 0;
    margin-bottom: 28px;
  }

  main class-end class-end-info class-end-info-cont class-end-img img {
    max-width: 100%;
    height: auto;
  }

  main class-end class-end-info class-end-parts class-end-parts-cont {
    height: auto;
    overflow: visible;
  }

  main
    class-end
    class-end-info
    class-end-parts
    class-end-parts-part
    class-end-parts-part-text-title
    h3 {
    font-size: 22px;
  }

  main class-area {
    margin-top: 60px;
    margin-bottom: 60px;
  }

  main class-area class-area-title {
    margin-bottom: 40px;
  }

  main class-area class-area-title h2 {
    font-size: 28px;
  }

  main class-area class-area-parts class-area-parts-cont {
    gap: 20px;
  }

  main class-area class-area-parts class-area-parts-part {
    max-width: none;
  }

  main
    class-area
    class-area-parts
    class-area-parts-part
    class-area-parts-part-cont {
    padding: 24px 20px;
  }

  main
    class-area
    class-area-parts
    class-area-parts-part
    class-area-parts-part-title {
    margin-bottom: 16px;
  }

  main
    class-area
    class-area-parts
    class-area-parts-part
    class-area-parts-part-title
    h3 {
    font-size: 22px;
  }

  main
    class-area
    class-area-parts
    class-area-parts-part
    class-area-parts-part-text
    p {
    font-size: 16px;
    line-height: 28px;
  }

  main class-teachers {
    margin-bottom: 60px;
  }

  main class-teachers class-teachers-cont class-teachers-title {
    margin-bottom: 40px;
  }

  main class-teachers class-teachers-cont class-teachers-title h2 {
    font-size: 28px;
  }

  main class-teachers class-teachers-parts class-teachers-parts-cont {
    flex-direction: column;
    align-items: center;
    gap: 28px;
  }

  main
    class-teachers
    class-teachers-parts
    class-teachers-parts-cont
    class-teachers-block {
    width: 100%;
    max-width: 319px;
  }

  main
    class-teachers
    class-teachers-parts
    class-teachers-parts-cont
    class-teachers-block
    class-teachers-block-cont {
    width: 100%;
  }

  main
    class-teachers
    class-teachers-parts
    class-teachers-parts-cont
    class-teachers-block
    class-teachers-block-cont
    class-teachers-photo {
    width: 100%;
    height: auto;
    aspect-ratio: 431 / 508;
  }
}