:root {
  color-scheme: light only;
}

body {
  color: #f8f8f8;
  align-self: stretch;
  font-family: var(--paragraph-medium-regular-font-family), serif;
  font-style: var(--paragraph-medium-regular-font-style);
  font-weight: var(--paragraph-medium-regular-font-weight);
  font-size: var(--paragraph-medium-regular-font-size);
  line-height: var(--paragraph-medium-regular-line-height);
  letter-spacing: var(--paragraph-medium-regular-letter-spacing);
}

p {
  margin: 0;
}

a {
  text-decoration: underline;
  color: #f8f8f8;
}
/* ======== Head =========*/

#avatar-container {
  height: 500px;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
}

/* ======== Cookie =========*/

#cookieNotice {
  box-shadow: 0 -10px 10px rgba(0, 0, 0, 0.2);
}

#cookieNotice .confirm {
  border-radius: 4px;
  padding: 4px 16px !important;
}

/* ======== Menu =========*/
.mobile-menu {
  position: sticky;
  top: 0;
  z-index: 10000;
  padding: 7px 24px;
  background-color: #000000;
}

.sticky-menu {
  position: sticky;
  top: 0;
  z-index: 10000;
}

.menu-dropdown {
  max-width: 13em;
  margin: 80px auto 0;
  position: relative;
  width: 100%;
}

.menu-arrow {
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-top: 6px solid #fff;
  transition: transform ease-in-out 0.3s;
}

.menu-dropdown-content {
  list-style: none;
  padding: 0;
  margin: 0;
  position: absolute;
  left: 0;
  top: 49px;
  width: 100%;
  visibility: hidden;
  overflow: hidden;
}

.menu-dropdown-content li {
  background: #2f3238;
  position: relative;
  left: 100%;
  transition: 0.5s;
  transition-delay: calc(60ms * var(--menu-delay));
  z-index: 99;
}

.menu-dropdown-content.menu-open li {
  left: 0;
}

.menu-dropdown-content.menu-open {
  visibility: visible;
}

.menu-arrow.arrow-rotate {
  transform: rotate(180deg);
}

.menu-dropdown-content li:hover {
  background: #1d1f24;
}

.menu-dropdown-content li a {
  display: block;
  padding: 0.7em 0.5em;
  margin: 0.1em 0;
  text-decoration: none;
  font-family: var(--paragraph-medium-bold-font-family), serif;
  font-weight: var(--paragraph-medium-bold-font-weight);
  color: #bdb7bd;
  font-size: var(--paragraph-medium-bold-font-size);
  text-align: center;
  letter-spacing: var(--paragraph-medium-bold-letter-spacing);
  line-height: var(--paragraph-medium-bold-line-height);
  white-space: nowrap;
  font-style: var(--paragraph-medium-bold-font-style);
}

/* ======== Menu hamburger =========*/
.nav-container .hamburger-lines {
  height: 18px;
  width: 24px;
  margin-top: 9px;
  z-index: 2;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  cursor: pointer;
}

.nav-container .hamburger-lines .line {
  display: block;
  height: 2px;
  width: 100%;
  background: #ffd053;
}

.nav-container .hamburger-lines .line1 {
  transform-origin: 0% 0%;
  transition: transform 0.4s ease-in-out;
}

.nav-container .hamburger-lines .line2 {
  transition: transform 0.2s ease-in-out;
}

.nav-container .hamburger-lines .line3 {
  transform-origin: 0% 100%;
  transition: transform 0.4s ease-in-out;
}

.nav-container.active .hamburger-lines .line1 {
  transform: rotate(45deg);
}

.nav-container.active .hamburger-lines .line2 {
  transform: scaleY(0);
}

.nav-container.active .hamburger-lines .line3 {
  transform: rotate(-45deg);
}

/* ======== Menu =========*/

.matrix-container {
  position: absolute;
  top: 120px;
  left: -150px;
}

.matrix {
  border-left: 1px solid #e29e73;
  border-right: 1px solid #e29e73;
  padding: 6px 10px;
  position: absolute;
  color: #e29e73;
  font-size: 12px;
  line-height: 1.25;
  text-align: right;
  width: 6em;
}

.matrix-line {
  position: absolute;
  width: 4px;
  height: 1px;
  background: #e29e73;
}

.matrix .top-left {
  top: 0;
  left: 0;
}

.matrix .top-right {
  top: 0;
  right: 0;
}

.matrix .bottom-left {
  bottom: 0;
  left: 0;
}

.matrix .bottom-right {
  bottom: 0;
  right: 0;
}

.matrix-text {
  position: absolute;
  top: -10px;
  left: 0;
  right: 0;
  font-size: 12px;
  line-height: 1.25;
  text-align: center;
}

.circle {
  position: absolute;
  width: 75px;
  height: 75px;
  right: 0;
}

/* ======== UI =========*/

.ui-dropdown {
  --form-select-bg-img: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e");

  padding: 12px;
  background-color: #fff;

  display: block;
  width: 100%;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background-image: var(--form-select-bg-img, none);
  background-repeat: no-repeat;
  background-position: right 0.75rem center;
  background-size: 16px 12px;
  border: 1px solid #dee2e6;
  border-radius: 8px;
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;

  font-family: var(--paragraph-medium-regular-font-family), serif;
  font-style: var(--paragraph-medium-regular-font-style);
  font-weight: var(--paragraph-medium-regular-font-weight);
  font-size: var(--paragraph-medium-regular-font-size);
  line-height: var(--paragraph-medium-regular-line-height);
  letter-spacing: var(--paragraph-medium-regular-letter-spacing);
}

/* ======== Form =========*/

.form-control {
  display: block;
  width: 100%;
  padding: 0.375rem 0.75rem;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  color: #333;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background-color: #fff;
  background-clip: padding-box;
  border: 2px solid #33171c;
  border-radius: 6px;
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

.form-select {
  --bs-form-select-bg-img: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e");
  display: block;
  width: 100%;
  padding: 0.375rem 2.25rem 0.375rem 0.75rem;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  color: #333;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background-color: white;
  background-image: var(--bs-form-select-bg-img);
  background-repeat: no-repeat;
  background-position: right 0.75rem center;
  background-size: 16px 12px;
  border: 2px solid #33171c;
  border-radius: 6px;
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  width: 200px;
}

.container-padding {
  padding-top: 64px;
  padding-bottom: 64px;
}

.f-flex {
  flex: 1;
}

.theory {
  gap: 24px;
}

.d-gap64 {
  gap: 64px;
}

.d-gap48 {
  gap: 48px;
}

.d-gap24 {
  gap: 24px;
}

.text-decoration-none {
  text-decoration: none;
}

.list-point {
  padding-left: 24px;
  margin: 0;
}

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

.vertical-logo {
  position: relative;
  width: 70px;
  height: 60px;
}

.home .text-wrapper {
  position: relative;
  align-self: stretch;
  color: #ffffff;
  margin: 0;
  font-family: var(--headline-h1-font-family), serif;
  font-weight: var(--headline-h1-font-weight);
  font-size: var(--headline-h1-font-size);
  font-style: var(--headline-h1-font-style);
  letter-spacing: var(--headline-h1-letter-spacing);
  line-height: var(--headline-h1-line-height);
}

.home .frame-3 {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 16px;
  padding: 16px;
  position: relative;
  align-self: stretch;
  width: 90%;
  flex: 0 0 auto;
  background-color: #2c3317;
  border-radius: 8px;
  border: 1px solid;
  border-color: #ffe08c;
  margin-bottom: 48px;
}

.home .frame-4 {
  display: flex;
  align-items: flex-start;
  gap: 4px;
  position: relative;
  align-self: stretch;
  width: 90%;
  flex: 0 0 auto;
}

.home .text-wrapper-2 {
  flex: 1;
  color: #f8f8f8;
  font-family: var(--paragraph-medium-bold-font-family), serif;
  font-weight: var(--paragraph-medium-bold-font-weight);
  font-size: var(--paragraph-medium-bold-font-size);
  font-style: var(--paragraph-medium-bold-font-style);
  letter-spacing: var(--paragraph-medium-bold-letter-spacing);
  line-height: var(--paragraph-medium-bold-line-height);
}

.home .text-wrapper-3 {
  position: relative;
  width: fit-content;
  color: #ffd053;
  text-align: right;
  text-decoration: underline;
  white-space: nowrap;
}

.text-robo {
  position: relative;
  align-self: stretch;
  font-family: "Roboto Mono", Helvetica, serif;
  font-weight: 400;
  color: #f8f8f8;
  font-size: 12px;
  text-align: center;
  letter-spacing: -0.03px;
  line-height: 18px;
}

.home .frame-5 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  gap: 48px;
  padding: 64px 24px;
  position: relative;
  align-self: stretch;
  width: 100%;
  flex: 0 0 auto;
  background-color: #0d1d2c;
}

.home .logo-horizontal {
  width: 90%;
  max-width: 90%;
  height: auto;
  position: relative;
  /* box-shadow: 9px 24px 30px rgba(0, 0, 0, 0.5); */
  object-fit: cover;
  border-radius: 8px;
}

