@media (min-width: 1800px) {
  .technical-page__container {
    padding: 50px 450px 0 0;
  }
}

@media (min-width: 1480px) {
  .container-fluid {
    max-width: 1440px;
  }

  .container-custom {
    max-width: 1440px;
  }
}

@media (min-width: 1440px) {
  .header--search {
    left: 0;
    width: 100%;
    max-width: unset;
  }

  .single-text-first,
  .page-opportunities-first,
  .page-special-projects-first,
  .page-texts-first,
  .page-learning-first {
    width: 100vw;
    position: relative;
  }

  .first-screen__content {
    min-height: 565px;
  }
}

@media (min-width: 1400px) {
  .container-custom {
    max-width: 100%;
  }

  .header__container {
    max-width: 1440px;
  }
}




@media (max-width: 1400px) {

  .join-card__img-wrapper {
    width: 50%;
  }

  .subscribe__img {
    left: -375px;
  }

  .subscribe__title b,
  .subscribe__title strong {
    font-size: 50px;
  }

  .subscribe__title,
  .subscribe__subtitle,
  .subscribe__text {
    padding-right: 20px;
  }

  .subscribe__subtitle,
  .subscribe__text {
    max-width: 340px;
  }

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

  .join-card__title {
    margin-right: 100px;
  }

  .opportunities__list {
    --show-items: 3;
    --column-gap: 15px;
  }

  .opportunities-join-us__title-img-second {
    margin: -36px 244px 0 0;
  }

  .header__list {
    margin-top: 30px;
    --show-items: 1;
  }

  .opportunities-join-us__title-img-first {
    width: 100px;
  }
}

