.text-wrapper-14 {
  font-family: var(--BT-16-px-font-family);
  font-weight: var(--BT-16-px-font-weight);
  font-size: var(--BT-16-px-font-size);
  letter-spacing: var(--BT-16-px-letter-spacing);
  line-height: var(--BT-16-px-line-height);
  font-style: var(--BT-16-px-font-style);
  color: var(--dark-gunmetal);
}

.menu .navbar .text-wrapper-14 {
  color: #101010;
  font-family: Poppins;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 14px; /* 100% */
}

.menu {
  background-color: var(--ocean-green);
  padding: 10px;
}

.logo-illustration {
  width: 100px;
}

.navbar a {
  text-decoration: none;
  color: var(--dark-gunmetal-4);
  padding: 10px;
}

.navbar a:hover {
  color: var(--hover-green);
}

.home-page-first {
  background-color: #ffffff;
  display: flex;
  flex-direction: row;
  justify-content: center;
  width: 100%;
}

.home-page-first .div {
  background-color: #ffffff;
  /* width: 1920px; */
  height: 4279px;
  position: relative;
}

.home-page-first .element-screen {
  position: absolute;
  width: 1128px;
  height: 964px;
  top: 1223px;
  left: 396px;
}

.home-page-first .overlap {
  position: absolute;
  width: 1125px;
  height: 482px;
  top: 1px;
  left: 2px;
}

.home-page-first .element-screennshots-set {
  position: absolute;
  width: 1125px;
  height: 482px;
  top: 0;
  left: 0;
}

.home-page-first .overlap-group {
  position: relative;
  width: 1153px;
  height: 506px;
  top: -24px;
}

.home-page-first .course-info-page {
  position: absolute;
  width: 606px;
  height: 391px;
  top: 0;
  left: 546px;
  max-width: 100%;
  height: auto;
}

.home-page-first .course-page {
  position: absolute;
  width: 606px;
  height: 363px;
  top: 98px;
  left: 477px;
  max-width: 100%;
  height: auto;
}

.home-page-first .container {
  display: flex;
  flex-direction: column;
  width: 562px;
  align-items: flex-start;
  gap: 16px;
  padding: 20px;
  position: absolute;
  top: 293px;
  left: 0;
  background-color: #dbffeb;
  border-radius: 15px;
}

.home-page-first .text-wrapper {
  position: relative;
  width: 521px;
  margin-top: -1px;
  font-weight: 300;
  color: #101010;
  font-size: 18px;
  line-height: 28.8px;
  font-family: "Poppins", Helvetica;
  letter-spacing: 0;
}

.home-page-first .logo-erasmus-project {
  position: absolute;
  width: 174px;
  height: 174px;
  top: 0;
  left: 0;
  object-fit: cover;
}

.home-page-first .element-screenshots-set {
  position: absolute;
  width: 1126px;
  height: 425px;
  top: 539px;
  left: 0;
}

.home-page-first .overlap-2 {
  position: relative;
  width: 1153px;
  height: 449px;
  top: -24px;
  left: -27px;
}

.home-page-first .course-detais-page {
  position: absolute;
  width: 603px;
  height: 364px;
  top: 0;
  left: 0;
  max-width: 100%;
  height: auto;
}

.home-page-first .course-editor-open {
  position: absolute;
  width: 603px;
  height: 364px;
  top: 70px;
  left: 69px;
  max-width: 100%;
  height: auto;
}

.home-page-first .the-course-creator-wrapper {
  display: flex;
  width: 562px;
  gap: 16px;
  padding: 20px;
  position: absolute;
  top: 178px;
  left: 591px;
  background-color: #dbffeb;
  border-radius: 15px;
  flex-direction: column;
  align-items: flex-start;
}

.home-page-first .advantages {
  position: absolute;
  width: 1128px;
  height: 850px;
  top: 2302px;
  left: 396px;
}

.home-page-first .text-wrapper-2 {
  position: absolute;
  height: 29px;
  top: 3px;
  left: 2px;
  font-family: "Poppins", Helvetica;
  font-weight: 600;
  color: #101010;
  font-size: 40px;
  letter-spacing: 0;
  line-height: 28.8px;
  white-space: nowrap;
}

.home-page-first .advantages-2 {
  display: inline-flex;
  flex-direction: column;
  align-items: flex-end;
  gap: 23px;
  position: absolute;
  top: 73px;
  left: 0;
}

.home-page-first .advantages-3 {
  display: flex;
  width: 1127px;
  align-items: flex-start;
  gap: 23px;
  position: relative;
  flex: 0 0 auto;
}

.home-page-first .frame {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 8px;
  padding: 20px;
  position: relative;
  flex: 1;
  align-self: stretch;
  flex-grow: 1;
  border-radius: 20px;
  background: linear-gradient(180deg, rgb(219, 255, 235) 19.88%, rgb(22, 65, 148) 100%);
}

.home-page-first .text-wrapper-3 {
  position: relative;
  width: fit-content;
  margin-top: -1px;
  font-family: "Poppins", Helvetica;
  font-weight: 500;
  color: #101010;
  font-size: 18px;
  letter-spacing: 0;
  line-height: 28.8px;
  white-space: nowrap;
}

.home-page-first .p {
  position: relative;
  align-self: stretch;
  font-family: "Poppins", Helvetica;
  font-weight: 300;
  color: #101010;
  font-size: 18px;
  letter-spacing: 0;
  line-height: 28.8px;
}

.home-page-first .advantages-4 {
  display: flex;
  width: 1128px;
  height: 337px;
  align-items: flex-start;
  gap: 23px;
  position: relative;
}

.home-page-first .frame-2 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 8px;
  padding: 20px;
  position: relative;
  flex: 1;
  align-self: stretch;
  flex-grow: 1;
  border-radius: 20px;
  background: linear-gradient(180deg, rgb(219, 255, 235) 0%, rgb(22, 65, 148) 100%);
}

.home-page-first .join-button {
  position: absolute;
  top: 810px;
  left: 0;
  display: flex;
  width: 215px;
  height: 40px;
  align-items: center;
  justify-content: center;
  gap: 10px;
  padding: 10px;
  background-color: var(--ocean-green);
  border-radius: 32px;
}

.home-page-first .text-wrapper-4 {
  position: relative;
  width: fit-content;
  margin-top: -3px;
  margin-bottom: -1px;
  font-family: var(--16-px-button-regular-poppins-font-family);
  font-weight: var(--16-px-button-regular-poppins-font-weight);
  color: var(--dark-gunmetal);
  font-size: var(--16-px-button-regular-poppins-font-size);
  text-align: center;
  letter-spacing: var(--16-px-button-regular-poppins-letter-spacing);
  line-height: var(--16-px-button-regular-poppins-line-height);
  white-space: nowrap;
  font-style: var(--16-px-button-regular-poppins-font-style);
}

