@font-face {
  font-family: Montserrat;
  font-display: swap;
  src: url("../fonts/Montserrat.woff2") format("woff2"), url("../fonts/Montserrat.woff") format("woff");
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: Montserrat;
  font-display: swap;
  src: url("../fonts/Montserrat-Black.woff2") format("woff2"), url("../fonts/Montserrat-Black.woff") format("woff");
  font-weight: 900;
  font-style: normal;
}
@font-face {
  font-family: Montserrat;
  font-display: swap;
  src: url("../fonts/Montserrat-BlackItalic.woff2") format("woff2"), url("../fonts/Montserrat-BlackItalic.woff") format("woff");
  font-weight: 900;
  font-style: italic;
}
@font-face {
  font-family: Montserrat;
  font-display: swap;
  src: url("../fonts/Montserrat-Bold.woff2") format("woff2"), url("../fonts/Montserrat-Bold.woff") format("woff");
  font-weight: 700;
  font-style: normal;
}
@font-face {
  font-family: Montserrat;
  font-display: swap;
  src: url("../fonts/Montserrat-BoldItalic.woff2") format("woff2"), url("../fonts/Montserrat-BoldItalic.woff") format("woff");
  font-weight: 700;
  font-style: italic;
}
@font-face {
  font-family: Montserrat;
  font-display: swap;
  src: url("../fonts/Montserrat-ExtraBold.woff2") format("woff2"), url("../fonts/Montserrat-ExtraBold.woff") format("woff");
  font-weight: 800;
  font-style: normal;
}
@font-face {
  font-family: Montserrat;
  font-display: swap;
  src: url("../fonts/Montserrat-ExtraBoldItalic.woff2") format("woff2"), url("../fonts/Montserrat-ExtraBoldItalic.woff") format("woff");
  font-weight: 800;
  font-style: italic;
}
@font-face {
  font-family: Montserrat;
  font-display: swap;
  src: url("../fonts/Montserrat-ExtraLight.woff2") format("woff2"), url("../fonts/Montserrat-ExtraLight.woff") format("woff");
  font-weight: 200;
  font-style: normal;
}
@font-face {
  font-family: Montserrat;
  font-display: swap;
  src: url("../fonts/Montserrat-ExtraLightItalic.woff2") format("woff2"), url("../fonts/Montserrat-ExtraLightItalic.woff") format("woff");
  font-weight: 200;
  font-style: italic;
}
@font-face {
  font-family: Montserrat;
  font-display: swap;
  src: url("../fonts/Montserrat-Italic.woff2") format("woff2"), url("../fonts/Montserrat-Italic.woff") format("woff");
  font-weight: 400;
  font-style: italic;
}
@font-face {
  font-family: Montserrat;
  font-display: swap;
  src: url("../fonts/Montserrat-Light.woff2") format("woff2"), url("../fonts/Montserrat-Light.woff") format("woff");
  font-weight: 300;
  font-style: normal;
}
@font-face {
  font-family: Montserrat;
  font-display: swap;
  src: url("../fonts/Montserrat-LightItalic.woff2") format("woff2"), url("../fonts/Montserrat-LightItalic.woff") format("woff");
  font-weight: 300;
  font-style: italic;
}
@font-face {
  font-family: Montserrat;
  font-display: swap;
  src: url("../fonts/Montserrat-Medium.woff2") format("woff2"), url("../fonts/Montserrat-Medium.woff") format("woff");
  font-weight: 500;
  font-style: normal;
}
@font-face {
  font-family: Montserrat;
  font-display: swap;
  src: url("../fonts/Montserrat-MediumItalic.woff2") format("woff2"), url("../fonts/Montserrat-MediumItalic.woff") format("woff");
  font-weight: 400;
  font-style: italic;
}
@font-face {
  font-family: Montserrat;
  font-display: swap;
  src: url("../fonts/Montserrat-Regular.woff2") format("woff2"), url("../fonts/Montserrat-Regular.woff") format("woff");
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: Montserrat;
  font-display: swap;
  src: url("../fonts/Montserrat-SemiBold.woff2") format("woff2"), url("../fonts/Montserrat-SemiBold.woff") format("woff");
  font-weight: 600;
  font-style: normal;
}
@font-face {
  font-family: Arkhip;
  font-display: swap;
  src: url("../fonts/Arkhip_font.woff2") format("woff2"), url("../fonts/Arkhip_font.woff") format("woff");
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: Montserrat;
  font-display: swap;
  src: url("../fonts/Montserrat-Thin.woff2") format("woff2"), url("../fonts/Montserrat-Thin.woff") format("woff");
  font-weight: 100;
  font-style: normal;
}
@font-face {
  font-family: Montserrat;
  font-display: swap;
  src: url("../fonts/Montserrat-ThinItalic.woff2") format("woff2"), url("../fonts/Montserrat-ThinItalic.woff") format("woff");
  font-weight: 100;
  font-style: italic;
}
@font-face {
  font-family: Montserrat;
  font-display: swap;
  src: url("../fonts/Montserrat-SemiBoldItalic.woff2") format("woff2"), url("../fonts/Montserrat-SemiBoldItalic.woff") format("woff");
  font-weight: 600;
  font-style: italic;
}
*,
*:before,
*:after {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  outline: none;
}

ul {
  list-style: none;
}

a {
  text-decoration: none;
}

img,
svg {
  vertical-align: top;
}

button {
  cursor: pointer;
  border: none;
}

* {
  position: relative;
}

html {
  font-size: 10px;
  background-color: #fff;
  scroll-behavior: smooth;
}

body {
  font-family: Montserrat, sans-serif;
  font-style: normal;
  display: flex;
  flex-direction: column;
  min-height: 100vh;
}
body.menu-open {
  overflow: hidden;
  height: 100vh;
}
body.scroll-disable {
  height: 100vh;
  overflow: hidden;
}

section {
  overflow: hidden;
  z-index: 1;
  padding: 8rem 0;
}
@media only screen and (max-width: 768px) {
  section {
    padding: 5rem 0;
  }
}

main {
  flex: 1;
  margin-top: 8.1rem;
}
@media only screen and (max-width: 576px) {
  main {
    margin-top: 6.1rem;
  }
}

.container {
  margin: 0 auto;
  width: 100%;
  max-width: 123rem;
  padding: 0 1.5rem;
}

.tac {
  text-align: center;
  margin: 0 auto;
}

.hidden {
  display: none !important;
  visibility: hidden !important;
}

.img-maxw {
  width: 100%;
  max-width: 100%;
  height: auto;
  object-fit: cover;
}

.swiper-button-prev, .swiper-button-next {
  cursor: pointer;
  transition: all 0.2s ease;
}
.swiper-button-prev svg,
.swiper-button-prev path, .swiper-button-next svg,
.swiper-button-next path {
  transition: all 0.2s ease;
}
@media only screen and (max-width: 576px) {
  .swiper-button-prev svg,
  .swiper-button-prev path, .swiper-button-next svg,
  .swiper-button-next path {
    width: 2rem;
    height: 2rem;
  }
}
.swiper-button-prev.swiper-button-disabled, .swiper-button-next.swiper-button-disabled {
  opacity: 0.5;
}
.swiper-button-prev:not(.swiper-button-disabled):hover path {
  fill: #d7aa6a;
}
.swiper-button-prev:not(.swiper-button-disabled):hover svg {
  fill: #d7aa6a;
  transform: translateX(-5px);
}
.swiper-button-prev:not(.swiper-button-disabled):active svg {
  transform: translateX(-15px);
}
.swiper-button-next:not(.swiper-button-disabled):hover path {
  fill: #d7aa6a;
}
.swiper-button-next:not(.swiper-button-disabled):hover svg {
  fill: #d7aa6a;
  transform: translateX(5px);
}
.swiper-button-next:not(.swiper-button-disabled):active svg {
  transform: translateX(15px);
}