@media (max-width: 1200px) {
  .header__menu-wrapper a {
    font-size: 18px;
  }

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

  .header__logo {
    max-width: 150px;
  }

  .texts__card-img,
  .texts__img {
    height: 330px;
  }

  .special-projects__card {
    width: calc((100% - var(--column-gap) * (var(--show-items) - 1)) / var(--show-items));
    padding: 60px 75px 60px;
  }

  .learning-card__learn-more {
    position: static;
    max-width: unset;
  }

  .subscribe__img {
    left: -450px;
  }

  .subscribe__title b,
  .subscribe__title strong {
    font-size: 45px;
  }

  .subscribe__title,
  .subscribe__subtitle,
  .subscribe__text {
    padding-right: 0px;
  }

  .subscribe__subtitle,
  .subscribe__text {
    max-width: 320px;
  }

  .technical-page__container {
    padding: 100px 210px 0 40px;
  }

  .technical-page__text {
    font-size: 24px;
    max-width: 600px;
  }

  .who-are-we__title--second {
    letter-spacing: 0.00em;
  }


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

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

  .we-publish__title-second {
    letter-spacing: 0.00em;
    font-size: 38px;
    line-height: 38px;
  }

  .who-is-it-for__text {
    max-width: 850px;
  }

  .we-publish__item {
    padding: 25px 10px;
  }

  .speaker-img {
    height: 325px;
  }

  .single-learning-main__content {
    --max-width: 800px;
  }

  .join-us-socials__title,
  .join-us__title {
    font-size: 32px;
    line-height: 35px;
    max-width: 550px;
  }

  .join-us-socials__link-text,
  .join-us__text {
    font-size: 24px;
    line-height: 30px;
  }

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

  .join-us {
    border: 1px solid var(--logo-color);
    border-top: none;
  }

  .our-values {
    border: 1px solid var(--logo-color);
  }

  .our-values__item-3 {
    border-bottom: none;
  }

  .join-card__title {
    margin-right: 0px;
  }

  .opportunities-join-us__title-img-first {
    margin: -70px 0 0 30px;
  }

  .opportunities-join-us__title-img-second {
    margin: 55px 0 0 40px;
    position: static;
    float: unset;
  }

  .opportunities-join-us__title {
    font-size: 40px;
    line-height: 58px;
  }

  .vuc-letter__subtitle {
    font-size: 30px;
    line-height: 45px;
  }

  .vuc-letter__text {
    font-size: 16px;
    line-height: 18px;
    letter-spacing: 0.00em;
  }

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

  .vuc-letter-1__text {
    max-width: 100px;
    transform: translate(-25px, -59px) rotate(-90deg);
  }

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

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

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

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

  .vuc-letter-3__text {
    max-width: 125px;
    transform: translate(43px, -61px);
  }

  .vuc-letter__inner::before {
    width: 50px;
  }

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

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


@media (max-width: 992px) {
  .header__content {
    padding: 40px 0;
  }

  .header__menu-wrapper a {
    font-size: 16px;
  }

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

  .header__logo {
    max-width: 125px;
  }

  .header__socials {
    gap: 10px 10px;
  }

  .header__socials-link {
    width: 25px;
  }

  .container-custom {
    padding-left: 40px;
    padding-right: 40px;
  }

  .footer__content {
    grid-template-columns: 40px 72fr 51fr 90fr 90fr 20fr 70fr 40px;
    grid-template-rows: 150px 130px 125px 115px 115px;
    grid-template-areas:
      "item-1 item-10 item-2 item-2 item-2 item-2 item-12 item-4"
      "item-6 item-3 item-3 item-8 item-5 item-11 item-11 item-14"
      "item-6 item-3 item-3 item-13 item-16 item-15 item-15 item-14"
      "item-6 item-3 item-3 item-7 item-7 item-7 item-7 item-14"
      "item-17 item-18 item-18 item-18 item-20 item-20 item-20 item-19";
  }

  .footer__item-9,
  .footer__item-21,
  .footer__item-22,
  .footer__item-23,
  .footer__item-24,
  .footer__item-25,
  .footer__item-26 {
    display: none;
  }

  .footer__item-1 {
    grid-area: item-1;
  }

  .footer__item-2 {
    grid-area: item-2;
  }

  .footer__item-3 {
    grid-area: item-3;
  }

  .footer__item-4 {
    grid-area: item-4;
  }

  .footer__item-5 {
    grid-area: item-5;
  }

  .footer__item-6 {
    grid-area: item-6;
  }

  .footer__item-7 {
    grid-area: item-7;
  }

  .footer__item-8 {
    grid-area: item-8;
  }

  .footer__item-10 {
    grid-area: item-10;
  }

  .footer__item-11 {
    grid-area: item-11;
  }

  .footer__item-12 {
    grid-area: item-12;
  }

  .footer__item-13 {
    grid-area: item-13;
  }

  .footer__item-14 {
    grid-area: item-14;
  }

  .footer__item-15 {
    grid-area: item-15;
  }

  .footer__item-16 {
    grid-area: item-16;
  }

  .footer__item-17 {
    grid-area: item-17;
  }

  .footer__item-18 {
    grid-area: item-18;
  }

  .footer__item-19 {
    grid-area: item-19;
  }

  .footer__item-20 {
    grid-area: item-20;
  }

  .footer__socials {
    flex-direction: row;
    gap: 30px;
  }

  .footer__socials-img {
    width: 40px;
    height: 40px;
  }

  .footer__menu-wrapper {
    padding: 30px;
    max-width: 100%;
  }

  .opportunities__list {
    --show-items: 2;
    --column-gap: 40px;
    gap: 30px var(--column-gap);
    justify-content: center;
  }

  .texts__list {
    --show-items: 2;
    --column-gap: 40px;
    gap: 30px var(--column-gap);
    justify-content: center;
  }


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

  .special-projects__title {
    font-size: 60px;
  }

  .special-projects__list {
    margin: 30px 0 0;
    --show-items: 1;
    gap: 30px var(--column-gap);
  }

  .special-projects__list {
    flex-direction: column-reverse;
  }

  .home__learning-container {
    padding: 0;
  }

  .learning__title strong,
  .learning__title a {
    font-size: 138px;
    line-height: 167px;
  }

  .learning__title {
    font-size: 50px;
    line-height: 90px;
  }

  .home__subscribe-container {
    padding-bottom: 130px;
  }

  .subscribe__img {
    left: -315px;
  }

  .subscribe__input {
    margin-top: 30px;
  }

  .technical-page__text {
    font-size: 22px;
    line-height: 28px;
    max-width: 550px;
  }

  .technical-page__container {
    padding: 100px 38px 0 40px;
  }

  .header__menu-wrapper {
    position: static;
  }

  .header__list {
    --show-items: 1;
  }

  .who-are-we__title--first {
    font-size: 112px;
    line-height: 105px;
    margin-left: 180px;
  }

  .who-are-we__title--second {
    font-size: 79px;
    line-height: 80px;
    letter-spacing: 0.05em;
    margin-left: 150px;
  }

  .who-are-we__text {
    font-size: 20px;
    line-height: 26px;
    letter-spacing: 0.14em;
    padding: 33px 40px;
    border-top: 1px solid var(--logo-color);
  }

  .who-are-we__title-img-first {
    transform: translate(0px, -20px);
    right: 85px;
    left: unset;
  }

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

  .who-are-we {
    padding-bottom: 0;
  }

  .we-publish {
    grid-template-columns: 1fr 1fr;
    grid-template-areas:
      "title title"
      "item-1 item-2"
      "item-3 item-4";
  }

  .we-publish__item-1 {
    grid-area: item-1;
  }

  .we-publish__item-2 {
    grid-area: item-2;
  }

  .we-publish__item-3 {
    grid-area: item-3;
  }

  .we-publish__item-4 {
    grid-area: item-4;
  }

  .we-publish__title-item {
    grid-area: title;
    padding: 50px 0;
  }

  .we-publish__title-first {
    font-size: 81px;
    line-height: 82px;
  }

  .we-publish__title-second {
    font-size: 31px;
    line-height: 31px;
  }

  .we-publish__item {
    padding: 40px 16px;
  }

  .we-publish__item-title {
    font-size: 30px;
    line-height: 36px;
  }

  .we-publish__item-text {
    font-size: 22px;
    line-height: 28px;
  }

  .we-publish__decorative__item {
    padding: 30px 0;
  }

  .who-is-it-for {
    padding-bottom: 40px;
  }

  .who-is-it-for__img-1 {
    float: unset;
    margin: 16px 26px 0 auto;
    height: 85px;
    width: 135px;
  }

  .who-is-it-for__img-2 {
    margin: 25px 0 0 25px;
    transform: none;
  }

  .who-is-it-for__text {
    margin: 16px 40px 40px;
    font-size: 20px;
    line-height: 26px;
  }

  .our-values {
    grid-template-columns: 1fr;
    margin-bottom: 0;
    border-bottom: none;
  }

  .our-values__title {
    grid-column: unset;
  }

  .our-values__item {
    padding: 60px 160px;
  }

  .our-values__item-1 {
    background-size: 75% 100% !important;
  }

  .our-values__item-2 {
    background-size: 75% 45% !important;
  }

  .our-values__item-3 {
    background-size: 20% 105% !important;
  }

  .page-texts-first__title {
    font-size: 130px;
    line-height: 124px;
  }

  .page-special-projects-first__title {
    word-break: break-all;
    line-height: 115px;
    font-size: 118px;
    padding: 0 20px;
  }

  .page-learning-first__title b {
    font-size: 200px;
    line-height: 308px;
  }

  .speaker-img {
    height: 300px;
  }

  #eventRegistrationModal .modal-body {
    padding: 0 38px;
  }

  .event-registration-form__title {
    font-size: 22px;
  }

  .event-registration-form__text {
    font-size: 14px;
  }

  .single-learning-main__content {
    --max-width: 700px;
  }

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

  .join-us {
    border: 1px solid var(--logo-color);
  }

  .join-us-socials__title,
  .join-us__title {
    font-size: 26px;
    line-height: 26px;
    max-width: 375px;
  }

  .join-us-socials__link-text,
  .join-us__text {
    font-size: 18px;
    line-height: 28px;
  }

  .join-us-socials__link-text-1 {
    padding-left: 0px;
    padding-right: 0px;
  }

  .join-us-socials__link-text-2 {
    padding-left: 20px;
    padding-right: 20px;
  }

  .join-us__title-img-second {
    margin: -60px 39px 0 0;
  }

  .join-card__title {
    font-size: 30px;
    line-height: 36px;
    margin-bottom: 5px;
  }

  .join-card__text {
    font-size: 22px;
    line-height: 28px;
    margin-bottom: 20px;
  }

  .join-us-socials__list {
    margin-top: 45px;
  }

  .page-opportunities-first__title {
    font-size: 115px;
    line-height: 115px;

    margin-bottom: 0;
  }

  .opportunities__card-title {
    font-size: 24px;
    line-height: 30px;
    margin-top: 10px;
  }

  .opportunities__description {
    font-size: 14px;
    line-height: 18px;
  }

  .opportunities-join-us__title {
    font-size: 40px;
    line-height: 58px;
    max-width: unset;
    padding: 0 40px;
  }

  .opportunities-join-us__text {
    padding: 0 40px;
    font-size: 22px;
    line-height: 32px;
  }

  .opportunities-join-us__title-img-second {
    margin: 55px 0 0 40px;
  }

  .vuc-letter__subtitle {
    font-size: 20px;
    line-height: 20px;
  }

  .vuc-letter__text {
    font-size: 12px;
    line-height: 12px;
  }

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

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

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

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

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

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

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

  .vuc-letter-3__text {
    max-width: 100px;
    transform: translate(36px, -47px);
  }

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

  .vuc__list {
    margin-bottom: 100px;
  }

  .header--search {
    max-width: 100%;
  }
}


