/* screen - about-u8226-desktop */

.about-u8226-desktop {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  height: 9807px;
  position: relative;
}

.about-u8226-desktop .navbar-3 {
  align-items: center;
  align-self: stretch;
  background-color: var(--mystic);
  display: flex;
  flex-direction: column;
  height: 72px;
  justify-content: center;
  padding: 0px 64px;
  position: relative;
  width: 100%;
}

.about-u8226-desktop .container-2 {
  align-items: center;
  align-self: stretch;
  gap: 32px;
  justify-content: center;
}

.about-u8226-desktop .column {
  align-items: flex-start;
  display: flex;
  flex: 1;
  flex-direction: column;
  flex-grow: 1;
  position: relative;
}

.about-u8226-desktop .column-2 {
  align-items: center;
  display: inline-flex;
  flex: 0 0 auto;
  gap: 32px;
  position: relative;
}

.about-u8226-desktop .link {
  align-items: center;
  display: inline-flex;
  flex: 0 0 auto;
  gap: 4px;
  justify-content: center;
  position: relative;
}

.about-u8226-desktop .link-text {
  color: var(--cod-gray);
  font-weight: 400;
  line-height: 24px;
  margin-top: -1.00px;
  position: relative;
  white-space: nowrap;
  width: fit-content;
}

.about-u8226-desktop .link-text-1 {
  white-space: nowrap;
  width: fit-content;
}

.about-u8226-desktop .link-2 {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  gap: 8px;
  position: relative;
  width: 102px;
}

.about-u8226-desktop .link-text-2 {
  margin-left: -2.50px;
  white-space: nowrap;
  width: fit-content;
}

.about-u8226-desktop .vector-5 {
  height: 29.69%;
  left: 23.76%;
  position: absolute;
  top: 36.26%;
  width: 52.48%;
}

.about-u8226-desktop .menu {
  align-items: flex-start;
  background-color: var(--mystic);
  border: 1px solid;
  border-color: var(--cod-gray-2);
  display: inline-flex;
  flex-direction: column;
  gap: 16px;
  left: 0;
  padding: 24px;
  position: absolute;
  top: 32px;
}

.about-u8226-desktop .link-text-3 {
  align-self: stretch;
}

.about-u8226-desktop .text {
  align-self: stretch;
  color: var(--cod-gray);
  font-weight: 400;
  line-height: 24px;
  position: relative;
}

.about-u8226-desktop .content-5 {
  align-items: flex-start;
  display: inline-flex;
  flex: 0 0 auto;
  position: relative;
}

.about-u8226-desktop .column-3 {
  align-items: flex-end;
  display: flex;
  flex: 1;
  flex-direction: column;
  flex-grow: 1;
  justify-content: center;
  position: relative;
}

.about-u8226-desktop .button-8 {
  align-items: center;
  background-color: var(--congress-blue);
  border: 1px solid;
  display: inline-flex;
  flex: 0 0 auto;
  gap: 8px;
  justify-content: center;
  margin-bottom: -2.00px;
  margin-right: -2.00px;
  margin-top: -2.00px;
  padding: 8px 20px;
  position: relative;
}

.about-u8226-desktop .about-u8226-desktop-item {
  align-items: center;
  align-self: stretch;
  background-color: var(--botticelli);
  display: flex;
  flex: 0 0 auto;
  flex-direction: column;
  gap: 80px;
  padding: 112px 64px;
  position: relative;
  width: 100%;
}

.about-u8226-desktop .container {
  align-items: center;
  display: flex;
  flex: 0 0 auto;
  flex-direction: column;
  gap: 80px;
  max-width: 1280px;
  position: relative;
  width: 100%;
}

.about-u8226-desktop .column-4 {
  align-items: center;
  display: flex;
  flex: 0 0 auto;
  flex-direction: column;
  gap: 32px;
  max-width: 768px;
  position: relative;
  width: 100%;
}

.about-u8226-desktop .content {
  align-items: center;
  align-self: stretch;
  display: flex;
  flex: 0 0 auto;
  flex-direction: column;
  gap: 24px;
  position: relative;
  width: 100%;
}

.about-u8226-desktop .medium-length-hero-headline-goes-here {
  align-self: stretch;
  color: var(--cod-gray);
  font-weight: 500;
  line-height: 86.4px;
  margin-top: -1.00px;
  position: relative;
  text-align: center;
}