.content br {
  content: "";
  display: block;
  margin: 1rem 0;
}
.content h2 + p {
  margin-top: 2rem;
}
.content p + h2 {
  margin-top: 3rem;
}
.content p + p {
  margin-top: 3rem;
}
.content p + ul, .content p + ol {
  margin-top: 2rem;
}
.content img {
  border-radius: 1.6rem;
}
.content ul,
.content ol {
  padding-left: 1.5rem;
  list-style: disc;
}
.content ul li,
.content ol li {
  list-style: disc;
  font-size: 1.8rem;
  line-height: 1.5;
}
.content ul li::marker,
.content ol li::marker {
  font-size: 1rem;
  font-weight: 400;
}
.content ul li + li,
.content ol li + li {
  margin-top: 0.3rem;
}
@media only screen and (max-width: 576px) {
  .content ul li,
  .content ol li {
    font-size: 1.4rem;
  }
}
.content ul + h6,
.content ol + h6 {
  margin-top: 4rem;
}
@media only screen and (max-width: 576px) {
  .content ul + h6,
  .content ol + h6 {
    margin-top: 3rem;
  }
}
.content ol {
  list-style: decimal;
  padding-left: 2rem;
}
.content ol li {
  list-style: decimal;
}
.content ol li::marker {
  font-size: inherit;
}
.content h6 + ul {
  margin-top: 2rem;
}
.content a {
  text-decoration: underline;
  color: #d7aa6a;
  transition: all 0.2s ease;
}
@media (any-hover: hover) {
  .content a {
    opacity: 0.8;
  }
}

#otmechalkaSchedule {
  padding: 4rem 5rem !important;
  border: 2px solid #d7aa6a !important;
  border-radius: 8rem;
  min-height: 70rem;
}
@media only screen and (max-width: 576px) {
  #otmechalkaSchedule {
    padding: 2rem 1.5rem !important;
    border-radius: 2rem;
  }
}

h1,
h2,
h3,
h4,
h5,
p,
span,
div,
a,
li,
textarea,
input,
button,
input::placeholder,
textarea::placeholder {
  font-size: 1.6rem;
  font-style: normal;
  line-height: 120%;
  color: inherit;
}

span {
  font-size: inherit;
}

h1,
h2,
h3,
h4 {
  font-family: Arkhip;
  font-weight: 400;
  color: #22190c;
  text-transform: uppercase;
}

h1 {
  font-size: 2.4rem;
  line-height: 1.44;
}
@media only screen and (min-width: 576px) {
  h1 {
    font-size: calc(3.2rem + 8 * (100vw - 375px) / 625);
  }
}
@media only screen and (min-width: 992px) {
  h1 {
    font-size: 4.5rem;
  }
}

h2 {
  font-size: 2rem;
  line-height: 1.5;
}
@media only screen and (min-width: 576px) {
  h2 {
    font-size: calc(2.4rem + 8 * (100vw - 375px) / 625);
  }
}
@media only screen and (min-width: 992px) {
  h2 {
    font-size: 3.5rem;
  }
}

h3 {
  font-size: 2rem;
  line-height: 1.4;
}
@media only screen and (min-width: 576px) {
  h3 {
    font-size: calc(2rem + 4 * (100vw - 375px) / 625);
  }
}
@media only screen and (min-width: 992px) {
  h3 {
    font-size: 2.4rem;
  }
}

h4 {
  font-size: 2rem;
  line-height: 1.4;
}
@media only screen and (min-width: 576px) {
  h4 {
    font-size: calc(2rem + 4 * (100vw - 375px) / 625);
  }
}
@media only screen and (min-width: 992px) {
  h4 {
    font-size: 2.4rem;
  }
}

h5 {
  font-size: 1.6rem;
  font-weight: bold;
  line-height: 1.36;
}
@media only screen and (min-width: 576px) {
  h5 {
    font-size: calc(2rem + 4 * (100vw - 375px) / 625);
  }
}
@media only screen and (min-width: 992px) {
  h5 {
    font-size: 2.2rem;
  }
}

h6 {
  font-size: 1.6rem;
  font-weight: bold;
  line-height: 1.5;
}
@media only screen and (min-width: 576px) {
  h6 {
    font-size: 1.8rem;
  }
}

p {
  font-size: 1.6rem;
  line-height: 1.5;
}
@media only screen and (min-width: 992px) {
  p {
    font-size: 1.8rem;
  }
}

.subtitle {
  font-size: 1.8rem;
  color: #d7aa6a;
  font-weight: 600;
  line-height: 1.4;
  text-transform: uppercase;
}
@media only screen and (max-width: 576px) {
  .subtitle {
    font-size: 1.4rem;
  }
}

.screen-reader-response,
.wpcf7-response-output {
  display: none;
}

*[data-popup] {
  cursor: pointer;
}

.bttn {
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 1rem;
  color: #ffffff;
  font-size: 1.8rem;
  font-weight: 600;
  text-transform: uppercase;
  padding: 1.5rem 4rem;
  border-radius: 10rem;
  background-color: #6a9f78;
  transition: all 0.2s ease;
}
.bttn--red {
  background-color: #dc746f;
}
.bttn--white {
  background-color: #ffffff;
  color: #22190c;
}
@media (any-hover: hover) {
  .bttn:hover {
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.2);
    transform: scale(1.02) !important;
  }
  .bttn:active {
    transform: scale(1) !important;
  }
}
@media only screen and (max-width: 576px) {
  .bttn {
    font-size: 1.4rem;
    padding: 1.2rem 2.6rem;
  }
}

