/* @font-face {
  font-family: 'Galderglynn 1884';
  src: url('../fonts/Galderglynn 1884-Regular.ttf') format('truetype');
  font-display: swap;
}

@font-face {
  font-family: 'Galderglynn 1884';
  src: url('../fonts/Galderglynn 1884/Galderglynn 1884.ttf') format('truetype');
  font-display: swap;
}

@font-face {
  font-family: 'Galderglynn 1884';
  src: url('../fonts/Galderglynn 1884/Galderglynn 1884-Medium.ttf') format('truetype');
  font-display: swap;
  font-weight: 500;
}

@font-face {
  font-family: 'Galderglynn 1884';
  src: url('../fonts/Galderglynn 1884/Galderglynn 1884-Light.ttf') format('truetype');
  font-display: swap;
  font-weight: 300;
}

@font-face {
  font-family: 'CSTM Xprmntl 02 Bold';
  src: url('../fonts/1602-font.otf') format("opentype");
  font-display: swap;
  font-weight: 700;
} */

@keyframes fadeInUp {
  from {
    opacity: 0;
    transform: translateY(50px);
  }

  to {
    opacity: 1;
    transform: translateY(0);
  }
}

.fadeInUp-animation,
.popUp-animation {
  will-change: transform;
}

.fadeInUp-animation {
  animation: fadeInUp 1s ease-out forwards;
}

.fadeInUp-initial-style {
  opacity: 0;
  transform: translateY(50px);
}

@keyframes popUp {
  from {
    opacity: 0;
    scale: 0.9;
  }

  to {
    opacity: 1;
    scale: 1;
  }
}

.popUp-animation {
  animation: popUp 0.5s ease-out forwards;
}

@keyframes moveBackground {
  0% {
    background-position: 0px 0px;
  }

  20% {
    background-position: 5px 0;
  }

  40% {
    background-position: 5px 5px;
  }

  60% {
    background-position: -5px 5px;
  }

  80% {
    background-position: -5px -5px;
  }

  100% {
    background-position: 0px 0px;
  }
}

@keyframes moveBackground-2 {
  0% {
    background-position: 0px 0px;
  }

  20% {
    background-position: 0px -5px;
  }

  40% {
    background-position: -5px -5px;
  }

  60% {
    background-position: -5px 5px;
  }

  80% {
    background-position: 5px 5px;
  }

  100% {
    background-position: 0px 0px;
  }
}

@keyframes moveBackground-vertical {
  0% {
    background-position-y: -5px;
  }

  25% {
    background-position-y: -10px;
  }

  75% {
    background-position-y: 0px;
  }

  100% {
    background-position-y: -5px;
  }
}

.moveBackground-animation {
  animation: moveBackground 10s linear infinite;
}

.moveBackground-animation-2 {
  animation: moveBackground-2 10s linear infinite;
}

.moveBackground-animation-vertical {
  animation: moveBackground-vertical 10s linear infinite;
}

:root {
  --black: #2F2F2F;
  --logo-color: #3646D9;
  --darker-blue: #2b39b7;

  --cookie-height: 290px;
  --cookie-width: 555px;
}

html {
  box-sizing: border-box;
  scrollbar-gutter: stable;
}

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

html,
body {
  height: 100%;

  color: var(--black);
  font-family: 'PTRootUI';
}

img {
  max-width: 100%;
  height: auto;
  display: block;
  object-fit: cover;
  vertical-align: middle;
  box-sizing: border-box;
}

ul {
  list-style-type: none;
}

a {
  text-decoration: none;
}

.wrapper {
  min-height: 100%;
  display: flex;
  flex-direction: column;
  padding: 0;
}

.container-custom {
  padding: 0 77px;
}

.main {
  flex-grow: 1;
}

.title {
  font-weight: 500;
  font-family: 'Galderglynn 1884';
  text-transform: uppercase;
}

.burger {
  display: none;
  background: transparent;
  border: none;
}

.btn {
  padding: 15px 50px;
  background-color: var(--logo-color);
  border-radius: 5px;

  color: white;
  font-family: 'Galderglynn 1884';
  font-weight: 200;
  font-size: 20px;
  text-transform: uppercase;
  letter-spacing: 0.08em;
}

.learn-more {
  display: flex;
  align-items: center;
  gap: 25px;

  max-width: 300px;

  font-family: 'Galderglynn 1884';
  font-size: 28px;
  line-height: 32px;
  text-align: end;
  letter-spacing: 0%;

  color: var(--logo-color);
}

.learn-more__img {
  width: 50px;
  height: 50px;
}




.header {
  z-index: 2;
}

.header__container {
  max-width: 1440px;
}

.header--active {
  background-color: var(--logo-color);
}

.header--search {
  background-color: var(--logo-color);
  position: absolute;
  max-width: 1440px;
}

.header__content {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 60px 0;
}

.header__content--active {
  flex-wrap: wrap;
}

.header__content--search {
  flex-wrap: wrap;
}

.header__socials {
  height: fit-content;

  display: grid;
  grid-template-columns: 26px 26px;
  gap: 9px 17px;
}

.header__socials--active {
  display: none;
}

.header__socials--search {
  display: none;
}

.header__logo-img {
  display: none;
}

.header__logo-img--active {
  display: block;
}

.header__socials-img {
  display: none;
}