.flex-container {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 16px;
}

.home .img {
  position: relative;
  align-self: stretch;
  width: 100%;
  height: 248px;
  margin-bottom: -39px;
  margin-left: -24px;
  margin-right: -24px;
  object-fit: cover;
}

.home .frame-wrapper {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 48px;
  padding: 64px 24px;
  position: relative;
  align-self: stretch;
  width: 100%;
  flex: 0 0 auto;
}

.home .frame-6 {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 24px;
  position: relative;
  align-self: stretch;
  width: 100%;
  flex: 0 0 auto;
}

.home .text-wrapper-4 {
  position: relative;
  align-self: stretch;
  margin-top: -1px;
  font-family: var(--headline-h1-font-family), serif;
  font-weight: var(--headline-h1-font-weight);
  color: #ffffff;
  font-size: var(--headline-h1-font-size);
  text-align: center;
  letter-spacing: var(--headline-h1-letter-spacing);
  line-height: var(--headline-h1-line-height);
  font-style: var(--headline-h1-font-style);
}

.home .text-wrapper-6 {
  position: relative;
  align-self: stretch;
  margin-top: -1px;
  font-family: var(--headline-h1-font-family), serif;
  font-weight: var(--headline-h1-font-weight);
  color: #ffffff;
  font-size: var(--headline-h1-font-size);
  text-align: center;
  letter-spacing: var(--headline-h1-letter-spacing);
  line-height: var(--headline-h1-line-height);
  font-style: var(--headline-h1-font-style);
  margin-bottom: 24px;
}
.home .frame-7 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 48px;
  padding: 64px 24px;
  position: relative;
  align-self: stretch;
  width: 100%;
  flex: 0 0 auto;
  background-color: #0d1d2c;
}

.home .text-wrapper-5 {
  position: relative;
  align-self: stretch;
  margin-top: -1px;
  font-family: var(--headline-h1-font-family), serif;
  font-weight: var(--headline-h1-font-weight);
  color: #ffffff;
  font-size: var(--headline-h1-font-size);
  letter-spacing: var(--headline-h1-letter-spacing);
  line-height: var(--headline-h1-line-height);
  font-style: var(--headline-h1-font-style);
}

.home .frame-8 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 8px;
  position: relative;
  align-self: stretch;
  width: 100%;
  flex: 0 0 auto;
}

.text-headline {
  position: relative;
  align-self: stretch;
  margin-top: -1px;
  color: #ffffff;
  font-family: var(--headline-h4-font-family), serif;
  font-weight: var(--headline-h4-font-weight);
  font-size: var(--headline-h4-font-size);
  letter-spacing: var(--headline-h4-letter-spacing);
  line-height: var(--headline-h4-line-height);
  font-style: var(--headline-h4-font-style);
}
/* .text-headline-h5 {
  position: relative;
  align-self: stretch;
  text-align: center;
  /* margin-top: -1px; */
  color: #ffffff;
  font-family: var(--headline-h5-font-family), serif;
  font-weight: var(--headline-h5-font-weight);
  font-size: var(--headline-h5-font-size);
  letter-spacing: var(--headline-h5-letter-spacing);
  line-height: var(--headline-h5-line-height);
  font-style: var(--headline-h5-font-style);
} */

.home .rectangle-2 {
  position: relative;
  width: 393px;
  height: 248px;
  margin-bottom: -39px;
  margin-left: -24px;
  margin-right: -24px;
}

.mobile-footer {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 16px;
  padding: 48px 24px;
  position: relative;
  align-self: stretch;
  width: 100%;
  flex: 0 0 auto;
  background-color: #000000;
}

.footer-space {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  position: relative;
  flex: 0 0 auto;
}

.img-2 {
  position: relative;
  width: 24px;
  height: 24px;
}

.social {
  position: relative;
  width: fit-content;
  color: #bdb7bd;
  white-space: nowrap;
  font-family: var(--paragraph-small-regular-font-family), serif;
  font-weight: var(--paragraph-small-regular-font-weight);
  font-style: var(--paragraph-medium-regular-font-style);
  font-size: var(--paragraph-small-regular-font-size);
  line-height: var(--paragraph-small-regular-line-height);
  letter-spacing: var(--paragraph-small-regular-letter-spacing);
}

.home .line {
  position: relative;
  align-self: stretch;
  width: 1px;
  object-fit: cover;
}

.home.home-page {
  background-color: #0F1116;
}

.menu-bar {
  display: flex;
  align-items: center;
  background-color: #000000;
}

.menu-container {
  display: flex;
  gap: 0;
  flex-direction: column;
  align-items: center;
}

.logo {
  display: flex;
  justify-content: center;
  align-items: center;
  min-width: 200px;
  width: 100%;
}

.logo img {
  width: 200px;
  height: 40px;
}

.mobile-logo {
  position: relative;
  display: inline-block;
  height: 40px;
}

.menu {
  display: inline-flex;
  justify-content: flex-start;
  flex: 1;
}

.menu-item {
  display: inline-flex;
  height: 54px;
  padding: 8px 24px;
  flex: 0 0 auto;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  position: relative;
}

.menu-item.active {
  border-bottom: 2px solid #ffd053;
  padding-bottom: 6px;
}

.menu-item.active .menu-link {
  color: #ffd053;
}

.menu-link {
  position: relative;
  width: fit-content;
  text-align: center;
  white-space: nowrap;
  color: #bdb7bd;
  font-family: var(--paragraph-medium-bold-font-family), serif;
  font-weight: var(--paragraph-medium-bold-font-weight);
  font-size: var(--paragraph-medium-bold-font-size);
  letter-spacing: var(--paragraph-medium-bold-letter-spacing);
  line-height: var(--paragraph-medium-bold-line-height);
  font-style: var(--paragraph-medium-bold-font-style);
  text-decoration: none;
  transition: 0.8s;
}

/* To brighten the text when hovering */
.menu-link:hover {
  filter: brightness(200%);
}

.home .frame-15 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  top: 60px;
  left: 0;
}

.home .overlap-wrapper {
  align-self: stretch;
  width: 100%;
  background-color: #000000;
}

.home .overlap {
  min-height: 680px;
  background-image: url(../img/perspective_hexagon_grid_pattern.svg);
  background-size: cover;
  background-position: 50% 50%;
  width: 100%;
}

.home .frame-16 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 24px;
  margin-top: 48px;
}

.home .vertical-logo-2 {
  position: relative;
  width: 160px;
}

.home .frame-17 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 16px;
}

.home .frame-18 {
  display: flex;
  align-items: center;
  gap: 16px;
  position: relative;
  align-self: stretch;
  flex: 0 0 auto;
}

.home .frame-19 {
  display: flex;
  flex-direction: column;
  width: 120px;
  align-items: flex-start;
  gap: 8px;
  position: relative;
}

.home .coordinate {
  display: flex;
  flex-direction: column;
  height: 120px;
  align-items: center;
  justify-content: center;
  padding: 4px;
  position: relative;
  align-self: stretch;
  width: 100%;
  background-color: #000000;
  border-radius: 4px;
  overflow: hidden;
}

.home .text-wrapper-12 {
  position: relative;
  align-self: stretch;
  font-family: var(--headline-h6-font-family), serif;
  font-weight: var(--headline-h6-font-weight);
  color: #e29e73;
  font-size: var(--headline-h6-font-size);
  text-align: center;
  letter-spacing: var(--headline-h6-letter-spacing);
  line-height: var(--headline-h6-line-height);
  font-style: var(--headline-h6-font-style);
}

.home .frame-20 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  position: relative;
  align-self: stretch;
  width: 100%;
  flex: 0 0 auto;
}

.home .text-wrapper-13 {
  position: relative;
  align-self: stretch;
  margin-top: -1px;
  font-family: "Roboto Mono", Helvetica;
  font-weight: 400;
  color: #e29e73;
  font-size: 12px;
  text-align: center;
  letter-spacing: 2.4px;
  line-height: 18px;
}

.home .text-wrapper-14 {
  position: relative;
  align-self: stretch;
  font-family: "Roboto Mono", Helvetica;
  font-weight: 400;
  color: #e29e73;
  font-size: 12px;
  text-align: center;
  letter-spacing: 2.4px;
  line-height: 18px;
}

.home .img-wrapper {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  position: relative;
  flex: 0 0 auto;
  background-color: #000000;
  border-radius: 4px;
  overflow: hidden;
}

.home .rectangle-3 {
  position: relative;
  width: 300px;
  height: 300px;
  object-fit: cover;
}

.home .frame-21 {
  display: flex;
  flex-direction: column;
  width: 120px;
  align-items: center;
  gap: 8px;
  position: relative;
}

.home .radial {
  display: flex;
  flex-direction: column;
  height: 120px;
  align-items: center;
  justify-content: center;
  gap: 4px;
  padding: 4px;
  position: relative;
  align-self: stretch;
  width: 100%;
  background-color: #000000;
  border-radius: 4px;
}

.home .group {
  position: relative;
  width: 70px;
  height: 70px;
}