.header {
  position: fixed;
  top: 0;
  width: 100%;
  padding: 2rem 0;
  z-index: 12;
  background-color: #ac9475;
  transition: 0.3s linear;
}
@media only screen and (max-width: 576px) {
  .header {
    padding: 1rem 0;
  }
}
.header::before {
  content: "";
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  background-color: #ac9475;
  opacity: 0;
  pointer-events: none;
  z-index: 11;
  transition: 0.3s linear;
}
.header .container {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.header__logo {
  z-index: 200;
  transition: 0.3s linear;
  max-width: 14rem;
}
.header__logo img {
  width: 100%;
  max-width: 100%;
  height: auto;
  object-fit: cover;
  transition: 0.3s linear;
}
.header--scrolled {
  padding: 1rem 0;
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.2);
}
@media only screen and (max-width: 576px) {
  .header--scrolled {
    padding: 0.5rem 0;
  }
}
.header__burger {
  display: block;
  width: 3rem;
  height: 1.6rem;
  z-index: 11;
}
@media only screen and (min-width: 1140px) {
  .header__burger {
    display: none;
  }
}
.header__burger:before,
.header__burger span, .header__burger:after {
  content: "";
  position: absolute;
  width: 2.4rem;
  height: 0.2rem;
  left: 50%;
  border-radius: 0.2rem;
  background-color: #ffffff;
  transform: translateX(-50%);
  transition: top 0.15s linear 0.15s, transform 0.15s linear, background 0.3s linear, -webkit-transform 0.15s linear, opacity 0.3s linear;
}
.header__burger span {
  top: 50%;
  transform: translate(-50%, -50%);
}
.header__burger:before {
  top: 0;
}
.header__burger:after {
  top: 100%;
  transform: translate(-50%, -100%);
}
.header__menu {
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  background-color: #ac9475;
  z-index: 10;
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.3s linear;
  padding: 8.1rem 1.5rem 10rem;
  overflow: auto;
}
@media only screen and (max-width: 576px) {
  .header__menu {
    padding-top: 4.6rem;
  }
}
@media only screen and (min-width: 1140px) {
  .header__menu {
    transform: unset;
    width: auto;
    height: auto;
    position: static;
    padding: 0;
    background-color: transparent;
    margin-left: auto;
    opacity: 1;
    pointer-events: all;
  }
}
.header__menu-list {
  list-style-type: none;
}
@media only screen and (min-width: 1140px) {
  .header__menu-list {
    display: flex;
  }
}
.header__menu-list li a {
  display: block;
  text-align: center;
  text-decoration: none;
  font-size: 2rem;
  color: #ffffff;
  font-weight: 400;
  padding: 2.4rem 0;
}
@media only screen and (min-width: 1140px) {
  .header__menu-list li a {
    padding: 1rem 0.5rem;
    font-size: 1.6rem;
  }
}
@media (any-hover: hover) {
  .header__menu-list li a {
    transition: all 0.2s ease;
    border-radius: 0.8rem;
  }
  .header__menu-list li a:hover {
    color: #ac9475;
    background-color: #ffffff;
  }
}
.header__menu-list li:not(:first-of-type) {
  border-top: 0.1rem solid rgba(255, 255, 255, 0.2);
}
@media only screen and (min-width: 1140px) {
  .header__menu-list li:not(:first-of-type) {
    border-top: 0;
    margin-left: 1rem;
  }
}
.header__menu-list .current-menu-item a::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0px;
  background-color: #ffffff;
  width: 100%;
  height: 2px;
  border-radius: 0.2rem;
}

@media only screen and (max-width: 1140px) {
  body.menu-open .header::before {
    opacity: 1;
  }
  body.menu-open .header__menu {
    pointer-events: all;
    opacity: 1;
  }
  body.menu-open .header__burger span {
    opacity: 0;
  }
  body.menu-open .header__burger::before, body.menu-open .header__burger::after {
    -webkit-transition: top 0.15s linear, background 0.3s linear, -webkit-transform 0.15s linear 0.15s;
    transition: top 0.15s linear, background 0.3s linear, -webkit-transform 0.15s linear 0.15s;
    -o-transition: top 0.15s linear, transform 0.15s linear 0.15s, background 0.3s linear;
    transition: top 0.15s linear, transform 0.15s linear 0.15s, background 0.3s linear;
    transition: top 0.15s linear, transform 0.15s linear 0.15s, background 0.3s linear, -webkit-transform 0.15s linear 0.15s;
  }
  body.menu-open .header__burger:before {
    top: 50%;
    -webkit-transform: translate(-50%, -50%) rotate(45deg);
    -ms-transform: translate(-50%, -50%) rotate(45deg);
    transform: translate(-50%, -50%) rotate(45deg);
  }
  body.menu-open .header__burger:after {
    top: 50%;
    -webkit-transform: translate(-50%, -50%) rotate(-45deg);
    -ms-transform: translate(-50%, -50%) rotate(-45deg);
    transform: translate(-50%, -50%) rotate(-45deg);
  }
}
.breadcrumbs {
  padding-top: 3rem;
}
@media only screen and (max-width: 768px) {
  .breadcrumbs {
    padding: 2rem 0 0;
  }
}
.breadcrumbs__wrap {
  display: flex;
  align-items: center;
  font-size: 1.8rem;
  gap: 0.6rem;
  color: #75726e;
}
.breadcrumbs__wrap a {
  font-size: inherit;
  transition: all 0.2s ease;
  color: #75726e;
}
@media (any-hover: hover) {
  .breadcrumbs__wrap a:hover {
    color: #d7aa6a;
  }
}
.breadcrumbs__wrap .breadcrumb_last {
  color: #d7aa6a;
}
@media only screen and (max-width: 576px) {
  .breadcrumbs__wrap {
    font-size: 1.4rem;
  }
}

.banner {
  min-height: calc(100vh - 8.1rem);
  background-color: #f3f0ed;
  display: flex;
  align-items: center;
}
@media only screen and (max-width: 992px) {
  .banner {
    flex-direction: column;
    padding-bottom: 0;
    align-items: start;
    padding-top: 25%;
  }
}
@media only screen and (max-width: 576px) {
  .banner {
    padding-top: 4rem;
    min-height: calc(100vh - 6.1rem);
  }
}
.banner__wrap {
  max-width: 60.6rem;
}
.banner__wrap h1 span {
  color: #d7aa6a;
}
.banner__wrap h1 + .bttn {
  margin-top: 3rem;
}
@media only screen and (max-width: 576px) {
  .banner__wrap h1 + .bttn {
    margin-top: 2rem;
  }
}
@media only screen and (max-width: 576px) {
  .banner__wrap {
    max-width: 32rem;
  }
}
.banner__img {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  margin-right: -1.5rem;
  margin-left: auto;
  position: absolute;
  bottom: 0;
  right: 0;
}
@media only screen and (min-width: 992px) {
  .banner__img {
    bottom: 0;
    width: 46%;
  }
}
.banner__img img {
  width: 100%;
  max-width: 100%;
  height: auto;
  object-fit: cover;
}

.info .container {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 4rem;
}
@media only screen and (max-width: 878px) {
  .info .container {
    flex-direction: column-reverse;
  }
}
.info__img {
  max-width: 59rem;
  display: flex;
  align-items: center;
  justify-content: center;
}
.info__img img {
  width: 100%;
  max-width: 100%;
  height: auto;
  object-fit: cover;
}
@media only screen and (max-width: 576px) {
  .info__img {
    width: 90%;
    margin: 0 auto;
  }
}
.info__content {
  width: 58.5rem;
  max-width: 100%;
}
.info__content .subtitle + h2 {
  margin-top: 2rem;
}
@media only screen and (max-width: 576px) {
  .info__content .subtitle + h2 {
    margin-top: 1.5rem;
  }
}
.info__content h2 + p {
  margin-top: 2rem;
}
@media only screen and (max-width: 576px) {
  .info__content h2 + p {
    margin-top: 1.5rem;
  }
}
.info__content p {
  color: #75726e;
}
.info__content p + p {
  margin-top: 1.5rem;
}
.info.reversed .container {
  flex-direction: row-reverse;
}
@media only screen and (max-width: 878px) {
  .info.reversed .container {
    flex-direction: column-reverse;
  }
}
.info.reversed .info__content {
  width: 46.1rem;
  margin: 0 auto;
}

.section__head {
  margin-bottom: 5rem;
}
@media only screen and (max-width: 768px) {
  .section__head {
    margin-bottom: 4rem;
  }
}
.section__head .container {
  max-width: 102.5rem;
}
.section__head .subtitle {
  margin-bottom: 2rem;
}
.section__head p {
  margin-top: 2rem;
  color: #75726e;
}

