/* Reset and base styles  */
* {
  padding: 0px;
  margin: 0px;
  border: none; }

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

/* Links */
a, a:link, a:visited {
  text-decoration: none; }

a:hover {
  text-decoration: none; }

/* Common */
aside, nav, footer, header, section, main {
  display: block; }

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

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

img {
  vertical-align: top; }

img, svg {
  max-width: 100%;
  height: auto; }

address {
  font-style: normal; }

/* Form */
input, textarea, button, select {
  font-family: inherit;
  font-size: inherit;
  color: inherit;
  background-color: transparent; }

input::-ms-clear {
  display: none; }

button, input[type="submit"] {
  display: inline-block;
  box-shadow: none;
  background-color: transparent;
  background: none;
  cursor: pointer; }

input:focus, input:active,
button:focus, button:active {
  outline: none; }

button::-moz-focus-inner {
  padding: 0;
  border: 0; }

label {
  cursor: pointer; }

legend {
  display: block; }

.wrapper {
  max-width: 1216px;
  margin: 0 auto; }

* {
  font-family: "Arial", sans-serif; }

html, body {
  background-color: #ffffff; }

html {
  scroll-behavior: smooth; }

.title {
  display: flex;
  gap: 24px;
  align-items: center;
  justify-content: center;
  text-align: center;
  text-transform: uppercase;
  font-size: 40px;
  font-weight: 700;
  color: #115CA3; }
  .title::before, .title::after {
    content: url("/static/images/title-icon.svg");
    display: block; }
  .title_white {
    color: #ffffff; }
    .title_white::before, .title_white::after {
      content: url("/static/images/title-icon_white.svg");
      display: block; }

.header {
  position: relative;
  z-index: 5;
  padding-bottom: 24px;
  box-shadow: 0px 14px 8px -10px rgba(34, 60, 80, 0.2); }
  .header__items {
    margin: 48px 0;
    display: flex;
    justify-content: space-between;
    align-items: center; }

.nav__items {
  display: flex;
  justify-content: space-between;
  align-items: center; }

.nav__link {
  display: block;
  transition: all 0.2s ease-out;
  font-size: 20px;
  font-weight: 700;
  color: #62B38C; }
  .nav__link:hover {
    color: #288E3E; }

.nav__item_active {
  border-bottom: 4px solid #115CA3;
  padding-bottom: 10px;
  color: #115CA3; }
  .nav__item_active a {
    color: inherit; }

.main {
  background-color: #115CA3;
  padding: 96px 0 330px 0;
  position: relative; }
  .main__wrapper {
    position: relative;
    z-index: 5;
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    gap: 38px; }
  .main__title {
    font-size: 48px;
    font-weight: 400;
    color: #ffffff; }
    .main__title span {
      display: block;
      margin-top: 38px;
      font-weight: 700;
      text-transform: uppercase; }
  .main__subtitle {
    font-size: 64px;
    font-weight: 700;
    color: #ffffff; }
  .main__text {
    font-size: 32px;
    font-weight: 400;
    color: #ffffff; }
  .main__pattern {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%; }

.performance {
  position: relative;
  padding: 107px 0;
  overflow: hidden; }
  .performance__poster {
    display: block;
    position: relative;
    z-index: 5;
    width: 100%;
    height: clamp(200px, 70vh, 600px);
    object-fit: cover;
    filter: brightness(50%); }
  .performance__play {
    position: absolute;
    z-index: 10;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%); }
  .performance__pattern {
    position: absolute;
    width: 100%;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%); }

.focus {
  padding: 80px 0; }
  .focus__items {
    margin-top: 80px;
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-template-rows: 1fr 1fr;
    gap: 20px; }
  .focus__photo {
    margin-bottom: 24px;
    height: 200px;
    border-radius: 16px;
    overflow: hidden; }
  .focus__img {
    width: 100%;
    height: 100%;
    object-fit: cover; }
  .focus__title {
    margin-bottom: 12px;
    font-size: 20px;
    font-weight: 700;
    color: #62B38C; }
  .focus__text {
    display: -webkit-box;
    -webkit-line-clamp: 3;
    line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    font-size: 14px;
    font-weight: 400;
    color: #000000; }

.gems-pattern {
  margin-bottom: 80px; }
  .gems-pattern img {
    width: 100%; }

.gallery {
  margin-bottom: 80px; }
  .gallery__title {
    margin-bottom: 80px; }
  .gallery__swiper {
    display: flex;
    align-items: center;
    gap: 44px;
    margin-bottom: 32px; }
  .gallery__slider {
    height: 176px;
    overflow: hidden; }
  .gallery__item {
    display: block;
    border-radius: 20px;
    background-color: gray;
    height: 137px;
    width: 100%;
    overflow: hidden; }
    .gallery__item img {
      height: 100%;
      object-fit: cover; }
  .gallery__back {
    width: 0;
    height: 0;
    border-top: 32px solid transparent;
    border-right: 55px solid #115CA3;
    border-bottom: 32px solid transparent; }
  .gallery__next {
    width: 0;
    height: 0;
    border-top: 32px solid transparent;
    border-left: 55px solid #115CA3;
    border-bottom: 32px solid transparent; }
  .gallery__back, .gallery__next {
    transition: all 0.2s ease-out; }
    .gallery__back:hover, .gallery__next:hover {
      cursor: pointer;
      filter: brightness(150%); }
  .gallery__pagination {
    display: flex;
    justify-content: center;
    gap: 20px; }
    .gallery__pagination .swiper-pagination-bullet {
      width: 16px;
      height: 16px;
      background-color: #62B38C; }

.profi {
  background-color: #288E3E;
  padding: 80px 0 100px 0;
  margin-bottom: 80px;
  position: relative;
  overflow: hidden; }
  .profi .wrapper {
    position: relative;
    z-index: 5; }
  .profi__title {
    margin-bottom: 80px; }
  .profi__swiper {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 48px; }
  .profi__slider {
    overflow: hidden; }
  .profi__pattern {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%); }
  .profi__back {
    width: 0;
    height: 0;
    border-top: 32px solid transparent;
    border-right: 55px solid #115CA3;
    border-bottom: 32px solid transparent; }
  .profi__next {
    width: 0;
    height: 0;
    border-top: 32px solid transparent;
    border-left: 55px solid #115CA3;
    border-bottom: 32px solid transparent; }
  .profi__poster {
    height: 290px;
    border-radius: 20px;
    margin-bottom: 34px; }
    .profi__poster img {
      border-radius: 20px;
      height: 100%;
      width: 100%;
      object-fit: cover; }
  .profi__card-title, .profi__card-text {
    text-align: center; }
  .profi__card-title {
    margin-bottom: 10px;
    font-size: 24px;
    font-weight: 700;
    color: #ffffff; }
  .profi__card-text {
    font-size: 24px;
    font-weight: 400;
    color: #ffffff; }

.exhibition {
  margin-bottom: 80px; }
  .exhibition__title {
    margin-bottom: 80px; }
  .exhibition__wrap-one {
    display: flex;
    justify-content: space-between;
    margin-bottom: 80px; }
  .exhibition__wrap-two {
    display: flex;
    justify-content: center;
    gap: 48px; }
  .exhibition__item {
    display: block;
    position: relative;
    max-width: 274px; }
    .exhibition__item:hover {
      cursor: pointer; }
  .exhibition__info {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 12px; }
  .exhibition__name {
    text-transform: uppercase;
    text-align: center;
    font-size: 10px;
    font-weight: 700;
    color: #ffffff; }

.headcrumbs {
  margin: 80px 0; }
  .headcrumbs__list {
    display: flex;
    align-items: center;
    gap: 12px; }
  .headcrumbs__link {
    display: flex;
    align-items: center;
    gap: 12px;
    transition: all 0.2s ease-out;
    font-size: 20px;
    font-weight: 700;
    color: #62B38C; }
    .headcrumbs__link:hover {
      color: #288E3E; }
    .headcrumbs__link::after {
      content: url("/static/images/headcrumbs-icon.svg");
      height: 22px; }
  .headcrumbs__page {
    font-size: 20px;
    font-weight: 700;
    color: #115CA3; }

.expert .title {
  margin-bottom: 80px; }

.expert__slider-thumbs {
  overflow: hidden; }

.expert__slider {
  position: relative;
  overflow: hidden;
  margin-bottom: 48px; }

.expert__control {
  position: absolute;
  z-index: 10; }
  .expert__control img {
    transition: all 0.2s ease-out; }
  .expert__control:hover {
    cursor: pointer; }
    .expert__control:hover img {
      filter: brightness(150%); }
  .expert__control-prev {
    top: 50%;
    transform: translateY(-50%);
    left: 28%; }
  .expert__control-next {
    top: 50%;
    transform: translateY(-50%);
    right: 28%; }

.expert__photo {
  height: 390px;
  opacity: 0.7;
  transition: all 0.2s ease-out; }
  .expert__photo img {
    height: 100%;
    object-fit: cover; }

.expert .swiper-slide-active .expert__photo {
  opacity: 1; }

.expert__fio {
  margin-bottom: 48px;
  text-align: center;
  text-transform: uppercase;
  font-size: 24px;
  font-weight: 700;
  color: #115CA3; }

.expert__text, .expert__practics, .expert__level {
  margin-bottom: 24px; }

.expert__subtitle {
  margin-bottom: 12px;
  font-size: 16px;
  font-weight: 700;
  color: #000000; }

.expert__links {
  display: flex;
  gap: 24px; }

.expert__link {
  display: inline-flex;
  align-items: center;
  gap: 12px;
  border-radius: 12px;
  padding: 14px 24px;
  background-color: #288E3E;
  font-size: 14px;
  font-weight: 400;
  color: #ffffff;
  transition: all 0.2s ease-out; }
  .expert__link:hover {
    cursor: pointer;
    background-color: #62B38C; }

.practice__wrapper {
  display: grid;
  grid-template-columns: repeat(12, 1fr);
  column-gap: 20px;
  margin-bottom: 80px; }

.practice__slider {
  grid-column: 1 / 5;
  overflow: hidden; }
  .practice__slider .practice-swiper {
    max-height: 340px;
    height: 100%;
    margin-bottom: 24px;
    position: relative; }
  .practice__slider .practice-swiper__prev {
    cursor: pointer;
    position: absolute;
    z-index: 5;
    top: 50%;
    left: 5%;
    transform: translateY(-50%); }
  .practice__slider .practice-swiper__next {
    cursor: pointer;
    position: absolute;
    z-index: 5;
    top: 50%;
    right: 5%;
    transform: translateY(-50%); }
  .practice__slider .practice-swiper__slide {
    display: block;
    border-radius: 30px;
    overflow: hidden;
    background-color: gray;
    height: 340px;
    box-shadow: 0px 14px 8px -10px rgba(34, 60, 80, 0.2); }
  .practice__slider .practice-swiper__img {
    height: 100%;
    width: 100%;
    object-fit: cover; }
  .practice__slider .practice-swiper__pagination {
    display: flex;
    justify-content: center;
    gap: 12px; }
    .practice__slider .practice-swiper__pagination .swiper-pagination-bullet {
      height: 12px;
      width: 12px;
      background-color: #62b38c; }
    .practice__slider .practice-swiper__pagination .swiper-pagination-bullet-active {
      background-color: #62B38C; }

.practice__info {
  grid-column: 5 / 12; }

.practice__title {
  text-transform: uppercase;
  margin-bottom: 24px;
  font-size: 24px;
  font-weight: 700;
  color: #115CA3; }

.practice__text {
  margin-bottom: 40px;
  font-size: 16px;
  font-weight: 400;
  color: #000000; }

.practice__subtitle {
  margin-bottom: 12px;
  font-size: 20px;
  font-weight: 700;
  color: #115CA3; }

.practice__row-content {
  display: flex;
  gap: 24px; }

.practice__content {
  margin-bottom: 24px; }

.practice__blocks {
  display: flex;
  gap: 12px; }

.practice__link {
  padding: 12px 24px;
  background-color: #288E3E;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  gap: 12px;
  border-radius: 12px;
  transition: all 0.2s ease-out;
  font-size: 14px;
  font-weight: 400;
  color: #ffffff; }
  .practice__link:hover {
    background-color: #62B38C; }

.practice__navigation {
  display: flex;
  justify-content: space-between;
  margin-bottom: 40px; }
  .practice__navigation_reverse {
    flex-direction: row-reverse; }

.practice__control {
  display: flex;
  gap: 24px;
  align-items: center;
  text-transform: uppercase;
  transition: all 0.2s ease-out;
  font-size: 24;
  font-weight: 400;
  color: #115CA3; }
  .practice__control img {
    transition: all 0.2s ease-out; }
  .practice__control:hover {
    color: #267ccc; }
    .practice__control:hover img {
      filter: brightness(150%); }

.practice__back {
  padding: 12px 24px;
  border-radius: 12px;
  display: inline-flex;
  background-color: #115CA3;
  gap: 24px;
  align-items: center;
  transition: all 0.2s ease-out;
  font-size: 24;
  font-weight: 400;
  color: #ffffff; }
  .practice__back:hover {
    background-color: #267ccc; }

.fair .focus__items {
  margin-bottom: 32px;
  display: block;
  overflow: hidden; }
  .fair .focus__items .swiper-wrapper {
    max-height: 678px; }

.fair .practice__control {
  cursor: pointer; }

.footer {
  margin-top: 80px; }
  .footer__background {
    background-color: #115CA3;
    padding-bottom: 80px; }
  .footer__pattern {
    width: 100%; }
  .footer__wrapper {
    display: flex;
    justify-content: space-between; }
  .footer__expirience {
    display: flex;
    flex-direction: column;
    gap: 32px; }
  .footer__title {
    font-size: 36px;
    font-weight: 400;
    color: #ffffff; }
  .footer__text {
    transition: all 0.2s ease-out;
    font-size: 24px;
    font-weight: 400;
    color: #ffffff; }
    .footer__text_hover:hover {
      color: #62B38C; }
  .footer__socials {
    display: flex;
    gap: 48px; }
  .footer__feedback {
    flex-grow: 1;
    max-width: 392px; }
  .footer__feedback-title {
    margin-bottom: 32px;
    font-size: 24px;
    font-weight: 400;
    color: #ffffff; }
  .footer__form {
    display: flex;
    flex-direction: column;
    gap: 24px; }
  .footer__input {
    font-size: 20px;
    font-weight: 400;
    color: #ffffff;
    padding: 8px;
    border-bottom: 2px solid #ffffff; }
    .footer__input::placeholder {
      font-size: 20px;
      font-weight: 400;
      color: #ffffff;
      opacity: 0.5; }
  .footer__textarea {
    font-size: 20px;
    font-weight: 400;
    color: #ffffff;
    padding: 12px;
    border: 2px solid #ffffff;
    border-radius: 12px; }
    .footer__textarea:focus {
      outline: none; }
    .footer__textarea::placeholder {
      font-size: 20px;
      font-weight: 400;
      color: #ffffff;
      opacity: 0.5; }
  .footer__checkbox-wrapper {
    display: flex;
    gap: 12px; }
    .footer__checkbox-wrapper p {
      font-size: 14px;
      font-weight: 400;
      color: #ffffff; }
  .footer__policy {
    color: #62B38C;
    transition: all 0.2s ease-out; }
    .footer__policy:hover {
      color: #288E3E; }
  .footer__button {
    display: flex;
    justify-content: flex-end; }
  .footer__submit {
    display: flex;
    align-items: center;
    gap: 24px;
    font-size: 20px;
    font-weight: 400;
    color: #ffffff; }

/*# sourceMappingURL=styles.css.map */