.home .overlap-group-2 {
  position: relative;
  height: 70px;
  border-radius: 35px;
}

.home .ellipse {
  width: 35px;
  height: 39px;
  left: 35px;
  position: absolute;
  top: 0;
}

.home .ellipse-2 {
  width: 70px;
  height: 70px;
  left: 0;
  border-radius: 35px;
  border: 1px solid;
  border-color: #e29e73;
  position: absolute;
  top: 0;
}

.home .frame-22 {
  position: relative;
  align-self: stretch;
  width: 100%;
  flex: 0 0 auto;
}

.home .frame-23 {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 24px;
  padding: 64px 0px;
  position: relative;
  align-self: stretch;
  width: 100%;
  flex: 0 0 auto;
  background-color: #0d1d2c;
}


.home .frame-24 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 48px;
  position: relative;
}

.btn {
  all: unset;
  box-sizing: border-box;
  display: inline-flex;
  min-width: 100px;
  height: 40px;
  align-items: center;
  justify-content: center;
  gap: 8px;
  padding: 8px 16px;
  position: relative;
  background-color: #ffd053;
  border-radius: 4px;
  cursor: pointer;
}

.btn-inner {
  all: unset;
  box-sizing: border-box;
  position: relative;
  flex: 1;
  text-align: center;
  color: #2c3317;
  font-family: var(--paragraph-medium-bold-font-family), serif;
  font-weight: var(--paragraph-medium-bold-font-weight);
  font-style: var(--paragraph-medium-bold-font-style);
  font-size: var(--paragraph-medium-bold-font-size);
  letter-spacing: var(--paragraph-medium-bold-letter-spacing);
  line-height: var(--paragraph-medium-bold-line-height);
}

.text-box {
  position: relative;
  display: inline-flex;
  width: 100%;
  padding: 12px 20px;
  margin: 8px 0;
  box-sizing: border-box;
  border: 2px solid #33171c;
  border-radius: 6px;
}

.version-box {
  position: relative;
  display: inline-flex;
  width: 25%;
  padding: 12px 20px;
  margin: 8px 0;
  box-sizing: border-box;
  border: 2px solid #33171c;
  border-radius: 6px;
}

.btn-full {
  width: 100%;
}

.btn-small {
  min-width: 80px;
  height: 32px;
  padding: 8px;
}

.home .rectangle-4 img,
.home .rectangle-5 img {
  margin-top: 48px;
}

.image-shadow {
  width: 100%;
  max-width: 100%;
  height: auto;
  position: relative;
  /* box-shadow: 9px 24px 30px rgba(0, 0, 0, 0.5); */
  object-fit: cover;
  border-radius: 8px;
}


.image-shadow-consulting {
  width: 100%;
  max-width: 100%;
  height: auto;
  position: relative;
  /* box-shadow: 9px 24px 30px rgba(0, 0, 0, 0.5); */
  object-fit: cover;
  border-radius: 8px;
  margin-top: 10%;
}

.image-shadow-logo {
  width: 80%;
  max-width: 100%;
  height: auto;
  position: relative;
  /* box-shadow: 9px 24px 30px rgba(0, 0, 0, 0.5); */
  object-fit: cover;
  border-radius: 8px;
}
.image-shadow-procue-logo {
  width: 40%;
  max-width: 50%;
  height: auto;
  position: relative;
  /* box-shadow: 9px 24px 30px rgba(0, 0, 0, 0.5); */
  object-fit: cover;
  /* border-radius: 8px; */
}

.image-profile-pic {
  display: flex;
  width: 50%;
  max-width: 50%;
  height: auto;
  position: relative;
  justify-content: center;
  align-items: center;
  /* object-fit: cover; */
  border-radius: 8px;
}

.image-shadow-white-background {
  width: 100%;
  max-width: 100%;
  height: auto;
  position: relative;
  box-shadow: 9px 24px 30px rgba(0, 0, 0, 0.5);
  object-fit: cover;
  border-radius: 8px;
  background-color: #FFFAF1
}

.home .frame-25 {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 24px;
  padding: 64px 0;
  position: relative;
  align-self: stretch;
  width: 100%;
  flex: 0 0 auto;
  background-color: #060e20
}

.home .frame-26 {
  display: flex;
  flex-direction: column;
  width: 95%;;
  align-items: center;
  gap: 24px;
  position: relative;
  flex: 0 0 auto;
}

.footer {
  gap: 16px;
  position: relative;
  align-self: stretch;
  width: 100%;
  flex: 0 0 auto;
  background-color: #000000;
  padding: 48px 0;
}

.home .frame-27 {
  display: flex;
  align-items: center;
  gap: 24px;
  position: relative;
  align-self: stretch;
  width: 100%;
  flex: 0 0 auto;
  margin-bottom: 16px;
}

.home .frame-28 {
  display: flex;
  align-items: start;
  gap: 24px;
  position: relative;
  flex: 1;
}

.home .frame-29 {
  display: inline-flex;
  align-items: center;
  gap: 24px;
  position: relative;
  flex: 0 0 auto;
}
.home .center-text {
  position: relative;
  /* max-width: 700px; */
  /* max-width: 90%; */
  /* align-items: center; */
  text-align: center;
  color: #f8f8f8;
  font-family: var(--paragraph-medium-regular-font-family);
  font-weight: var(--paragraph-medium-regular-font-weight);
  font-size: var(--paragraph-medium-regular-font-size);
  letter-spacing: var(--paragraph-medium-regular-letter-spacing);
  line-height: var(--paragraph-medium-regular-line-height);
  font-style: var(--paragraph-medium-regular-font-style);
}



.text-small {
  color: #f8f8f8;
  position: relative;
  width: fit-content;

  font-family: var(--paragraph-small-regular-font-family), serif;
  font-weight: var(--paragraph-small-regular-font-weight);
  font-size: var(--paragraph-small-regular-font-size);
  letter-spacing: var(--paragraph-small-regular-letter-spacing);
  line-height: var(--paragraph-small-regular-line-height);
  font-style: var(--paragraph-small-regular-font-style);
}

.services .text-small {
  color: #f8f8f8;
  align-self: stretch;
  font-family: var(--paragraph-small-regular-font-family), serif;
  font-weight: var(--paragraph-small-regular-font-weight);
  font-size: var(--paragraph-small-regular-font-size);
  letter-spacing: var(--paragraph-small-regular-letter-spacing);
  line-height: var(--paragraph-small-regular-line-height);
  font-style: var(--paragraph-small-regular-font-style);
}

.services .text-small-bold {
  width: fit-content;
  color: #f7f7f7;
  white-space: nowrap;
  font-family: var(--paragraph-small-bold-font-family), serif;
  font-weight: var(--paragraph-small-bold-font-weight);
  font-size: var(--paragraph-small-bold-font-size);
  font-style: var(--paragraph-small-bold-font-style);
  letter-spacing: var(--paragraph-small-bold-letter-spacing);
  line-height: var(--paragraph-small-bold-line-height);
}

.home .text-small-bold {
  width: fit-content;
  color: #f6f6f6;
  white-space: nowrap;
  font-family: var(--paragraph-small-bold-font-family), serif;
  font-weight: var(--paragraph-small-bold-font-weight);
  font-size: var(--paragraph-small-bold-font-size);
  font-style: var(--paragraph-small-bold-font-style);
  letter-spacing: var(--paragraph-small-bold-letter-spacing);
  line-height: var(--paragraph-small-bold-line-height);
}

/* ======== ProCue =========*/
.procue .frame-2 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 24px;
  position: relative;
  align-self: stretch;
  width: 100%;
  flex: 0 0 auto;
}

.procue .frame-3 {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 16px;
  padding: 16px;
  position: relative;
  align-self: stretch;
  width: 90%;
  flex: 0 0 auto;
  background-color: #2c3317;
  border-radius: 8px;
  border: 1px solid;
  border-color: #ffe08c;
  margin-bottom: 48px;
}

.procue .frame-9 {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 48px;
  position: relative;
  flex: 0 0 auto;
  background-color: #060e20
}

.procue .frame-10 {
  display: inline-flex;
  flex-direction: column;
  align-items: center;
  gap: 24px;
  position: relative;
}

.procue .frame-11 {
  display: inline-flex;
  flex-direction: column;
  align-items: left;
  gap: 24px;
  position: relative;
}
.text-h1 {
  position: relative;
  width: fit-content;
  color: #ffffff;
  text-align: center;

  font-family: var(--headline-h1-font-family), serif;
  font-weight: var(--headline-h1-font-weight);
  font-size: var(--headline-h1-font-size);
  font-style: var(--headline-h1-font-style);
  letter-spacing: var(--headline-h1-letter-spacing);
  line-height: var(--headline-h1-line-height);
}

.text-h1-left-align {
  position: relative;
  width: fit-content;
  color: #ffffff;
  text-align: left;

  font-family: var(--headline-h1-font-family), serif;
  font-weight: var(--headline-h1-font-weight);
  font-size: var(--headline-h1-font-size);
  font-style: var(--headline-h1-font-style);
  letter-spacing: var(--headline-h1-letter-spacing);
  line-height: var(--headline-h1-line-height);
}