.about {
  margin-top: 8rem;
}
@media only screen and (max-width: 878px) {
  .about {
    margin-top: 4rem;
  }
}

.advantages__wrap {
  display: flex;
  flex-wrap: wrap;
  gap: 3rem;
}
@media only screen and (max-width: 992px) {
  .advantages__wrap {
    gap: 1rem;
  }
}
@media only screen and (max-width: 576px) {
  .advantages__wrap {
    gap: 3rem;
  }
}
.advantages__item {
  border-radius: 3rem;
  border: 3px dashed #d4d4ca;
  width: calc(33% - 2rem);
  padding: 4rem;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  min-height: 29rem;
  gap: 2rem;
}
@media only screen and (max-width: 992px) {
  .advantages__item {
    width: calc(50% - 1rem);
  }
}
@media only screen and (max-width: 768px) {
  .advantages__item {
    width: calc(50% - 1rem);
    padding: 2rem;
  }
  .advantages__item-img {
    width: 4.5rem;
    height: auto;
  }
  .advantages__item-img img {
    width: 100%;
    max-width: 100%;
    height: auto;
    object-fit: cover;
  }
}
@media only screen and (max-width: 576px) {
  .advantages__item {
    width: 100%;
    min-height: auto;
    padding: 4rem;
  }
}
.advantages__item-info p {
  font-size: 1.6rem;
}
@media only screen and (max-width: 576px) {
  .advantages__item-info p {
    font-size: 1.4rem;
  }
}

.program__wrap {
  display: flex;
  gap: 3rem;
}
@media only screen and (max-width: 992px) {
  .program__wrap {
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 2rem;
  }
}
.program__item {
  border-radius: 3rem;
  background-color: #f3f0ed;
  padding: 3rem;
  display: flex;
  align-items: center;
  gap: 3rem;
  width: 100%;
  max-width: 100%;
}
@media only screen and (max-width: 576px) {
  .program__item {
    padding: 2rem;
  }
}
.program__item + .program__item {
  margin-top: 3rem;
}
@media only screen and (max-width: 992px) {
  .program__item + .program__item {
    margin-top: 2rem;
  }
}
.program__item-column {
  width: 58.5rem;
  max-width: 100%;
}
@media only screen and (max-width: 576px) {
  .program__item-img {
    width: 7rem;
    min-width: 7rem;
    height: auto;
  }
  .program__item-img img {
    width: 100%;
    max-width: 100%;
    height: auto;
    object-fit: cover;
  }
}
.program__item-info {
  border-radius: 3rem;
  background-color: #f3f0ed;
  width: 58.5rem;
  max-width: 100%;
  padding: 5rem;
}
@media only screen and (max-width: 576px) {
  .program__item-info {
    padding: 2rem;
  }
}
.program__item-info p + p {
  margin-top: 1.5rem;
}
.program__item h6 {
  font-size: 2rem;
  font-weight: bold;
  line-height: 1.3;
}
@media only screen and (max-width: 576px) {
  .program__item h6 {
    font-size: 1.8rem;
  }
}
.program__proposal {
  margin-top: 3.7rem;
  padding: 6rem 7rem;
  color: #ffffff;
  border-radius: 3rem;
  background-color: #6a9f78;
}
@media only screen and (max-width: 768px) {
  .program__proposal {
    padding: 3rem;
    margin-top: 2rem;
  }
}
.program__proposal h2 {
  color: #ffffff;
}
.program__proposal p {
  margin-top: 1rem;
  max-width: 103.7rem;
}
.program__proposal .bttn {
  margin-top: 3rem;
}

.study .container {
  display: flex;
}
@media only screen and (max-width: 878px) {
  .study .container {
    flex-direction: column-reverse;
    align-items: center;
    justify-content: center;
    gap: 4rem;
  }
}
.study__img {
  width: 59rem;
  max-width: 100%;
}
.study__img img {
  width: 100%;
  max-width: 100%;
  height: auto;
  object-fit: cover;
}
.study__content {
  max-width: 100%;
}
.study .swiper {
  width: 58.5rem;
  max-width: 100%;
  margin-top: 2rem;
}
.study .swiper-slide {
  height: auto;
}
.study .swiper-slide h2 {
  margin-bottom: 1rem;
}
.study .swiper-slide p {
  margin-bottom: 2rem;
  color: #75726e;
}
.study .swiper-slide ul,
.study .swiper-slide ol {
  list-style: disc;
  list-style-type: disc;
  padding-left: 2.5rem;
}
.study .swiper-slide ul li,
.study .swiper-slide ol li {
  list-style: disc;
  list-style-type: disc;
  font-weight: 400;
  color: #75726e;
}
.study .swiper-slide ul li::marker,
.study .swiper-slide ol li::marker {
  font-size: 1.2rem;
}
.study .swiper-slide ul li + li,
.study .swiper-slide ol li + li {
  margin-top: 0.5rem;
}
.study .swiper-pagination {
  display: flex;
  align-items: center;
  margin-top: 13rem;
  gap: 4rem;
}
@media only screen and (max-width: 576px) {
  .study .swiper-pagination {
    margin-top: 7.1rem;
    gap: 2.7rem;
    justify-content: center;
  }
}
.study .swiper-pagination-bullet {
  font-size: 1.8rem;
  color: #75726e;
  font-weight: 600;
  text-transform: uppercase;
  line-height: 1.4;
  cursor: pointer;
  transition: all 0.2s ease;
}
.study .swiper-pagination-bullet::before {
  content: "";
  position: absolute;
  top: -2rem;
  left: 50%;
  transform: translateX(-50%);
  width: 1.4rem;
  height: 1.4rem;
  border-radius: 50%;
  background-color: #75726e;
  transition: all 0.2s ease;
}
.study .swiper-pagination-bullet::after {
  content: "";
  position: absolute;
  left: -0.4rem;
  top: -2.8rem;
  background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="30" height="29" viewBox="0 0 30 29" fill="none"><path d="M30 15C30 12.3536 29.2999 9.75437 27.9707 7.46602C26.6415 5.17767 24.7306 3.28169 22.4319 1.97053C20.1332 0.659362 17.5285 -0.0203215 14.8822 0.000462627C12.2359 0.0212467 9.64222 0.741758 7.36438 2.08887C5.08654 3.43598 3.20563 5.36173 1.91256 7.67068C0.619489 9.97962 -0.0397165 12.5896 0.00185048 15.2356C0.0434174 17.8816 0.784277 20.4696 2.14924 22.7368C3.51419 25.004 5.45466 26.8697 7.77369 28.1446L9.21895 25.5157C7.36373 24.4958 5.81136 23.0032 4.71939 21.1894C3.62742 19.3757 3.03473 17.3053 3.00148 15.1885C2.96823 13.0717 3.49559 10.9837 4.53005 9.13654C5.56451 7.28939 7.06923 5.74878 8.8915 4.67109C10.7138 3.59341 12.7887 3.017 14.9058 3.00037C17.0228 2.98374 19.1065 3.52749 20.9455 4.57642C22.7845 5.62535 24.3132 7.14213 25.3766 8.97281C26.4399 10.8035 27 12.8829 27 15H30Z" fill="%23D7AA6A"/></svg>');
  background-repeat: no-repeat;
  width: 0;
  height: 3rem;
  transition: all 0.2s ease;
}
.study .swiper-pagination-bullet-active {
  color: #d7aa6a;
}
.study .swiper-pagination-bullet-active::before {
  background-color: #d7aa6a;
}
.study .swiper-pagination-bullet-active::after {
  width: 3rem;
}
@media (any-hover: hover) {
  .study .swiper-pagination-bullet:hover {
    color: #d7aa6a;
  }
}