.home-page-first .text-wrapper-4 a{
  color:rgba(33, 37, 41, 1)
}

.home-page-first .experiments-and {
  position: absolute;
  width: 1128px;
  height: 523px;
  top: 3296px;
  left: 397px;
}

.home-page-first .robot {
  left: 2px;
  position: absolute;
  width: 170px;
  height: 170px;
  top: 0;
  object-fit: cover;
}

.home-page-first .img {
  left: 576px;
  position: absolute;
  width: 170px;
  height: 170px;
  top: 0;
  object-fit: cover;
}

.home-page-first .classroom {
  position: absolute;
  width: 554px;
  height: 313px;
  top: 210px;
  left: 0;
}

.home-page-first .div-wrapper {
  display: flex;
  width: 215px;
  height: 40px;
  align-items: center;
  justify-content: center;
  gap: 10px;
  padding: 10px;
  position: absolute;
  top: 273px;
  left: 0;
  background-color: var(--ocean-green);
  border-radius: 32px;
}

.home-page-first .stonger-with-AI-wrapper {
  display: flex;
  width: 552px;
  gap: 16px;
  padding: 20px;
  position: absolute;
  top: 49px;
  left: 0;
  background-color: #dbffeb;
  border-radius: 15px;
  flex-direction: column;
  align-items: flex-start;
}

.home-page-first .text-wrapper-5 {
  position: relative;
  width: 521px;
  margin-top: -1px;
  margin-right: -9px;
  font-family: "Poppins", Helvetica;
  font-weight: 300;
  color: #101010;
  font-size: 18px;
  letter-spacing: 0;
  line-height: 28.8px;
}

.home-page-first .text-wrapper-6 {
  position: absolute;
  height: 29px;
  top: 0;
  left: 0;
  font-family: "Poppins", Helvetica;
  font-weight: 600;
  color: #101010;
  font-size: 40px;
  letter-spacing: 0;
  line-height: 28.8px;
  white-space: nowrap;
}

.home-page-first .classroom-2 {
  position: absolute;
  width: 554px;
  height: 313px;
  top: 210px;
  left: 576px;
}

.home-page-first .container-2 {
  display: flex;
  width: 552px;
  height: 184px;
  gap: 16px;
  padding: 20px;
  position: absolute;
  top: 49px;
  left: 0;
  background-color: #dbffeb;
  border-radius: 15px;
  flex-direction: column;
  align-items: flex-start;
}

.home-page-first .footer {
  display: flex;
  /* width: 1920px; */
  align-items: flex-start;
  gap: 129px;
  padding: 56px;
  position: absolute;
  top: 3921px;
  width: 100%;
  justify-content: center;
  align-items: center;
  left: 0;
  background-color: #f0f0f0;
}

.home-page-first .div-2 {
  display: inline-flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 16px;
  position: relative;
  flex: 0 0 auto;
}

.home-page-first .logo-about {
  position: relative;
  width: 382px;
  height: 164.2px;
}

.home-page-first .logo-erasmus-project-2 {
  position: absolute;
  width: 164px;
  height: 164px;
  top: 0;
  left: 0;
  object-fit: cover;
}

.home-page-first .text-wrapper-7 {
  position: absolute;
  width: 202px;
  height: 105px;
  top: -1px;
  left: 180px;
  font-weight: 400;
  color: #000000;
  font-size: 14px;
  line-height: 21px;
  font-family: "Poppins", Helvetica;
  letter-spacing: 0;
}

.home-page-first .text-wrapper-8 {
  position: relative;
  width: fit-content;
  font-family: "Poppins", Helvetica;
  font-weight: 400;
  color: #000000;
  font-size: 16px;
  letter-spacing: 0;
  line-height: 24px;
  text-decoration: underline;
  white-space: nowrap;
}

.home-page-first .text-wrapper-9 {
  position: relative;
  width: fit-content;
  margin-top: -1px;
  font-family: "Poppins", Helvetica;
  font-weight: 500;
  color: #000000;
  font-size: 16px;
  letter-spacing: 0;
  line-height: 24px;
  white-space: nowrap;
}

.home-page-first .text-wrapper-10 {
  position: relative;
  width: fit-content;
  font-family: "Poppins", Helvetica;
  font-weight: 400;
  color: #000000;
  font-size: 14px;
  letter-spacing: 0;
  line-height: 21px;
  white-space: nowrap;
}

.home-page-first .erasmus-co-funding {
  display: flex;
  flex-direction: column;
  width: 352px;
  align-items: flex-start;
  gap: 8px;
  position: relative;
}

.home-page-first .EN-co-funded-by-the {
  position: relative;
  width: 311px;
  height: 61px;
  object-fit: cover;
}

.home-page-first .text-wrapper-11 {
  position: relative;
  align-self: stretch;
  font-family: "Poppins", Helvetica;
  font-weight: 400;
  color: #000000;
  font-size: 10px;
  letter-spacing: 0;
  line-height: 15px;
}