.text-h3 {
  position: relative;
  width: fit-content;
  color: #ffffff;
  text-align: center;

  font-family: var(--headline-h3-font-family), serif;
  font-weight: var(--headline-h3-font-weight);
  font-size: var(--headline-h3-font-size);
  font-style: var(--headline-h3-font-style);
  letter-spacing: var(--headline-h3-letter-spacing);
  line-height: var(--headline-h3-line-height);
}

.text-h4 {
  position: relative;
  width: fit-content;
  color: #ffffff;
  text-align: center;

  font-family: var(--headline-h4-font-family), serif;
  font-weight: var(--headline-h4-font-weight);
  font-size: var(--headline-h4-font-size);
  font-style: var(--headline-h4-font-style);
  letter-spacing: var(--headline-h4-letter-spacing);
  line-height: var(--headline-h4-line-height);
}
.text-h5 {
  position: relative;
  width: fit-content;
  color: #ffffff;
  text-align: center;

  font-family: var(--headline-h5-font-family), serif;
  font-weight: var(--headline-h5-font-weight);
  font-size: var(--headline-h5-font-size);
  font-style: var(--headline-h5-font-style);
  letter-spacing: var(--headline-h5-letter-spacing);
  line-height: var(--headline-h5-line-height);
}

.text-h7-left {
  position: relative;
  width: fit-content;
  color: #ffffff;
  /* text-align: center; */

  font-family: var(--headline-h7-font-family), serif;
  font-weight: var(--headline-h7-font-weight);
  font-size: var(--headline-h7-font-size);
  font-style: var(--headline-h7-font-style);
  letter-spacing: var(--headlin7-h6-letter-spacing);
  line-height: var(--headline-h7-line-height);
}

.text-wrap {
  white-space: normal;
}

.text-h6 {
  position: relative;
  align-self: stretch;
  color: #ffffff;

  font-family: var(--headline-h6-font-family), serif;
  font-weight: var(--headline-h6-font-weight);
  font-size: var(--headline-h6-font-size);
  font-style: var(--headline-h6-font-style);
  letter-spacing: var(--headline-h6-letter-spacing);
  line-height: var(--headline-h6-line-height);
}

.text-color-primary {
  color: #f7f7f7;
}

.text-align-center {
  text-align: center;
  width: 100%;
}

.procue .everything {
  padding-top: 64px;
}

.procue .frame-12 {
  flex-direction: column;
  align-items: flex-start;
  gap: 24px;
  display: flex;
  position: relative;
}

.procue .frame-13 {
  align-items: flex-start;
  gap: 24px;
  align-self: stretch;
  width: 100%;
  flex: 0 0 auto;
  display: flex;
  position: relative;
}

.procue .frame-14 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 16px;
  position: relative;
  border-radius: 8px;
  margin-bottom: 24px;
}

.procue .img-2 {
  position: relative;
  width: 48px;
  height: 48px;
}

.procue .frame-15 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 8px;
  position: relative;
  align-self: stretch;
  width: 100%;
  flex: 0 0 auto;
}

.procue .alternative-MCA-s {
  position: relative;
  flex: 0 0 auto;
}

.procue .frame-16 {
  background-color: #0d1d2c;
}

.procue .text-wrapper-9 {
  position: relative;
  align-self: stretch;
  margin-top: -1px;
  font-family: var(--headline-h1-font-family), serif;
  font-weight: var(--headline-h1-font-weight);
  color: #ffffff;
  font-size: var(--headline-h1-font-size);
  text-align: center;
  letter-spacing: var(--headline-h1-letter-spacing);
  line-height: var(--headline-h1-line-height);
  font-style: var(--headline-h1-font-style);
}

.procue .text-wrapper-10 {
  position: relative;
  align-self: stretch;
  margin-top: -1px;
  font-family: var(--headline-h1-font-family), serif;
  font-weight: var(--headline-h1-font-weight);
  color: #ffffff;
  font-size: var(--headline-h1-font-size);
  /* text-align: center; */
  letter-spacing: var(--headline-h1-letter-spacing);
  line-height: var(--headline-h1-line-height);
  font-style: var(--headline-h1-font-style);
}

.procue .frame-17 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 16px;
  position: relative;
  border-radius: 8px;
}

.procue .frame-18 {
  background-color: #060e20
}

.procue .we-read-and {
  position: relative;
  width: fit-content;
  margin-top: -1px;
  font-family: "Roboto Mono", Helvetica, serif;
  font-weight: 700;
  color: #f8f8f8;
  font-size: 16px;
  text-align: center;
  letter-spacing: -0.03px;
  line-height: 24px;
}

.procue .frame-20 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 48px;
  position: relative;
}

.procue .text-wrapper-11 {
  position: relative;
  align-self: stretch;
  margin-top: -1px;
  font-family: var(--headline-h1-font-family), serif;
  font-weight: var(--headline-h1-font-weight);
  color: #ffffff;
  font-size: var(--headline-h1-font-size);
  letter-spacing: var(--headline-h1-letter-spacing);
  line-height: var(--headline-h1-line-height);
  font-style: var(--headline-h1-font-style);
}

.procue .frame-21 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 24px;
  position: relative;
  align-self: stretch;
  width: 100%;
  flex: 0 0 auto;
}

.procue .text-wrapper-13 {
  position: relative;
  width: fit-content;
  font-family: var(--paragraph-small-bold-font-family), serif;
  font-weight: var(--paragraph-small-bold-font-weight);
  color: #bdb7bd;
  font-size: var(--paragraph-small-bold-font-size);
  letter-spacing: var(--paragraph-small-bold-letter-spacing);
  line-height: var(--paragraph-small-bold-line-height);
  white-space: nowrap;
  font-style: var(--paragraph-small-bold-font-style);
}

/* .procue .frame-24 {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  position: relative;
  flex: 0 0 auto;
} */

.procue .frame-24 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 48px;
  position: relative;
}

.procue .img-3 {
  position: relative;
  width: 24px;
  height: 24px;
}

.procue .text-wrapper-14 {
  position: relative;
  width: fit-content;
  font-family: "Roboto Mono", Helvetica, serif;
  font-weight: 400;
  color: #bdb7bd;
  font-size: 12px;
  letter-spacing: -0.03px;
  line-height: 18px;
  white-space: nowrap;
}

/* .procue .frame-25 {
  display: inline-flex;
  align-items: center;
  gap: 24px;
  position: relative;
  flex: 0 0 auto;
  background-color: #060e20
} */

.procue .frame-25 {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 24px;
  padding: 64px 0;
  position: relative;
  align-self: stretch;
  width: 100%;
  flex: 0 0 auto;
  background-color: #060e20
}
.procue .text-wrapper-15 {
  position: relative;
  width: fit-content;
  margin-top: -1px;
  font-family: var(--paragraph-small-regular-font-family), serif;
  font-weight: var(--paragraph-small-regular-font-weight);
  color: #bdb7bd;
  font-size: var(--paragraph-small-regular-font-size);
  letter-spacing: var(--paragraph-small-regular-letter-spacing);
  line-height: var(--paragraph-small-regular-line-height);
  white-space: nowrap;
  font-style: var(--paragraph-small-regular-font-style);
}

.procue .line {
  position: relative;
  align-self: stretch;
  width: 1px;
  object-fit: cover;
}

.procue .text-wrapper-16 {
  position: relative;
  align-self: stretch;
  font-family: var(--paragraph-small-regular-font-family), serif;
  font-weight: var(--paragraph-small-regular-font-weight);
  color: #bdb7bd;
  font-size: var(--paragraph-small-regular-font-size);
  letter-spacing: var(--paragraph-small-regular-letter-spacing);
  line-height: var(--paragraph-small-regular-line-height);
  font-style: var(--paragraph-small-regular-font-style);
}

.procue .frame-26 {
  display: inline-flex;
  align-items: center;
  position: relative;
  flex: 0 0 auto;
  margin-top: -24px;
  margin-bottom: -24px;
}

.procue .frame-27 {
  display: flex;
  height: 58px;
  align-items: center;
  justify-content: center;
  gap: 10px;
  padding: 8px 24px;
  position: relative;
  align-self: stretch;
  width: 100%;
}

.procue .text-wrapper-17 {
  color: #ffd053;
  position: relative;
  width: fit-content;
  font-family: var(--paragraph-medium-bold-font-family), serif;
  font-weight: var(--paragraph-medium-bold-font-weight);
  font-size: var(--paragraph-medium-bold-font-size);
  text-align: center;
  letter-spacing: var(--paragraph-medium-bold-letter-spacing);
  line-height: var(--paragraph-medium-bold-line-height);
  white-space: nowrap;
  font-style: var(--paragraph-medium-bold-font-style);
}

.procue .rectangle-5 {
  position: relative;
  align-self: stretch;
  width: 100%;
  height: 2px;
  background-color: #ffd053;
}