@media (max-width: 768px) {
  .header--active {
    background-color: var(--logo-color);
    height: 100vh;
    overflow-y: scroll;
  }

  .header__content--active {
    padding-bottom: 100px;
  }

  .header__menu-wrapper,
  .header__socials {
    display: none;
  }

  .header__menu-wrapper--active {
    display: block;
  }

  .header__socials--active {
    display: flex;
    margin: 100px auto 0;
    gap: 50px;
  }

  .header__socials-link--active {
    width: 40px;
    height: 40px;
  }

  .header__menu-wrapper--active {
    width: 100%;

  }

  .header__menu-wrapper .menu {
    flex-direction: column;
    gap: 40px;
    align-items: center;
    margin-top: 60px;
  }

  .header__menu-wrapper a {
    font-size: 30px;
    display: block;
    height: 50px;
    border-bottom: 1px solid white;
    color: white;
  }

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


  .header__content {
    flex-wrap: wrap;
  }

  .header__logo {
    max-width: 200px;
  }

  .burger {
    height: 61px;
    width: 69px;
    display: flex;
    flex-direction: column;
    gap: 10px;
    justify-content: center;
    align-items: center;
  }

  .burger__line {
    height: 5px;
    width: 60px;
    background-color: var(--logo-color);
    border-radius: 10px;
  }

  .burger__line--top--active {
    width: 42px;
    height: 2px;
    background-color: white;
    transform: translate(0px, 6px) rotate(45deg);
  }

  .burger__line--middle--active {
    display: none;
  }

  .burger__line--bottom--active {
    width: 42px;
    height: 2px;
    background-color: white;
    transform: translate(0px, -6px) rotate(-45deg);
  }

  .footer__content {
    grid-template-columns: 0px 72fr 51fr 90fr 90fr 20fr 70fr 10fr;
  }

  .footer__menu-wrapper {
    padding: 10px;
  }

  .first-screen__content {
    padding: 230px 0 30px;
  }

  .first-screen__title {
    font-size: 36px;
    line-height: 42px;
  }

  .first-screen__container {
    padding: 0;
  }

  .texts__card-img,
  .texts__img {
    height: 290px;
  }

  .learn-more {
    font-size: 22px;
    line-height: 26px;
  }

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

  .special-projects__title {
    font-size: 50px;
  }

  .special-projects__card-title {
    font-size: 35px;
  }

  .special-projects__description {
    font-size: 20px;
    line-height: 28px;
    letter-spacing: 0;
  }

  .special-projects__learn-more {
    margin-top: 20px;
    max-width: 200px;
    text-align: start;
  }

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

  .special-projects__learn-more-img {
    transform: translateY(-8px);
  }

  .special-projects__card {
    padding: 50px 50px 50px;
    height: 400px;
  }

  .home__learning {
    margin-top: 130px;
  }

  .learning__card {
    padding: 60px 0;
  }

  .subscribe__img {
    left: -385px;
    transform: translateY(47px);
  }

  .subscribe__title {
    font-size: 30px;
    line-height: 37px;
  }

  .subscribe__subtitle {
    font-size: 22px;
    letter-spacing: 0.03em;
    line-height: 23px;
    max-width: 250px;
  }

  .subscribe__text {
    max-width: 250px;
  }

  .subscribe__title b,
  .subscribe__title strong {
    font-size: 40px;
  }

  .technical-page__text {
    font-size: 22px;
    max-width: 425px;
  }

  .technical-page__container {
    padding: 120px 38px 0 40px;
  }

  .popup-cookie-block {
    padding: 40px 30px;
  }

  .popup-cookie-block__title {
    font-size: 16px;
    max-width: 200px;
    line-height: 20px;
    margin-top: -16px;
  }

  .popup-cookie-block__text {
    font-size: 14px;
    max-width: unset;
  }

  .popup-cookie-img {
    top: calc(100vh - var(--cookie-height) - 40px - 73px);
    right: calc((100vw - var(--cookie-width)) / 2 - 20px);
    width: 130px;
  }

  :root {
    --cookie-height: 240px;
    --cookie-width: 555px;
  }

  .burger--search,
  .header__socials--search,
  .header__menu-wrapper--search {
    display: none;
  }

  .header__card-title {
    font-size: 24px;
    line-height: 30px;
  }

  .header__description {
    font-size: 14px;
    line-height: 18px;
  }

  .header__input-wrapper {
    margin-top: 50px;
  }

  .header__list {
    margin-top: 40px;
  }

  .who-are-we__title--first {
    margin-left: 106px;
  }

  .who-are-we__title-img-first {
    width: 80px;
  }

  .who-are-we__title-img-second {
    width: 100px;
    height: 100px;
  }

  .our-values__item {
    padding: 60px 80px;
  }

  .our-values__item-1,
  .our-values__item-2 {
    border-right: none;
  }

  .page-special-projects-first,
  .page-special-learning,
  .page-texts-first {
    margin-top: -141px;
  }

  .page-special-projects-first__title {
    line-height: 99px;
    font-size: 107px;
    padding: 0 10px;
  }

  .page-learning-first__title {
    font-size: 80px;
    line-height: 136px;
  }

  .page-learning-first__title b {
    font-size: 122px;
    line-height: 136px;
  }

  .page-learning-first {
    padding: 400px 0;
  }


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

  .privacy-block__title {
    font-size: 35px;
    line-height: 42px;
  }

  .privacy-item__content h2 {
    margin: 60px 0 15px;
  }

  .single-text-first {
    padding: 0 0 80px;
    height: fit-content;
    min-height: 340px;
    display: flex;
    flex-direction: column;
    justify-content: end;
  }

  .single-text-first__title {
    font-size: 64px;
    line-height: 80px;
  }

  .erasmus-first__title {
    font-size: 64px;
    line-height: 80px;
  }

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

  .learning__card {
    flex-direction: column;
    align-items: center;
    width: 100%;
  }

  .learning-card__title-wrapper {
    width: fit-content;
  }

  .learning-card__speaker-wrapper {
    margin: 20px 0 0;
    align-items: center;
  }

  .learning-card__title {
    margin: 20px 0 0;
    padding: 0;
    font-size: 24px;
    line-height: 30px;
    text-align: center;
  }

  .learning-card__date,
  .learning-card__description {
    font-size: 20px;
    line-height: 30px;
    letter-spacing: 0.02em;
  }

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

  .learning-card__speaker-name {
    font-size: 24px;
    line-height: 30px;
  }

  .single-text-first__title {
    font-size: 35px;
    line-height: 42px;
  }

  .single-learning-main__date,
  .single-learning-main__format {
    justify-content: center;
    margin-top: 30px;
  }

  .single-learning-main__content h2,
  .single-learning-main__title {
    font-size: 35px;
    line-height: 42px;
  }

  .single-learning-main__content {
    --max-width: calc(100vw - 40px * 2);
  }

  .join-us {
    padding: 20px 0 0;
  }

  .join-card__img-wrapper {
    display: none;
  }

  .join-us__title-img-first {
    position: static;
    margin: 10px 0 0 20px;
  }

  .join-us__title-img-second {
    float: unset;
    margin: 0 25px 25px auto;
  }

  .join-us-socials__list {
    margin-top: 10px;
  }

  .join-us-socials__title,
  .join-us__title {
    font-size: 22px;
    line-height: 30px;
    max-width: unset;
    padding-left: 25px;
    padding-right: 25px;
  }

  .join-us__text {
    padding-left: 25px;
    padding-right: 25px;
  }

  .filter-buttons-wrapper {
    overflow-x: scroll;
    padding: 0px 0 12px;
    margin: 0 40px;
  }

  .filter-buttons {
    width: fit-content;
    flex-wrap: nowrap;
  }

  .page-opportunities-first__title {
    word-break: break-all;
    padding: 0 40px;
  }

  .opportunities-join-us__title {
    font-size: 40px;
    line-height: 54px;
    max-width: unset;
    padding: 0 40px;
    padding-right: 40px;
    padding-left: 40px;

  }

  .opportunities-join-us__text {
    margin: 15px auto;
    font-size: 22px;
    line-height: 32px;
  }

  .opportunities-join-us__title-img-second {
    margin: 0 0 0 40px;
    width: 140px;
  }

  .vuc__list {
    margin-bottom: 50px;
    gap: 15px;
  }

  .footer__menu-wrapper a {
    font-weight: 200;
  }
}