.header__socials-img--active {
  display: block;
}

.socials__link {
  height: fit-content;
  display: flex;
  justify-content: center;
  align-items: center;
}

.search-button {
  height: fit-content;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;

  padding: 0;
  border: 0;
  background: transparent;
}

.header__menu-wrapper {
  display: flex;
  justify-content: center;
}

.header__menu-wrapper .current-menu-item {
  font-weight: 800;
}

.header__menu-wrapper .menu {
  gap: 30px;
}

.menu-wrapper .menu {
  padding: 0;
  margin: 0;
  display: flex;
}

.menu-wrapper a {
  color: var(--black);
}

.header__menu-wrapper a {
  font-size: 22px;
  line-height: 30px;
  font-weight: 300;
  font-family: 'Galderglynn 1884';
}

.header__menu-wrapper .current-menu-item a {
  font-weight: bold;
}

.menu-wrapper a:hover {
  color: var(--logo-color);
}

.header__menu-wrapper--active a {
  color: white;
}

.header__menu-wrapper--search a {
  color: white;
}

.header__close-search {
  width: 69px;
  height: 61px;
  align-self: stretch;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  background: transparent;
  border: none;
  display: none;
}

.header__close-search--search {
  display: flex;
}

.x-mark-button__line {
  background: white;
  border-radius: 5px;
  height: 2px;
  width: 42px;
}

.x-mark-button__line--top {
  transform: translate(0px, 1px) rotate(45deg);
}

.x-mark-button__line--bottom {
  transform: translate(0px, -1px) rotate(-45deg);
}

.header__search-wrapper {
  width: 100%;
  display: none;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}

.header__search-wrapper--active {
  display: flex;
}

.header__search-wrapper--search {
  display: flex;
}

.header__input-wrapper {
  margin: 100px auto 0;
  max-width: 100%;
}

.header__search {
  background: rgba(224, 224, 224, 0.2);
  border: 1px solid white;
  border-radius: 5px;
  color: white;

  padding: 18px 75px;
  display: block;

  font-size: 22px;
  letter-spacing: -0.01em;
  width: 720px;
  max-width: 100%;

  outline: none !important;
}

.header__search::placeholder {
  color: white;
}




.footer {
  background-color: #C5D7E3;
}

.footer__content {
  display: grid;
  grid-template-columns: auto repeat(3, 1fr) 2fr repeat(4, 1fr) 16px;
  grid-template-rows: 125px 125px 125px 42px;
}

.footer__item {
  border-right: 1px solid white;
  border-bottom: 1px solid white;
  display: flex;
  justify-content: center;
  align-items: center;
}

.footer__item-2 {
  grid-column: span 3;
}

.footer__item-3 {
  grid-row: span 3;
}

.footer__item-7 {
  grid-row: span 3;
}

.footer__item-9 {
  padding: 12px;
}

.footer__item-18,
.footer__item-24 {
  grid-column: span 2;
}

.footer__item-20 {
  display: flex;
  flex-direction: column;
  grid-column: span 2;
}

.footer__item-21 {
  padding: 10px;
}

.footer__link {
  font-size: 16px;
  color: var(--black);
}

.footer__link:hover {
  color: var(--logo-color);
}

.footer__item-26 {
  align-items: end;
}

.footer__mini-logo {
  max-width: 100px;
}

.footer__copyrights {
  text-align: center;
  font-size: 16px;
}

.footer__menu-wrapper .menu {
  gap: 25px;
  flex-direction: column;
}

.footer__menu-wrapper a {
  font-size: 20px;
  line-height: 30px;
  font-family: 'Galderglynn 1884';
  font-weight: 300;
}

.footer__socials {
  display: flex;
  flex-direction: column;
  gap: 22px;
}



.first-screen__content {
  display: flex;
  flex-direction: column;
  justify-content: end;
  align-items: center;

  padding: 170px 0 150px;
}

.first-screen__title {
  font-size: 45px;
  line-height: 60px;
  max-width: 960px;
  text-align: center;
}

.first-screen__link {
  margin-top: 20px;
}

.first-screen__link:hover {
  background-color: var(--darker-blue);
  color: white;
}



.opportunities__list {
  --show-items: 4;
  --column-gap: 15px;
  display: flex;
  flex-wrap: wrap;
  justify-content: start;
  gap: 30px var(--column-gap);

  padding: 0;
}

.first-screen__opportunities {
  margin-top: 35px;
}