.procue .frame-wrapper {
  display: inline-flex;
  flex-direction: column;
  align-items: center;
  position: relative;
  flex: 0 0 auto;
}

.procue .pro-cue {
  position: relative;
  width: fit-content;
  font-family: var(--paragraph-medium-bold-font-family), serif;
  font-weight: var(--paragraph-medium-bold-font-weight);
  color: #bdb7bd;
  font-size: var(--paragraph-medium-bold-font-size);
  text-align: center;
  letter-spacing: var(--paragraph-medium-bold-letter-spacing);
  line-height: var(--paragraph-medium-bold-line-height);
  white-space: nowrap;
  font-style: var(--paragraph-medium-bold-font-style);
}

.procue .menu-tab-2 {
  display: flex;
  width: 220px;
  flex-direction: column;
  align-items: center;
  position: relative;
}

.procue .pro-cue-2 {
  margin-left: -10.5px;
  margin-right: -10.5px;
  color: #bdb7bd;
  position: relative;
  width: fit-content;
  font-family: var(--paragraph-medium-bold-font-family), serif;
  font-weight: var(--paragraph-medium-bold-font-weight);
  font-size: var(--paragraph-medium-bold-font-size);
  text-align: center;
  letter-spacing: var(--paragraph-medium-bold-letter-spacing);
  line-height: var(--paragraph-medium-bold-line-height);
  white-space: nowrap;
  font-style: var(--paragraph-medium-bold-font-style);
}
/* ======== ProCue =========*/

.leadership {
  background-color: #0d1d2c;
}

.leadership .frame {
  background-color: #0d1d2c;
}

.leadership .profile-desc {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 24px;
  position: relative;
}

.leadership .frame-2 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 4px;
  position: relative;
  align-self: stretch;
  width: 100%;
  flex: 0 0 auto;
}

.leadership .text-wrapper {
  position: relative;
  align-self: stretch;
  margin-top: -1px;
  color: #ffffff;

  font-family: var(--headline-h1-font-family);
  font-weight: var(--headline-h1-font-weight);
  font-size: var(--headline-h1-font-size);
  letter-spacing: var(--headline-h1-letter-spacing);
  line-height: var(--headline-h1-line-height);
  font-style: var(--headline-h1-font-style);
}

.leadership .p {
  position: relative;
  align-self: stretch;
  color: #f8f8f8;
  font-family: var(--paragraph-medium-regular-font-family);
  font-weight: var(--paragraph-medium-regular-font-weight);
  font-size: var(--paragraph-medium-regular-font-size);
  letter-spacing: var(--paragraph-medium-regular-letter-spacing);
  line-height: var(--paragraph-medium-regular-line-height);
  font-style: var(--paragraph-medium-regular-font-style);
}

.leadership .span {
  letter-spacing: var(--paragraph-medium-regular-letter-spacing);
  font-family: var(--paragraph-medium-regular-font-family);
  font-style: var(--paragraph-medium-regular-font-style);
  font-weight: var(--paragraph-medium-regular-font-weight);
  line-height: var(--paragraph-medium-regular-line-height);
  font-size: var(--paragraph-medium-regular-font-size);
}

.leadership .frame-3 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  background-color: #0d1d2c;
}

.leadership .text-wrapper-3 {
  position: relative;
  align-self: stretch;
  margin-top: -1px;
  font-family: var(--headline-h1-font-family);
  font-weight: var(--headline-h1-font-weight);
  color: #ffffff;
  font-size: var(--headline-h1-font-size);
  text-align: center;
  letter-spacing: var(--headline-h1-letter-spacing);
  line-height: var(--headline-h1-line-height);
  font-style: var(--headline-h1-font-style);
}

.leadership .frame-4 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 24px;
  position: relative;
  align-self: stretch;
  width: 100%;
  flex: 0 0 auto;
}

.leadership .frame-5 {
  display: flex;
  align-items: flex-start;
  gap: 24px;
  position: relative;
  align-self: stretch;
  width: 100%;
  flex: 0 0 auto;
}

.leadership .frame-6 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 16px;
  position: relative;
}

.leadership .img {
  position: relative;
  width: 48px;
  height: 48px;
}

.leadership .frame-7 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 8px;
  position: relative;
  align-self: stretch;
  width: 100%;
  flex: 0 0 auto;
}

.leadership .line {
  width: 100%;
  height: 1px;
  position: relative;
  align-self: stretch;
  object-fit: cover;
}

.leadership .frame-8 {
  display: inline-flex;
  align-items: flex-start;
  gap: 24px;
  position: relative;
  flex: 0 0 auto;
}

.leadership .frame-9 {
  display: inline-flex;
  align-items: center;
  position: relative;
  flex: 0 0 auto;
  margin-top: -24px;
  margin-bottom: -24px;
}

.leadership .div-wrapper {
  display: inline-flex;
  height: 58px;
  align-items: center;
  justify-content: center;
  gap: 10px;
  padding: 8px 24px;
  position: relative;
}

.leadership .text-wrapper-5 {
  position: relative;
  width: fit-content;
  font-family: var(--paragraph-medium-bold-font-family);
  font-weight: var(--paragraph-medium-bold-font-weight);
  color: #bdb7bd;
  font-size: var(--paragraph-medium-bold-font-size);
  text-align: center;
  letter-spacing: var(--paragraph-medium-bold-letter-spacing);
  line-height: var(--paragraph-medium-bold-line-height);
  white-space: nowrap;
  font-style: var(--paragraph-medium-bold-font-style);
}

.leadership .pro-cue-wrapper {
  display: flex;
  height: 58px;
  align-items: center;
  justify-content: center;
  gap: 10px;
  padding: 8px 24px;
  position: relative;
  align-self: stretch;
  width: 100%;
}

.leadership .pro-cue {
  color: #ffd053;
  position: relative;
  width: fit-content;
  font-family: var(--paragraph-medium-bold-font-family);
  font-weight: var(--paragraph-medium-bold-font-weight);
  font-size: var(--paragraph-medium-bold-font-size);
  text-align: center;
  letter-spacing: var(--paragraph-medium-bold-letter-spacing);
  line-height: var(--paragraph-medium-bold-line-height);
  white-space: nowrap;
  font-style: var(--paragraph-medium-bold-font-style);
}

.leadership .rectangle-2 {
  position: relative;
  align-self: stretch;
  width: 100%;
  height: 2px;
  background-color: #ffd053;
}

.leadership .frame-wrapper {
  display: flex;
  width: 220px;
  flex-direction: column;
  align-items: center;
  position: relative;
}

.leadership .pro-cue-2 {
  margin-left: -10.5px;
  margin-right: -10.5px;
  color: #bdb7bd;
  position: relative;
  width: fit-content;
  font-family: var(--paragraph-medium-bold-font-family);
  font-weight: var(--paragraph-medium-bold-font-weight);
  font-size: var(--paragraph-medium-bold-font-size);
  text-align: center;
  letter-spacing: var(--paragraph-medium-bold-letter-spacing);
  line-height: var(--paragraph-medium-bold-line-height);
  white-space: nowrap;
  font-style: var(--paragraph-medium-bold-font-style);
}

.leadership .footer {
  display: flex;
  flex-direction: column;
  width: 1440px;
  align-items: flex-start;
  gap: 16px;
  padding: 24px 120px;
  position: absolute;
  top: 1228px;
  left: 0;
  background-color: #000000;
}

.leadership .frame-10 {
  display: flex;
  align-items: center;
  gap: 24px;
  position: relative;
  align-self: stretch;
  width: 100%;
  flex: 0 0 auto;
}

.leadership .frame-11 {
  display: flex;
  align-items: center;
  gap: 24px;
  position: relative;
  flex: 1;
  flex-grow: 1;
}

.leadership .text-wrapper-6 {
  position: relative;
  width: fit-content;
  font-family: var(--paragraph-small-bold-font-family);
  font-weight: var(--paragraph-small-bold-font-weight);
  color: #bdb7bd;
  font-size: var(--paragraph-small-bold-font-size);
  letter-spacing: var(--paragraph-small-bold-letter-spacing);
  line-height: var(--paragraph-small-bold-line-height);
  white-space: nowrap;
  font-style: var(--paragraph-small-bold-font-style);
}

.leadership .frame-12 {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  position: relative;
  flex: 0 0 auto;
}

.leadership .img-2 {
  position: relative;
  width: 24px;
  height: 24px;
}

.leadership .text-wrapper-7 {
  position: relative;
  width: fit-content;
  font-family: "Roboto Mono", Helvetica;
  font-weight: 400;
  color: #bdb7bd;
  font-size: 12px;
  letter-spacing: -0.03px;
  line-height: 18px;
  white-space: nowrap;
}

.leadership .frame-13 {
  display: inline-flex;
  align-items: center;
  gap: 24px;
  position: relative;
  flex: 0 0 auto;
}