.teachers__tab {
  align-items: center;
  justify-content: center;
  display: none;
  gap: 1rem;
}
.teachers__tab.active {
  display: flex;
}
.teachers__tab .swiper {
  width: 104.5rem;
  padding: 1rem 2.5rem;
  max-width: 100%;
}
.teachers .swiper {
  margin-top: 4rem;
}
@media only screen and (max-width: 576px) {
  .teachers .swiper {
    margin-top: 2rem;
  }
}
.teachers__slide {
  width: 27.7rem;
  max-width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media only screen and (max-width: 878px) {
  .teachers__slide {
    width: 30rem;
  }
}
@media only screen and (max-width: 576px) {
  .teachers__slide {
    width: 100%;
  }
}
.teachers__slide .teachers__popup-content {
  display: none;
}
.teachers__slide-img {
  margin-bottom: 4rem;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
}
.teachers__slide-img img {
  width: 100%;
  max-width: 100%;
  height: auto;
  object-fit: cover;
  border-radius: 2rem;
  overflow: hidden;
}
.teachers__slide-img::before {
  content: "";
  position: absolute;
  left: -1.5rem;
  top: -0.5rem;
  width: 100%;
  height: 100%;
  border-radius: 2rem;
  border: 2px dashed #b29875;
  transform: rotate(-2.773deg);
  transition: all 0.2s ease;
}
.teachers__slide a {
  display: inline-block;
  text-align: center;
}
.teachers__slide a h5 {
  margin-bottom: 1.6rem;
}
.teachers__slide a p {
  font-size: 1.6rem;
  color: #75726e;
}
@media only screen and (max-width: 576px) {
  .teachers__slide a p {
    font-size: 1.4rem;
  }
}
@media (any-hover: hover) {
  .teachers__slide:hover .teachers__slide-img::before {
    left: 0;
    top: 0;
    transform: rotate(0);
  }
}

.reviews__wrap {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
}
.reviews .swiper {
  width: 99.5rem;
  max-width: 100%;
}
.reviews__slide {
  width: 48.2rem;
  max-width: 100%;
  padding: 5rem;
  border-radius: 3rem;
  border: 3px dashed #d4d4ca;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  gap: 4rem;
  height: auto;
}
@media only screen and (max-width: 576px) {
  .reviews__slide {
    gap: 2rem;
    padding: 4rem 3rem;
  }
}
.reviews__slide-content h5 + p {
  margin-top: 2rem;
}
@media only screen and (max-width: 576px) {
  .reviews__slide-content h5 + p {
    margin-top: 1.6rem;
  }
}
.reviews__slide-content p + p {
  margin-top: 1.5rem;
}
@media only screen and (max-width: 576px) {
  .reviews__slide-content p + p {
    margin-top: 1rem;
  }
}
.reviews__slide-author {
  font-size: 1.6rem;
}
.reviews__slide-author h6 {
  font-size: inherit;
  margin-bottom: 0.5rem;
}
.reviews__slide-author p {
  font-size: inherit;
}

.news-page h2 {
  margin-top: 6rem;
}
@media only screen and (max-width: 768px) {
  .news-page h2 {
    margin-top: 4rem;
  }
}
.news__wrap {
  margin-top: 4rem;
  display: flex;
  flex-wrap: wrap;
  gap: 4rem 3rem;
}
@media only screen and (max-width: 768px) {
  .news__wrap {
    margin-top: 3rem;
  }
}
.news__item {
  display: block;
  width: calc(50% - 1.5rem);
  padding: 3rem 4rem;
  border-radius: 3rem;
  border: 3px dashed #d4d4ca;
  transition: all 0.2s ease;
}
.news__item-img {
  border-radius: 1.6rem;
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 1.6rem;
  transition: all 0.2s ease;
}
.news__item-img img {
  width: 100%;
  max-width: 100%;
  height: auto;
  object-fit: cover;
  transition: all 0.2s ease;
}
.news__item-date {
  font-size: 1.6rem;
}
.news__item h5 {
  margin-top: 0.8rem;
}
.news__item-bttn {
  margin-top: 3rem;
}
@media (any-hover: hover) {
  .news__item:hover {
    transform: translateY(-5px);
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.2);
  }
  .news__item:hover .news__item img {
    transform: scale(1.1);
  }
}
.news__pagination {
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 8.35rem;
}
.news__pagination .nav-links {
  display: flex;
  align-items: center;
  gap: 4rem;
}
.news__pagination .page-numbers {
  font-size: 1.8rem;
  color: #75726e;
  font-weight: 600;
  text-transform: uppercase;
  line-height: 1.4;
  cursor: pointer;
  transition: all 0.2s ease;
}
.news__pagination .page-numbers::before {
  content: "";
  position: absolute;
  top: -2rem;
  left: 50%;
  transform: translateX(-50%);
  width: 1.4rem;
  height: 1.4rem;
  border-radius: 50%;
  background-color: #75726e;
  transition: all 0.2s ease;
}
.news__pagination .page-numbers::after {
  content: "";
  position: absolute;
  left: -1.1rem;
  top: -2.8rem;
  background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="30" height="29" viewBox="0 0 30 29" fill="none"><path d="M30 15C30 12.3536 29.2999 9.75437 27.9707 7.46602C26.6415 5.17767 24.7306 3.28169 22.4319 1.97053C20.1332 0.659362 17.5285 -0.0203215 14.8822 0.000462627C12.2359 0.0212467 9.64222 0.741758 7.36438 2.08887C5.08654 3.43598 3.20563 5.36173 1.91256 7.67068C0.619489 9.97962 -0.0397165 12.5896 0.00185048 15.2356C0.0434174 17.8816 0.784277 20.4696 2.14924 22.7368C3.51419 25.004 5.45466 26.8697 7.77369 28.1446L9.21895 25.5157C7.36373 24.4958 5.81136 23.0032 4.71939 21.1894C3.62742 19.3757 3.03473 17.3053 3.00148 15.1885C2.96823 13.0717 3.49559 10.9837 4.53005 9.13654C5.56451 7.28939 7.06923 5.74878 8.8915 4.67109C10.7138 3.59341 12.7887 3.017 14.9058 3.00037C17.0228 2.98374 19.1065 3.52749 20.9455 4.57642C22.7845 5.62535 24.3132 7.14213 25.3766 8.97281C26.4399 10.8035 27 12.8829 27 15H30Z" fill="%23D7AA6A"/></svg>');
  background-repeat: no-repeat;
  width: 0;
  height: 3rem;
  transition: all 0.2s ease;
}
.news__pagination .page-numbers.current {
  color: #d7aa6a;
}
.news__pagination .page-numbers.current::before {
  background-color: #d7aa6a;
}
.news__pagination .page-numbers.current::after {
  width: 3rem;
}
@media (any-hover: hover) {
  .news__pagination .page-numbers:hover {
    color: #d7aa6a;
  }
}
.news__pagination .next,
.news__pagination .prev {
  display: none;
}

