* {
  box-sizing: border-box;
}
a,
abbr,
acronym,
address,
applet,
article,
aside,
audio,
b,
big,
blockquote,
body,
canvas,
caption,
center,
cite,
code,
dd,
del,
details,
dfn,
div,
dl,
dt,
em,
embed,
fieldset,
figcaption,
figure,
footer,
form,
h1,
h2,
h3,
h4,
h5,
h6,
header,
hgroup,
html,
i,
iframe,
img,
ins,
kbd,
label,
legend,
li,
mark,
menu,
nav,
object,
ol,
output,
p,
pre,
q,
ruby,
s,
samp,
section,
small,
span,
strike,
strong,
sub,
summary,
sup,
table,
tbody,
td,
tfoot,
th,
thead,
time,
tr,
tt,
u,
ul,
var,
video {
  border: 0;
  box-sizing: border-box;
  font-family: Lato, sans-serif;
  font-size: 100%;
  margin: 0;
  padding: 0;
  text-decoration: none;
  vertical-align: baseline;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
  display: block;
}
body,
html {
  font-family: Lato, sans-serif;
  margin: 0;
}
body.active {
  overflow: hidden;
}
ol,
ul {
  font-family: Lato, sans-serif;
  list-style: none;
}
blockquote,
q {
  quotes: none;
}
blockquote:after,
blockquote:before,
q:after,
q:before {
  content: "";
  content: none;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
  font-family: Lato, sans-serif;
}
.container {
  margin: 0 auto;
  width: 1328px;
}
@media screen and (max-width: 1375px) {
  .container {
    padding: 0 20px;
    width: 100%;
  }
}
button {
  cursor: pointer;
  font-family: Lato, sans-serif;
  outline: none;
}
.title-white-h1 {
  color: #fff;
  font-family: Alegreya, serif;
  font-size: 64px;
  font-weight: 700;
  line-height: 72px;
}
@media screen and (max-width: 1200px) {
  .title-white-h1 {
    font-size: 40px;
    line-height: 48px;
  }
}
.title-black-h2 {
  align-items: center;
  color: #0a0d24;
  display: flex;
  font-family: Alegreya, serif;
  font-size: 64px;
  font-weight: 700;
  line-height: 72px;
}
@media screen and (max-width: 1200px) {
  .title-black-h2 {
    font-size: 32px;
    line-height: 40px;
  }
}
.title-black-h2 .ellipse-yellow {
  background: #f9d602;
  border-radius: 50%;
  display: block;
  height: 24px;
  margin-right: 24px;
  width: 24px;
}
@media screen and (max-width: 1200px) {
  .title-black-h2 .ellipse-yellow {
    height: 12px;
    margin-right: 16px;
    width: 12px;
  }
}
.title-white-h3 {
  color: #fff;
  font-family: Alegreya, serif;
  font-size: 48px;
  font-weight: 700;
  line-height: 48px;
  margin-bottom: 16px;
  position: relative;
  z-index: 1;
}
@media screen and (max-width: 1200px) {
  .title-white-h3 {
    font-size: 24px;
    line-height: 32px;
    margin-bottom: 8px;
  }
}
.title-black-h3 {
  color: #0a0d24;
  font-family: Alegreya, serif;
  font-size: 48px;
  font-weight: 700;
  line-height: 48px;
  margin-bottom: 16px;
}
@media screen and (max-width: 1200px) {
  .title-black-h3 {
    font-size: 24px;
    line-height: 32px;
    margin-bottom: 8px;
  }
}
.name-page-items {
  align-items: center;
  display: flex;
}
.name-page-items .name-page {
  color: #fff;
  font-size: 12px;
  font-weight: 400;
  line-height: 16px;
  opacity: 88%;
}
.name-page-items .name-page:first-of-type {
  opacity: 64%;
}
.name-page-items .name-page-middle {
  margin: 0 12px;
}
.main-feedback {
  align-items: center;
  background: #fff;
  border-radius: 12px;
  color: #26348c;
  display: flex;
  font-size: 18px;
  font-weight: 500;
  justify-content: space-between;
  line-height: 26px;
  max-height: 64px;
  max-width: 254px;
  padding: 19px 4px 19px 24px;
  position: relative;
}
@media screen and (max-width: 1200px) {
  .main-feedback {
    font-size: 16px;
    line-height: 24px;
    max-width: 100%;
  }
}
.burger-menu {
  align-items: flex-start;
  background: #fff;
  display: flex;
  flex-direction: column;
  height: 100%;
  justify-content: space-between;
  left: 0;
  padding: 20px;
  position: fixed;
  top: 0;
  transform: translateX(-100%);
  transition: 0.3s;
  width: 100%;
  z-index: 3;
}
.burger-menu .header {
  border-bottom: 1px solid #e5e5e5;
}
.burger-menu .nav {
  padding-top: 100px;
}
.burger-menu .nav .nav-item {
  color: #0a0d24;
  display: block;
  font-size: 16px;
  font-weight: 500;
  line-height: 24px;
  margin-top: 24px;
}
.burger-menu .nav .active {
  color: #26348c;
  padding-left: 10px;
  position: relative;
}
.burger-menu .nav .active:after {
  background: #f9d602;
  border-radius: 50%;
  content: "";
  height: 6px;
  left: 0;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 6px;
}
.burger-menu .nav .item:first-of-type {
  margin: 0;
}
.burger-menu .main-feedback {
  align-items: center;
  background: #26348c;
  border-radius: 12px;
  color: #fff;
  display: flex;
  font-size: 16px;
  font-weight: 500;
  justify-content: space-between;
  line-height: 24px;
  max-height: 56px;
  padding: 16px 4px 16px 20px;
  position: relative;
  width: 100%;
}
.burger-menu.open {
  transform: translateX(0);
}
.burger {
  background: transparent;
  border: none;
  display: none;
  height: 12px;
  position: absolute;
  right: 20px;
  top: 27px;
  transition: all 0.3s;
  width: 24px;
  z-index: 6;
}
@media screen and (max-width: 1200px) {
  .burger {
    display: block;
  }
}
.burger__line {
  background: #0a0d24;
  border-radius: 2px;
  height: 2px;
  left: 0;
  position: absolute;
  transition: all 0.3s;
  width: 100%;
}
.burger__line_top {
  top: 0;
}
.burger__line_bottom {
  bottom: 0;
}
.burger.active {
  position: absolute;
  right: 20px;
  top: 27px;
  transform: scaleX(-1);
}
.burger.active .burger__line_top {
  top: 6px;
  transform: rotate(45deg);
}
.burger.active .burger__line_bottom {
  bottom: 4px;
  transform: rotate(-45deg);
}
.pop-up-wrapper {
  background: #fff;
  border-radius: 24px;
  height: 780px;
  left: 50%;
  padding: 40px;
  position: fixed;
  top: 50%;
  transform: translate(-50%, -50%);
  transition: visibility 0.2s, opacity 0.2s linear;
  visibility: hidden;
  width: 720px;
  z-index: 999;
}
@media screen and (max-width: 1200px) {
  .pop-up-wrapper {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    height: 100%;
    padding: 20px;
    width: 100%;
  }
}
.pop-up-wrapper .pop-up .close {
  cursor: pointer;
  position: absolute;
  right: 45px;
  top: 45px;
}
@media screen and (max-width: 1200px) {
  .pop-up-wrapper .pop-up .close {
    right: 20px;
    top: 20px;
  }
}
.pop-up-wrapper .pop-up .content .content-title {
  color: #0a0d24;
  font-family: Alegreya, serif;
  font-size: 32px;
  font-weight: 700;
  line-height: 40px;
}
@media screen and (max-width: 1200px) {
  .pop-up-wrapper .pop-up .content .content-title {
    font-size: 24px;
    line-height: 32px;
  }
}
.pop-up-wrapper .pop-up .content .content-paragraph {
  color: #343645;
  font-size: 18px;
  font-weight: 400;
  line-height: 26px;
  margin-top: 12px;
}
@media screen and (max-width: 1200px) {
  .pop-up-wrapper .pop-up .content .content-paragraph {
    font-size: 16px;
    line-height: 24px;
    margin-top: 8px;
  }
}
.pop-up-wrapper .pop-up .content .form {
  display: block;
  margin-top: 8px;
}
@media screen and (max-width: 1200px) {
  .pop-up-wrapper .pop-up .content .form {
    margin: 0;
  }
}
.pop-up-wrapper .pop-up .content .form .input {
  border: 1px solid #e5e5e5;
  border-radius: 12px;
  color: #0a0d24;
  font-size: 18px;
  font-weight: 400;
  height: 66px;
  line-height: 26px;
  margin-top: 24px;
  outline: none;
  padding: 19px 24px;
  width: 100%;
}
@media screen and (max-width: 1200px) {
  .pop-up-wrapper .pop-up .content .form .input {
    font-size: 16px;
    height: 56px;
    line-height: 24px;
    margin-top: 16px;
    padding: 16px 20px;
  }
}
.pop-up-wrapper .pop-up .content .form .input::placeholder {
  color: #8e91aa;
  font-size: 18px;
  font-weight: 400;
  line-height: 26px;
}
@media screen and (max-width: 1200px) {
  .pop-up-wrapper .pop-up .content .form .input::placeholder {
    font-size: 16px;
    line-height: 24px;
    margin-top: 16px;
  }
}
.pop-up-wrapper .pop-up .content .form .textarea {
  overflow: auto;
  resize: none;
}
@media screen and (max-width: 1200px) {
  .pop-up-wrapper .pop-up .content .form .textarea {
    height: 144px;
  }
}
@media screen and (max-width: 389px) {
  .pop-up-wrapper .pop-up .content .form .textarea {
    height: 60px;
  }
}
.pop-up-wrapper .pop-up .content .form .select {
  appearance: none;
  background-image: url(../cb4f740c519ff617e946.svg);
  background-position: 95%;
  background-repeat: no-repeat;
  overflow: hidden;
  width: 100%;
}
.pop-up-wrapper .pop-up .content .form .buttons {
  align-items: center;
  display: flex;
  justify-content: space-between;
  margin-top: 40px;
}
@media screen and (max-width: 1200px) {
  .pop-up-wrapper .pop-up .content .form .buttons {
    margin-top: 20px;
  }
}
.pop-up-wrapper .pop-up .content .form .buttons .btn-input {
  border-radius: 12px;
  cursor: pointer;
  font-size: 16px;
  font-weight: 500;
  line-height: 24px;
  padding: 20px 45px;
  width: 168px;
}
.pop-up-wrapper .pop-up .content .form .buttons .button-cancel {
  border: 1px solid rgba(38, 52, 140, 0.161);
  color: #26348c;
}
@media screen and (max-width: 1200px) {
  .pop-up-wrapper .pop-up .content .form .buttons .button-cancel {
    display: none;
  }
}
.pop-up-wrapper .pop-up .content .form .buttons .button-submit {
  background: #26348c;
  border: 1px solid #26348c;
  color: #fff;
  outline: none;
}
.pop-up-wrapper .pop-up .content .form .buttons .button-submit svg {
  display: none;
}
@media screen and (max-width: 1200px) {
  .pop-up-wrapper .pop-up .content .form .buttons .button-submit svg {
    display: block;
  }
  .pop-up-wrapper .pop-up .content .form .buttons .button-submit {
    align-items: center;
    display: flex;
    justify-content: space-between;
    padding: 4px 4px 4px 20px;
    text-align: start;
    width: 100%;
  }
}
.pop-up-wrapper.visible {
  opacity: 1;
  visibility: visible;
}
.pop-up-sent {
  background: #fff;
  border-radius: 24px;
  height: 424px;
  left: 50%;
  padding: 40px;
  position: fixed;
  top: 50%;
  transform: translate(-50%, -50%);
  transition: visibility 0.2s, opacity 0.2s linear;
  visibility: hidden;
  width: 720px;
  z-index: 999;
}
@media screen and (max-width: 1200px) {
  .pop-up-sent {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    bottom: 0;
    height: 50%;
    padding: 20px;
    top: auto;
    transform: translate(-50%);
    width: 100%;
  }
}
.pop-up-sent .pop-up-container .close {
  cursor: pointer;
  position: absolute;
  right: 45px;
  top: 45px;
}
@media screen and (max-width: 1200px) {
  .pop-up-sent .pop-up-container .close {
    right: 20px;
    top: 20px;
  }
}
.pop-up-sent .pop-up-container .content {
  text-align: center;
}
.pop-up-sent .pop-up-container .content .icon svg {
  height: 120px;
  width: 120px;
}
@media screen and (max-width: 1200px) {
  .pop-up-sent .pop-up-container .content .icon svg {
    height: 80px;
    width: 80px;
  }
}
.pop-up-sent .pop-up-container .content .content-title {
  color: #0a0d24;
  font-family: Alegreya, serif;
  font-size: 32px;
  font-weight: 700;
  line-height: 40px;
  margin: 0;
}
@media screen and (max-width: 1200px) {
  .pop-up-sent .pop-up-container .content .content-title {
    font-size: 24px;
    line-height: 32px;
  }
}
.pop-up-sent .pop-up-container .content .content-paragraph {
  color: #343645;
  font-size: 18px;
  font-weight: 400;
  line-height: 26px;
  margin-top: 12px;
}
@media screen and (max-width: 1200px) {
  .pop-up-sent .pop-up-container .content .content-paragraph {
    font-size: 16px;
    line-height: 24px;
    margin-top: 8px;
  }
}
.pop-up-sent .pop-up-container .content .buttons {
  align-items: center;
  display: flex;
  justify-content: space-between;
  margin-top: 40px;
}
@media screen and (max-width: 1200px) {
  .pop-up-sent .pop-up-container .content .buttons {
    margin-top: 20px;
  }
}
.pop-up-sent .pop-up-container .content .buttons .btn-input {
  align-items: center;
  border-radius: 12px;
  cursor: pointer;
  display: flex;
  font-size: 16px;
  font-weight: 500;
  justify-content: center;
  line-height: 24px;
  padding: 20px 45px;
  width: 168px;
}
.pop-up-sent .pop-up-container .content .buttons .button-cancel {
  border: 1px solid rgba(38, 52, 140, 0.161);
  color: #26348c;
}
@media screen and (max-width: 1200px) {
  .pop-up-sent .pop-up-container .content .buttons .button-cancel {
    display: none;
  }
}
.pop-up-sent .pop-up-container .content .buttons .button-submit {
  background: #26348c;
  border: 1px solid #26348c;
  color: #fff;
  outline: none;
}
.pop-up-sent .pop-up-container .content .buttons .button-submit svg {
  display: none;
}
@media screen and (max-width: 1200px) {
  .pop-up-sent .pop-up-container .content .buttons .button-submit svg {
    display: block;
  }
  .pop-up-sent .pop-up-container .content .buttons .button-submit {
    align-items: center;
    display: flex;
    justify-content: space-between;
    padding: 4px 4px 4px 20px;
    text-align: start;
    width: 100%;
  }
}
.pop-up-sent.visible {
  opacity: 1;
  visibility: visible;
}
.header-secondary-wrapper {
  background: #26348c;
  height: 544px;
  padding: 140px 0 120px;
  position: relative;
}
@media screen and (max-width: 1200px) {
  .header-secondary-wrapper {
    height: auto;
    padding: 85px 0 40px;
  }
}
.header-secondary-wrapper .blue-back-left {
  bottom: 0;
  left: 0;
  position: absolute;
}
@media screen and (max-width: 1200px) {
  .header-secondary-wrapper .blue-back-left {
    display: none;
  }
}
.header-secondary-wrapper .blue-back-right {
  position: absolute;
  right: 0;
  top: 0;
}
@media screen and (max-width: 1200px) {
  .header-secondary-wrapper .blue-back-right {
    display: none;
  }
}
.header-secondary-wrapper .blue-back-left-mobile {
  bottom: 0;
  display: none;
  left: 0;
  position: absolute;
}
@media screen and (max-width: 1200px) {
  .header-secondary-wrapper .blue-back-left-mobile {
    display: block;
  }
}
.header-secondary-wrapper .blue-back-right-mobile {
  display: none;
  position: absolute;
  right: 0;
  top: 0;
}
@media screen and (max-width: 1200px) {
  .header-secondary-wrapper .blue-back-right-mobile {
    display: block;
  }
}
.header-secondary-wrapper .main-secondary {
  position: relative;
  z-index: 1;
}
.header-secondary-wrapper .main-secondary .title-white-h1 {
  margin: 64px 0 48px;
}
@media screen and (max-width: 1200px) {
  .header-secondary-wrapper .main-secondary .title-white-h1 {
    margin: 84px 0 24px;
  }
}
.header-secondary-wrapper .icon-desktop {
  position: absolute;
  right: 0;
  top: 0;
}
@media screen and (max-width: 1200px) {
  .header-secondary-wrapper .icon-desktop {
    display: none;
  }
}
.header-secondary-wrapper .icon-desktop img {
  width: 100%;
}
.header-secondary-wrapper .icon-mobile {
  display: none;
  position: absolute;
  right: 0;
  top: 60px;
}
@media screen and (max-width: 1200px) {
  .header-secondary-wrapper .icon-mobile {
    display: block;
  }
}
.header-secondary-wrapper .icon-mobile img {
  width: 100%;
}
.documents-header-secondary-wrapper {
  height: 432px;
}
@media screen and (max-width: 1200px) {
  .documents-header-secondary-wrapper {
    height: auto;
  }
}
.documents-header-secondary-wrapper .blue-back-left {
  bottom: auto;
  left: 0;
  position: absolute;
  top: 0;
}
.documents-header-secondary-wrapper .blue-back-right {
  bottom: 0;
  position: absolute;
  right: 0;
  top: auto;
}
.documents-header-secondary-wrapper .blue-back-left-mobile {
  bottom: auto;
  display: none;
  left: 0;
  position: absolute;
  top: 0;
}
@media screen and (max-width: 1200px) {
  .documents-header-secondary-wrapper .blue-back-left-mobile {
    display: block;
  }
}
.documents-header-secondary-wrapper .blue-back-right-mobile {
  bottom: 0;
  display: none;
  position: absolute;
  right: 0;
  top: auto;
}
@media screen and (max-width: 1200px) {
  .documents-header-secondary-wrapper .blue-back-right-mobile {
    display: block;
  }
}
.documents-header-secondary-wrapper .main-secondary .title-white-h1 {
  margin: 64px 0 0;
}
@media screen and (max-width: 1200px) {
  .documents-header-secondary-wrapper .main-secondary .title-white-h1 {
    margin: 84px 0 0;
  }
}
.header-secondary-wrapper-team-subheader {
  height: 486px;
}
@media screen and (max-width: 1200px) {
  .header-secondary-wrapper-team-subheader {
    height: auto;
  }
}
.header-secondary-wrapper-team-subheader .main-secondary .title-white-h1 {
  margin: 0;
}
.header-secondary-wrapper-team-subheader .team-wrap {
  align-items: flex-start;
  display: flex;
  justify-content: space-between;
  margin: 64px 0 0;
}
@media screen and (max-width: 1200px) {
  .header-secondary-wrapper-team-subheader .team-wrap {
    flex-direction: column;
    margin: 84px 0 0;
  }
}
.header-secondary-wrapper-team-subheader .team-wrap .team-wrap-info {
  color: #fff;
  font-size: 18px;
  font-weight: 400;
  line-height: 26px;
  max-width: 600px;
  opacity: 88%;
}
@media screen and (max-width: 1200px) {
  .header-secondary-wrapper-team-subheader .team-wrap .team-wrap-info {
    line-height: 24px;
    margin: 16px 0 0;
  }
}
.news-subheader-header-secondary-wrapper {
  height: 432px;
}
@media screen and (max-width: 1200px) {
  .news-subheader-header-secondary-wrapper {
    height: auto;
  }
}
.news-subheader-header-secondary-wrapper .blue-back-left {
  bottom: auto;
  left: 0;
  position: absolute;
  top: 0;
}
.news-subheader-header-secondary-wrapper .blue-back-right {
  bottom: 0;
  position: absolute;
  right: 0;
  top: auto;
}
.news-subheader-header-secondary-wrapper .blue-back-left-mobile {
  bottom: auto;
  display: none;
  left: 0;
  position: absolute;
  top: 0;
}
@media screen and (max-width: 1200px) {
  .news-subheader-header-secondary-wrapper .blue-back-left-mobile {
    display: block;
  }
}
.news-subheader-header-secondary-wrapper .blue-back-right-mobile {
  bottom: 0;
  display: none;
  position: absolute;
  right: 0;
  top: auto;
}
@media screen and (max-width: 1200px) {
  .news-subheader-header-secondary-wrapper .blue-back-right-mobile {
    display: block;
  }
}
.news-subheader-header-secondary-wrapper .main-secondary .title-white-h1 {
  margin: 64px 0 0;
}
@media screen and (max-width: 1200px) {
  .news-subheader-header-secondary-wrapper .main-secondary .title-white-h1 {
    margin: 84px 0 0;
  }
}
.name-news-subheader {
  background: #fff;
  height: auto;
  padding: 140px 0 0;
}
.name-news-subheader .main-secondary {
  align-items: center;
  display: flex;
  justify-content: space-between;
}
.name-news-subheader .main-secondary .name-page-items .name-page {
  color: #646784;
}
.name-news-subheader .main-secondary .name-page-items .name-page-black {
  color: #0a0d24;
}
@media screen and (max-width: 1200px) {
  .name-news-subheader .main-secondary .date {
    display: none;
  }
}
.name-news-subheader .main-secondary .date span {
  color: #0a0d24;
  font-size: 12px;
  font-weight: 400;
  line-height: 16px;
}
.button-to-top {
  align-items: center;
  background: #26348c;
  border: none;
  border-radius: 3px;
  bottom: 25px;
  color: #fff;
  cursor: pointer;
  display: flex;
  display: none;
  font-size: 20px;
  height: 40px;
  justify-content: center;
  line-height: 1em;
  outline: none;
  padding: 12px 14px;
  position: fixed;
  right: 10px;
  text-align: center;
  transition: 0.3s;
  width: 40px;
  z-index: 99;
}
.button-to-top:hover {
  background: #01134a;
}
@media screen and (max-width: 1200px) {
  #classname2 option {
    font-size: 14px;
  }
}
.header {
  align-items: center;
  background-color: #fff;
  border-radius: 0 0 24px 24px;
  display: flex;
  justify-content: space-between;
  left: 50%;
  padding: 24px;
  position: absolute;
  top: 0;
  transform: translateX(-50%);
  width: 1328px;
  z-index: 1;
}
@media screen and (max-width: 1375px) {
  .header {
    border-radius: inherit;
    left: 0;
    padding: 12px 20px;
    transform: translate(0);
    width: 100%;
  }
}
.header .left-part {
  align-items: center;
  display: flex;
}
.header .left-part .logo img {
  width: 159px;
}
@media screen and (max-width: 1200px) {
  .header .left-part .logo img {
    width: 113px;
  }
}
.header .nav {
  margin-left: 30px;
}
@media screen and (max-width: 1200px) {
  .header .nav {
    display: none;
  }
}
.header .nav .nav-item {
  color: #0a0d24;
  font-size: 16px;
  font-weight: 500;
  line-height: 24px;
  margin: 0 0 0 24px;
  transition: 0.3s;
}
.header .nav .nav-item:hover {
  color: #26348c;
  position: relative;
}
.header .nav .nav-item:hover:after {
  background: #f9d602;
  border-radius: 50%;
  content: "";
  height: 6px;
  left: -10px;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 6px;
}
.header .nav .active {
  color: #26348c;
  position: relative;
}
.header .nav .active:after {
  background: #f9d602;
  border-radius: 50%;
  content: "";
  height: 6px;
  left: -10px;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 6px;
}
.header .nav .item:first-of-type {
  margin: 0;
}
.header .nav .item:last-of-type {
  margin: 0 0 0 24px;
}
.header .feedback {
  border: 1px solid rgba(38, 52, 140, 0.161);
  border-radius: 12px;
  color: #26348c;
  font-size: 16px;
  font-weight: 500;
  line-height: 24px;
  padding: 16px 24px;
}
@media screen and (max-width: 1200px) {
  .header .feedback {
    display: none;
  }
}
.header .feedback-mobile {
  display: none;
  font-size: 12px;
  line-height: 16px;
  margin-right: 50px;
  padding: 11px 16px 13px;
}
@media screen and (max-width: 1200px) {
  .header .feedback-mobile {
    display: block;
  }
}
.subheader-initial {
  background-image: url(../4588c9925e04d6540603.png);
  background-repeat: no-repeat;
  background-size: cover;
  height: 100vh;
  position: relative;
}
@media screen and (max-width: 1200px) {
  .subheader-initial {
    background-image: url(../f7cdf27746e70e6ff631.png);
  }
}
.subheader-initial:before {
  background: linear-gradient(252.85deg, rgba(10, 13, 36, 0.064), #26348c);
  content: "";
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
}
@media screen and (max-width: 1200px) {
  .subheader-initial:before {
    display: none;
  }
}
.subheader-initial:after {
  content: "";
}
@media screen and (max-width: 1200px) {
  .subheader-initial:after {
    background: linear-gradient(162.85deg, rgba(10, 13, 36, 0.038), #26348c);
    bottom: 0;
    height: 100%;
    left: 0;
    position: absolute;
    width: 100%;
  }
}
.main {
  max-width: 600px;
  padding: 480px 0 0 24px;
  position: relative;
  z-index: 1;
}
@media screen and (max-height: 740px) {
  .main {
    padding: 390px 0 0 24px;
  }
}
@media screen and (max-width: 1200px) {
  .main {
    bottom: 40px;
    left: 20px;
    padding: 0;
    position: absolute;
    right: 20px;
  }
}
.main .subtitle {
  color: #fff;
  display: block;
  font-size: 18px;
  font-weight: 400;
  line-height: 26px;
  padding: 24px 0 40px;
}
@media screen and (max-width: 1200px) {
  .main .subtitle {
    font-size: 16px;
    line-height: 24px;
    padding: 16px 0 24px;
  }
}
.scroll-down {
  bottom: 0;
  display: block;
  left: 50%;
  position: absolute;
  transform: translateX(-50%);
}
@media screen and (max-width: 1200px) {
  .scroll-down {
    display: none;
  }
}
.scroll-down svg {
  display: block;
}
.scroll-down .info {
  align-items: center;
  bottom: 15px;
  cursor: pointer;
  display: flex;
  left: 50%;
  position: absolute;
  transform: translateX(-50%);
}
.scroll-down .info .icon {
  display: block;
  margin: 0 8px;
}
.scroll-down .info .text {
  color: #26348c;
  font-size: 12px;
  font-weight: 400;
  line-height: 16px;
}
.about {
  align-items: center;
  display: flex;
  justify-content: space-between;
  padding: 120px 0;
}
@media screen and (max-width: 1200px) {
  .about {
    flex-direction: column-reverse;
    padding: 80px 0;
  }
}
.about .info {
  padding-right: 80px;
}
@media screen and (max-width: 768px) {
  .about .info {
    padding: 24px 0 0;
  }
}
.about .info .paragraph {
  color: #343645;
  display: block;
  font-size: 18px;
  font-weight: 400;
  line-height: 26px;
}
@media screen and (max-width: 1200px) {
  .about .info .paragraph {
    font-size: 16px;
    line-height: 24px;
  }
}
.about .info .paragraph:first-of-type {
  padding: 24px 0 16px;
}
@media screen and (max-width: 1200px) {
  .about .info .paragraph:first-of-type {
    padding: 16px 0 12px;
  }
}
.about .image-block img {
  width: 600px;
}
@media screen and (max-width: 1200px) {
  .about .image-block img {
    width: 100%;
  }
}
.mission-values {
  background: #fafaf7;
  padding: 120px 0;
}
@media screen and (max-width: 1200px) {
  .mission-values {
    padding: 80px 0;
  }
}
.mission-values-wrapper {
  align-items: center;
  display: flex;
  justify-content: space-between;
  padding-top: 55px;
}
@media screen and (max-width: 1200px) {
  .mission-values-wrapper {
    flex-direction: column;
    padding-top: 24px;
  }
}
.mission-values-wrapper .subtitle {
  color: #fff;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  position: relative;
  z-index: 1;
}
@media screen and (max-width: 1200px) {
  .mission-values-wrapper .subtitle {
    font-size: 14px;
    line-height: 20px;
  }
}
.mission-values-wrapper .left-part {
  padding-right: 24px;
}
@media screen and (max-width: 1200px) {
  .mission-values-wrapper .left-part {
    padding: 0;
  }
}
.mission-values-wrapper .left-part .item {
  border-radius: 24px;
  display: block;
  height: 560px;
  position: relative;
}
@media screen and (max-width: 1200px) {
  .mission-values-wrapper .left-part .item {
    height: auto;
  }
}
.mission-values-wrapper .left-part .item:before {
  background: linear-gradient(
    180deg,
    rgba(10, 13, 36, 0.064),
    rgba(10, 13, 36, 0.4)
  );
  border-radius: 24px;
  content: "";
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
}
@media screen and (max-width: 1200px) {
  .mission-values-wrapper .left-part .item:before {
    background: linear-gradient(
      180deg,
      rgba(10, 13, 36, 0.064),
      rgba(10, 13, 36, 0.4)
    );
    top: -1px;
  }
}
.mission-values-wrapper .left-part .item img {
  width: 628px;
}
@media screen and (max-width: 1200px) {
  .mission-values-wrapper .left-part .item img {
    width: 100%;
  }
}
.mission-values-wrapper .left-part .item .info {
  bottom: 40px;
  left: 40px;
  position: absolute;
  right: 40px;
}
@media screen and (max-width: 1200px) {
  .mission-values-wrapper .left-part .item .info {
    bottom: 24px;
    left: 24px;
    right: 24px;
  }
}
.mission-values-wrapper .right-part .blue-item {
  background: #26348c;
  border-radius: 24px;
  padding: 68px 40px 40px;
  position: relative;
}
@media screen and (max-width: 1200px) {
  .mission-values-wrapper .right-part .blue-item {
    margin-top: 16px;
    padding: 40px 24px 24px;
    width: 100%;
  }
}
.mission-values-wrapper .right-part .blue-item .blue-back-left {
  border-bottom-left-radius: 24px;
  border-top-left-radius: 24px;
  left: 0;
  position: absolute;
  top: 0;
}
@media screen and (max-width: 1200px) {
  .mission-values-wrapper .right-part .blue-item .blue-back-left {
    display: none;
  }
}
.mission-values-wrapper .right-part .blue-item .blue-back-left-mobile {
  border-bottom-left-radius: 24px;
  border-top-left-radius: 24px;
  display: none;
  height: 99%;
  left: 0;
  position: absolute;
  top: 0;
}
@media screen and (max-width: 1200px) {
  .mission-values-wrapper .right-part .blue-item .blue-back-left-mobile {
    display: block;
  }
}
.mission-values-wrapper .right-part .blue-item .icon {
  position: absolute;
  right: 40px;
  top: 40px;
}
@media screen and (max-width: 1200px) {
  .mission-values-wrapper .right-part .blue-item .icon {
    right: 25px;
    top: 25px;
  }
  .mission-values-wrapper .right-part .blue-item .icon svg {
    height: 24px;
    width: 24px;
  }
}
.mission-values-wrapper .right-part .gray-item {
  background: #fafaf7;
  border: 1px solid #e0e0e0;
  border-radius: 24px;
  margin-top: 24px;
  padding: 66px 40px 40px;
  position: relative;
}
@media screen and (max-width: 1200px) {
  .mission-values-wrapper .right-part .gray-item {
    margin-top: 16px;
    padding: 38px 24px 24px;
  }
}
.mission-values-wrapper .right-part .gray-item .subtitle {
  color: #343645;
}
.mission-values-wrapper .right-part .gray-item .icon {
  position: absolute;
  right: 40px;
  top: 40px;
}
@media screen and (max-width: 1200px) {
  .mission-values-wrapper .right-part .gray-item .icon {
    right: 25px;
    top: 25px;
  }
  .mission-values-wrapper .right-part .gray-item .icon svg {
    height: 24px;
    width: 24px;
  }
}
.advantages {
  padding: 120px 0;
  position: relative;
}
@media screen and (max-width: 1200px) {
  .advantages {
    padding: 80px 0;
  }
}
.advantages .swiper-advantages {
  padding-top: 55px;
  position: static;
}
@media screen and (max-width: 1200px) {
  .advantages .swiper-advantages {
    padding-top: 24px;
  }
}
.advantages .swiper-advantages .swiper-wrapper-advantages {
  position: static;
}
.advantages .swiper-advantages .swiper-wrapper-advantages .item {
  background: #fafaf7;
  border-radius: 24px;
  height: 296px;
  padding: 40px;
}
@media screen and (max-width: 1200px) {
  .advantages .swiper-advantages .swiper-wrapper-advantages .item {
    height: 220px;
    padding: 24px;
  }
}
.advantages .swiper-advantages .swiper-wrapper-advantages .item .icon svg {
  height: 80px;
  width: 80px;
}
@media screen and (max-width: 1200px) {
  .advantages .swiper-advantages .swiper-wrapper-advantages .item .icon svg {
    height: 64px;
    width: 64px;
  }
}
.advantages .swiper-advantages .swiper-wrapper-advantages .item .info {
  color: #0a0d24;
  font-family: Alegreya, serif;
  font-size: 32px;
  font-weight: 700;
  line-height: 40px;
  margin-top: 16px;
}
@media screen and (max-width: 1200px) {
  .advantages .swiper-advantages .swiper-wrapper-advantages .item .info {
    font-size: 24px;
    line-height: 32px;
    margin-top: 12px;
  }
}
.advantages .swiper-pagination {
  display: none;
}
@media screen and (max-width: 1200px) {
  .advantages .swiper-pagination {
    display: block;
  }
}
.advantages .swiper-horizontal > .swiper-pagination-bullets,
.advantages .swiper-pagination-bullets.swiper-pagination-horizontal,
.advantages .swiper-pagination-custom,
.advantages .swiper-pagination-fraction {
  bottom: 45px;
  left: 0;
  width: 200px;
}
.advantages .swiper-pagination-bullet {
  background: #26348c;
  height: 6px;
  width: 6px;
}
.advantages .swiper-pagination-bullet-active {
  background: #26348c;
  border-radius: 50px;
  height: 6px;
  width: 30px;
}
.advantages .swiper-button-next,
.advantages .swiper-button-prev {
  border: 1px solid rgba(38, 52, 140, 0.161);
  border-radius: 12px;
  padding: 25px;
  right: 0;
  top: 152px;
}
.advantages .swiper-button-next svg,
.advantages .swiper-button-prev svg {
  left: 50%;
  position: absolute;
  transform: translateX(-50%);
}
@media screen and (max-width: 1200px) {
  .advantages .swiper-button-next,
  .advantages .swiper-button-prev {
    display: none;
  }
}
.advantages .swiper-button-next:after,
.advantages .swiper-button-prev:after {
  content: "";
}
.advantages .swiper-button-prev {
  left: auto;
  right: 88px;
}
.contact-us {
  align-items: flex-start;
  background: #26348c;
  border-radius: 24px;
  display: flex;
  justify-content: space-between;
  padding: 72px 80px 80px;
  position: relative;
}
.contact-us .blue-back-left {
  border-top-left-radius: 24px;
  left: 0;
  position: absolute;
  top: 0;
}
.contact-us .blue-back-right {
  border-bottom-right-radius: 24px;
  bottom: 0;
  position: absolute;
  right: 0;
}
@media screen and (max-width: 1200px) {
  .contact-us {
    border-radius: inherit;
    display: none;
    flex-direction: column;
    padding: 80px 20px;
  }
}
.contact-us .left-part {
  max-width: 544px;
  position: relative;
  z-index: 1;
}
@media screen and (max-width: 1200px) {
  .contact-us .left-part {
    width: 100%;
  }
}
.contact-us .left-part .links {
  align-items: center;
  display: flex;
  margin-top: 24px;
}
@media screen and (max-width: 1200px) {
  .contact-us .left-part .links {
    align-items: flex-start;
    flex-direction: column;
    margin: 0 0 24px;
  }
}
.contact-us .left-part .links .link {
  display: flex;
}
.contact-us .left-part .links .link .text {
  color: #fff;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  margin-left: 8px;
}
.contact-us .left-part .links .link:first-of-type {
  margin-right: 24px;
}
@media screen and (max-width: 1200px) {
  .contact-us .left-part .links .link:first-of-type {
    margin: 0 0 20px;
  }
}
.contact-us .right-part {
  max-width: 544px;
  position: relative;
  z-index: 1;
}
@media screen and (max-width: 1200px) {
  .contact-us .right-part {
    width: 100%;
  }
}
.contact-us .right-part .main-feedback {
  align-items: center;
  background: transparent;
  border: 1px solid hsla(0, 0%, 100%, 0.239);
  color: #fff;
  display: flex;
  font-size: 16px;
  justify-content: space-between;
  line-height: 24px;
  max-height: 56px;
  max-width: 230px;
  padding: 16px 4px 16px 24px;
}
@media screen and (max-width: 1200px) {
  .contact-us .right-part .main-feedback {
    max-width: 100%;
  }
}
.contact-us .paragraph {
  color: #fff;
  display: block;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  margin-bottom: 32px;
  opacity: 88%;
}
@media screen and (max-width: 1200px) {
  .contact-us .paragraph {
    display: none;
    margin: 8px 0 20px;
  }
}
.contact-us .paragraph-mobile {
  display: none;
}
@media screen and (max-width: 1200px) {
  .contact-us .paragraph-mobile {
    display: block;
  }
}
.contact-us-mobile {
  display: none;
  position: relative;
}
@media screen and (max-width: 1200px) {
  .contact-us-mobile {
    display: block;
  }
}
.contact-us-mobile .blue-back-left-mobile {
  left: 0;
  position: absolute;
  top: 0;
}
.contact-us-mobile .blue-back-right-mobile {
  bottom: 0;
  position: absolute;
  right: 0;
}
.footer .main-wrapper {
  align-items: flex-start;
  display: flex;
  justify-content: space-between;
  padding: 80px 0 85px;
}
@media screen and (max-width: 1200px) {
  .footer .main-wrapper {
    flex-direction: column;
    padding: 40px 0;
  }
}
.footer .main-wrapper .nav-container {
  align-items: flex-start;
  display: flex;
}
@media screen and (max-width: 1200px) {
  .footer .main-wrapper .nav-container {
    justify-content: space-between;
    margin-top: 24px;
    width: 100%;
  }
}
.footer .main-wrapper .nav-container .items {
  width: 368px;
}
@media screen and (max-width: 1200px) {
  .footer .main-wrapper .nav-container .items {
    width: 150px;
  }
}
.footer .main-wrapper .nav-container .items .item {
  color: #646784;
  display: block;
  font-size: 18px;
  font-weight: 400;
  line-height: 26px;
  margin-top: 16px;
}
@media screen and (max-width: 1200px) {
  .footer .main-wrapper .nav-container .items .item {
    font-size: 16px;
    line-height: 24px;
  }
}
.footer .main-wrapper .nav-container .items .item:first-of-type {
  margin: 0;
}
.footer .main-wrapper .nav-container .items:last-of-type {
  margin-left: 24px;
}
@media screen and (max-width: 1200px) {
  .footer .main-wrapper .nav-container .items:last-of-type {
    margin-left: 16px;
  }
}
.footer .bottom-wrapper {
  align-items: center;
  border-top: 1px solid #e5e5e5;
  display: flex;
  justify-content: space-between;
  padding: 24px 0;
}
.footer .bottom-wrapper .left-part .info {
  color: #646784;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
}
@media screen and (max-width: 1200px) {
  .footer .bottom-wrapper .left-part .info {
    font-size: 14px;
    line-height: 20px;
  }
}
.footer .bottom-wrapper .socials .item:first-of-type {
  margin-right: 15px;
}
.accession {
  padding: 120px 0;
}
@media screen and (max-width: 1200px) {
  .accession {
    padding: 80px 0;
  }
}
.accession .item {
  align-items: center;
  display: flex;
  justify-content: space-between;
  margin-top: 120px;
  position: relative;
}
@media screen and (max-width: 1200px) {
  .accession .item {
    flex-direction: column-reverse;
    margin-top: 80px;
  }
}
.accession .item .border {
  background: #e5e5e5;
  height: 570px;
  left: 5px;
  position: absolute;
  top: 225px;
  width: 2px;
}
@media screen and (max-width: 1375px) {
  .accession .item .border {
    left: 105px;
  }
}
@media screen and (max-width: 1200px) {
  .accession .item .border {
    display: none;
  }
}
.accession .item .item-icon {
  bottom: -200px;
  left: 65px;
  position: absolute;
}
@media screen and (max-width: 1375px) {
  .accession .item .item-icon {
    left: 165px;
  }
}
@media screen and (max-width: 1200px) {
  .accession .item .item-icon {
    display: none;
  }
}
@media screen and (max-width: 1375px) {
  .accession .item .item-icon img {
    width: 80%;
  }
}
.accession .item .left-part {
  margin-left: 65px;
  max-width: 512px;
  position: relative;
}
@media screen and (max-width: 1375px) {
  .accession .item .left-part {
    margin-left: 165px;
  }
}
@media screen and (max-width: 1200px) {
  .accession .item .left-part {
    margin: 24px 0 0;
    max-width: 100%;
  }
}
.accession .item .left-part .icon {
  left: -90px;
  position: absolute;
  top: -15px;
}
@media screen and (max-width: 1200px) {
  .accession .item .left-part .icon {
    display: none;
  }
  .accession .item .left-part .info .info-top {
    align-items: center;
    display: flex;
    justify-content: space-between;
  }
}
.accession .item .left-part .info .info-top .info-top-icon {
  display: none;
}
@media screen and (max-width: 1200px) {
  .accession .item .left-part .info .info-top .info-top-icon {
    display: block;
  }
}
.accession .item .left-part .info .number {
  color: #26348c;
  font-size: 18px;
  font-weight: 600;
  line-height: 26px;
}
@media screen and (max-width: 1200px) {
  .accession .item .left-part .info .number {
    font-size: 12px;
    line-height: 16px;
  }
}
.accession .item .left-part .info .title {
  color: #0a0d24;
  font-family: Alegreya, serif;
  font-size: 64px;
  font-weight: 700;
  line-height: 72px;
  margin: 12px 0 24px;
}
@media screen and (max-width: 1200px) {
  .accession .item .left-part .info .title {
    font-size: 32px;
    line-height: 40px;
    margin: 8px 0 16px;
  }
}
.accession .item .left-part .info .paragraph {
  color: #343645;
  font-size: 18px;
  font-weight: 400;
  line-height: 26px;
}
@media screen and (max-width: 1200px) {
  .accession .item .left-part .info .paragraph {
    font-size: 16px;
    line-height: 24px;
  }
}
.accession .item .right-part img {
  width: 600px;
}
@media screen and (max-width: 1200px) {
  .accession .item .right-part img {
    width: 100%;
  }
}
.accession .item-secondary .border {
  height: 594px;
  top: 205px;
}
.accession .item-secondary .item-icon {
  bottom: -210px;
}
.accession .item-third .border {
  height: 590px;
  top: 215px;
}
.accession .item-third .item-icon {
  bottom: -275px;
}
.accession .item:first-of-type {
  margin: 0;
}
.gallery {
  background: #fafaf7;
  padding: 120px 0;
}
@media screen and (max-width: 1200px) {
  .gallery {
    padding: 80px 0;
  }
}
.gallery .gallery-wrap {
  align-items: center;
  display: flex;
  justify-content: space-between;
}
@media screen and (max-width: 1200px) {
  .gallery .gallery-wrap {
    flex-direction: column-reverse;
  }
}
.gallery .gallery-wrap .left-part {
  max-width: 600px;
}
@media screen and (max-width: 1200px) {
  .gallery .gallery-wrap .left-part {
    margin-top: 24px;
    max-width: 100%;
  }
}
.gallery .gallery-wrap .left-part .paragraph {
  color: #343645;
  font-size: 18px;
  font-weight: 400;
  line-height: 26px;
  padding: 24px 0 40px;
}
@media screen and (max-width: 1200px) {
  .gallery .gallery-wrap .left-part .paragraph {
    font-size: 16px;
    line-height: 24px;
    padding: 16px 0 24px;
  }
}
.gallery .gallery-wrap .left-part .main-feedback {
  background: transparent;
  border: 1px solid rgba(38, 52, 140, 0.161);
}
@media screen and (max-width: 1200px) {
  .gallery .gallery-wrap .left-part .main-feedback {
    max-height: 56px;
  }
  .gallery .gallery-wrap .left-part .main-feedback svg {
    height: 48px;
    width: 48px;
  }
}
.gallery .gallery-wrap .right-part {
  display: grid;
  gap: 24px;
  grid-template-columns: 1fr 1fr;
  max-width: 600px;
}
@media screen and (max-width: 1200px) {
  .gallery .gallery-wrap .right-part {
    gap: 12px;
    max-width: 100%;
  }
}
.gallery .gallery-wrap .right-part .items .item img {
  display: block;
}
@media screen and (max-width: 1200px) {
  .gallery .gallery-wrap .right-part .items .item img {
    width: 100%;
  }
}
.gallery .gallery-wrap .right-part .items .item:last-of-type {
  display: block;
  margin-top: 24px;
}
@media screen and (max-width: 1200px) {
  .gallery .gallery-wrap .right-part .items .item:last-of-type {
    margin-top: 12px;
  }
  .gallery .gallery-wrap .right-part {
    max-width: 100%;
  }
}
.latest-publications {
  padding: 120px 0;
}
@media screen and (max-width: 1200px) {
  .latest-publications {
    padding: 80px 0;
  }
}
.latest-publications .latest-publications-items-desktop {
  align-items: center;
  display: flex;
  justify-content: space-between;
  padding-top: 55px;
}
@media screen and (max-width: 1200px) {
  .latest-publications .latest-publications-items-desktop {
    display: none;
  }
}
.latest-publications .latest-publications-items-desktop .item {
  max-width: 412px;
}
.latest-publications .latest-publications-items-desktop .item .title {
  color: #0a0d24;
  display: block;
  font-size: 32px;
  font-weight: 700;
  line-height: 40px;
  margin: 24px 0 12px;
}
.latest-publications .latest-publications-items-desktop .item .date {
  color: #343645;
  display: block;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
}
.latest-publications .swiper-wrapper-latest-publications-mobile {
  height: auto;
}
.latest-publications .swiper-latest-publications-mobile {
  display: none;
  margin-top: 24px;
  padding-bottom: 30px;
}
@media screen and (max-width: 1200px) {
  .latest-publications .swiper-latest-publications-mobile {
    display: block;
  }
}
.latest-publications .swiper-latest-publications-mobile .item img {
  display: block;
  width: 100%;
}
.latest-publications .swiper-latest-publications-mobile .item .title {
  color: #0a0d24;
  display: block;
  font-size: 24px;
  font-weight: 700;
  line-height: 32px;
  margin: 16px 0 12px;
}
.latest-publications .swiper-latest-publications-mobile .item .date {
  color: #343645;
  display: block;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
}
.latest-publications .swiper-latest-publications-mobile .swiper-pagination {
  display: none;
}
@media screen and (max-width: 1200px) {
  .latest-publications .swiper-latest-publications-mobile .swiper-pagination {
    display: block;
  }
}
.latest-publications
  .swiper-latest-publications-mobile
  .swiper-horizontal
  > .swiper-pagination-bullets,
.latest-publications
  .swiper-latest-publications-mobile
  .swiper-pagination-bullets.swiper-pagination-horizontal,
.latest-publications
  .swiper-latest-publications-mobile
  .swiper-pagination-custom,
.latest-publications
  .swiper-latest-publications-mobile
  .swiper-pagination-fraction {
  bottom: 0;
  left: 0;
  width: 90px;
}
.latest-publications
  .swiper-latest-publications-mobile
  .swiper-pagination-bullet {
  background: #26348c;
  height: 6px;
  width: 6px;
}
.latest-publications
  .swiper-latest-publications-mobile
  .swiper-pagination-bullet-active {
  background: #26348c;
  border-radius: 50px;
  height: 6px;
  width: 30px;
}
.our-advantages {
  align-items: flex-start;
  display: flex;
  justify-content: space-between;
  padding: 120px 0;
}
@media screen and (max-width: 1200px) {
  .our-advantages {
    flex-direction: column;
    padding: 80px 0;
  }
}
.our-advantages .left-part {
  position: sticky;
  top: 120px;
}
@media screen and (max-width: 1200px) {
  .our-advantages .left-part {
    position: static;
  }
}
.our-advantages .right-part .item {
  align-items: center;
  background: #fafaf7;
  border-radius: 24px;
  display: flex;
  margin-top: 24px;
  max-width: 632px;
  padding: 40px;
}
@media screen and (max-width: 1200px) {
  .our-advantages .right-part .item {
    align-items: flex-start;
    flex-direction: column;
    margin-top: 16px;
    max-width: 100%;
    padding: 24px;
  }
}
.our-advantages .right-part .item .icon svg {
  width: 80px;
}
@media screen and (max-width: 1200px) {
  .our-advantages .right-part .item .icon svg {
    width: 64px;
  }
}
.our-advantages .right-part .item .heading {
  color: #0a0d24;
  font-family: Alegreya, serif;
  font-size: 32px;
  font-weight: 700;
  line-height: 40px;
  margin-left: 32px;
}
@media screen and (max-width: 1200px) {
  .our-advantages .right-part .item .heading {
    font-size: 24px;
    line-height: 32px;
    margin: 12px 0 0;
  }
}
.our-advantages .right-part .item:first-of-type {
  margin: 0;
}
@media screen and (max-width: 1200px) {
  .our-advantages .right-part .item:first-of-type {
    margin: 24px 0 0;
  }
}
.elementary-school {
  padding: 60px 0;
}
@media screen and (max-width: 1200px) {
  .elementary-school {
    padding: 40px 0;
  }
}
.elementary-school .items {
  display: grid;
  gap: 24px;
  grid-template-columns: 1fr 1fr 1fr;
  margin-top: 55px;
}
@media screen and (max-width: 1200px) {
  .elementary-school .items {
    gap: 0;
    grid-template-columns: 1fr 1fr;
    grid-template-columns: 1fr;
    margin-top: 8px;
  }
}
.elementary-school .items .item {
  background: #fafaf7;
  border-radius: 24px;
  padding: 40px;
  width: 412px;
}
@media screen and (max-width: 1200px) {
  .elementary-school .items .item {
    margin-top: 16px;
    padding: 24px;
    width: 100%;
  }
}
.elementary-school .items .item .item-title {
  color: #0a0d24;
  font-family: Alegreya, serif;
  font-size: 32px;
  font-weight: 700;
  line-height: 40px;
}
@media screen and (max-width: 1200px) {
  .elementary-school .items .item .item-title {
    font-size: 24px;
    line-height: 32px;
  }
}
.elementary-school .items .item .item-bottom-part {
  align-items: center;
  display: flex;
  justify-content: space-between;
  margin-top: 32px;
}
@media screen and (max-width: 1200px) {
  .elementary-school .items .item .item-bottom-part {
    margin-top: 16px;
  }
}
.elementary-school .items .item .item-bottom-part .number {
  color: #e0e0e0;
  font-family: Alegreya, serif;
  font-size: 48px;
  font-weight: 700;
  line-height: 48px;
}
@media screen and (max-width: 1200px) {
  .elementary-school .items .item .item-bottom-part .number {
    font-size: 40px;
  }
}
.elementary-school .items .item .item-bottom-part .icon svg {
  height: 40px;
  width: 40px;
}
@media screen and (max-width: 1200px) {
  .elementary-school .items .item .item-bottom-part .icon svg {
    height: 32px;
    width: 32px;
  }
}
.elementary-school .items .item-blue {
  background: #26348c;
}
.elementary-school .items .item-blue .item-title {
  color: #fff;
}
.elementary-school .items .item-blue .item-bottom-part .number {
  color: #1a2571;
}
.elementary-school .items .item-blue .item-bottom-part .icon svg path {
  fill: #f9d602;
}
.documents-main {
  padding: 120px 0;
}
@media screen and (max-width: 1200px) {
  .documents-main {
    padding: 80px 0;
  }
}
.documents-main .items {
  display: grid;
  gap: 24px;
  grid-template-columns: 1fr 1fr;
  margin-top: 55px;
}
@media screen and (max-width: 1200px) {
  .documents-main .items {
    gap: 0;
    grid-template-columns: 1fr;
    margin-top: 8px;
  }
}
.documents-main .items .item {
  background: #fafaf7;
  border-radius: 16px;
  padding: 40px;
}
@media screen and (max-width: 1200px) {
  .documents-main .items .item {
    margin-top: 16px;
    padding: 24px;
    width: 100%;
  }
}
.documents-main .items .item .item-top-part {
  align-items: center;
  display: flex;
  justify-content: space-between;
  margin-bottom: 12px;
}
@media screen and (max-width: 1200px) {
  .documents-main .items .item .item-top-part {
    margin-bottom: 12px;
  }
}
.documents-main .items .item .item-top-part .title-name {
  color: #0a0d24;
  font-family: Alegreya, serif;
  font-size: 32px;
  font-weight: 700;
  line-height: 40px;
}
@media screen and (max-width: 1200px) {
  .documents-main .items .item .item-top-part .title-name {
    font-size: 24px;
    line-height: 32px;
  }
}
.documents-main .items .item .item-top-part .download svg {
  height: 40px;
  width: 40px;
}
@media screen and (max-width: 1200px) {
  .documents-main .items .item .item-top-part .download svg {
    height: 32px;
    width: 32px;
  }
}
.documents-main .items .item .date {
  color: #343645;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
}
@media screen and (max-width: 1200px) {
  .documents-main .items .item .date {
    font-size: 14px;
    line-height: 20px;
  }
}
.news-item {
  margin: 0 auto;
  padding-top: 60px;
  width: 968px;
}
@media screen and (max-width: 968px) {
  .news-item {
    padding-top: 40px;
    width: 100%;
  }
}
.news-item .news-item-paragraph {
  color: #343645;
  font-size: 18px;
  font-weight: 400;
  line-height: 26px;
  margin-top: 16px;
}
@media screen and (max-width: 1200px) {
  .news-item .news-item-paragraph {
    font-size: 16px;
    line-height: 24px;
    margin-top: 12px;
  }
}
.team-main {
  display: block;
  gap: 24px;
  grid-template-columns: 1fr 1fr 1fr;
  padding: 120px 0;
}
@media screen and (max-width: 1200px) {
  .team-main {
    grid-template-columns: 1fr 1fr;
    padding: 80px 0;
  }
}
@media screen and (max-width: 768px) {
  .team-main {
    gap: 0;
    grid-template-columns: 1fr;
    padding: 80px 0;
  }
}
.team-main .item {
  background: #fafaf7;
  border-radius: 24px;
  height: auto;
  margin: 0 auto;
  width: 412px;
}
@media screen and (max-width: 1200px) {
  .team-main .item {
    height: auto;
    width: 100%;
  }
}
@media screen and (max-width: 768px) {
  .team-main .item {
    margin-top: 24px;
  }
}
.team-main .item .icon img {
  border-top-left-radius: 24px;
  border-top-right-radius: 24px;
  height: 412px;
  object-fit: cover;
  width: 412px;
}
@media screen and (max-width: 1200px) {
  .team-main .item .icon img {
    width: 100%;
  }
}
.team-main .item .icon-without-photo img {
  display: block;
  margin: 0 auto;
  width: 312px;
}
.team-main .item .item-info {
  padding: 32px 40px 40px;
}
@media screen and (max-width: 1200px) {
  .team-main .item .item-info {
    padding: 24px;
  }
}
.team-main .item .item-info .item-title {
  color: #0a0d24;
  font-family: Alegreya, serif;
  font-size: 32px;
  font-weight: 700;
  line-height: 40px;
}
@media screen and (max-width: 1200px) {
  .team-main .item .item-info .item-title {
    font-size: 24px;
    line-height: 32px;
  }
}
.team-main .item .item-info .item-position {
  color: #26348c;
  display: block;
  font-size: 12px;
  font-weight: 500;
  line-height: 16px;
  margin: 8px 0 16px;
  text-transform: uppercase;
}
@media screen and (max-width: 1200px) {
  .team-main .item .item-info .item-position {
    margin: 8px 0 12px;
  }
}
.team-main .item .item-info .item-paragraph {
  color: #343645;
  display: block;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
}
@media screen and (max-width: 1200px) {
  .team-main .item .item-info .item-paragraph {
    font-size: 14px;
    line-height: 20px;
  }
  .team-main .item:first-of-type {
    margin: 0;
  }
}
.news-main {
  display: grid;
  gap: 24px;
  grid-template-columns: 1fr 1fr 1fr;
  padding: 120px 0;
}
@media screen and (max-width: 1200px) {
  .news-main {
    grid-template-columns: 1fr 1fr;
    padding: 80px 0;
  }
}
@media screen and (max-width: 768px) {
  .news-main {
    gap: 0;
    grid-template-columns: 1fr;
    padding: 80px 0;
  }
}
.news-main .item {
  margin: 0 auto;
  width: 412px;
  display: block;
  border: 3px solid rgb(250, 250, 247);
  border-radius: 24px;
  
  padding: 20px;
}

.news-main .item:hover { 
box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.1);
}
@media screen and (max-width: 1200px) {
  .news-main .item {
    width: 100%;
  }
}
@media screen and (max-width: 768px) {
  .news-main .item {
    margin-top: 32px;
  }
}
.news-main .item a img {
  width: 100%;
}
.news-main .item .title {
  color: #0a0d24;
  display: block;
  font-family: Alegreya, serif;
  font-size: 32px;
  font-weight: 700;
  line-height: 40px;
  margin: 24px 0 12px;
}
@media screen and (max-width: 768px) {
  .news-main .item .title {
    font-size: 24px;
    line-height: 32px;
    margin: 16px 0 12px;
  }
}
.news-main .item .date {
  color: #343645;
  display: block;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
}
@media screen and (max-width: 768px) {
  .news-main .item .date {
    font-size: 14px;
    line-height: 20px;
  }
  .news-main .item:first-of-type {
    margin: 0;
  }
}
@media screen and (max-width: 1200px) {
  .name-news-container-mobile {
    display: block;
    padding-top: 40px;
  }
}
.name-news-container-mobile .title-black-h2-mobile {
  display: none;
}
@media screen and (max-width: 1200px) {
  .name-news-container-mobile .title-black-h2-mobile {
    display: block;
  }
}
.name-news-container-mobile .main-img-mobile {
  display: none;
  margin: 32px 0 40px;
}
@media screen and (max-width: 1200px) {
  .name-news-container-mobile .main-img-mobile {
    display: block;
  }
}
.name-news-container-mobile .main-img-mobile img {
  display: block;
  width: 100%;
}
@media screen and (max-width: 1200px) {
  .name-news-container-mobile .title-black-h2-desktop {
    display: none;
  }
}
.name-news-main {
  padding: 40px 0 120px;
}
@media screen and (max-width: 1200px) {
  .name-news-main {
    padding: 0 0 80px;
  }
}
.name-news-main .main-img {
  display: block;
  margin: 55px 0 65px;
}
@media screen and (max-width: 1200px) {
  .name-news-main .main-img {
    display: none;
  }
}
.name-news-main .main-img img {
  display: block;
  width: 100%;
}
.name-news-main .news-item {
  margin: 0 auto;
  padding-top: 60px;
  width: 968px;
}
@media screen and (max-width: 968px) {
  .name-news-main .news-item {
    padding-top: 40px;
    width: 100%;
  }
}
.name-news-main .news-item .news-item-title {
  color: #0a0d24;
  font-family: Alegreya, serif;
  font-size: 48px;
  font-weight: 700;
  line-height: 48px;
  margin-bottom: 16px;
}
@media screen and (max-width: 1200px) {
  .name-news-main .news-item .news-item-title {
    font-size: 24px;
    line-height: 32px;
    margin-bottom: 4px;
  }
}
.name-news-main .news-item .news-item-paragraph {
  color: #343645;
  font-size: 18px;
  font-weight: 400;
  line-height: 26px;
  margin-top: 16px;
}
@media screen and (max-width: 1200px) {
  .name-news-main .news-item .news-item-paragraph {
    font-size: 16px;
    line-height: 24px;
    margin-top: 12px;
  }
}
.container-g {
  align-items: center;
  display: flex;
  flex-direction: column;
  justify-content: center;
  margin: 40px 20px 0;
  text-align: center;
}
.container-g .heading-g {
  padding-bottom: 50px;
  width: 50%;
}
.container-g .heading-g h3 {
  font-size: 3em;
  font-weight: bolder;
  padding-bottom: 10px;
}
.container-g .heading-g h3 span {
  font-weight: 100;
}
.container-g .box-g {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}
.container-g .box-g .dream-g {
  display: flex;
  flex-direction: column;
  width: 32.5%;
}
.container-g .box-g .dream-g img {
  border-radius: 5px;
  margin-bottom: 15px;
  width: 100%;
}
@media only screen and (max-width: 769px) {
  .container-g .box-g {
    flex-direction: column;
  }
  .container-g .box-g .dream-g {
    width: 100%;
  }
}

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

/* NEW */

/* для team.html */
.team-item  {
    background-color: rgb(250, 250, 247);
    display:grid;
    width: 100%;
    text-align: center;
    padding: 20px;
    margin: 20px 0px 20px 0;
    border-radius: 24px;
}

.team-item:hover {
  box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.1);
   cursor: pointer;
  
}


.item-title {
    font-family: Alegreya, serif;
    font-size: 32px;
  font-weight: 700;
  line-height: 40px;
}

.team-item-muliple {
  margin-top: 20px;
  display: flex;
  flex-wrap: wrap;
  gap: 20px; /* Відстань між елементами */
  justify-content: space-between; /* Або center / flex-start */
}

/* Для circles.html */
.description {
    margin-top: 20px;
    
}

.elementary-school .item:hover {
  box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.1);
  cursor: pointer;
}