.leadership .text-wrapper-8 {
  position: relative;
  width: fit-content;
  margin-top: -1px;
  font-family: var(--paragraph-small-regular-font-family);
  font-weight: var(--paragraph-small-regular-font-weight);
  color: #bdb7bd;
  font-size: var(--paragraph-small-regular-font-size);
  letter-spacing: var(--paragraph-small-regular-letter-spacing);
  line-height: var(--paragraph-small-regular-line-height);
  white-space: nowrap;
  font-style: var(--paragraph-small-regular-font-style);
}

.leadership .line-2 {
  width: 1px;
  position: relative;
  align-self: stretch;
  object-fit: cover;
}

.leadership .text-wrapper-9 {
  position: relative;
  align-self: stretch;
  font-family: var(--paragraph-small-regular-font-family);
  font-weight: var(--paragraph-small-regular-font-weight);
  color: #bdb7bd;
  font-size: var(--paragraph-small-regular-font-size);
  letter-spacing: var(--paragraph-small-regular-letter-spacing);
  line-height: var(--paragraph-small-regular-line-height);
  font-style: var(--paragraph-small-regular-font-style);
}

/* ======== Leadership =========*/

.services {
  background-color: #0d1d2c;
}

.services .menu-bar {
  display: flex;
  width: 1440px;
  height: 60px;
  align-items: center;
  gap: 64px;
  padding: 24px 120px;
  position: absolute;
  top: 0;
  left: 0;
  background-color: #000000;
}

.services .bw {
  position: relative;
  width: 200.94px;
  height: 40px;
  margin-top: -14px;
  margin-bottom: -14px;
}

.services .frame {
  display: inline-flex;
  align-items: center;
  position: relative;
  flex: 0 0 auto;
  margin-top: -24px;
  margin-bottom: -24px;
}

.services .menu-tab {
  display: inline-flex;
  height: 60px;
  flex: 0 0 auto;
  flex-direction: column;
  align-items: center;
  position: relative;
}

.services .div-wrapper {
  display: inline-flex;
  height: 58px;
  align-items: center;
  justify-content: center;
  gap: 10px;
  padding: 8px 24px;
  position: relative;
}

.services .text-wrapper {
  position: relative;
  width: fit-content;
  font-family: var(--paragraph-medium-bold-font-family);
  font-weight: var(--paragraph-medium-bold-font-weight);
  color: #bdb7bd;
  font-size: var(--paragraph-medium-bold-font-size);
  text-align: center;
  letter-spacing: var(--paragraph-medium-bold-letter-spacing);
  line-height: var(--paragraph-medium-bold-line-height);
  white-space: nowrap;
  font-style: var(--paragraph-medium-bold-font-style);
}

.services .frame-wrapper {
  display: inline-flex;
  flex-direction: column;
  align-items: center;
  position: relative;
  flex: 0 0 auto;
}

.services .pro-cue-wrapper {
  display: flex;
  height: 58px;
  align-items: center;
  justify-content: center;
  gap: 10px;
  padding: 8px 24px;
  position: relative;
  align-self: stretch;
  width: 100%;
}

.services .div {
  display: flex;
  width: 220px;
  flex-direction: column;
  align-items: center;
  position: relative;
}

.services .pro-cue {
  position: relative;
  width: fit-content;
  margin-left: -10.5px;
  margin-right: -10.5px;
  font-family: var(--paragraph-medium-bold-font-family);
  font-weight: var(--paragraph-medium-bold-font-weight);
  color: #ffd053;
  font-size: var(--paragraph-medium-bold-font-size);
  text-align: center;
  letter-spacing: var(--paragraph-medium-bold-letter-spacing);
  line-height: var(--paragraph-medium-bold-line-height);
  white-space: nowrap;
  font-style: var(--paragraph-medium-bold-font-style);
}

.services .rectangle {
  position: relative;
  align-self: stretch;
  width: 100%;
  height: 2px;
  background-color: #ffd053;
}

.services .frame-2 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  /* background-color: #0d1d2c; */
  background-color: #060e20;
}

.services .our-services-wrapper {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 24px;
  align-self: stretch;
  width: 100%;
  flex: 0 0 auto;
}

.services .text-wrapper-2 {
  position: relative;
  align-self: stretch;
  margin-top: -1px;
  font-family: var(--headline-h1-font-family);
  font-weight: var(--headline-h1-font-weight);
  color: #ffffff;
  font-size: var(--headline-h1-font-size);
  text-align: center;
  letter-spacing: var(--headline-h1-letter-spacing);
  line-height: var(--headline-h1-line-height);
  font-style: var(--headline-h1-font-style);
}

.services .frame-3 {
  background-color: #0d1d2c;
}

services .frame-4 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  background-color: #0d1d2c;
}
.services .frame-4 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 24px;
  position: relative;
  align-self: stretch;
  width: 100%;
  flex: 0 0 auto;
}

.services .citation {
  position: relative;
  align-self: stretch;
  font-family: var(--headline-h6-font-family);
  font-weight: var(--headline-h6-font-weight);
  color: #f8f8f8;
  font-size: var(--headline-h6-font-size);
  text-align: center;
  letter-spacing: var(--headline-h6-letter-spacing);
  line-height: var(--headline-h6-line-height);
  font-style: var(--headline-h6-font-style);
}

.services .p {
  position: relative;
  align-self: stretch;
  font-family: var(--headline-h6-font-family);
  font-weight: var(--headline-h6-font-weight);
  color: #f8f8f8;
  font-size: var(--headline-h6-font-size);
  text-align: center;
  letter-spacing: var(--headline-h6-letter-spacing);
  line-height: var(--headline-h6-line-height);
  font-style: var(--headline-h6-font-style);
}

.services .p1 {
  position: relative;
  align-self: stretch;
  color: #f8f8f8;
  font-family: var(--paragraph-medium-regular-font-family);
  font-weight: var(--paragraph-medium-regular-font-weight);
  font-size: var(--paragraph-medium-regular-font-size);
  letter-spacing: var(--paragraph-medium-regular-letter-spacing);
  line-height: var(--paragraph-medium-regular-line-height);
  font-style: var(--paragraph-medium-regular-font-style);
}


.services .frame-5 {
  display: flex;
  align-items: center;
  gap: 24px;
  position: relative;
  align-self: stretch;
  width: 100%;
  flex: 0 0 auto;
}

.services .frame-6 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 12px;
  /* margin-bottom: 40px; */
}

.text-h2 {
  position: relative;
  align-self: stretch;
  color: #ffffff;
  font-family: var(--headline-h2-font-family), serif;
  font-weight: var(--headline-h2-font-weight);
  font-size: var(--headline-h2-font-size);
  font-style: var(--headline-h2-font-style);
  letter-spacing: var(--headline-h2-letter-spacing);
  line-height: var(--headline-h2-line-height);
}

.text-h2-center {
  position: relative;
  align-self: stretch;
  color: #ffffff;
  font-family: var(--headline-h2-font-family), serif;
  font-weight: var(--headline-h2-font-weight);
  font-size: var(--headline-h2-font-size);
  font-style: var(--headline-h2-font-style);
  letter-spacing: var(--headline-h2-letter-spacing);
  line-height: var(--headline-h2-line-height);
  text-align: center;
}
.services .div-2 {
  position: relative;
  align-self: stretch;
  color: #f8f8f8;
  font-family: var(--paragraph-medium-regular-font-family);
  font-weight: var(--paragraph-medium-regular-font-weight);
  font-size: var(--paragraph-medium-regular-font-size);
  letter-spacing: var(--paragraph-medium-regular-letter-spacing);
  line-height: var(--paragraph-medium-regular-line-height);
  font-style: var(--paragraph-medium-regular-font-style);
}

.services .button {
  all: unset;
  box-sizing: border-box;
  display: inline-flex;
  min-width: 100px;
  height: 40px;
  align-items: center;
  justify-content: center;
  gap: 8px;
  padding: 8px 16px;
  position: relative;
  background-color: #ffd053;
  border-radius: 4px;
}

.services .button-2 {
  all: unset;
  box-sizing: border-box;
  position: relative;
  flex: 1;
  font-family: var(--paragraph-medium-bold-font-family);
  font-weight: var(--paragraph-medium-bold-font-weight);
  color: #2c3317;
  font-size: var(--paragraph-medium-bold-font-size);
  text-align: center;
  letter-spacing: var(--paragraph-medium-bold-letter-spacing);
  line-height: var(--paragraph-medium-bold-line-height);
  font-style: var(--paragraph-medium-bold-font-style);
}

.services .frame-7 {
  background-color: #0d1d2c;
}

.services .frame-8 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 12px;
  position: relative;
  align-self: stretch;
  width: 100%;
  flex: 0 0 auto;
}


.services .frame-16 {
  background-color: #0d1d2c;
}*/

.procue .frame-17 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 16px;
  position: relative;
  border-radius: 8px;
}

.services .span {
  letter-spacing: var(--paragraph-medium-regular-letter-spacing);
  font-family: var(--paragraph-medium-regular-font-family);
  font-style: var(--paragraph-medium-regular-font-style);
  font-weight: var(--paragraph-medium-regular-font-weight);
  line-height: var(--paragraph-medium-regular-line-height);
  font-size: var(--paragraph-medium-regular-font-size);
}