.post {
  margin-top: 6rem;
  margin-bottom: 12rem;
}
@media only screen and (max-width: 768px) {
  .post {
    margin-top: 4rem;
    margin-bottom: 8rem;
  }
}
.post__content {
  max-width: 79rem;
}
@media only screen and (max-width: 992px) {
  .post__content {
    margin: 0 auto;
  }
}
.post__content img {
  width: 100%;
  max-width: 100%;
  height: auto;
  object-fit: cover;
}
.post__date {
  text-transform: uppercase;
  font-weight: 600;
  color: #d7aa6a;
  margin-bottom: 2rem;
  display: block;
}
.post__bttn {
  margin-top: 7.5rem;
}
@media only screen and (max-width: 992px) {
  .post__bttn {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 5rem;
  }
}
.post__title {
  margin-bottom: 3rem;
}
.post__img {
  margin-bottom: 4rem;
}
.post__decor {
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-35%);
}
@media only screen and (max-width: 992px) {
  .post__decor {
    display: none;
  }
}

.help__wrap {
  margin-top: 6rem;
  display: flex;
  flex-wrap: wrap;
  gap: 6rem 3rem;
}
@media only screen and (max-width: 768px) {
  .help__wrap {
    margin-top: 3rem;
    gap: 3rem 2rem;
  }
}
@media only screen and (max-width: 576px) {
  .help__wrap {
    gap: 3rem 1rem;
  }
}
.help__item {
  display: block;
  width: calc(33% - 2rem);
  padding: 3rem 2.6rem;
  border-radius: 3rem;
  border: 3px dashed #d4d4ca;
  transition: all 0.2s ease;
}
@media only screen and (max-width: 992px) {
  .help__item {
    width: calc(50% - 1.5rem);
  }
}
@media only screen and (max-width: 768px) {
  .help__item {
    width: calc(50% - 1rem);
    padding: 1.5rem 1rem;
  }
}
@media only screen and (max-width: 576px) {
  .help__item {
    width: calc(50% - 0.5rem);
  }
}
.help__item-img {
  border-radius: 1.6rem;
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 1.6rem;
  transition: all 0.2s ease;
}
.help__item-img img {
  width: 100%;
  max-width: 100%;
  height: auto;
  object-fit: cover;
  transition: all 0.2s ease;
}
.help__item-date {
  font-size: 1.6rem;
}
.help__item h5 {
  margin-top: 0.8rem;
}
.help__item-bttn {
  margin-top: 3rem;
}
@media (any-hover: hover) {
  .help__item:hover {
    transform: translateY(-5px);
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.2);
  }
  .help__item:hover .help__item img {
    transform: scale(1.1);
  }
}

.screen-reader-text {
  display: none;
}

.price .container {
  max-width: 113rem;
}
.price__wrap {
  margin-top: 6rem;
}
.price__item + .price__item {
  margin-top: 12rem;
}
@media only screen and (max-width: 768px) {
  .price__item + .price__item {
    margin-top: 6rem;
  }
}
.price__item-title {
  margin-bottom: 3rem;
}
@media only screen and (max-width: 768px) {
  .price__item-title {
    width: 58.5rem;
    max-width: 100%;
    margin-bottom: 2rem;
  }
}
.price__item-wrap {
  display: flex;
  gap: 3rem;
}
@media only screen and (max-width: 768px) {
  .price__item-wrap {
    flex-direction: column;
    align-items: center;
    justify-content: center;
  }
}
.price__item-info {
  width: 58.5rem;
  max-width: 100%;
}
.price__item .content {
  color: #75726e;
}
.price__item-lessons {
  height: max-content;
  width: 42.2rem;
  max-width: 100%;
  padding: 4rem 3rem;
  border: 3px dashed #d4d4ca;
  border-radius: 3rem;
}
@media only screen and (max-width: 768px) {
  .price__item-lessons {
    width: 58.5rem;
  }
}
@media only screen and (max-width: 576px) {
  .price__item-lessons {
    padding: 2rem 1.5rem;
  }
}
.price__item-lessons h6 {
  margin-bottom: 2rem;
}
.price__item-cost {
  padding: 1.4rem;
  color: #ffffff;
  border-radius: 1rem;
  display: inline-block;
  margin-top: 4rem;
}
@media only screen and (max-width: 768px) {
  .price__item-cost {
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
  }
}

.docs h2 {
  margin-bottom: 6rem;
}
.docs .container {
  max-width: 99.5rem;
}
.docs .tabs-item {
  display: none;
  margin-top: 6rem;
}
@media only screen and (max-width: 768px) {
  .docs .tabs-item {
    margin-top: 4rem;
  }
}
.docs .tabs-item.active {
  display: block;
}
.docs__faq + .docs__faq {
  margin-top: 3rem;
}
.docs__faq-header {
  padding: 2.2rem 2rem;
  background-color: #6a9f78;
  color: #ffffff;
  border-radius: 1rem;
  display: flex;
  justify-content: space-between;
  align-items: center;
  cursor: pointer;
  transition: all 0.2s ease;
  gap: 1rem;
}
@media only screen and (max-width: 768px) {
  .docs__faq-header {
    padding: 1.6rem 2rem;
  }
}
@media (any-hover: hover) {
  .docs__faq-header:not(.active):hover {
    opacity: 0.9;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.2);
  }
}
.docs__faq-header::after {
  content: "";
  display: block;
  background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32" fill="none"><path d="M28 16C28 16.2652 27.8946 16.5196 27.7071 16.7071C27.5196 16.8946 27.2652 17 27 17H17V27C17 27.2652 16.8946 27.5196 16.7071 27.7071C16.5196 27.8946 16.2652 28 16 28C15.7348 28 15.4804 27.8946 15.2929 27.7071C15.1054 27.5196 15 27.2652 15 27V17H5C4.73478 17 4.48043 16.8946 4.29289 16.7071C4.10536 16.5196 4 16.2652 4 16C4 15.7348 4.10536 15.4804 4.29289 15.2929C4.48043 15.1054 4.73478 15 5 15H15V5C15 4.73478 15.1054 4.48043 15.2929 4.29289C15.4804 4.10536 15.7348 4 16 4C16.2652 4 16.5196 4.10536 16.7071 4.29289C16.8946 4.48043 17 4.73478 17 5V15H27C27.2652 15 27.5196 15.1054 27.7071 15.2929C27.8946 15.4804 28 15.7348 28 16Z" fill="white"/></svg>');
  background-size: cover;
  min-width: 3.2rem;
  width: 3.2rem;
  height: 3.2rem;
  transition: all 0.2s ease;
}
@media only screen and (max-width: 576px) {
  .docs__faq-header::after {
    width: 2rem;
    height: 2rem;
    min-width: 2rem;
  }
}
.docs__faq-header h6 {
  font-size: 1.6rem;
  font-weight: 600;
  text-transform: uppercase;
}
.docs__faq-header.active {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}
.docs__faq-header.active::after {
  background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32" fill="none"><path d="M28 16C28 16.2652 27.8946 16.5196 27.7071 16.7071C27.5196 16.8946 27.2652 17 27 17H5C4.73478 17 4.48043 16.8946 4.29289 16.7071C4.10536 16.5196 4 16.2652 4 16C4 15.7348 4.10536 15.4804 4.29289 15.2929C4.48043 15.1054 4.73478 15 5 15H27C27.2652 15 27.5196 15.1054 27.7071 15.2929C27.8946 15.4804 28 15.7348 28 16Z" fill="white"/></svg>');
}
.docs__faq-content {
  display: none;
  background: #f3f0ed;
  padding: 4rem 2rem;
  border-radius: 0rem 0rem 1rem 1rem;
}
@media only screen and (max-width: 768px) {
  .docs__faq-content {
    padding: 2rem;
  }
}
.docs__faq-bttn {
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
}