.about-u8226-desktop .lorem-ipsum-dolor-si-1 {
  align-self: stretch;
  color: var(--cod-gray);
  font-weight: 400;
  line-height: 27px;
  position: relative;
  text-align: center;
}

.about-u8226-desktop .actions {
  align-items: flex-start;
  display: inline-flex;
  flex: 0 0 auto;
  gap: 16px;
  position: relative;
}

.about-u8226-desktop .button-1 {
  align-items: center;
  background-color: var(--congress-blue);
  border: 1px solid;
  display: inline-flex;
  flex: 0 0 auto;
  gap: 8px;
  justify-content: center;
  margin-bottom: -2.00px;
  margin-left: -2.00px;
  margin-top: -2.00px;
  padding: 10px 24px;
  position: relative;
}

.about-u8226-desktop .button-2 {
  align-items: center;
  border: 1px solid;
  border-color: var(--cod-gray-2);
  display: inline-flex;
  flex: 0 0 auto;
  gap: 8px;
  justify-content: center;
  margin-bottom: -1.00px;
  margin-right: -1.00px;
  margin-top: -1.00px;
  padding: 10px 24px;
  position: relative;
}

.about-u8226-desktop .button-3 {
  color: var(--cod-gray);
  font-weight: 500;
  line-height: 24px;
  position: relative;
  white-space: nowrap;
  width: fit-content;
}

.about-u8226-desktop .placeholder-image-2 {
  align-self: stretch;
  aspect-ratio: 1.78;
  position: relative;
  width: 100%;
}

.about-u8226-desktop .layout {
  align-items: center;
  align-self: stretch;
  background-color: var(--abbey);
  display: flex;
  flex: 0 0 auto;
  flex-direction: column;
  gap: 80px;
  padding: 112px 64px;
  position: relative;
  width: 100%;
}

.about-u8226-desktop .container-1 {
  align-items: flex-start;
  flex-direction: column;
  gap: 80px;
  max-width: 1280px;
}

.about-u8226-desktop .component {
  align-items: center;
  align-self: stretch;
  display: flex;
  flex: 0 0 auto;
  gap: 80px;
  position: relative;
  width: 100%;
}

.about-u8226-desktop .placeholder-image {
  aspect-ratio: 0.94;
  flex: 1;
  flex-grow: 1;
  object-fit: cover;
  position: relative;
}

.about-u8226-desktop .content-1 {
  align-items: flex-start;
  display: flex;
  flex: 1;
  flex-direction: column;
  flex-grow: 1;
  gap: 32px;
  position: relative;
}

.about-u8226-desktop .content-2 {
  align-items: flex-start;
  align-self: stretch;
  display: flex;
  flex: 0 0 auto;
  flex-direction: column;
  gap: 24px;
  position: relative;
  width: 100%;
}

.about-u8226-desktop .tagline-wrapper {
  align-items: center;
  display: inline-flex;
  flex: 0 0 auto;
  position: relative;
}

.about-u8226-desktop .tagline {
  color: var(--white);
  font-weight: 600;
  line-height: 24px;
  margin-top: -1.00px;
  position: relative;
  white-space: nowrap;
  width: fit-content;
}

.about-u8226-desktop .heading {
  align-self: stretch;
  color: var(--white);
  font-weight: 500;
  line-height: 62.4px;
  margin-top: -1.00px;
  position: relative;
}

.about-u8226-desktop .text-1 {
  align-self: stretch;
  color: var(--white);
  font-weight: 400;
  line-height: 27px;
  position: relative;
}

.about-u8226-desktop .logos {
  align-items: flex-start;
  display: inline-flex;
  flex: 0 0 auto;
  gap: 24px;
  padding: 24px 0px;
  position: relative;
}

.about-u8226-desktop .logo-1 {
  height: 31px;
  left: calc(50.00% - 57px);
  position: absolute;
  top: calc(50.00% - 15px);
  width: 114px;
}

.about-u8226-desktop .actions-1 {
  align-items: center;
  display: inline-flex;
  gap: 24px;
}

.about-u8226-desktop .button-4 {
  align-items: center;
  border: 1px solid;
  border-color: var(--white-2);
  display: inline-flex;
  flex: 0 0 auto;
  gap: 8px;
  justify-content: center;
  margin-bottom: -1.00px;
  margin-left: -1.00px;
  margin-top: -1.00px;
  padding: 10px 24px;
  position: relative;
}