.services .footer {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 16px;
  padding: 24px 120px;
  position: relative;
  align-self: stretch;
  width: 100%;
  flex: 0 0 auto;
  background-color: #000000;
}

.services .frame-9 {
  display: flex;
  align-items: center;
  gap: 24px;
  position: relative;
  flex: 1;
  flex-grow: 1;
}

.services .text-wrapper-5 {
  position: relative;
  width: fit-content;
  font-family: var(--paragraph-small-bold-font-family);
  font-weight: var(--paragraph-small-bold-font-weight);
  color: #bdb7bd;
  font-size: var(--paragraph-small-bold-font-size);
  letter-spacing: var(--paragraph-small-bold-letter-spacing);
  line-height: var(--paragraph-small-bold-line-height);
  white-space: nowrap;
  font-style: var(--paragraph-small-bold-font-style);
}

.services .frame-10 {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  position: relative;
  flex: 0 0 auto;
}

.services .img-2 {
  position: relative;
  width: 24px;
  height: 24px;
}



/* ======== Service =========*/

.careers {
  background-color: #0d1d2c;
}

.careers .frame {
  display: inline-flex;
  align-items: center;
  position: relative;
  flex: 0 0 auto;
  margin-top: -24px;
  margin-bottom: -24px;
}

.careers .rectangle {
  position: relative;
  align-self: stretch;
  width: 100%;
  height: 2px;
  background-color: #ffd053;
}

.careers .frame-3 {
  /* background-color: #0d1d2c; */
  background-color: #060e20;
}

.careers .text-wrapper-2 {
  position: relative;
  align-self: stretch;
  margin-top: -1px;
  font-family: var(--headline-h1-font-family);
  font-weight: var(--headline-h1-font-weight);
  color: #ffffff;
  font-size: var(--headline-h1-font-size);
  text-align: center;
  letter-spacing: var(--headline-h1-letter-spacing);
  line-height: var(--headline-h1-line-height);
  font-style: var(--headline-h1-font-style);
}

.careers .join-team-desc {
  position: relative;
  max-width: 700px;
  color: #f8f8f8;
  font-family: var(--paragraph-medium-regular-font-family);
  font-weight: var(--paragraph-medium-regular-font-weight);
  font-size: var(--paragraph-medium-regular-font-size);
  letter-spacing: var(--paragraph-medium-regular-letter-spacing);
  line-height: var(--paragraph-medium-regular-line-height);
  font-style: var(--paragraph-medium-regular-font-style);
}

.careers .frame-4 {
  background-color: #0d1d2c;
}

.careers .frame-5 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 24px;
  position: relative;
}

.careers .frame-6 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 24px;
  position: relative;
  align-self: stretch;
  width: 100%;
  flex: 0 0 auto;
}

.careers-list {
  display: flex;
  flex-direction: column;
  width: 100%;
  align-items: flex-start;
  position: relative;
  flex: 0 0 auto;
  border-radius: 8px;
  overflow: hidden;
  border: 1px solid;
  border-color: #ffd053;
}

.careers-list > * {
  border-top: 1px solid;
  border-color: #625862;
}

.careers-list > *:first-child {
  border-top: none;
}

.careers-list .item {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 16px;
  position: relative;
  align-self: stretch;
  width: 100%;
  flex: 0 0 auto;
  background-color: #0d1d2c;
}

.careers-list .item.active {
  background-color: #000000;
  color: #ffd053;
}

.arrow-forward {
  position: relative;
  width: 16px;
  height: 16px;
}

.careers .frame-10 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 16px;
  padding: 16px;
  position: relative;
  align-self: stretch;
  width: 100%;
  flex: 0 0 auto;
  background-color: #0d1d2c;
  border-radius: 8px;
}

.careers .if-you-wish-to-wrapper {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  padding: 16px;
  position: relative;
  align-self: stretch;
  width: 100%;
  flex: 0 0 auto;
  background-color: #ffd053;
  border-radius: 8px;
}

.if-you-wish-to {
  flex: 1;
  margin: 0;
  color: #2c3317;
}

.if-you-wish-to a {
  color: #2c3317;
}

.text-medium-bold {
  font-family: var(--paragraph-medium-bold-font-family), serif;
  font-weight: var(--paragraph-medium-bold-font-weight);
  font-style: var(--paragraph-medium-bold-font-style);
  font-size: var(--paragraph-medium-bold-font-size);
  line-height: var(--paragraph-medium-bold-line-height);
  letter-spacing: var(--paragraph-medium-bold-letter-spacing);
}

.careers .frame-11 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 24px;
}

.careers .text-wrapper-8 {
  position: relative;
  align-self: stretch;
  margin-top: -1px;
  font-family: var(--headline-h2-font-family);
  font-weight: var(--headline-h2-font-weight);
  color: #ffffff;
  font-size: var(--headline-h2-font-size);
  letter-spacing: var(--headline-h2-letter-spacing);
  line-height: var(--headline-h2-line-height);
  font-style: var(--headline-h2-font-style);
}

.careers .frame-12 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 4px;
  flex: 0 0 auto;
}

.careers .text-wrapper-9 {
  position: relative;
  align-self: stretch;
  margin-top: -1px;
  color: #f8f8f8;
  font-family: var(--paragraph-medium-regular-font-family);
  font-weight: var(--paragraph-medium-regular-font-weight);
  font-size: var(--paragraph-medium-regular-font-size);
  letter-spacing: var(--paragraph-medium-regular-letter-spacing);
  line-height: var(--paragraph-medium-regular-line-height);
  font-style: var(--paragraph-medium-regular-font-style);
}

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

.careers .img {
  position: relative;
  width: 24px;
  height: 24px;
}

.careers .frame-17 {
  display: inline-flex;
  align-items: center;
  gap: 24px;
  position: relative;
  flex: 0 0 auto;
}

.careers .line {
  position: relative;
  align-self: stretch;
  width: 1px;
  object-fit: cover;
}

/* ======== Careers =========*/

.resources {
  background-color: #0d1d2c;
}

.resources .menu-bar {
  display: flex;
  width: 1440px;
  height: 60px;
  align-items: center;
  gap: 64px;
  padding: 24px 120px;
  position: absolute;
  top: 0;
  left: 0;
  background-color: #000000;
}

.resources .div {
  display: flex;
  width: 220px;
  flex-direction: column;
  align-items: center;
  position: relative;
}

.resources .frame-3 {
  background-color: #0d1d2c;
}

.resources .p {
  position: relative;
  align-self: stretch;
  font-family: var(--headline-h6-font-family);
  font-weight: var(--headline-h6-font-weight);
  color: #f8f8f8;
  font-size: var(--headline-h6-font-size);
  text-align: center;
  letter-spacing: var(--headline-h6-letter-spacing);
  line-height: var(--headline-h6-line-height);
  font-style: var(--headline-h6-font-style);
}

.resources .frame-6 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 24px;
}

.resources .frame-7 {
  background-color: #060e20;
}

.resources .frame-10 {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  position: relative;
  flex: 0 0 auto;
}

.resources a:link {
  text-decoration: none;
  color: #ffd053;
  background-color: transparent;
  font-family: var(--headline-h6-font-family);
  font-weight: var(--headline-h6-font-weight);
  font-size: var(--paragraph-medium-link-font-size);
}

.resources a:hover {
  text-decoration: none;
  background-color: transparent;
  color: #ffffff;
}

/* Style the button that is used to open and close the collapsible content */
.resources .collapsible {
  border: none;
  background-color: transparent;
  color: #ffd053;
  font-family: var(--headline-h6-font-family);
  font-weight: var(--headline-h6-font-weight);
  font-size: var(--paragraph-medium-link-font-size);
}

/* Add a background color to the button if it is clicked on (add the .active class with JS), and when you move the mouse over it (hover) */
.resources .collapsible:hover {
  background-color: transparent;
  color: #ffffff;
}

/* Style the collapsible content. Note: hidden by default */
.resources .content {
  display: none;
  color: #ffffff;
  font-style: italic;
  text-align: justify;
  text-justify: inter-word;
  font-family: var(--paragraph-medium-regular-font-family);
  font-size: var(--paragraph-medium-regular-font-size);
}

.resources .article-name {
  font-size: 1.2em;
  font-family: var(--paragraph-medium-regular-font-family);
  font-weight: var(--headline-h6-font-weight);
}

.resources .article-journal {
  font-style: italic;
  font-family: var(--paragraph-medium-regular-font-family);
  font-size: 0.9em;
}

.resources .text-wrapper-2 {
  position: relative;
  align-self: stretch;
  margin-top: -1px;
  font-family: var(--headline-h1-font-family);
  font-weight: var(--headline-h1-font-weight);
  color: #ffffff;
  font-size: var(--headline-h1-font-size);
  text-align: center;
  letter-spacing: var(--headline-h1-letter-spacing);
  line-height: var(--headline-h1-line-height);
  font-style: var(--headline-h1-font-style);
}
.resources .resources-desc {
  position: relative;
  max-width: 700px;
  color: #f8f8f8;
  font-family: var(--paragraph-medium-regular-font-family);
  font-weight: var(--paragraph-medium-regular-font-weight);
  font-size: var(--paragraph-medium-regular-font-size);
  letter-spacing: var(--paragraph-medium-regular-letter-spacing);
  line-height: var(--paragraph-medium-regular-line-height);
  font-style: var(--paragraph-medium-regular-font-style);
  text-align: center;
}



