.profile-section {
  position: sticky;
  top: 3vh;
  height: 93vh;

}

.profile-section,
.main-shadow {
  box-shadow: 22px 20px 46px -6px rgb(0 0 0 / 24%);
  box-shadow: 22px 20px 46px -6px rgb(0 0 0 / 24%);
  box-shadow: 22px 20px 46px -6px rgb(0 0 0 / 24%);
  border: 0;
}

.content-section {
  color: #fff;

  /* overflow-y: scroll; */
}


.profile-img {
  width: 17vw;
  height: 17vw;
  min-width: 150px;
  min-height: 150px;
  object-fit: cover;
  border-radius: 50%;
  border: solid 5px white;
}

.scrollspy-example {
  height: auto;
}

.scrollspy-example::-webkit-scrollbar {
  display: none;
}

/* Hide scrollbar for IE, Edge and Firefox */
.scrollspy-example {
  -ms-overflow-style: none;

  /* IE and Edge */
  scrollbar-width: none;

  /* Firefox */
}

.menu {
  position: sticky;
  top: 4vh;
  height: 94vh;
  display: flex;
  flex-flow: column nowrap;
  align-items: flex-start;
  padding: 5vh 3vh;
  justify-content: center;
}

.item-menu {
  color: #a1a1a1;
  text-decoration: none;
  text-transform: uppercase;
  font-weight: 900;
  font-size: x-large;
  border-left: solid #a1a1a1 4px;
  padding-left: 13px !important;

}

.item-menu.active {
  color: #fff;
  border-left: solid #e9e9e9 4px;
}

#navbar-principal {
  width: 100%;
  display: flex;
  place-content: stretch flex-start;
  height: 100%;
  align-items: stretch;
}


/* width */
::-webkit-scrollbar {
  width: 0;
  background: transparent;
}

/* Track */
::-webkit-scrollbar-track {
  background: transparent;
  margin: 5vh;
  border-radius: 100px;
}

/* Handle */
::-webkit-scrollbar-thumb {
  background: transparent;
  border-radius: 100px;
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
  background: transparent;
}