.about-u8226-desktop .button-6 {
  align-items: center;
  display: inline-flex;
  flex: 0 0 auto;
  gap: 8px;
  justify-content: center;
  position: relative;
}

.about-u8226-desktop .content-6 {
  align-items: center;
  display: flex;
  flex: 0 0 auto;
  flex-direction: column;
  gap: 32px;
  max-width: 768px;
  position: relative;
  width: 100%;
}

.about-u8226-desktop .section-title {
  align-items: center;
  align-self: stretch;
  display: flex;
  flex: 0 0 auto;
  flex-direction: column;
  gap: 16px;
  position: relative;
  width: 100%;
}

.about-u8226-desktop .tagline-wrapper-1 {
  align-items: center;
  align-self: stretch;
  display: inline-flex;
  flex: 0 0 auto;
  position: relative;
}

.about-u8226-desktop .tagline-1 {
  color: var(--cod-gray);
  font-weight: 600;
  line-height: 24px;
  margin-top: -1.00px;
  position: relative;
  text-align: center;
  white-space: nowrap;
  width: fit-content;
}

.about-u8226-desktop .heading-1 {
  line-height: 62.4px;
  text-align: center;
}

.about-u8226-desktop .text-2 {
  align-self: stretch;
  color: var(--cod-gray);
  font-weight: 400;
  line-height: 27px;
  position: relative;
  text-align: center;
}

.about-u8226-desktop .actions-2 {
  align-items: center;
  display: inline-flex;
  gap: 24px;
}

.about-u8226-desktop .button-7 {
  align-items: center;
  border: 1px solid;
  border-color: var(--cod-gray-2);
  display: inline-flex;
  flex: 0 0 auto;
  gap: 8px;
  justify-content: center;
  margin-bottom: -1.00px;
  margin-left: -1.00px;
  margin-top: -1.00px;
  padding: 10px 24px;
  position: relative;
}

.about-u8226-desktop .timeline-progress {
  align-items: flex-start;
  align-self: stretch;
  display: flex;
  flex: 0 0 auto;
  position: relative;
  width: 100%;
}

.about-u8226-desktop .content-3 {
  align-items: center;
  display: flex;
  flex: 1;
  flex-direction: column;
  flex-grow: 1;
  gap: 16px;
  justify-content: center;
  position: relative;
}

.about-u8226-desktop .placeholder-image-1 {
  aspect-ratio: 1;
  height: 204px;
  object-fit: cover;
  position: relative;
  width: 204px;
}

.about-u8226-desktop .progress-container {
  align-items: center;
  align-self: stretch;
  display: flex;
  flex: 0 0 auto;
  gap: 8px;
  justify-content: center;
  padding: 16px 0px 0px;
  position: relative;
  width: 100%;
}

.about-u8226-desktop .divider {
  background-color: var(--cod-gray);
  flex: 1;
  flex-grow: 1;
  height: 3px;
  position: relative;
}

.about-u8226-desktop .content-4 {
  align-items: center;
  align-self: stretch;
  display: flex;
  flex: 0 0 auto;
  flex-direction: column;
  gap: 8px;
  justify-content: center;
  padding: 0px 8px;
  position: relative;
  width: 100%;
}

.about-u8226-desktop .date {
  align-self: stretch;
  color: var(--cod-gray);
  font-weight: 500;
  line-height: 39.2px;
  margin-top: -1.00px;
  position: relative;
  text-align: center;
}

.about-u8226-desktop .date-1 {
  align-self: stretch;
  color: var(--cod-gray);
  font-weight: 400;
  line-height: 24px;
  position: relative;
  text-align: center;
}

.about-u8226-desktop .layout-503 {
  align-items: center;
  align-self: stretch;
  background-color: var(--mystic);
  display: flex;
  flex: 0 0 auto;
  flex-direction: column;
  gap: 80px;
  padding: 112px 64px;
  position: relative;
  width: 100%;
}

.about-u8226-desktop .content-7 {
  align-items: center;
  display: flex;
  flex: 0 0 auto;
  flex-direction: column;
  gap: 32px;
  max-width: 768px;
  position: relative;
  width: 100%;
}

.about-u8226-desktop .text-3 {
  align-self: stretch;
  color: var(--cod-gray);
  font-weight: 400;
  line-height: 27px;
  position: relative;
  text-align: center;
}