/* ======== resources =========*/

.menu-bar {
  display: none;
}

@media (min-width: 768px) {
  .logo {
    width: 200px;
  }

  .menu-bar {
    gap: 64px;
    display: block;
  }

  .mobile-menu {
    display: none !important;
  }

  .menu-container {
    flex-direction: row;
    justify-content: space-between;
  }

  .home .frame-25 {
    padding: 64px 0;
    gap: 48px;
  }

  .home .rectangle-4 {
    margin-top: 0;
  }

  .home .frame-3 {
    margin-bottom: 0;
  }

  .procue .frame-3 {
    margin-bottom: 0;
  }

  .home .frame-24 {
    max-width: 486px;
  }

  .procue .frame-24 {
    max-width: 486px;
  }
  .home .rectangle-4 img,
  .home .rectangle-5 img {
    margin-top: 0;
  }

  .home .frame-28 {
    align-items: start;
  }

  .careers .frame-7 {
    margin-top: 24px;
  }

  #avatar-container {
    width: calc(100% - 150px);
    margin-left: 150px;
  }

}

@media (min-width: 992px) {

  .logo {
    width: 200px;
  }

  .home .frame-14 {
    margin-left: 48px;
    margin-top: -24px;
    margin-bottom: -24px;
    width: auto;
  }

  .home .menu-item {
    height: 54px;
  }

  .home .menu-item-space {
    height: 58px;
  }

  .footer {
    padding: 24px 0;
  }
}

@media (min-width: 950px) {
  .menu-container {
    gap: 64px;
    flex-direction: row;
  }

}

@media (min-width: 1000px) {
  .home .frame-14 {
    margin-left: 64px;
  }
}

@media (min-width: 1200px) {
  .container-center {
    max-width: 1200px;
  }

  .home .rectangle-4 {
    max-width: 690px;
    width: 100%;
  }

  .home .rectangle-5 {
    max-width: 680px;
    width: 100%;
  }

  .procue .rectangle-2 {
    max-width: 432px;
    width: 100%;
  }

  .procue .rectangle-3 {
    max-width: 432px;
    width: 100%;
  }

  .procue .rectangle-4 {
    max-width: 738px;
    width: 100%;
  }

  .home .frame-16 {
    margin-top: 116px;
    max-width: 484px;
  }

  .home .frame-17 {
    max-width: 572px;
  }

  .leadership .rectangle {
    max-width: 336px;
  }

  .services .img {
    max-width: 738px;
    width: 100%;
  }

  .services .img-690 {
    max-width: 690px;
    width: 100%;
  }
  .services .icon {
    position: relative;
    width: 48px;
    height: 48px;
  }
}

@media (max-width: 767px) {
  .home .frame-16 .text-wrapper {
    margin: 0;
  }

  .home .div-2 {
    margin: 0;
  }

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

  .home .frame-17 {
    padding-left: 48px;
    padding-right: 48px;
  }

  #avatar-container {
    height: 480px;
  }

  .home .frame-24 {
    gap: 24px;
  }

  .procue .frame-24 {
    gap: 24px;
  }

  .home .button-4 {
    width: 100%;
  }

  .home .text-wrapper-15 {
    margin-bottom: 0;
  }

  .gap48 {
    gap: 48px;
  }

  .theory .line {
    display: none;
  }

  .careers .frame-10 {
    margin-bottom: 24px;
  }

  .procue .frame-17 {
    margin-bottom: 24px;
  }

  .leadership .frame-6 {
    margin-bottom: 24px;
  }

  .services .frame-6 {
    margin-bottom: 48px;
  }
  .image-shadow-logo{
      align-items: left;
      width: 65%;
      height: auto; /* Maintain aspect ratio */
      margin-bottom: 30px;
  }
  .image-shadow-procue-logo{
      align-items: left;
      width: 30%;
      height: auto; /* Maintain aspect ratio */
    margin-bottom: 30px;
  }

  .image-shadow-consulting {
    width: 100%;
    max-width: 100%;
    height: auto;
    position: relative;
    /* box-shadow: 9px 24px 30px rgba(0, 0, 0, 0.5); */
    object-fit: cover;
    border-radius: 8px;
    margin-top:0%;
  }

  .home .text-wrapper-5 {
    position: relative;
    align-self: stretch;
    margin-top: -1px;
    font-family: var(--headline-h2-font-family), serif;
    font-weight: var(--headline-h2-font-weight);
    color: #ffffff;
    font-size: var(--headline-h2-font-size);
    letter-spacing: var(--headline-h2-letter-spacing);
    line-height: var(--headline-h2-line-height);
    font-style: var(--headline-h2-font-style);
    text-align: center;
  }

  .home .text-wrapper-6 {
    position: relative;
    align-self: stretch;
    margin-top: -1px;
    font-family: var(--headline-h2-font-family), serif;
    font-weight: var(--headline-h2-font-weight);
    color: #ffffff;
    font-size: var(--headline-h2-font-size);
    text-align: center;
    letter-spacing: var(--headline-h2-letter-spacing);
    line-height: var(--headline-h2-line-height);
    font-style: var(--headline-h2-font-style);
    margin-bottom: 24px;
  }
  .procue .text-wrapper-10 {
    position: relative;
    align-self: stretch;
    margin-top: -1px;
    font-family: var(--headline-h2-font-family), serif;
    font-weight: var(--headline-h2-font-weight);
    color: #ffffff;
    font-size: var(--headline-h2-font-size);
    text-align: center;
    letter-spacing: var(--headline-h2-letter-spacing);
    line-height: var(--headline-h2-line-height);
    font-style: var(--headline-h2-font-style);
  }
  .procue .text-wrapper-9 {
    position: relative;
    align-self: stretch;
    margin-top: -1px;
    font-family: var(--headline-h2-font-family), serif;
    font-weight: var(--headline-h2-font-weight);
    color: #ffffff;
    font-size: var(--headline-h2-font-size);
    text-align: center;
    letter-spacing: var(--headline-h2-letter-spacing);
    line-height: var(--headline-h2-line-height);
    font-style: var(--headline-h2-font-style);
  }

}

@media (max-width: 479px) {
  .matrix-container,
  .circle {
    display: none;
  }
  .image-shadow-logo{
      align-items: left;
      width: 65%;
      height: auto; /* Maintain aspect ratio */
      margin-bottom: 30px;
  }

  .image-shadow-procue-logo{
      align-items: left;
      width: 40%;
      height: auto; /* Maintain aspect ratio */
      margin-bottom: 30px;
  }

  .image-shadow-consulting {
    width: 100%;
    max-width: 100%;
    height: auto;
    position: relative;
    /* box-shadow: 9px 24px 30px rgba(0, 0, 0, 0.5); */
    object-fit: cover;
    border-radius: 8px;
    margin-top:0%;
  }

  .home .text-wrapper-5 {
    position: relative;
    align-self: stretch;
    margin-top: -1px;
    font-family: var(--headline-h2-font-family), serif;
    font-weight: var(--headline-h2-font-weight);
    color: #ffffff;
    font-size: var(--headline-h2-font-size);
    letter-spacing: var(--headline-h2-letter-spacing);
    line-height: var(--headline-h2-line-height);
    font-style: var(--headline-h2-font-style);
    text-align: center;
  }

  .home .text-wrapper-6 {
    position: relative;
    align-self: stretch;
    margin-top: -1px;
    font-family: var(--headline-h2-font-family), serif;
    font-weight: var(--headline-h2-font-weight);
    color: #ffffff;
    font-size: var(--headline-h2-font-size);
    text-align: center;
    letter-spacing: var(--headline-h2-letter-spacing);
    line-height: var(--headline-h2-line-height);
    font-style: var(--headline-h2-font-style);
    margin-bottom: 24px;
  }

  .procue .text-wrapper-10 {
    position: relative;
    align-self: stretch;
    margin-top: -1px;
    font-family: var(--headline-h2-font-family), serif;
    font-weight: var(--headline-h2-font-weight);
    color: #ffffff;
    font-size: var(--headline-h2-font-size);
    text-align: center;
    letter-spacing: var(--headline-h2-letter-spacing);
    line-height: var(--headline-h2-line-height);
    font-style: var(--headline-h2-font-style);
  }

  .procue .text-wrapper-9 {
    position: relative;
    align-self: stretch;
    margin-top: -1px;
    font-family: var(--headline-h2-font-family), serif;
    font-weight: var(--headline-h2-font-weight);
    color: #ffffff;
    font-size: var(--headline-h2-font-size);
    text-align: center;
    letter-spacing: var(--headline-h2-letter-spacing);
    line-height: var(--headline-h2-line-height);
    font-style: var(--headline-h2-font-style);
  }
}