@media (max-width: 740px) {
  .vuc-letter__subtitle {
    font-size: 18px;
    line-height: 18px;
    letter-spacing: -0.02em;
  }

  .vuc-letter__text {
    font-size: 10px;
    line-height: 12px;
  }

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

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

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

  .vuc-letter-1__text {
    transform: translate(-14px, -59px) rotate(-90deg);
  }

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

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

  .vuc-letter__inner::before {
    width: 30px;
  }

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

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

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

  .vuc-letter-3__text {
    max-width: 100px;
    transform: translate(34px, -33px);
  }
}

@media (max-width: 576px) {
  .header__logo {
    max-width: 110px;
  }

  .burger {
    width: 43px;
    height: 43px;
    gap: 8px;
  }

  .burger__line {
    height: 3px;
    width: 43px;
  }

  .burger__line--top--active {
    height: 1.5px;
    width: 31px;
    transform: translate(0px, 5px) rotate(45deg);
  }

  .burger__line--middle--active {
    display: none;
  }

  .burger__line--bottom--active {
    height: 1.5px;
    width: 31px;
    transform: translate(0px, -4.5px) rotate(-45deg);
  }

  .header__close-search {
    width: 43px;
    height: 43px;
  }

  .x-mark-button__line {
    height: 1.5px;
    width: 31px;
  }

  .header__menu-wrapper a {
    font-size: 26px;
  }

  .header__content--active {
    padding-bottom: 50px;
  }

  .footer__content {
    grid-template-columns: 50px 2fr 5fr 5fr 2fr 50px;
    grid-template-rows: 140px 200px 200px 120px 155px;
    grid-template-areas:
      "item-10 item-10 item-2 item-2 item-12 item-12"
      "item-4 item-3 item-3 item-3 item-3 item-13"
      "item-5 item-3 item-3 item-3 item-3 item-8"
      "item-7 item-7 item-7 item-7 item-7 item-7"
      "item-18 item-18 item-18 item-20 item-20 item-20";
  }

  .footer__item-1,
  .footer__item-6,
  .footer__item-11,
  .footer__item-14,
  .footer__item-15,
  .footer__item-16,
  .footer__item-17,
  .footer__item-19,
  .footer__item-27,
  .footer__item-28,
  .footer__item-29,
  .footer__item-30,
  .footer__item-31 {
    display: none;
  }

  .footer__item-img-5 {
    height: 107px;
    object-position: -5px;
  }

  .footer__item-img-10 {
    height: 120px;
    object-position: -40px;
  }

  .footer__item-img-12 {
    height: 120px;
    object-position: 5px;
  }

  .footer__item-img-13 {
    height: 92px;
    object-position: 5px;
  }

  .footer__item-5,
  .footer__item-10,
  .footer__item-12,
  .footer__item-13 {
    overflow: hidden;
  }

  .first-screen__content {
    padding: 0 0 100px;
    height: calc(100vh - 73px);
  }

  .first-screen__title {
    font-size: 26px;
    line-height: 30px;
  }

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

  .opportunities__list {
    --show-items: 1;
    --column-gap: 0px;
    gap: 40px var(--column-gap);
    justify-content: center;
  }

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

  .opportunities__card-title {
    font-size: 24px;
    margin: 15px 0 10px;
  }

  .opportunities__description {
    font-size: 14px;
    line-height: 18px;
  }

  .first-screen__title {
    padding: 0 24px;
  }

  .header__content {
    padding: 15px 0;
  }

  .header__content--active {
    padding: 15px 0 60px;
  }

  .texts__list {
    --show-items: 1;
    --column-gap: 0px;
    gap: 40px var(--column-gap);
    justify-content: center;
  }

  .home__texts {
    margin-top: 140px;
  }

  .texts__card-img {
    height: 200px
  }

  .texts__img-wrapper {
    width: 300px;
    height: 120px;
    margin: auto;
  }

  .texts__img {
    height: 120px;
    width: 100%;
    object-fit: cover;
  }

  .container-custom {
    padding-left: 24px;
    padding-right: 24px;
  }

  .home__texts {
    margin-top: 130px;
  }

  .texts__learn-more {
    margin-top: 60px;
  }

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

  .special-projects__card {
    padding: 40px 30px 40px;
    min-height: 350px;
    height: fit-content;
    display: flex;
  }

  .special-projects__card_blurred {
    display: none;
  }

  .special-projects__card-title {
    font-size: 20px;
  }

  .subscribe-container {
    padding-top: 100px;
    padding-bottom: 100px;
  }

  .special-projects__learn-more {
    margin-top: 20px;
  }

  .special-projects__title {
    font-size: 28px;
    line-height: 34px;
  }

  .first-screen__container {
    padding: 0;
  }

  .home__learning-container {
    padding: 0;
  }

  .learning__title strong,
  .learning__title a {
    font-size: 90px;
    line-height: 110px;
  }

  .learning__title {
    font-size: 33px;
    line-height: 40px;
    padding: 120px 0;
  }

  .learning__card {
    padding: 40px 0;
    gap: 40px;
  }

  .learning-card__speaker-wrapper {
    display: none;
  }

  .learning-card__date {
    font-size: 16px;
    line-height: 22px;
  }

  .learning-card__learn-more {
    max-width: 188px;
    text-align: end;
  }

  .learning-card__title {
    font-size: 20px;
    line-height: 30px;
  }

  .home__learning {
    margin-top: 140px;
  }

  .subscribe__submit {
    margin-top: 20px;
  }

  .subscribe__title b,
  .subscribe__title strong {
    font-size: 28px;
    line-height: 34px;
    letter-spacing: 1.95px;
  }

  .subscribe__title {
    font-size: 25px;
    line-height: 37px;
  }

  .subscribe__subtitle {
    font-size: 18px;
    letter-spacing: 0.03em;
    line-height: 19px;
    max-width: 201px;
  }

  .subscribe__text {
    font-size: 14px;
    line-height: 22px;
    max-width: 176px;
    margin-bottom: 10px;
  }

  .subscribe__img {
    left: -453px;
    max-width: unset;
  }

  .technical-page__container {
    padding: 170px 55px 0 24px;
  }

  .technical-page__text {
    font-size: 16px;
    line-height: 22px;
  }

  .technical-page__button {
    font-size: 16px;
    margin-top: 20px;
  }


  .popup-cookie-block {
    padding: 17px 24px;
  }

  .popup-cookie-block__close {
    float: unset;
    margin-left: auto;
    display: block;
    width: 14px;
    padding: 0;
  }

  .popup-cookie-block__text {
    margin-top: 5px;

    font-size: 12px;
    line-height: 14px;
  }

  .popup-cookie-block__agree {
    font-size: 16px;
    padding: 13px 40px;
    margin-top: 10px;
  }

  :root {
    --cookie-height: 175px;
    --cookie-width: 327px;
  }

  .header__card {
    flex-direction: column;
  }

  .header__list {
    margin-top: 30px;
  }

  .who-are-we__title--first {
    font-size: 85px;
    line-height: 80px;
    margin-left: 43px;
  }

  .who-are-we__title--second {
    font-size: 60px;
    line-height: 61px;
    margin-left: 83px;
  }

  .who-are-we__title-img-second {
    width: 75px;
    height: 75px;
    transform: translate(-14px, -11px);
  }

  .who-are-we__title-img-first {
    width: 50px;
    transform: translate(36px, -20px);
  }

  .who-are-we__text {
    padding: 40px 27.5px;

    font-family: 'Montserrat';
    font-weight: 500;
    letter-spacing: 0.02em;
  }

  .we-publish {
    grid-template-columns: 1fr;
    grid-template-areas: "title" "item-1" "item-2" "item-3" "item-4";
  }

  .we-publish__title-item {
    background-size: 151% 100%;
  }

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

  .we-publish__item {
    padding: 40px 10px;
  }

  .we-publish__item-title {
    text-align: center;
    font-size: 24px;
  }

  .we-publish__item-1 {
    border-right: none;
  }

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

  .who-is-it-for {
    overflow: hidden;
    padding: 0 27px;
  }

  .who-is-it-for__img-2 {
    margin: -14px 0 0 -27px;
    width: 65px;
    position: static;
  }

  .who-is-it-for__text {
    margin: 18px 0 40px;

    font-size: 24px;
    line-height: 34px;
    letter-spacing: 0.05em;
  }

  .who-is-it-for__img-2-2 {
    margin: 0 -27px -15px auto;
    width: 90px;
  }

  .our-values__title-first {
    font-size: 45px;
    line-height: 75px;
    padding-top: 50px;
  }

  .our-values__title-second {
    font-size: 28px;
    line-height: 28px;
    padding-bottom: 40px;
  }

  .our-values__item-text {
    font-size: 20px;
    line-height: 32px;
    letter-spacing: 0.03em;
  }

  .our-values__item {
    padding: 77px 20px;
  }

  .page-special-projects-first,
  .page-learning-first,
  .page-texts-first {
    padding: 0;
    display: flex;
    height: 100vh;
    align-items: center;
    flex-direction: column;
    justify-content: center;
    margin-top: -73px;
  }

  .page-texts-first__title {
    font-size: 66px;
    line-height: 70px;
  }

  .page-texts-first__text {
    font-size: 24px;
    line-height: 30px;
    padding: 20px 10px;
  }

  .page-special-projects-first__title {
    font-size: 55px;
    line-height: 70px;
  }

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

  .page-learning-first__title {
    font-size: 43px;
    line-height: 67px;
  }

  .page-learning-first__title b {
    font-size: 70px;
    line-height: 67px;
  }

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

  .privacy-block__title {
    font-size: 26px;
    line-height: 30px;
  }

  .privacy-item__content h2 {
    font-size: 20px;
    line-height: 26px;

    margin: 40px 0 5px;
  }

  .privacy-item__content {
    font-size: 16px;
    line-height: 22px;
  }

  .privacy-main {
    margin-bottom: 60px;
  }

  .single-text-first {
    margin-top: -114px;
    padding: 0 0 50px;
  }

  .single-text-first__title {
    font-size: 26px;
    line-height: 30px;
    padding: 0 20px;
  }

  .erasmus-first__title {
    font-size: 48px;
    line-height: 55px;
  }

  .single-text-content {
    font-size: 16px;
    line-height: 22px;
  }

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

  .single-learning-main__content h2,
  .single-learning-main__title {
    font-size: 26px;
    line-height: 30px;
    margin-top: 60px;
    margin-bottom: 20px;
  }

  .single-learning-main__content b,
  .single-learning-main__content strong,
  .single-learning-main__subtitle {
    font-size: 20px;
    line-height: 26px;
  }

  .single-learning-main__content,
  .single-learning-main__text {
    font-size: 16px;
    line-height: 22px;
    letter-spacing: 0.02em;
  }

  .single-learning-main__date {
    margin-top: 60px;
  }

  .single-learning-main__format {
    margin-top: 20px;
  }

  .single-learning-main__button {
    font-size: 16px;
    width: 250px;
  }

  .event-registration-form {
    height: 100%;
    justify-content: center;
    display: flex;
    flex-direction: column;
    padding: 50px 24px;
  }

  #eventRegistrationModal .modal-body {
    padding: 0 0;
  }

  .event-registration-form__title {
    font-size: 26px;
  }

  .event-registration-form__text {
    font-size: 16px;
  }

  .event-registration-form__input {
    padding: 10px 20px;
    font-size: 16px;
  }

  .event-registration-form__checkbox {
    border: 1px solid white;
  }

  .event-registration-form__submit {
    font-size: 16px;
    width: 200px;
  }

  .event-registration-result__img {
    max-width: 90px;
    width: 90px;
    margin-top: 20px;
    margin-bottom: 30px;
  }

  .event-registration-result-modal .modal-body {
    padding: 30px 26px 30px 51px;
    max-width: 327px;
  }

  .event-registration-result__title {
    font-size: 16px;
    line-height: 20px;
    letter-spacing: 0.00em;
  }

  .event-registration-result__text {
    font-size: 14px;
    line-height: 18px;
    letter-spacing: -0.01em;
    margin-bottom: 15px;
  }

  .event-registration-result__link {
    width: 225px;
    padding: 12.5px 0;
    font-size: 16px;
  }

  .single-learning-main__content {
    --max-width: calc(100vw - 24px * 2);
  }

  .join-us__text {
    font-size: 20px;
    line-height: 32px;
  }

  .join-us-socials__link-text {
    font-size: 14px;
    line-height: 17px;
  }

  .join-card__text {
    font-size: 16px;
    margin-bottom: 30px;
  }

  .join-card__button {
    min-width: unset;
    font-size: 16px;
    width: 250px;
  }

  .join-card__content {
    padding: 60px 10px 0;
  }

  .join-card__img-wrapper {
    display: block;
  }

  .join-card {
    flex-direction: column;
  }

  .join-card__img-wrapper {
    width: 100%;
    margin-top: 10px;
  }

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

  .join-us {
    margin-bottom: 140px;
  }

  .filter-btn {
    font-size: 16px;
    line-height: 22px;
    letter-spacing: 0.02em;
    padding: 7px 53px;
  }

  .filter-buttons-wrapper {
    margin: 0 24px;
  }

  .page-opportunities-first__title {
    font-size: 66px;
    line-height: 70px;
    padding: 0 24px;
  }

  .page-opportunities-first__text {
    font-size: 24px;
    line-height: 30px;
  }

  .opportunities-join-us__title {
    letter-spacing: 0.00em;
    font-size: 26px;
    line-height: 30px;
    font-weight: 500;

    padding-right: 24px;
    padding-left: 24px;

    font-family: 'Galderglynn 1884';
  }

  .opportunities-join-us__text {
    margin: 20px auto;
    font-size: 16px;
    line-height: 22px;

    padding-right: 24px;
    padding-left: 24px;
    letter-spacing: 0.02em;
  }

  .opportunities-join-us {
    padding-top: 75px;
  }

  .opportunities-join-us-socials__link-text {
    font-size: 19px;
    line-height: 23px;
  }

  .opportunities-join-us__title-img-second {
    margin: 70px 0 0 33px;
    width: 110px;
  }

  .opportunities-join-us-socials__link {
    margin: auto;
  }

  .vuc-letter__inner::before {
    width: 50px;
  }

  .vuc {
    margin-top: 140px;
  }

  .vuc__list {
    flex-direction: column;
    align-items: center;
    gap: 30px;
    --show-items: 1;
    max-width: 225px;
    margin: 0 auto 30px;
  }

  .vuc-letter__subtitle {
    font-size: 18px;
    line-height: 18px;
    font-weight: 400;
  }

  .vuc-letter__text {
    font-size: 12px;
    line-height: 12px;
    transform: translate(-14px, -65px) rotate(-90deg);
  }

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

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

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

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

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

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

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

  .vuc-letter-3__text {
    max-width: 100px;
    transform: translate(36px, -47px);
  }

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

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

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

  .join-us-socials__title,
  .join-us__title {
    letter-spacing: 2.75px;
  }

  .single-learning-main__content h1,
  .single-learning-main__content h2,
  .single-learning-main__content h3,
  .single-learning-main__title {
    line-height: 100%;
  }
}

@media (max-width: 450px) {
  .footer__item-img-2 {
    max-width: 90%;
    margin: auto;
  }

  .footer__item-img-10 {
    left: -25px;
  }

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