.about-u8226-desktop .actions-3 {
  align-items: center;
  display: inline-flex;
  gap: 24px;
}

.about-u8226-desktop .tab-container {
  align-items: center;
  align-self: stretch;
  display: flex;
  gap: 64px;
  justify-content: center;
  width: 100%;
}

.about-u8226-desktop .tabs-menu {
  align-items: center;
  display: inline-flex;
  flex: 0 0 auto;
  gap: 24px;
  justify-content: center;
  position: relative;
}

.about-u8226-desktop .tab-one {
  align-items: flex-start;
  border-bottom-style: solid;
  border-bottom-width: 1px;
  border-color: var(--cod-gray);
  display: inline-flex;
  gap: 8px;
  padding: 8px 0px;
}

.about-u8226-desktop .tab-t {
  align-items: flex-start;
  display: inline-flex;
  gap: 8px;
  padding: 8px 0px;
}

.about-u8226-desktop .tabs-content {
  align-items: flex-start;
  align-self: stretch;
  display: flex;
  flex-direction: column;
  gap: 64px;
  height: 640px;
  position: relative;
  width: 100%;
}

.about-u8226-desktop .tab-pane-1 {
  align-items: flex-start;
  align-self: stretch;
  background-color: var(--mystic);
  border: 1px solid;
  border-color: var(--cod-gray-2);
  display: flex;
  height: 642px;
  margin-bottom: -1.00px;
  margin-left: -1.00px;
  margin-right: -1.00px;
  margin-top: -1.00px;
  position: relative;
  width: 100%;
}

.about-u8226-desktop .content-8 {
  align-items: flex-start;
  align-self: stretch;
  display: flex;
  flex: 1;
  flex-direction: column;
  flex-grow: 1;
  gap: 32px;
  justify-content: center;
  padding: 48px;
  position: relative;
}

.about-u8226-desktop .content-top {
  align-items: flex-start;
  display: flex;
  flex: 0 0 auto;
  flex-direction: column;
  gap: 16px;
  max-width: 560px;
  position: relative;
  width: 100%;
}

.about-u8226-desktop .tagline-2 {
  color: var(--cod-gray);
  font-weight: 600;
  line-height: 24px;
  margin-top: -1.00px;
  position: relative;
  white-space: nowrap;
  width: fit-content;
}

.about-u8226-desktop .heading-2 {
  line-height: 52.8px;
}

.about-u8226-desktop .actions-4 {
  align-items: center;
  display: flex;
  gap: 24px;
  max-width: 560px;
  width: 100%;
}

.about-u8226-desktop .image {
  align-items: flex-end;
  align-self: stretch;
  display: flex;
  flex: 1;
  flex-direction: column;
  flex-grow: 1;
  justify-content: center;
  position: relative;
}

.about-u8226-desktop .placeholder-image-3 {
  align-self: stretch;
  aspect-ratio: 1;
  object-fit: cover;
  position: relative;
  width: 100%;
}

.about-u8226-desktop .content-9 {
  align-items: flex-start;
  align-self: stretch;
  display: flex;
  flex: 0 0 auto;
  flex-direction: column;
  gap: 32px;
  position: relative;
  width: 100%;
}

.about-u8226-desktop .list-item {
  align-items: center;
  align-self: stretch;
  display: flex;
  flex: 0 0 auto;
  gap: 16px;
  position: relative;
  width: 100%;
}

.about-u8226-desktop .lorem-ipsum-dolor-si {
  color: var(--white);
  flex: 1;
  font-weight: 400;
  line-height: 24px;
  margin-top: -1.00px;
  position: relative;
}

.about-u8226-desktop .actions-5 {
  align-items: center;
  display: inline-flex;
  gap: 24px;
}

.about-u8226-desktop .content-10 {
  align-items: center;
  display: flex;
  flex: 0 0 auto;
  flex-direction: column;
  gap: 32px;
  max-width: 768px;
  position: relative;
  width: 100%;
}

.about-u8226-desktop .text-4 {
  align-self: stretch;
  color: var(--cod-gray);
  font-weight: 400;
  line-height: 27px;
  position: relative;
  text-align: center;
}

.about-u8226-desktop .placeholder-image-4 {
  align-self: stretch;
  aspect-ratio: 1.73;
  object-fit: cover;
  position: relative;
  width: 100%;
}