.admission__decor {
  position: absolute;
  pointer-events: none;
}
.admission__decor-1 {
  right: 0;
  top: 18rem;
}
.admission__decor-2 {
  left: 0;
  bottom: 4rem;
}
@media only screen and (max-width: 992px) {
  .admission__decor {
    display: none;
  }
}
.admission .container {
  max-width: 92.2rem;
}
.admission__wrap {
  margin-top: 6rem;
}
.admission__item {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 3rem;
}
.admission__item.reversed {
  flex-direction: row-reverse;
}
@media only screen and (max-width: 576px) {
  .admission__item {
    flex-direction: column-reverse;
  }
  .admission__item.reversed {
    flex-direction: column-reverse;
  }
}
.admission__item + .admission__item {
  margin-top: 8rem;
}
.admission__item-img img {
  width: 100%;
  max-width: 100%;
  height: auto;
  object-fit: cover;
  width: 27.7rem;
  min-width: 15rem;
}
.admission__item-img::before {
  content: "";
  position: absolute;
  left: -1.5rem;
  top: -0.5rem;
  width: 100%;
  height: 100%;
  border-radius: 2rem;
  border: 2px dashed #b29875;
  transform: rotate(-2.773deg);
  transition: all 0.2s ease;
}
.admission__item-content {
  max-width: 46.1rem;
}
.admission__item-content p {
  color: #75726e;
}
.admission__bttn {
  text-align: center;
  margin-top: 8rem;
}

.contacts .container {
  display: flex;
  gap: 2.5rem;
}
@media only screen and (max-width: 992px) {
  .contacts .container {
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 4rem;
  }
}
.contacts__img {
  width: 59rem;
  max-width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  min-width: 20rem;
}
.contacts__img img {
  width: 100%;
  max-width: 100%;
  height: auto;
  object-fit: cover;
}
.contacts__content {
  max-width: 58.5rem;
}
.contacts__content h2 {
  margin-bottom: 3rem;
}
.contacts__items {
  display: flex;
  flex-wrap: wrap;
  gap: 3rem;
}
@media only screen and (max-width: 768px) {
  .contacts__items {
    gap: 1rem;
  }
}
.contacts__item {
  color: #ffffff;
  border-radius: 1.5rem;
  width: calc(50% - 1.5rem);
  height: 12rem;
  padding: 2rem 2.5rem;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  gap: 1rem;
  text-align: center;
}
@media only screen and (max-width: 768px) {
  .contacts__item {
    width: calc(50% - 0.5rem);
  }
}
.contacts__item.phone {
  background: #7c799a;
}
.contacts__item.mail {
  background: #6a9f78;
}
.contacts__item.inst {
  background: #d7aa6a;
}
.contacts__item.facebook {
  background: #dc746f;
}
.contacts__item.address {
  width: 100%;
  background-color: #ac9475;
}
@media (any-hover: hover) {
  .contacts__item {
    transition: all 0.2s ease;
  }
  .contacts__item:hover {
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.2);
    transform: scale(1.05);
  }
  .contacts__item:active {
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.2);
    transform: scale(0.95);
  }
}

.help__head h2 + h3 {
  margin-top: 1.6rem;
}