.opportunities__card {
  max-width: 390px;
  width: calc((100% - var(--column-gap) * (var(--show-items) - 1)) / var(--show-items));

  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.page-opportunities__card {
  opacity: 0;
  transform: translateY(50px);
  transition: 0.15s ease-out;
  transition-property: opacity, transform;
}

.page-opportunities__card.popUpDone {
  opacity: 1;
  transform: translateY(0px);
}

.opportunities__card-title {
  font-size: 26px;
  line-height: 30px;
  margin: 15px 0 5px;
  color: var(--black);
  display: block;
}

.opportunities__img {
  height: 200px;
  border-radius: 5px;
}

.opportunities__description {
  line-height: 22px;
  margin: 0;
}

.opportunities__date {
  font-size: 12px;
  line-height: 15px;
  font-weight: 500;
}

.opportunities__subcategory {
  font-size: 12px;
  font-weight: 500;
  line-height: 15px;
  padding: 2px 8px;
  border: 0.5px solid var(--logo-color);
  border-radius: 5px;

  display: block;
  width: fit-content;
}

.opportunities__get-more {
  display: block;
  width: fit-content;
  margin: 30px auto;
}

.opportunities__get-more:hover {
  background-color: var(--darker-blue);
  color: white;
}

.header__card {
  max-width: 720px;
  display: none;
  flex-direction: row;
}

.header__card--search {
  display: flex;
}

.header__description,
.header__card-title {
  color: white;
  margin-top: 0;
}

.header__list {
  max-width: 720px;
  --show-items: 1;
  --column-gap: 0;
  margin: 60px auto 0;
}

.header__opportunities {
  width: 100%;
}

.header__no-results {
  display: none;
  color: #fff;
  font-size: 12px;
  line-height: 15px;
  text-align: start;
  margin-top: -20px;
  text-align: start;
}

.header__no-results--search {
  display: block;
  text-align: start;
  text-align: start;
  max-width: 720px;
  margin: -20px auto;
}




.home__texts {
  margin-top: 130px;
}

.page-texts__texts {
  margin-top: 60px;
}

.page-texts__texts .texts__learn-more {
  display: none !important;
}

.texts__list.popUp-animation {
  animation: popUp 0.5s ease-out forwards;
}

.texts__list {
  --show-items: 3;
  --column-gap: 60px;
  display: flex;
  flex-wrap: wrap;
  justify-content: start;
  gap: 60px var(--column-gap);

  padding: 0;
}

.texts__card {
  max-width: 390px;
  width: calc((100% - var(--column-gap) * (var(--show-items) - 1)) / var(--show-items));
  opacity: 0;
  transform: translateY(50px);
  transition: 0.3s ease-out;
  transition-property: opacity, transform;

  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.texts__card.popUpDone {
  opacity: 1;
  transform: translateY(0px);
}

.texts__card:hover {
  transform: scale(1.03);
}

.texts__card--hidden {
  display: none;
}

.texts__card-title {
  font-size: 26px;
  line-height: 30px;
  margin: 15px 0 5px;
  color: var(--black);
  display: block;
}

.texts__card-img {
  height: 430px;
  border-radius: 5px;
}

.texts__img {
  height: 430px;
  object-fit: contain;
}

.texts__description {
  line-height: 22px;
  margin: 0;
}

.texts__learn-more {
  margin-left: auto;
}

.texts__date {
  font-size: 12px;
  line-height: 15px;
  font-weight: 500;
}

.texts__subcategory {
  font-size: 12px;
  font-weight: 500;
  line-height: 15px;
  padding: 2px 8px;
  border: 0.5px solid var(--logo-color);
  border-radius: 5px;
  display: block;
  width: fit-content;

  margin-left: auto;
}




.special-projects-container {
  padding: 0;
}

.home__special-projects {
  margin-top: 160px;
}

.special-projects__title {
  font-size: 70px;
  color: var(--logo-color);
  letter-spacing: 0.05em;
  line-height: 66px;
  font-family: 'CSTM Xprmntl 02 Bold';
  text-align: center;

  margin: 0 auto;
}

.special-projects__list {
  margin: 60px 0 0;
  padding: 0;

  --show-items: 2;
  --column-gap: 0px;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  gap: 0px var(--column-gap);

  flex-direction: row-reverse;
}

.page-special-projects__special-projects-list {
  margin-top: 0;
}

.special-projects__card {
  width: calc((100% - var(--column-gap) * (var(--show-items) - 1)) / var(--show-items));
  padding: 60px 75px;
  height: 500px;
  display: flex;
  flex-direction: column;
  justify-content: end;
}

.special-projects__card_blurred .special-projects__card-content {
  display: flex;
  flex-direction: column;
  justify-content: end;

  filter: blur(10px);
}

.under-development {
  color: rgba(54, 70, 217, 0.6);
  font-family: 'Galderglynn 1884';
  font-size: 22px;
  text-transform: lowercase;

  padding-bottom: 7px;
  margin-bottom: -10px;
}

.special-projects__card-title {
  font-size: 45px;
  line-height: 39px;
  color: var(--black);
}

.special-projects__description {
  font-size: 20px;
  line-height: 30px;
  letter-spacing: 0.02em;

  margin: 20px 0 0;

  max-width: 500px;
}

.special-projects__learn-more {
  max-width: unset;
  align-items: end;
  line-height: 19px;
  margin-top: 30px;
}

.home__learning {
  margin-top: 160px;
}

.learning__title {
  padding: 90px 0;
  text-align: center;
  font-size: 73px;
  line-height: 90px;
  letter-spacing: 0.03em;
  font-family: 'CSTM Xprmntl 02 Bold';
  color: #EFB5E8;
  margin: 0;
}

.learning__title strong,
.learning__title a {
  font-size: 253px;
  line-height: 300px;
}

.learning__title p {
  margin: 0;
}

.learning__list {
  padding: 0;
  margin: 0;
}

.learning__card {
  display: flex;
  flex-wrap: wrap;
  padding: 40px;
}

.learning-card {
  opacity: 0;
  transform: translateY(50px);
  transition: 0.5s ease-out;
  transition-property: opacity, transform;
}

.learning-card.popUpDone {
  opacity: 1;
  transform: translateY(0px);
}

.learning-card__title-wrapper {
  width: 100%;
}

.learning-card__title {
  font-size: 32px;
  line-height: 40px;
  text-align: center;
  text-align: start;

  padding: 20px 0;
  margin: 10px 0;

  max-width: 490px;
}

.learning-card__date,
.learning-card__description {
  font-size: 26px;
  line-height: 32px;
  letter-spacing: 0.03em;
  text-align: center;
  margin: 0;
}

.learning-card__description {
  margin-left: 10px;
}

.home__learning-container {
  padding: 0;
}

.learning-card__learn-more {
  max-width: 239px;
  text-align: start;
  margin-top: 0px;
}

.learning-card__speaker-wrapper {
  display: flex;
  flex-direction: column;
  align-items: end;
  justify-content: end;

  margin-left: auto;
}

.learning-card__speaker-text {
  font-size: 26px;
  line-height: 32px;
  letter-spacing: 0.03em;
}

.learning-card__speaker-name {
  font-size: 32px;
  line-height: 40px;
  font-weight: 500;
  font-family: 'Galderglynn 1884';
  text-transform: uppercase;
}



.subscribe-container {
  padding: 130px 77px 160px;
}

.subscribe__title {
  font-size: 40px;
  line-height: 50px;
  font-family: 'CSTM Xprmntl 02 Bold';
  text-transform: none;
  text-align: end;
  letter-spacing: 0.05em;


  margin: 0;
  padding-right: 60px;
}

.subscribe__title p {
  margin: 0;
  color: var(--logo-color);
}

.subscribe__title b,
.subscribe__title strong {
  font-size: 60px;
  line-height: 0px;
  text-transform: uppercase;
  letter-spacing: 0.07em;

}

.subscribe__subtitle {
  font-size: 30px;
  line-height: 32px;
  color: var(--logo-color);
  text-align: end;
  font-weight: 500;
  text-transform: uppercase;
  margin-top: 10px;

  max-width: 380px;
  margin-left: auto;
  padding-right: 60px;
}

.subscribe__text {
  max-width: 380px;
  margin-left: auto;
  padding-right: 60px;
}

.subscribe__input {
  width: 100%;
  padding: 18px 27px;
  font-size: 20px;
  line-height: 30px;
  border: 1px solid var(--logo-color);
  border-radius: 5px;
}

.subscribe__checkbox {
  width: 22px;
  height: 22px;
  border-radius: 5px;
  border: 1px solid var(--logo-color);
}

.subscribe__submit {
  margin-top: 40px;
  background-color: var(--logo-color);
  font-size: 20px;
  letter-spacing: 0.08em;
  font-family: 'Galderglynn 1884';
  font-weight: 200;
  text-transform: uppercase;
  color: white;

  padding: 20px 67px;
  border: none;
  border-radius: 5px;
}

.subscribe__submit:hover {
  background-color: var(--darker-blue);
}

.subscribe__agree {
  font-size: 12px;
  line-height: 15px;
  color: var(--black);
  margin-left: 10px;
  display: inline-block;
}

.subscribe__img {
  position: absolute;
  width: 600px;
  padding: 0;
  left: -300px;
  transform: translateY(70px);
}




.technical-page {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;

  height: 100vh;
  width: 100%;

  position: absolute;
  left: 0;
  top: 0;

  opacity: 0;
  scale: 0.9;
}

.technical-page__container {
  padding: 50px 300px 0 0;
}

.technical-page__text {
  max-width: 750px;
  font-size: 30px;
  line-height: 35px;
  font-weight: 200;
  font-family: 'Galderglynn 1884';
}

.technical-page__button {
  font-size: 20px;
  color: white;
  letter-spacing: 0.08em;
  font-family: 'Galderglynn 1884';
  text-transform: uppercase;
  background-color: var(--logo-color);
  border-radius: 5px;
  font-weight: 200;

  margin-top: 25px;
  padding: 20px 25px;

  display: block;
  width: fit-content;
}




.popup-cookie-img {
  opacity: 0;
  animation-delay: 800ms;
  position: fixed;
  top: calc(100vh - var(--cookie-height) - 40px - 137px);
  right: calc((100vw - var(--cookie-width)) / 2 - 100px);
  display: none;
  z-index: 10;
}

.popup-cookie-img--active {
  display: block;
}

.popup-cookie-block {
  opacity: 0;
  animation-delay: 800ms;
  padding: 30px 35px 40px;
  background-color: var(--logo-color);
  width: var(--cookie-width);
  height: var(--cookie-height);
  border-radius: 5px;
  display: none;

  position: fixed;
  top: calc(100vh - var(--cookie-height) - 40px);
  left: calc((100vw - var(--cookie-width)) / 2);
  z-index: 10;
}

.popup-cookie-block--active {
  display: block !important;
}

.popup-cookie-block__title {
  font-size: 26px;
  line-height: 30px;
  letter-spacing: 0.05em;
  color: white;
  text-align: center;
  max-width: 400px;
  margin: 0 auto 0;

  text-transform: none;
}

.popup-cookie-block__close {
  background-color: transparent;
  border: none;
  float: right;
  transform: translateY(5px);
}

.popup-cookie-block__text {
  font-size: 16px;
  line-height: 22px;
  color: white;
  text-align: center;

  max-width: 400px;
  margin: 10px auto 0;
}

.popup-cookie-block__agree {
  text-align: center;
  font-size: 20px;
  font-family: 'Galderglynn 1884';
  letter-spacing: 0.08em;
  text-transform: uppercase;
  line-height: 20px;
  font-weight: 200;
  color: var(--logo-color);

  border: none;
  border-radius: 5px;

  background-color: white;

  padding: 20px 55px;
  margin: 20px auto 0;
  display: block;
}





.who-are-we {
  display: flex;
  border: 2px solid var(--logo-color);
  padding: 35px 0 20px;
}

.who-are-we__title--first {
  font-size: 185px;
  line-height: 174px;
  letter-spacing: 0.05em;
  font-family: 'CSTM Xprmntl 02 Bold';
  color: var(--logo-color);
  text-transform: uppercase;
  display: inline;
}

.who-are-we__title--second {
  font-size: 130px;
  line-height: 131px;
  letter-spacing: 0.05em;
  font-family: 'CSTM Xprmntl 02 Bold';
  color: var(--logo-color);
  text-transform: uppercase;

  margin-left: auto;
  width: fit-content;
}

.who-are-we__title-img {
  position: absolute;
  display: inline;
}

.who-are-we__title-img-first {
  transform: translate(-30px, 0);
}

.who-are-we__title-img-second {
  transform: translate(-170px, 0);
}

.who-are-we__text {
  font-size: 26px;
  line-height: 32px;
  letter-spacing: 0;
  text-align: center;
  margin: 0 auto;

  max-width: 460px;
}




.we-publish {
  display: grid;
  grid-template-columns: 390fr 390fr 505fr;
  border: 2px solid var(--logo-color);
  border-top: none;
}

.we-publish__item {
  padding: 50px 16px;

  display: flex;
  flex-direction: column;
  align-items: center;
}

.we-publish__item-1 {
  border-bottom: 2px solid var(--logo-color);
  border-right: 1px solid var(--logo-color);
}

.we-publish__item-2 {
  border-bottom: 2px solid var(--logo-color);
}

.we-publish__item-3 {
  border-right: 1px solid var(--logo-color);
}

.we-publish__item-title {
  font-size: 32px;
  line-height: 38px;
  margin-bottom: 10px;
  width: 100%;
}

.we-publish__item-text {
  font-size: 26px;
  line-height: 32px;
  width: 100%;
  margin-bottom: 0;
}

.we-publish__title-item {
  background-color: #F0ECE1;
  grid-row: span 2;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

.we-publish__title {
  line-height: 131px;
  letter-spacing: 0.05em;
  font-family: 'CSTM Xprmntl 02 Bold';
  color: var(--logo-color);
  text-transform: uppercase;

  width: fit-content;
  margin-bottom: 0;
}

.we-publish__title-first {
  font-size: 130px;
}

.we-publish__title-second {
  font-size: 50px;
}

.we-publish__decorative__item {
  grid-column: span 3;
  border-top: 2px solid var(--logo-color);
}




.who-is-it-for {
  background-color: var(--logo-color);
}

.who-is-it-for__img-1 {
  float: right;
  margin: 20px 15px 0 0;
}

.who-is-it-for__img-2 {
  position: absolute;
  margin: 0;
  transform: translate(40px, -110px);
}

.who-is-it-for__text {
  color: white;
  font-family: 'Galderglynn 1884';
  font-size: 29px;
  line-height: 38px;
  text-transform: uppercase;
  letter-spacing: 0.14em;
  text-align: center;

  max-width: 912px;
  margin: 70px auto;
}




.our-values {
  border: 2px solid var(--logo-color);
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;

  width: 100%;
}

.our-values__title {
  line-height: 131px;
  letter-spacing: 0.05em;
  font-family: 'CSTM Xprmntl 02 Bold';
  color: var(--logo-color);
  text-transform: uppercase;

  width: fit-content;
  margin: 0 auto;

  grid-column: span 3;
}

.our-values__title-first {
  font-size: 80px;
  line-height: 80px;

  padding-top: 70px;
}

.our-values__title-second {
  font-size: 50px;
  padding-bottom: 16px;
}

.our-values__item {
  padding: 115px 40px;
  display: flex;
  align-items: center;
}

.our-values__item-text {
  font-size: 26px;
  line-height: 32px;
  text-align: center;
  margin: 0;
}

.our-values__item-1,
.our-values__item-2 {
  border-right: 1px solid var(--logo-color);
  border-top: 1px solid var(--logo-color);
}

.our-values__item-3 {
  border-top: 1px solid var(--logo-color);
  border-bottom: 1px solid var(--logo-color);
}





.join-us {
  background-color: #F0ECE1;
  padding-top: 85px;
  margin-bottom: 160px;
  border: 2px solid var(--logo-color);
}

.join-us__title-img-first {
  position: absolute;
  margin: -60px 0 0 25px;
}

.join-us__title-img-second {
  float: right;
  margin: -60px 115px 0 0;
}

.join-us-socials__title,
.join-us__title {
  font-size: 44px;
  line-height: 58px;
  letter-spacing: 0;
  text-align: center;
  font-family: 'Galderglynn 1884';
  text-transform: uppercase;

  margin-left: auto;
  margin-right: auto;
  max-width: 845px;
}

.join-us__text {
  margin-top: 20px;
}

.join-us-socials__title {
  margin-top: 60px;
  margin-bottom: 30px;
}

.join-us-socials__link-text,
.join-us__text {
  font-size: 26px;
  line-height: 32px;
  letter-spacing: 0.03em;
  text-align: center;

  margin-left: auto;
  margin-right: auto;
  max-width: 965px;
  padding: 0 30px;
}

.join-us-socials__link {
  color: var(--black);
  display: flex;
  flex-direction: column;
  align-items: center;
  width: fit-content;
}

.join-us-socials__link:hover {
  color: var(--black);
}

.join-us-socials__list {
  margin: 70px 0 0;
  padding: 0;
  list-style-type: none;
}

.join-card {
  border-top: 1px solid var(--logo-color);
  display: flex;
}

.join-card__content {
  padding: 50px 10px 50px 80px;
}

.join-card__title {
  font-size: 40px;
  line-height: 46px;
  margin-bottom: 10px;
  margin-right: 50px;
}

.join-card__text {
  font-size: 26px;
  line-height: 32px;
  letter-spacing: 0.03em;
  margin-bottom: 30px;
}

.join-card__button {
  font-weight: 200;
  font-size: 20px;
  line-height: 22px;
  color: white;
  font-family: 'Galderglynn 1884';
  background-color: var(--logo-color);
  border: none;
  border-radius: 5px;
  text-transform: uppercase;
  padding: 20px 0;
  min-width: 300px;
  text-align: center;
  letter-spacing: 0.08em;
  display: inline-block;
}

.join-card__img-wrapper {
  display: flex;
  align-items: end;
  justify-content: end;
  margin-left: auto;
  width: 33%;
}

.join-card__img {
  height: 100%;
  max-width: 100%;
}

.join-us-socials__card:nth-of-type(2) .join-card__img {
  transform: scaleX(-1);
}



.page-texts-first {
  padding: 270px 0 180px;
  margin-top: -181px;
  z-index: -1;
}

.page-texts-first__title {
  font-size: 185px;
  line-height: 173px;
  letter-spacing: 0.05em;
  font-family: 'CSTM Xprmntl 02 Bold';
  text-align: center;
  color: #EFB5E8;

  text-transform: uppercase;
}

.page-texts-first__text {
  font-weight: 500;
  font-size: 30px;
  line-height: 32px;
  letter-spacing: 0.03em;
  text-align: center;
  color: #E0E0E0;

  padding: 20px;
  color: white;
}




.page-special-projects-first {
  padding: 270px 0 180px;
  margin-top: -181px;
  z-index: -1;
}

.page-special-projects-first__title {
  font-size: 120px;
  line-height: 173px;
  letter-spacing: 0.05em;
  font-family: 'CSTM Xprmntl 02 Bold';
  text-align: center;
  color: #EFB5E8;

  text-transform: uppercase;
  word-break: break-all;
}

.page-special-projects-first__text {
  font-weight: 500;
  font-size: 30px;
  line-height: 32px;
  letter-spacing: 0.03em;
  text-align: center;
  color: #fff;

  padding: 20px;
}





.page-learning-first {
  padding: 270px 0 180px;
  margin-top: -181px;
  z-index: -1;
}

.page-learning-first__title {
  font-size: 73px;
  line-height: 90px;
  letter-spacing: 0.05em;
  font-family: 'CSTM Xprmntl 02 Bold';
  text-align: center;
  color: #EFB5E8;
}

.page-learning-first__title b {
  font-size: 253px;
  line-height: 230px;
  margin-right: 15px;
}

.page-learning-first__text {
  font-weight: 500;
  font-size: 30px;
  line-height: 32px;
  letter-spacing: 0.03em;
  text-align: center;
  color: #ffffff;

  padding: 20px;
}




.page-opportunities__opportunities {
  padding: 60px 0;
}

.page-opportunities-first {
  padding: 270px 0 180px;
  margin-top: -181px;
  z-index: -1;
}

.page-opportunities-first__title {
  font-size: 120px;
  line-height: 173px;
  letter-spacing: 0.05em;
  font-family: 'CSTM Xprmntl 02 Bold';
  text-align: center;
  color: #EFB5E8;

  text-transform: uppercase;
  word-break: break-all;
}

.page-opportunities-first__text {
  font-weight: 500;
  font-size: 30px;
  line-height: 32px;
  letter-spacing: 0.03em;
  text-align: center;
  color: #ffffff;

  padding: 20px;
}

.filter-buttons {
  display: flex;
  gap: 15px;
  flex-wrap: wrap;
  justify-content: center;
  margin-top: 60px;
}

.filter-btn {
  font-size: 26px;
  line-height: 32px;
  letter-spacing: 0.03em;
  padding: 15px 60px;
  border: 2px solid var(--logo-color);
  border-radius: 100px;
  background-color: transparent;
}

.filter-btn--active {
  background-color: var(--logo-color);
  color: white;
  border-color: #E0F907;
}





.privacy-block {
  margin: 60px 0 100px;
}

.privacy-block__title {
  text-align: center;
  font-size: 45px;
  line-height: 60px;

  margin-bottom: 60px;
}

.privacy-item__content h2 {
  font-size: 30px;
  line-height: 32px;

  margin: 30px 0 20px;
}

.privacy-item__content {
  font-size: 26px;
  line-height: 32px;
}

.privacy-item__content ul {
  list-style-type: disc;
}





.single-text-first {
  background-size: cover;
  background-position: bottom;
  background-repeat: no-repeat;
  background-position: center;

  padding: 500px 0 65px;
  margin-top: -131px;
  z-index: -1;
}

.single-text-first__title {
  margin: 0 auto;
  max-width: 866px;

  text-align: center;
  font-weight: 500;
  font-size: 45px;
  line-height: 60px;
  text-transform: uppercase;
  font-family: 'Galderglynn 1884';
}

.erasmus-first__title {
  font-weight: 700;
  font-size: 80px;
  line-height: 90px;
}

.single-text-content {
  text-align: center;
  margin-top: 60px;
  font-size: 26px;
  line-height: 32px;
}




.erasmus-posts {
  margin-top: 60px;
}

.erasmus-posts__list {
  max-width: 836px;
  margin: 0 auto;
  --show-items: 2;
}



.single-learning-main__content h1,
.single-learning-main__content h2,
.single-learning-main__content h3,
.single-learning-main__title {
  font-size: 50px;
  line-height: 125%;

  margin-top: 60px;
  margin-bottom: 30px;
  text-transform: uppercase;
  font-weight: 500;
  font-family: 'Galderglynn 1884';
}

.single-learning-main__content h2 {
  font-size: 42px;
}

.single-learning-main__content h3 {
  font-size: 38px;
}

.single-learning-main__content h4 {
  font-size: 30px;
  font-family: 'PTRootUI Medium';
  margin-top: 30px;
  margin-bottom: 15px;
  font-weight: 700;
}

/* .single-learning-main__content b,
.single-learning-main__content strong, */
.single-learning-main__subtitle {
  font-size: 30px;
  line-height: 32px;
  font-weight: 500;

  margin-top: 30px;
  display: block;
}

.single-learning-main__content b,
.single-learning-main__content strong {
  font-weight: 700;
  font-family: 'PTRootUI Medium';
}

.single-learning-main__content,
.single-learning-main__text {
  font-size: 26px;
  line-height: 32px;
  letter-spacing: 0.03em;
}

.single-learning-main__content {
  --max-width: 1026px;
  max-width: var(--max-width);
  margin: 60px auto 0;
}

.single-learning-main__content p {
  margin-bottom: 30px;
}

.single-learning-main__content ul {
  list-style-type: disc;
  padding-left: 20px;
}

.single-learning-main__content li {
  margin-top: 8px;
}

.single-learning-main__content blockquote {
  font-style: italic;
}

.single-learning-main__format,
.single-learning-main__date {
  display: flex;
  align-items: center;
  gap: 10px;

  margin-top: 60px;
}

.single-learning-main__date {
  justify-content: end;
}

.single-learning-main__button {
  font-family: 'Galderglynn 1884';
  font-size: 20px;
  letter-spacing: 0.08em;
  color: white;
  text-transform: uppercase;
  text-align: center;
  font-weight: 200;

  background-color: var(--logo-color);

  border: none;
  border-radius: 5px;

  padding: 20px 0;
  margin: 30px auto 0;
  display: block;
  width: 365px;
}

.speaker {
  display: flex;
  flex-direction: column;
}

.speaker {
  opacity: 0;
  transform: translateY(50px);
  transition: 0.15s ease-out;
  transition-property: opacity, transform;
}

.speaker.popUpDone {
  opacity: 1;
  transform: translateY(0px);
}

.speaker-img {
  margin-bottom: 10px;
  height: 355px;
  object-fit: contain;
}

.speaker-name {
  margin-bottom: 10px;

  font-size: 26px;
  line-height: 30px;
  text-transform: uppercase;
  font-weight: 500;
  font-family: 'Galderglynn 1884';
  text-align: center;
}

.speaker-description {
  font-size: 16px;
  line-height: 22px;
  text-align: center;
}





#eventRegistrationModal {
  --bs-modal-width: unset;
}

#eventRegistrationModal .modal-content {
  height: 100%;
  background: transparent;
}

.event-registration-form {
  padding: 40px 90px;
  margin: 0 auto;
  background: var(--logo-color);
}

.event-registration-form__title {
  font-size: 26px;
  line-height: 30px;
  letter-spacing: 0.05em;
  color: white;
  text-transform: uppercase;
  text-align: center;

  margin-bottom: 15px;
}

.event-registration-form__text {
  font-size: 16px;
  line-height: 22px;
  color: white;
  text-align: center;
  text-align: center;

  margin: 0 auto 30px;
  max-width: 400px;
}

.event-registration-form__input {
  padding: 18px 26px;
  margin-bottom: 20px;
  width: 100%;

  background-color: #E0E0E033;
  border: none;
  border-radius: 5px;

  font-size: 20px;
  line-height: 30px;
  letter-spacing: 0.02em;
  color: white;
}

.event-registration-form__label {
  font-size: 12px;
  line-height: 15px;
  font-weight: 500;
  color: white;
  margin-left: 10px;
}

.event-registration-form__checkbox {
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  width: 22px;
  height: 22px;
  border: none;
  border-radius: 5px;
  background-color: #E0E0E033;
  cursor: pointer;
  min-width: 22px;
}

.event-registration-form__checkbox:checked {
  background-color: #E0E0E033;
  position: relative;
}

.event-registration-form__checkbox:checked::after {
  content: '\2713';
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-size: 14px;
  color: #000;
}

.event-registration-result {
  display: flex;
  flex-direction: column;
  align-items: center;
}

.event-registration-result__img {
  max-width: 140px;
  width: 140px;
  margin-bottom: 40px;
}

.event-registration-result__link,
.event-registration-form__submit {
  background-color: white;
  color: black;
  border: none;
  border-radius: 5px;

  text-align: center;
  font-family: 'Galderglynn 1884';
  text-transform: uppercase;
  font-size: 20px;
  letter-spacing: 0.03em;

  display: block;
  width: 310px;
  padding: 17px 0;
  margin: 30px auto 0;
}

.event-registration-result__link {
  margin: 0 auto;
}

.event-registration-result__link:hover,
.event-registration-form__submit:hover {
  color: black;
}

.event-registration-form__close {
  position: absolute;
  opacity: 0;
}

.event-registration-result-modal .btn-close {
  float: right;
  padding: 0;
  width: 25px;
}

.event-registration-result-modal .modal-body {
  border-radius: 0px;
  background: var(--logo-color);
  max-width: 530px;
  padding: 38px 34px 38px 59px;
}

.event-registration-result-modal .modal-dialog {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  max-width: unset;
}

.event-registration-result-modal .modal-content {
  width: fit-content;
}

.event-registration-result__title {
  font-size: 26px;
  line-height: 30px;
  letter-spacing: 0.05em;
  text-transform: uppercase;
  text-align: center;
  color: white;

  margin-bottom: 10px;
}

.event-registration-result__text {
  font-size: 16px;
  line-height: 22px;
  text-align: center;
  color: white;

  margin-bottom: 20px;
}

.single-learning-main .wp-block-image {
  height: 100%;
}

.single-learning-main .wp-block-image img {
  object-fit: cover;
  width: 100%;
  height: 100%;
}




.opportunities-join-us {
  background-color: #FFFEE2;
  margin-top: 100px;
  border: none;
}

.opportunities-join-us__title-img-first {
  margin: -40px 0 0 30px;
  width: 200px;
}

.opportunities-join-us__title-img-second {
  width: 155px;
  margin: -36px 320px 0 0;
  position: absolute;
  right: 0;
}





.vuc {
  margin-top: 180px;
}

.vuc.popUp-animation {
  animation: popUp 1s ease-out forwards;
}

.vuc__list {
  display: flex;
  --show-items: 3;
  --column-gap: 55px;
  display: flex;
  gap: 55px var(--column-gap);
  padding: 0;
  margin-bottom: 150px;
  justify-content: center;
}

.vuc-letter {
  height: 400px;
  width: calc((100% - var(--column-gap) * (var(--show-items) - 1)) / var(--show-items));
}

.vuc__learn-more {
  margin-left: auto;
}

.vuc-letter__subtitle {
  position: absolute;
  font-size: 43px;
  line-height: 57px;
  letter-spacing: 0.03em;
  font-family: 'Galderglynn 1884';
  font-weight: bold;
  user-select: none;
}

.vuc-letter__subtitle.popUp-animation {
  animation: popUp 0.5s ease-out forwards;
  animation-delay: 0.1s;
}

.vuc-letter__text {
  user-select: none;
  position: absolute;
  font-size: 23px;
  line-height: 22px;
  letter-spacing: 0.02em;
  font-weight: 300;
}

.vuc-letter__text.popUp-animation {
  animation: popUp 0.5s ease-out forwards;
  animation-delay: 0.1s;
}

.vuc-letter-1__img {
  transform: translate(10px, 40px);
}

.vuc-letter-1__subtitle {
  transform: translate(100px, -70px);
}

.vuc-letter-2__subtitle {
  transform: translate(105px, 40px) rotate(-90deg);
}

.vuc-letter-3__subtitle {
  transform: translate(-40px, 90px);
}

.vuc-letter-1__text {
  max-width: 200px;
  transform: translate(-45px, -125px) rotate(-90deg);
}

.vuc-letter-2__text {
  max-width: 145px;
  transform: translate(-121px, 0px) rotate(-90deg);
}

.vuc-letter-3__text {
  max-width: 200px;
  transform: translate(75px, -90px);
}

.vuc-letter__inner::before {
  content: "";
  width: 74px;
  height: 1px;
  background-color: rgba(47, 47, 47, 0.4);
  position: absolute;
}

.vuc-letter-1__inner::before {
  transform: translate(-100px, -170px) rotate(90deg);
}

.vuc-letter-2__inner::before {
  transform: translate(190px, -25px) rotate(0deg);
}

.vuc-letter-3__inner::before {
  transform: translate(-87px, 165px) rotate(90deg);
}

.vuc-socials {
  flex-direction: row;
  display: flex;
  gap: 20px;
  width: fit-content;
  height: 100%;
  align-items: end;
}

.vuc-letter__inner {
  transition: 3000ms ease-out;
  transition-property: scale;
  scale: 1;
}

.vuc-letter__inner:hover {
  scale: 1.05;
}

.learn-more__img {
  transition: 300ms ease-out;
  transition-property: rotate;
}

.learn-more__img:hover {
  rotate: 45deg;
}

.single-text-first__salto-erasmus-img {
  margin: 0 77px 0 auto;
}