.about-u8226-desktop .footer-2 {
  align-items: center;
  background-color: var(--cod-gray);
  gap: 80px;
  padding: 80px 64px;
}

.about-u8226-desktop .content-11 {
  align-items: flex-start;
  align-self: stretch;
  display: flex;
  gap: 128px;
  height: 248px;
  position: relative;
  width: 100%;
}

.about-u8226-desktop .links {
  align-items: flex-start;
  display: flex;
  flex: 1;
  flex-grow: 1;
  gap: 40px;
  position: relative;
}

.about-u8226-desktop .column-1 {
  align-items: flex-start;
  display: flex;
  flex: 1;
  flex-direction: column;
  flex-grow: 1;
  gap: 16px;
  position: relative;
}

.about-u8226-desktop .link-1 {
  align-items: flex-start;
  align-self: stretch;
  display: flex;
  flex: 0 0 auto;
  padding: 8px 0px;
  position: relative;
  width: 100%;
}

.about-u8226-desktop .newslatter {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  gap: 24px;
  position: relative;
  width: 400px;
}

.about-u8226-desktop .frame-13 {
  align-items: flex-start;
  align-self: stretch;
  display: flex;
  flex: 0 0 auto;
  flex-direction: column;
  gap: 16px;
  position: relative;
  width: 100%;
}

.about-u8226-desktop .stay-informed-about {
  align-self: stretch;
  color: var(--white);
  font-weight: 400;
  line-height: 24px;
  position: relative;
}

.about-u8226-desktop .actions-6 {
  align-items: flex-start;
  align-self: stretch;
  display: flex;
  flex-direction: column;
  gap: 12px;
  width: 100%;
}

.about-u8226-desktop .form {
  align-items: flex-start;
  align-self: stretch;
  display: flex;
  flex: 0 0 auto;
  gap: 16px;
  position: relative;
  width: 100%;
}

.about-u8226-desktop .text-input {
  align-items: center;
  border: 1px solid;
  border-color: var(--white-2);
  display: flex;
  flex: 1;
  flex-grow: 1;
  gap: 8px;
  margin-left: -1.00px;
  margin-top: -1.00px;
  padding: 8px 12px;
  position: relative;
}

.about-u8226-desktop .button-9 {
  align-items: center;
  border: 1px solid;
  border-color: var(--white-2);
  display: inline-flex;
  flex: 0 0 auto;
  gap: 8px;
  justify-content: center;
  margin-bottom: -1.00px;
  margin-right: -1.00px;
  margin-top: -1.00px;
  padding: 10px 24px;
  position: relative;
}

.about-u8226-desktop .credits {
  align-items: flex-start;
  align-self: stretch;
  display: flex;
  flex: 0 0 auto;
  flex-direction: column;
  gap: 32px;
  position: relative;
  width: 100%;
}

.about-u8226-desktop .row {
  align-items: flex-start;
  align-self: stretch;
  display: flex;
  flex: 0 0 auto;
  justify-content: space-between;
  position: relative;
  width: 100%;
}

.about-u8226-desktop .credits-1 {
  align-items: center;
  display: inline-flex;
  flex: 0 0 auto;
  gap: 24px;
  position: relative;
}

.about-u8226-desktop .x2024-city2-net-solu {
  color: var(--white);
  font-weight: 400;
  line-height: 21px;
  margin-top: -1.00px;
  position: relative;
  white-space: nowrap;
  width: fit-content;
}

.about-u8226-desktop .actions-7 {
  flex: 0 0 auto;
  position: relative;
}

.about-u8226-desktop .container-3 {
  display: flex;
  flex: 0 0 auto;
  position: relative;
  width: 100%;
}

.about-u8226-desktop .heading-3 {
  align-self: stretch;
  color: var(--cod-gray);
  font-weight: 500;
  margin-top: -1.00px;
  position: relative;
}

.about-u8226-desktop .link-text-4 {
  color: var(--cod-gray);
  font-weight: 400;
  line-height: 24px;
  margin-top: -1.00px;
  position: relative;
}

.about-u8226-desktop .section-title-3 {
  align-items: flex-start;
  align-self: stretch;
  display: flex;
  flex: 0 0 auto;
  flex-direction: column;
  gap: 16px;
  position: relative;
  width: 100%;
}

.about-u8226-desktop .tab {
  flex: 0 0 auto;
  flex-direction: column;
  position: relative;
}