.popup {
  min-height: 40rem;
  height: max-content;
  width: auto;
  background: #ffffff;
  opacity: 0;
  visibility: hidden;
  transform: translateY(-5px);
  z-index: 11;
  padding: 3rem 5rem;
  margin: auto;
}
.popup:not(.show) {
  position: fixed;
  left: 0;
  top: 0;
  z-index: -5;
  visibility: hidden;
  pointer-events: none;
}
.popup.show {
  display: block;
  transition: all 0.2s ease;
  transform: translateY(0px);
  visibility: visible;
  opacity: 1;
  pointer-events: all;
}
.popup-bg {
  width: 100%;
  height: 100%;
  position: fixed;
  overflow: auto;
  left: 0;
  top: 0;
  z-index: 12;
  display: none;
  align-items: center;
  justify-content: center;
  background-color: rgba(0, 0, 0, 0.6);
  padding: 2rem;
}
.popup-bg.show {
  display: flex !important;
}
.popup__close {
  background-color: inherit;
  position: absolute;
  top: 3rem;
  right: 3rem;
  opacity: 1;
  width: 3.2rem;
  height: 3.2rem;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media only screen and (max-width: 576px) {
  .popup__close {
    width: 2rem;
    height: 2rem;
    right: 1rem;
    top: 1rem;
  }
}
.popup--thanks {
  text-align: center;
  padding-top: 6rem;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media only screen and (max-width: 768px) {
  .popup--thanks {
    padding: 3rem 2rem;
    min-height: auto;
  }
}
.popup--thanks.show {
  display: flex !important;
}
.popup--thanks .popup__wrap {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 4.5rem;
}
.popup--thanks .popup__wrap .bttn {
  width: max-content;
  display: inline-flex;
}

.teachers__popup {
  width: 99.5rem;
  max-width: 100%;
  border-radius: 0.8rem;
  padding: 8rem 8.2rem;
}
@media only screen and (max-width: 768px) {
  .teachers__popup {
    padding: 2rem 4rem;
  }
}
@media only screen and (max-width: 576px) {
  .teachers__popup {
    padding: 1.5rem 2rem 4rem;
  }
}
.teachers__popup .popup__wrap {
  display: flex;
  gap: 3rem;
}
@media only screen and (max-width: 768px) {
  .teachers__popup .popup__wrap {
    flex-direction: column;
    align-items: center;
    justify-content: center;
  }
}
.teachers__popup-img {
  width: 27.7rem;
  max-width: 100%;
  height: max-content;
}
@media only screen and (max-width: 576px) {
  .teachers__popup-img {
    width: 18rem;
  }
}
.teachers__popup-img img {
  width: 100%;
  max-width: 100%;
  height: auto;
  object-fit: cover;
}
.teachers__popup-img::before {
  content: "";
  position: absolute;
  left: -1.5rem;
  top: -0.1rem;
  width: 100%;
  height: 100%;
  border-radius: 2rem;
  border: 2px dashed #b29875;
  transform: rotate(-2.773deg);
  transition: all 0.2s ease;
}
.teachers__popup-info {
  width: 48.2rem;
  max-width: 100%;
}
.teachers__popup-info h2 {
  margin-bottom: 3rem;
}
@media only screen and (max-width: 768px) {
  .teachers__popup-info h2 {
    margin-bottom: 2rem;
  }
}
.teachers__popup-info ul,
.teachers__popup-info ol {
  list-style: disc;
  list-style-type: disc;
  padding-left: 2.5rem;
}
@media only screen and (max-width: 768px) {
  .teachers__popup-info ul,
  .teachers__popup-info ol {
    padding-left: 1.5rem;
  }
}
.teachers__popup-info ul li,
.teachers__popup-info ol li {
  list-style: disc;
  list-style-type: disc;
  font-weight: 400;
  color: #75726e;
}
.teachers__popup-info ul li::marker,
.teachers__popup-info ol li::marker {
  font-size: 1.1rem;
  font-weight: 100;
}
.teachers__popup-info ul li + li,
.teachers__popup-info ol li + li {
  margin-top: 1.5rem;
}

.form .container {
  max-width: 99.5rem;
}
.form__wrap {
  display: flex;
  justify-content: space-between;
  gap: 4rem;
  padding: 10rem 10.2rem;
  background: #7c799a;
  border-radius: 3rem;
}
@media only screen and (max-width: 992px) {
  .form__wrap {
    padding: 5rem 3rem;
  }
}
@media only screen and (max-width: 768px) {
  .form__wrap {
    flex-direction: column;
    align-items: center;
    justify-content: center;
  }
}
.form__info {
  max-width: 38rem;
  color: #ffffff;
}
.form__info h2 {
  color: #ffffff;
}
.form__info p {
  font-size: 1.6rem;
  margin-top: 1rem;
}
.form__content {
  width: 30.7rem;
  max-width: 100%;
}
@media only screen and (max-width: 768px) {
  .form__content {
    width: 38rem;
  }
}
.form__content form {
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
}
@media only screen and (max-width: 576px) {
  .form__content form {
    text-align: center;
    align-items: center;
  }
}
.form__content form label {
  display: inline-block;
  width: 100%;
}
.form__content form input {
  padding: 1.8rem 2rem;
  border-radius: 1.5rem;
  background-color: #ffffff;
  width: 100%;
  max-width: 100%;
  font-size: 1.6rem;
  outline: none;
  border: 2px solid #ffffff;
  transition: all 0.2s ease;
}
.form__content form input::placeholder {
  color: #75726e;
}
@media only screen and (max-width: 576px) {
  .form__content form input {
    font-size: 1.2rem;
    padding: 1.2rem 1rem;
  }
}
@media (any-hover: hover) {
  .form__content form input:hover {
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.2);
    border-color: #d7aa6a;
  }
}
.form__content form input.wpcf7-not-valid {
  border-color: #dc746f;
}
.form__content form .wpcf7-not-valid-tip {
  font-size: 1.4rem;
  background-color: #ffffff;
  border-radius: 0.2rem;
  color: rgb(212, 78, 78);
}
.form__content form button {
  width: max-content;
}
@media only screen and (max-width: 576px) {
  .form__content form button {
    font-size: 1.6rem;
    margin-top: 2rem;
  }
}

.tabs-wrap {
  overflow: auto;
}
@media only screen and (max-width: 576px) {
  .tabs-wrap {
    margin-right: -1.5rem;
    padding-right: 1.5rem;
  }
}

.tabs-switch {
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-bottom: 1px solid #d4d4ca;
  margin-bottom: 2rem;
  gap: 3rem;
  width: 100%;
  min-width: max-content;
}
.tabs-switch li {
  padding-bottom: 3rem;
  font-size: 1.6rem;
  font-weight: 600;
  text-transform: uppercase;
  color: #75726e;
  cursor: pointer;
  transition: all 0.2s ease;
}
@media only screen and (max-width: 576px) {
  .tabs-switch li {
    padding-bottom: 1.5rem;
    font-size: 1.4rem;
  }
}
.tabs-switch li::after {
  content: "";
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  bottom: 0;
  height: 1px;
  width: 0;
  background-color: #d7aa6a;
  transition: all 0.2s ease;
}
@media (any-hover: hover) {
  .tabs-switch li:hover {
    color: #d7aa6a;
  }
  .tabs-switch li:hover::after {
    width: 50%;
  }
}
.tabs-switch li.active {
  color: #d7aa6a;
}
.tabs-switch li.active::after {
  width: 100%;
}

.footer {
  padding: 8rem 0 3rem;
  background-color: #ac9475;
  border-radius: 3rem 3rem 0rem 0rem;
  color: #ffffff;
}
@media only screen and (max-width: 768px) {
  .footer {
    margin-top: 7rem;
    padding: 3rem 0;
  }
}
.footer__logo {
  text-align: center;
  width: 19rem;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 auto 3rem;
  max-width: 100%;
}
.footer__logo img {
  width: 100%;
  max-width: 100%;
  height: auto;
  object-fit: cover;
}
@media only screen and (max-width: 576px) {
  .footer__logo {
    width: 16.7rem;
  }
}
.footer__menu {
  display: flex;
  flex-direction: column;
  gap: 1.6rem;
}
@media only screen and (max-width: 878px) {
  .footer__menu {
    flex-direction: row;
    justify-content: center;
  }
}
.footer__menu-list {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 2rem;
}
@media only screen and (max-width: 878px) {
  .footer__menu-list {
    flex-direction: column;
    align-items: start;
  }
}
.footer__menu-list a {
  display: block;
  padding: 1rem;
  font-size: 1.8rem;
  line-height: 1.5;
}
@media (any-hover: hover) {
  .footer__menu-list a {
    border-radius: 0.8rem;
    transition: all 0.2s ease;
  }
  .footer__menu-list a:hover {
    color: #ac9475;
    background-color: #ffffff;
  }
}
@media only screen and (max-width: 768px) {
  .footer__menu-list a {
    font-size: 1.6rem;
  }
}
.footer__inc {
  margin-top: 3rem;
  padding-top: 3.2rem;
  border-top: 1px solid #827259;
}
@media only screen and (max-width: 576px) {
  .footer__inc {
    margin-top: 2rem;
    padding-top: 1rem;
  }
}
@media only screen and (max-width: 878px) {
  .footer__inc ul {
    align-items: center;
    justify-content: center;
  }
}
.footer__social {
  display: flex;
  align-items: center;
  gap: 2.9rem;
  flex-wrap: wrap;
  margin-top: 3rem;
}
@media only screen and (max-width: 878px) {
  .footer__social {
    gap: 2rem;
  }
}
@media only screen and (max-width: 576px) {
  .footer__social {
    margin-top: 2rem;
    gap: 0.5rem;
  }
}
.footer__social-item {
  border-radius: 1.5rem;
  width: calc(25% - 2.2rem);
  height: 12rem;
  padding: 2rem 2.5rem;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  gap: 1rem;
  text-align: center;
}
@media only screen and (max-width: 878px) {
  .footer__social-item {
    width: calc(50% - 1rem);
  }
}
@media only screen and (max-width: 576px) {
  .footer__social-item {
    width: calc(50% - 0.25rem);
    font-size: 1.4rem;
  }
}
.footer__social-item.phone {
  background: #7c799a;
}
.footer__social-item.mail {
  background: #6a9f78;
}
.footer__social-item.inst {
  background: #d7aa6a;
}
.footer__social-item.facebook {
  background: #dc746f;
}
@media (any-hover: hover) {
  .footer__social-item {
    transition: all 0.2s ease;
  }
  .footer__social-item:hover {
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.2);
    transform: scale(1.05);
  }
  .footer__social-item:active {
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.2);
    transform: scale(0.95);
  }
}
.footer__address {
  text-align: center;
  margin-top: 3.2rem;
}
@media only screen and (max-width: 576px) {
  .footer__address {
    margin-top: 2rem;
  }
}
.footer__address a {
  display: inline-block;
  padding: 1rem;
  font-size: 1.8rem;
  line-height: 1.5;
}
@media (any-hover: hover) {
  .footer__address a {
    border-radius: 0.8rem;
    transition: all 0.2s ease;
  }
  .footer__address a:hover {
    color: #ac9475;
    background-color: #ffffff;
  }
}