.home-page-first .container-wrapper {
  position: relative;
  /* width: 1920px; */
  height: 1080px;
  top: 0;
  left: 0;
  background-image: url(https://c.animaapp.com/eoHlV2Yd/img/3147767-01-1.png);
  background-size: 100% 100%;
}

.home-page-first .container-3 {
  display: inline-flex;
  gap: 24px;
  padding: 0px 0px 0.89px;
  position: relative;
  top: 405px;
  left: 396px;
  flex-direction: column;
  align-items: flex-start;
  max-width: 40%;
}

.home-page-first .text-wrapper-12 {
  position: relative;
  width: fit-content;
  margin-top: -1px;
  font-family: "Poppins", Helvetica;
  font-weight: 400;
  color: #ffffff;
  font-size: 96px;
  letter-spacing: 0;
  line-height: 100px;
  white-space: nowrap;
}

.home-page-first .text-wrapper-13 {
  position: relative;
  align-self: stretch;
  font-family: "Poppins", Helvetica;
  font-weight: 300;
  color: #ffffff;
  font-size: 18px;
  letter-spacing: 0;
  line-height: 28.8px;
}

.home-page-first .join-button-2 {
  position: relative;
  display: flex;
  width: 215px;
  height: 40px;
  align-items: center;
  justify-content: center;
  gap: 10px;
  padding: 10px;
  background-color: var(--ocean-green);
  border-radius: 32px;
}

.home-page-first .menu {
  display: flex;
  width: 100%;
  align-items: center;
  justify-content: space-between;
  padding: 16px 10%;
  position: fixed;
  top: 0;
  left: 0;
  background-color: #ffffff;
  z-index: 1000;
}

.home-page-first .logo-illustration {
  position: relative;
  width: 44px;
  height: 41.36px;
  object-fit: cover;
}

.home-page-first .rectangle {
  position: relative;
  flex: 1;
  flex-grow: 1;
  height: 16px;
  border-radius: 20px;
  background: linear-gradient(to right, #1a459c, #d8fefa);
}

.home-page-first .navbar {
  display: flex;
  gap: 16px;
}

.home-page-first .text-wrapper-14 {
  position: relative;
  width: fit-content;
  margin-top: -1px;
  font-family: "Poppins", Helvetica;
  font-weight: 400;
  color: #101010;
  font-size: 14px;
  letter-spacing: 0;
  line-height: 14px;
  white-space: nowrap;
}
.courses-page {
  background-color: #ffffff;
  display: flex;
  flex-direction: row;
  justify-content: center;
  width: 100%;
}

.courses-page .div {
  background-color: #ffffff;
  /* width: 1920px; */
  height: 1781px;
  position: relative;
}

.courses-page .course-block {
  display: flex;
  flex-direction: column;
  width: 1126px;
  align-items: flex-start;
  gap: 24px;
  position: relative;
  top: 129px;
  /* left: 399px; */
}

.courses-page .frame {
  align-items: center;
  gap: 24px;
  border-radius: 8px;
  display: flex;
  position: relative;
  align-self: stretch;
  width: 100%;
  flex: 0 0 auto;
}

.courses-page .img {
  position: relative;
  width: 120px;
  height: 120px;
  object-fit: cover;
}

.courses-page .name-by {
  display: inline-flex;
  flex-direction: column;
  align-items: flex-start;
  position: relative;
  flex: 0 0 auto;
}

.courses-page .text-wrapper {
  position: relative;
  width: fit-content;
  margin-top: -1px;
  font-family: "Poppins-Regular", Helvetica;
  font-weight: 400;
  color: #164194;
  font-size: 48px;
  letter-spacing: 0;
  line-height: 66px;
  white-space: nowrap;
}

.courses-page .text-wrapper-2 {
  position: relative;
  width: fit-content;
  font-family: "Poppins-Medium", Helvetica;
  font-weight: 500;
  color: #164194;
  font-size: 24px;
  letter-spacing: 0;
  line-height: 36px;
  white-space: nowrap;
}

.courses-page .div-2 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 24px;
  padding: 20px;
  position: relative;
  align-self: stretch;
  width: 100%;
  flex: 0 0 auto;
  background-color: #dbffeb;
  border-radius: 20px;
}

.courses-page .p {
  position: relative;
  align-self: stretch;
  margin-top: -1px;
  font-family: "Poppins-Light", Helvetica;
  font-weight: 300;
  color: #101010;
  font-size: 18px;
  letter-spacing: 0;
  line-height: 28.8px;
}

.courses-page .text-wrapper-3 {
  position: relative;
  align-self: stretch;
  font-family: "Poppins-Light", Helvetica;
  font-weight: 300;
  color: #101010;
  font-size: 18px;
  letter-spacing: 0;
  line-height: 28.8px;
}

.courses-page .join-button {
  display: flex;
  width: 215px;
  height: 40px;
  align-items: center;
  justify-content: center;
  gap: 10px;
  padding: 10px;
  position: relative;
  background-color: var(--ocean-green);
  border-radius: 32px;
}

.courses-page .text-wrapper-4 {
  position: relative;
  width: fit-content;
  margin-top: -3px;
  margin-bottom: -1px;
  font-family: var(--16-px-button-regular-poppins-font-family);
  font-weight: var(--16-px-button-regular-poppins-font-weight);
  color: var(--dark-gunmetal);
  font-size: var(--16-px-button-regular-poppins-font-size);
  text-align: center;
  letter-spacing: var(--16-px-button-regular-poppins-letter-spacing);
  line-height: var(--16-px-button-regular-poppins-line-height);
  white-space: nowrap;
  font-style: var(--16-px-button-regular-poppins-font-style);
}

.courses-page .course-block-2 {
  display: flex;
  flex-direction: column;
  width: 1127px;
  align-items: flex-start;
  gap: 24px;
  position: relative;
  top: 317px;
  /* left: 398px; */
}

.courses-page .frame-2 {
  align-items: flex-start;
  gap: 16px;
  border-radius: 8px;
  display: flex;
  position: relative;
  align-self: stretch;
  width: 100%;
  flex: 0 0 auto;
}

.courses-page .name-by-2 {
  display: inline-flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 8px;
  position: relative;
  flex: 0 0 auto;
}

.courses-page .text-wrapper-5 {
  position: relative;
  width: fit-content;
  font-family: "Poppins-SemiBold", Helvetica;
  font-weight: 600;
  color: #164194;
  font-size: 24px;
  letter-spacing: 0;
  line-height: 36px;
  white-space: nowrap;
}

.courses-page .footer {
  display: flex;
  /* width: 1920px; */
  align-items: flex-start;
  gap: 129px;
  padding: 56px;
  position: absolute;
  top: 3921px;
  width: 100%;
  justify-content: center;
  align-items: center;
  left: 0;
  background-color: #f0f0f0;
}

.courses-page .div-3 {
  display: inline-flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 16px;
  position: relative;
  flex: 0 0 auto;
}

.courses-page .logo-about {
  position: relative;
  width: 382px;
  height: 164.2px;
}

.courses-page .logo-erasmus-project {
  position: absolute;
  width: 164px;
  height: 164px;
  top: 0;
  left: 0;
  object-fit: cover;
}

.courses-page .text-wrapper-6 {
  position: absolute;
  width: 202px;
  height: 105px;
  top: -1px;
  left: 180px;
  font-family: "Poppins-Regular", Helvetica;
  font-weight: 400;
  color: #000000;
  font-size: 14px;
  letter-spacing: 0;
  line-height: 21px;
}

.courses-page .text-wrapper-7 {
  position: relative;
  width: fit-content;
  font-family: "Poppins-Regular", Helvetica;
  font-weight: 400;
  color: #000000;
  font-size: 16px;
  letter-spacing: 0;
  line-height: 24px;
  text-decoration: underline;
  white-space: nowrap;
}

.courses-page .text-wrapper-8 {
  position: relative;
  width: fit-content;
  margin-top: -1px;
  font-family: "Poppins-Medium", Helvetica;
  font-weight: 500;
  color: #000000;
  font-size: 16px;
  letter-spacing: 0;
  line-height: 24px;
  white-space: nowrap;
}

.courses-page .text-wrapper-9 {
  position: relative;
  width: fit-content;
  font-family: "Poppins-Regular", Helvetica;
  font-weight: 400;
  color: #000000;
  font-size: 14px;
  letter-spacing: 0;
  line-height: 21px;
  white-space: nowrap;
}

.courses-page .erasmus-co-funding {
  display: flex;
  flex-direction: column;
  width: 352px;
  align-items: flex-start;
  gap: 8px;
  position: relative;
}

.courses-page .EN-co-funded-by-the {
  position: relative;
  width: 311px;
  height: 61px;
  object-fit: cover;
}

.courses-page .text-wrapper-10 {
  position: relative;
  align-self: stretch;
  font-family: "Poppins-Regular", Helvetica;
  font-weight: 400;
  color: #000000;
  font-size: 10px;
  letter-spacing: 0;
  line-height: 15px;
}

.courses-page .menu {
  display: flex;
  width: 100%;
  align-items: center;
  justify-content: space-between;
  padding: 16px 10%;
  position: fixed;
  top: 0;
  left: 0;
  background-color: #ffffff;
  z-index: 1000;
}

.courses-page .logo-illustration {
  position: relative;
  width: 44px;
  height: 41.36px;
  object-fit: cover;
}

.courses-page .rectangle {
  position: relative;
  flex: 1;
  flex-grow: 1;
  height: 16px;
  border-radius: 20px;
  background: linear-gradient(to right, #1a459c, #d8fefa);
}

.courses-page .navbar {
  display: flex;
  gap: 16px;
}

.courses-page .text-wrapper-11 {
  position: relative;
  width: fit-content;
  margin-top: -1px;
  font-family: "Poppins-Regular", Helvetica;
  font-weight: 400;
  color: #101010;
  font-size: 14px;
  letter-spacing: 0;
  line-height: 14px;
  white-space: nowrap;
}




.scientific-evidence {
    background-color: #ffffff;
    display: flex;
    flex-direction: row;
    justify-content: center;
    width: 100%;
  }
  
  .scientific-evidence .div {
    background-color: #ffffff;
    width: 1921px;
    height: 2687px;
    position: relative;
  }
  
  .scientific-evidence .key-findings-and {
    display: flex;
    flex-direction: column;
    width: 1130px;
    align-items: center;
    gap: 24px;
    position: absolute;
    top: 1128px;
    left: 395px;
  }
  
  .scientific-evidence .text-wrapper {
    position: relative;
    align-self: stretch;
    margin-top: -1px;
    font-family: "Poppins-SemiBold", Helvetica;
    font-weight: 600;
    color: #101010;
    font-size: 32px;
    letter-spacing: 0;
    line-height: 28.8px;
  }
  
  .scientific-evidence .listing {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 16px;
    padding: 20px;
    position: relative;
    align-self: stretch;
    width: 100%;
    flex: 0 0 auto;
    background-color: #dbffeb;
    border-radius: 20px;
  }
  
  .scientific-evidence .p {
    position: relative;
    align-self: stretch;
    margin-top: -1px;
    font-family: "Poppins-Light", Helvetica;
    font-weight: 300;
    color: #101010;
    font-size: 18px;
    letter-spacing: 0;
    line-height: 28.8px;
  }
  
  .scientific-evidence .text-wrapper-2 {
    position: relative;
    align-self: stretch;
    font-family: "Poppins-Light", Helvetica;
    font-weight: 300;
    color: #101010;
    font-size: 18px;
    letter-spacing: 0;
    line-height: 28.8px;
  }
  
  .scientific-evidence .recommendations {
    display: flex;
    flex-direction: column;
    width: 1130px;
    align-items: center;
    gap: 24px;
    position: absolute;
    top: 1763px;
    left: 395px;
  }
  
  .scientific-evidence .listing-2 {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 16px;
    padding: 20px;
    position: relative;
    align-self: stretch;
    width: 100%;
    flex: 0 0 auto;
    background-color: #dbffeb;
    border-radius: 20px;
    overflow: hidden;
  }
  
  .scientific-evidence .summary {
    display: flex;
    flex-direction: column;
    width: 1127px;
    align-items: flex-start;
    gap: 24px;
    position: absolute;
    top: 249px;
    left: 398px;
  }
  
  .scientific-evidence .experiment-summary {
    display: flex;
    flex-direction: column;
    height: 279px;
    align-items: flex-start;
    gap: 8px;
    padding: 20px;
    position: relative;
    align-self: stretch;
    width: 100%;
    border-radius: 20px;
    background: linear-gradient(180deg, rgb(219, 255, 235) 19.88%, rgb(22, 65, 148) 100%);
  }
  
  .scientific-evidence .text-wrapper-3 {
    position: relative;
    width: fit-content;
    margin-top: -1px;
    font-family: "Poppins-Medium", Helvetica;
    font-weight: 500;
    color: #101010;
    font-size: 18px;
    letter-spacing: 0;
    line-height: 28.8px;
    white-space: nowrap;
  }
  
  .scientific-evidence .text-wrapper-4 {
    position: relative;
    width: fit-content;
    font-family: "Poppins-Light", Helvetica;
    font-weight: 300;
    color: #101010;
    font-size: 18px;
    letter-spacing: 0;
    line-height: 28.8px;
  }
  
  .scientific-evidence .experiment-summary-2 {
    height: 250px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 8px;
    padding: 20px;
    position: relative;
    align-self: stretch;
    width: 100%;
    border-radius: 20px;
    background: linear-gradient(180deg, rgb(219, 255, 235) 19.88%, rgb(22, 65, 148) 100%);
  }
  
  .scientific-evidence .experiment-summary-3 {
    height: 193px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 8px;
    padding: 20px;
    position: relative;
    align-self: stretch;
    width: 100%;
    border-radius: 20px;
    background: linear-gradient(180deg, rgb(219, 255, 235) 19.88%, rgb(22, 65, 148) 100%);
  }
  
  .scientific-evidence .entry {
    display: flex;
    width: 1125px;
    align-items: center;
    gap: 24px;
    position: absolute;
    top: 129px;
    left: 398px;
  }
  
  .scientific-evidence .robot {
    position: relative;
    width: 64px;
    height: 64px;
    object-fit: cover;
  }
  
  .scientific-evidence .the-scientific {
    position: relative;
    flex: 1;
    font-family: "Poppins-Light", Helvetica;
    font-weight: 300;
    color: #101010;
    font-size: 18px;
    letter-spacing: 0;
    line-height: 28.8px;
  }
  
  .scientific-evidence .footer {
    display: flex;
    /* width: 1920px; */
    align-items: flex-start;
    gap: 129px;
    padding: 56px;
    position: absolute;
    top: 3921px;
    width: 100%;
    justify-content: center;
    align-items: center;
    left: 0;
    background-color: #f0f0f0;
  }
  
  .scientific-evidence .div-2 {
    display: inline-flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 16px;
    position: relative;
    flex: 0 0 auto;
  }
  
  .scientific-evidence .logo-about {
    position: relative;
    width: 382px;
    height: 164.2px;
  }
  
  .scientific-evidence .logo-erasmus-project {
    position: absolute;
    width: 164px;
    height: 164px;
    top: 0;
    left: 0;
    object-fit: cover;
  }
  
  .scientific-evidence .text-wrapper-5 {
    position: absolute;
    width: 202px;
    height: 105px;
    top: -1px;
    left: 180px;
    font-family: "Poppins-Regular", Helvetica;
    font-weight: 400;
    color: #000000;
    font-size: 14px;
    letter-spacing: 0;
    line-height: 21px;
  }
  
  .scientific-evidence .text-wrapper-6 {
    position: relative;
    width: fit-content;
    font-family: "Poppins-Regular", Helvetica;
    font-weight: 400;
    color: #000000;
    font-size: 16px;
    letter-spacing: 0;
    line-height: 24px;
    text-decoration: underline;
    white-space: nowrap;
  }
  
  .scientific-evidence .text-wrapper-7 {
    position: relative;
    width: fit-content;
    margin-top: -1px;
    font-family: "Poppins-Medium", Helvetica;
    font-weight: 500;
    color: #000000;
    font-size: 16px;
    letter-spacing: 0;
    line-height: 24px;
    white-space: nowrap;
  }
  
  .scientific-evidence .text-wrapper-8 {
    position: relative;
    width: fit-content;
    font-family: "Poppins-Regular", Helvetica;
    font-weight: 400;
    color: #000000;
    font-size: 14px;
    letter-spacing: 0;
    line-height: 21px;
    white-space: nowrap;
  }
  
  .scientific-evidence .erasmus-co-funding {
    display: flex;
    flex-direction: column;
    width: 352px;
    align-items: flex-start;
    gap: 8px;
    position: relative;
  }
  
  .scientific-evidence .EN-co-funded-by-the {
    position: relative;
    width: 311px;
    height: 61px;
    object-fit: cover;
  }
  
  .scientific-evidence .text-wrapper-9 {
    position: relative;
    align-self: stretch;
    font-family: "Poppins-Regular", Helvetica;
    font-weight: 400;
    color: #000000;
    font-size: 10px;
    letter-spacing: 0;
    line-height: 15px;
  }
  
  .scientific-evidence .menu {
    display: flex;
    width: 100%;
    align-items: center;
    justify-content: space-between;
    padding: 16px 10%;
    position: fixed;
    top: 0;
    left: 0;
    background-color: #ffffff;
    z-index: 1000;
  }
  
  .scientific-evidence .logo-illustration {
    position: relative;
    width: 44px;
    height: 41.36px;
    object-fit: cover;
  }
  
  .scientific-evidence .rectangle {
    position: relative;
    flex: 1;
    flex-grow: 1;
    height: 16px;
    border-radius: 20px;
    background: linear-gradient(to right, #1a459c, #d8fefa);
  }
  
  .scientific-evidence .navbar {
    display: inline-flex;
    align-items: flex-start;
    gap: 16px;
    position: relative;
    flex: 0 0 auto;
  }
  
  .scientific-evidence .text-wrapper-10 {
    position: relative;
    width: fit-content;
    margin-top: -1px;
    font-family: "Poppins-Regular", Helvetica;
    font-weight: 400;
    color: #101010;
    font-size: 14px;
    letter-spacing: 0;
    line-height: 14px;
    white-space: nowrap;
  }
  

  .news {
    background-color: #ffffff;
    display: flex;
    flex-direction: row;
    justify-content: center;
    width: 100%;
  }
  
  .news .div {
    background-color: #ffffff;
    /* width: 1920px; */
    height: 4279px;
    position: relative;
  }
  
  .news .footer {
    display: flex;
    /* width: 1920px; */
    align-items: flex-start;
    gap: 129px;
    padding: 56px;
    position: absolute;
    top: 3921px;
    width: 100%;
    justify-content: center;
    align-items: center;
    left: 0;
    background-color: #f0f0f0;
  }
  
  .news .div-2 {
    display: inline-flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 16px;
    position: relative;
    flex: 0 0 auto;
  }
  
  .news .logo-about {
    position: relative;
    width: 382px;
    height: 164.2px;
  }
  
  .news .logo-erasmus-project {
    position: absolute;
    width: 164px;
    height: 164px;
    top: 0;
    left: 0;
    object-fit: cover;
  }
  
  .news .text-wrapper {
    position: absolute;
    width: 202px;
    height: 105px;
    top: -1px;
    left: 180px;
    font-family: "Poppins-Regular", Helvetica;
    font-weight: 400;
    color: #000000;
    font-size: 14px;
    letter-spacing: 0;
    line-height: 21px;
  }
  
  .news .text-wrapper-2 {
    position: relative;
    width: fit-content;
    font-family: "Poppins-Regular", Helvetica;
    font-weight: 400;
    color: #000000;
    font-size: 16px;
    letter-spacing: 0;
    line-height: 24px;
    text-decoration: underline;
    white-space: nowrap;
  }
  
  .news .text-wrapper-3 {
    position: relative;
    width: fit-content;
    font-family: "Poppins-Regular", Helvetica;
    font-weight: 400;
    color: #000000;
    font-size: 14px;
    letter-spacing: 0;
    line-height: 21px;
    text-decoration: underline;
    white-space: nowrap;
  }
  
  .news .text-wrapper-4 {
    position: relative;
    width: fit-content;
    margin-top: -1px;
    font-family: "Poppins-Medium", Helvetica;
    font-weight: 500;
    color: #000000;
    font-size: 16px;
    letter-spacing: 0;
    line-height: 24px;
    white-space: nowrap;
  }
  
  .news .text-wrapper-5 {
    position: relative;
    width: fit-content;
    font-family: "Poppins-Regular", Helvetica;
    font-weight: 400;
    color: #000000;
    font-size: 14px;
    letter-spacing: 0;
    line-height: 21px;
    white-space: nowrap;
  }
  
  .news .erasmus-co-funding {
    display: flex;
    flex-direction: column;
    width: 352px;
    align-items: flex-start;
    gap: 8px;
    position: relative;
  }
  
  .news .EN-co-funded-by-the {
    position: relative;
    width: 311px;
    height: 61px;
    object-fit: cover;
  }
  
  .news .p {
    position: relative;
    align-self: stretch;
    font-family: "Poppins-Regular", Helvetica;
    font-weight: 400;
    color: #000000;
    font-size: 10px;
    letter-spacing: 0;
    line-height: 15px;
  }
  
  .news .menu {
    display: flex;
    width: 100%;
    align-items: center;
    justify-content: space-between;
    padding: 16px 10%;
    position: fixed;
    top: 0;
    left: 0;
    background-color: #ffffff;
    z-index: 1000;
  }
  
  .news .logo-illustration {
    position: relative;
    width: 44px;
    height: 41.36px;
    object-fit: cover;
  }
  
  .news .rectangle {
    position: relative;
    flex: 1;
    flex-grow: 1;
    height: 16px;
    border-radius: 20px;
    background: linear-gradient(to right, #1a459c, #d8fefa);
  }
  
  .news .navbar {
    display: inline-flex;
    align-items: flex-start;
    gap: 16px;
    position: relative;
    flex: 0 0 auto;
  }
  
  .news .text-wrapper-6 {
    position: relative;
    width: fit-content;
    margin-top: -1px;
    font-family: "Poppins-Regular", Helvetica;
    font-weight: 400;
    color: #101010;
    font-size: 14px;
    letter-spacing: 0;
    line-height: 14px;
    white-space: nowrap;
  }
  
  .news .the-news {
    display: flex;
    flex-direction: column;
    width: 1124px;
    align-items: flex-end;
    gap: 24px;
    position: relative;
    top: 129px;
    /* left: 396px; */
  }
  
  .news .div-3 {
    display: flex;
    align-items: center;
    gap: 24px;
    padding: 20px;
    position: relative;
    align-self: stretch;
    width: 100%;
    flex: 0 0 auto;
    background-color: #dbffeb;
    border-radius: 20px;
  }
  
  .news .img {
    position: relative;
    width: 286px;
    height: 170px;
  }
  
  .news .content {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 16px;
    position: relative;
    flex: 1;
    flex-grow: 1;
  }
  
  .news .text-wrapper-7 {
    position: relative;
    align-self: stretch;
    margin-top: -1px;
    font-family: "Poppins-Medium", Helvetica;
    font-weight: 500;
    color: #101010;
    font-size: 18px;
    letter-spacing: 0;
    line-height: 28.8px;
  }
  
  .news .text-wrapper-8 {
    position: relative;
    align-self: stretch;
    font-family: "Poppins-Light", Helvetica;
    font-weight: 300;
    color: #101010;
    font-size: 18px;
    letter-spacing: 0;
    line-height: 28.8px;
  }
  
  .news .join-button {
    all: unset;
    box-sizing: border-box;
    display: inline-flex;
    height: 40px;
    align-items: center;
    justify-content: center;
    gap: 10px;
    padding: 10px 24px;
    position: relative;
    background-color: #29db78;
    border-radius: 32px;
  }
  
  .news .text-wrapper-9 {
    position: relative;
    width: fit-content;
    margin-top: -3px;
    margin-bottom: -1px;
    font-family: var(--16-px-button-regular-poppins-font-family);
    font-weight: var(--16-px-button-regular-poppins-font-weight);
    color: #101010;
    font-size: var(--16-px-button-regular-poppins-font-size);
    text-align: center;
    letter-spacing: var(--16-px-button-regular-poppins-letter-spacing);
    line-height: var(--16-px-button-regular-poppins-line-height);
    white-space: nowrap;
    font-style: var(--16-px-button-regular-poppins-font-style);
  }
  
  .partners {
    background-color: #ffffff;
    display: flex;
    flex-direction: row;
    justify-content: center;
    width: 100%;
  }
  
  .partners .div {
    background-color: #ffffff;
    width: 1922px;
    height: 1287px;
    position: relative;
  }
  
  .partners .div-2 {
    display: inline-flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 23px;
    position: absolute;
    top: 129px;
    left: 399px;
  }
  
  .partners .element-raw {
    display: inline-flex;
    align-items: flex-start;
    gap: 23px;
    position: relative;
    flex: 0 0 auto;
  }
  
  .partners .logo {
    display: flex;
    flex-direction: column;
    width: 360.33px;
    height: 337px;
    align-items: center;
    justify-content: center;
    gap: 24px;
    padding: 20px;
    position: relative;
    border-radius: 20px;
    background: linear-gradient(180deg, rgb(219, 255, 235) 21.38%, rgb(22, 65, 148) 100%);
  }
  
  .partners .affekta-logo {
    position: relative;
    width: 304px;
    height: 85.23px;
    object-fit: cover;
  }
  
  .partners .div-3 {
    position: relative;
    width: fit-content;
    font-family: "Poppins-Medium", Helvetica;
    font-weight: 500;
    color: #101010;
    font-size: 18px;
    letter-spacing: 0;
    line-height: 28.8px;
    white-space: nowrap;
  }
  
  .partners .bielefeld {
    position: relative;
    width: 317.27px;
    height: 81.33px;
    object-fit: cover;
  }
  
  .partners .pikpng-com {
    position: relative;
    width: 189.3px;
    height: 191.69px;
    object-fit: cover;
  }
  
  .partners .logo-2 {
    display: flex;
    flex-direction: column;
    width: 360.33px;
    height: 337px;
    align-items: center;
    justify-content: center;
    gap: 24px;
    padding: 20px;
    position: relative;
    border-radius: 20px;
    background: linear-gradient(180deg, rgb(219, 255, 235) 0%, rgb(22, 65, 148) 100%);
  }
  
  .partners .img {
    position: relative;
    width: 189.3px;
    height: 195.83px;
    object-fit: cover;
  }
  
  .partners .logo-3 {
    position: relative;
    width: 336.05px;
    height: 77.2px;
    margin-left: -7.86px;
    margin-right: -7.86px;
    object-fit: cover;
  }
  
  .partners .text-wrapper {
    font-family: "Poppins-Medium", Helvetica;
    font-weight: 500;
    color: #101010;
    font-size: 18px;
    letter-spacing: 0;
    line-height: 28.8px;
  }
  
  .partners .footer {
    display: flex;
    /* width: 1920px; */
    align-items: flex-start;
    gap: 129px;
    padding: 56px;
    position: absolute;
    top: 3921px;
    width: 100%;
    justify-content: center;
    align-items: center;
    left: 0;
    background-color: #f0f0f0;
  }
  
  .partners .div-4 {
    display: inline-flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 16px;
    position: relative;
    flex: 0 0 auto;
  }
  
  .partners .logo-about {
    position: relative;
    width: 382px;
    height: 164.2px;
  }
  
  .partners .logo-erasmus-project {
    position: absolute;
    width: 164px;
    height: 164px;
    top: 0;
    left: 0;
    object-fit: cover;
  }
  
  .partners .p {
    position: absolute;
    width: 202px;
    height: 105px;
    top: -1px;
    left: 180px;
    font-family: "Poppins-Regular", Helvetica;
    font-weight: 400;
    color: #000000;
    font-size: 14px;
    letter-spacing: 0;
    line-height: 21px;
  }
  
  .partners .text-wrapper-2 {
    position: relative;
    width: fit-content;
    font-family: "Poppins-Regular", Helvetica;
    font-weight: 400;
    color: #000000;
    font-size: 16px;
    letter-spacing: 0;
    line-height: 24px;
    text-decoration: underline;
    white-space: nowrap;
  }
  
  .partners .text-wrapper-3 {
    position: relative;
    width: fit-content;
    margin-top: -1px;
    font-family: "Poppins-Medium", Helvetica;
    font-weight: 500;
    color: #000000;
    font-size: 16px;
    letter-spacing: 0;
    line-height: 24px;
    white-space: nowrap;
  }
  
  .partners .text-wrapper-4 {
    position: relative;
    width: fit-content;
    font-family: "Poppins-Regular", Helvetica;
    font-weight: 400;
    color: #000000;
    font-size: 14px;
    letter-spacing: 0;
    line-height: 21px;
    white-space: nowrap;
  }
  
  .partners .erasmus-co-funding {
    display: flex;
    flex-direction: column;
    width: 352px;
    align-items: flex-start;
    gap: 8px;
    position: relative;
  }
  
  .partners .EN-co-funded-by-the {
    position: relative;
    width: 311px;
    height: 61px;
    object-fit: cover;
  }
  
  .partners .text-wrapper-5 {
    position: relative;
    align-self: stretch;
    font-family: "Poppins-Regular", Helvetica;
    font-weight: 400;
    color: #000000;
    font-size: 10px;
    letter-spacing: 0;
    line-height: 15px;
  }
  
  .partners .menu {
    display: flex;
    width: 100%;
    align-items: center;
    justify-content: space-between;
    padding: 16px 10%;
    position: fixed;
    top: 0;
    left: 0;
    background-color: #ffffff;
    z-index: 1000;
  }
  
  .partners .logo-illustration {
    position: relative;
    width: 44px;
    height: 41.36px;
    object-fit: cover;
  }
  
  .partners .rectangle {
    position: relative;
    flex: 1;
    flex-grow: 1;
    height: 16px;
    border-radius: 20px;
    background: linear-gradient(to right, #1a459c, #d8fefa);
  }
  
  .partners .navbar {
    display: inline-flex;
    align-items: flex-start;
    gap: 16px;
    position: relative;
    flex: 0 0 auto;
  }
  
  .partners .text-wrapper-6 {
    position: relative;
    width: fit-content;
    margin-top: -1px;
    font-family: "Poppins-Regular", Helvetica;
    font-weight: 400;
    color: #101010;
    font-size: 14px;
    letter-spacing: 0;
    line-height: 14px;
    white-space: nowrap;
  }
  

  .footer-container {
    display: flex;
    /* width: 1920px; */
    align-items: flex-start;
    gap: 129px;
    padding: 56px;
    position: absolute;
    top: 3921px;
    width: 100%;
    justify-content: center;
    align-items: center;
    left: 0;
    background-color: #f0f0f0;
  }
  .footer-div-2 {
    display: inline-flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 16px;
    position: relative;
    flex: 0 0 auto;
  }
  .footer-logo-about {
    position: relative;
    width: 382px;
    height: 164.2px;
  }

  .footer-logo-erasmus-project-2 {
    position: absolute;
    width: 164px;
    height: 164px;
    top: 0;
    left: 0;
    object-fit: cover;
  }


  .footer-text-wrapper-7 {
    position: absolute;
    width: 202px;
    height: 105px;
    top: -1px;
    left: 180px;
    font-weight: 400;
    color: #000000;
    font-size: 14px;
    line-height: 21px;
    font-family: "Poppins", Helvetica;
    letter-spacing: 0;
  }
  .footer-text-wrapper-9 {
    position: relative;
    width: fit-content;
    margin-top: -1px;
    font-family: "Poppins", Helvetica;
    font-weight: 500;
    color: #000000;
    font-size: 16px;
    letter-spacing: 0;
    line-height: 24px;
    white-space: nowrap;
  }
  .footer-text-wrapper-10 {
    position: relative;
    width: fit-content;
    font-family: "Poppins", Helvetica;
    font-weight: 400;
    color: #000000;
    font-size: 14px;
    letter-spacing: 0;
    line-height: 21px;
    white-space: nowrap;
  }
  .footer-erasmus-co-funding {
    display: flex;
    flex-direction: column;
    width: 352px;
    align-items: flex-start;
    gap: 8px;
    position: relative;
  }
  .footer-EN-co-funded-by-the {
    position: relative;
    width: 311px;
    height: 61px;
    object-fit: cover;
  }
  .footer-text-wrapper-11 {
    position: relative;
    align-self: stretch;
    font-family: "Poppins", Helvetica;
    font-weight: 400;
    color: #000000;
    font-size: 10px;
    letter-spacing: 0;
    line-height: 15px;
  }


  .form {
    display: none; 
    position: fixed;
    flex-direction: column;
    height: 616px;
    align-items: center;
    justify-content: center;
    gap: 24px;
    padding: 48px;
    top: 50%;
    left: 50%;
    position: relative;
    background-color: #ffffff;
  }
  

  .popup {
    display: none; 
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background-color: white;
    padding: 20px;
    box-shadow: 0 5px 15px rgba(0,0,0,0.3);
    z-index: 1000;
}
  .form .close {
    display: flex;
    align-items: flex-start;
    justify-content: flex-end;
    gap: 10px;
    position: relative;
    align-self: stretch;
    width: 100%;
    flex: 0 0 auto;
    margin-top: -11.38px;
  }
  
  .form .icon {
    position: relative;
    width: 20px;
    height: 20px;
  }
  
  .form .logo-erasmus-project {
    position: relative;
    width: 132px;
    height: 131.76px;
    object-fit: cover;
  }
  
  .form .text-wrapper {
    position: relative;
    width: 382px;
    font-family: "Poppins-Light", Helvetica;
    font-weight: 300;
    color: #101010;
    font-size: 18px;
    letter-spacing: 0;
    line-height: 28.8px;
  }
  
  .form .div {
    display: inline-flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 8px;
    position: relative;
    flex: 0 0 auto;
  }
  
  .form .label {
    position: relative;
    width: fit-content;
    margin-top: -1px;
    font-family: "Poppins-Regular", Helvetica;
    font-weight: 400;
    color: #101010;
    font-size: 16px;
    letter-spacing: 0;
    line-height: 24px;
    white-space: nowrap;
  }
  
  .form .input {
    width: 382px;
    height: 40px;
    padding: 10px 16px;
    position: relative;
    border-radius: 20px;
    border: 1px solid;
    border-color: #636568;
    background: none;
    margin-top: -5px;
    margin-bottom: -3px;
    font-family: var(--BT-18-px-font-family);
    font-weight: var(--BT-18-px-font-weight);
    color: #636568;
    font-size: var(--BT-18-px-font-size);
    text-align: center;
    letter-spacing: var(--BT-18-px-letter-spacing);
    line-height: var(--BT-18-px-line-height);
    white-space: nowrap;
    font-style: var(--BT-18-px-font-style);
  }
  
  .form .primary-button {
    all: unset;
    box-sizing: border-box;
    display: flex;
    width: 211px;
    height: 40px;
    align-items: center;
    justify-content: center;
    gap: 16px;
    padding: 10px 16px;
    position: relative;
    margin-bottom: -11.38px;
    background-color: #29db78;
    border-radius: 20px;
  }
  
  .form .log-in {
    position: relative;
    width: fit-content;
    margin-top: -3px;
    margin-bottom: -1px;
    font-family: var(--16-px-button-regular-poppins-font-family);
    font-weight: var(--16-px-button-regular-poppins-font-weight);
    color: #101010;
    font-size: var(--16-px-button-regular-poppins-font-size);
    text-align: center;
    letter-spacing: var(--16-px-button-regular-poppins-letter-spacing);
    line-height: var(--16-px-button-regular-poppins-line-height);
    white-space: nowrap;
    font-style: var(--16-px-button-regular-poppins-font-style);
  }
  



.popup-overlay {
    display: none; 
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,0.5);
    z-index: 999;
}




.testimonies {
  background-color: #ffffff;
  display: flex;
  flex-direction: row;
  justify-content: center;
  width: 100%;
}

.testimonies .div {
  background-color: #ffffff;
  width: 1921px;
  height: 2093px;
  position: relative;
}

.testimonies .footer {
  display: flex;
  width: 1920px;
  align-items: flex-start;
  gap: 129px;
  padding: 56px 398px;
  position: absolute;
  top: 1734px;
  left: 1px;
  background-color: #f0f0f0;
}

.testimonies .div-2 {
  display: inline-flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 16px;
  position: relative;
  flex: 0 0 auto;
}

.testimonies .logo-about {
  position: relative;
  width: 382px;
  height: 164.2px;
}

.testimonies .logo-erasmus-project {
  position: absolute;
  width: 164px;
  height: 164px;
  top: 0;
  left: 0;
  object-fit: cover;
}

.testimonies .text-wrapper {
  position: absolute;
  width: 202px;
  height: 105px;
  top: -1px;
  left: 180px;
  font-family: "Poppins-Regular", Helvetica;
  font-weight: 400;
  color: #000000;
  font-size: 14px;
  letter-spacing: 0;
  line-height: 21px;
}

.testimonies .text-wrapper-2 {
  position: relative;
  width: fit-content;
  font-family: "Poppins-Regular", Helvetica;
  font-weight: 400;
  color: #000000;
  font-size: 16px;
  letter-spacing: 0;
  line-height: 24px;
  text-decoration: underline;
  white-space: nowrap;
}

.testimonies .text-wrapper-3 {
  position: relative;
  width: fit-content;
  font-family: "Poppins-Regular", Helvetica;
  font-weight: 400;
  color: #000000;
  font-size: 14px;
  letter-spacing: 0;
  line-height: 21px;
  text-decoration: underline;
  white-space: nowrap;
}

.testimonies .text-wrapper-4 {
  position: relative;
  width: fit-content;
  margin-top: -1px;
  font-family: "Poppins-Medium", Helvetica;
  font-weight: 500;
  color: #000000;
  font-size: 16px;
  letter-spacing: 0;
  line-height: 24px;
  white-space: nowrap;
}

.testimonies .text-wrapper-5 {
  position: relative;
  width: fit-content;
  font-family: "Poppins-Regular", Helvetica;
  font-weight: 400;
  color: #000000;
  font-size: 14px;
  letter-spacing: 0;
  line-height: 21px;
  white-space: nowrap;
}

.testimonies .erasmus-co-funding {
  display: flex;
  flex-direction: column;
  width: 352px;
  align-items: flex-start;
  gap: 8px;
  position: relative;
}

.testimonies .EN-co-funded-by-the {
  position: relative;
  width: 311px;
  height: 61px;
  object-fit: cover;
}

.testimonies .p {
  position: relative;
  align-self: stretch;
  font-family: "Poppins-Regular", Helvetica;
  font-weight: 400;
  color: #000000;
  font-size: 10px;
  letter-spacing: 0;
  line-height: 15px;
}

.testimonies .menu {
  display: flex;
  width: 100%;
  align-items: center;
  justify-content: space-between;
  padding: 16px 10%;
  position: fixed;
  top: 0;
  left: 0;
  background-color: #ffffff;
  z-index: 1000;
}

.testimonies .logo-illustration {
  position: relative;
  width: 44px;
  height: 41.36px;
  object-fit: cover;
}

.testimonies .rectangle {
  position: relative;
  flex: 1;
  flex-grow: 1;
  height: 16px;
  border-radius: 20px;
  background: linear-gradient(to right, #1a459c, #d8fefa);
}

.testimonies .navbar {
  display: inline-flex;
  align-items: flex-start;
  gap: 16px;
  position: relative;
  flex: 0 0 auto;
}

.testimonies .text-wrapper-6 {
  position: relative;
  width: fit-content;
  margin-top: -1px;
  font-family: "Poppins-Regular", Helvetica;
  font-weight: 400;
  color: #101010;
  font-size: 14px;
  letter-spacing: 0;
  line-height: 14px;
  white-space: nowrap;
}

.testimonies .content {
  display: flex;
  flex-direction: column;
  width: 1124px;
  align-items: flex-start;
  gap: 24px;
  position: absolute;
  top: 129px;
  left: 398px;
}

.testimonies .frame {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 16px;
  padding: 20px;
  position: relative;
  align-self: stretch;
  width: 100%;
  flex: 0 0 auto;
  border-radius: 20px;
  border: 1px solid;
  border-color: #29db78;
}

.testimonies .blockquote {
  position: relative;
  width: 40px;
  height: 40px;
}

.testimonies .img {
  position: relative;
  width: 120px;
  height: 120px;
  object-fit: cover;
}

.testimonies .name-positin {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  position: relative;
  align-self: stretch;
  width: 100%;
  flex: 0 0 auto;
}

.testimonies .text-wrapper-7 {
  position: relative;
  align-self: stretch;
  margin-top: -1px;
  font-family: "Poppins-Medium", Helvetica;
  font-weight: 500;
  color: #101010;
  font-size: 18px;
  text-align: center;
  letter-spacing: 0;
  line-height: 28.8px;
}

.testimonies .text-wrapper-8 {
  position: relative;
  align-self: stretch;
  font-family: "Poppins-Italic", Helvetica;
  font-weight: 400;
  font-style: italic;
  color: #101010;
  font-size: 18px;
  text-align: center;
  letter-spacing: 0;
  line-height: 28.8px;
}

.testimonies .lorem-ipsum-dolor {
  position: relative;
  align-self: stretch;
  font-family: "Poppins-Light", Helvetica;
  font-weight: 300;
  color: #101010;
  font-size: 18px;
  letter-spacing: 0;
  line-height: 28.8px;
}