.eilink.ei-basic .top_bar>span {
  background-color: #ffffff;
}
.eilink.ei-basic .ei-header .bg-gradient {
  background-size: cover;
  background-repeat: no-repeat;
  height: 100vh;

  position: absolute;
  width: 100%;
  top: 0;
  left: 50%;
  transform: translate(-50%, 0);
  z-index: -1;
}
.eilink.ei-basic .ei-header .profile .picture::before {
  content: '';
  position: absolute;
  left: 50%;
  transform: translate(-50%, 0);
  width: 100px;
  height: 100px;
  background-color: #FFF1EF;
  border-radius: 100%;
  margin-top: -15px;
  z-index: -1;
}
.eilink.ei-basic .ei-header .profile .element svg {
  position: absolute;
  left: 50%;
  transform: translate(-50%, 0);
  margin-top: -12px;
  margin-left: 10px;
  z-index: -1;
}
.eilink.ei-basic .ei-header .profile .picture svg {
  display: inline-block;
  position: absolute;
  margin-top: -6px;
  margin-left: -6px;
}
.eilink.ei-basic .ei-header .profile .picture img {
  width: 70px;
  height: 70px;
}
.eilink.ei-basic .ei-header .profile .name {
  margin-top: 26px;
}
.eilink.ei-basic .ei-content .ei-list a {
  color: #ffffff;
  background-color: #FE6B58;
  border-radius: 100px;
}
.eilink.ei-basic .ei-content .ei-list span.image img {
  width: 33px;
  border-radius: 100%;
}
.eilink.ei-basic .ei-content .ei-list span.price {
  font-weight: 500;
  border-radius: 10px;
  padding: 3px 10px;
  color: #FE6B58;
  background-color: #ffffff;
}
.eilink.ei-basic .ei-footer .ei-sticky a {
  color: #ffffff;
  background-image: linear-gradient(to right, #00bcd4 , #4caf50);
  box-shadow: 0 -4px 15px 0px rgb(0 0 0 / 15%);
}

/* dark-mode */
body.dark-mode .eilink.ei-basic .ei-header .profile .picture::before {
  background-color: #353744;
}
body.dark-mode .eilink.ei-basic .ei-header .profile .name h1, body.dark-mode .eilink.ei-basic .ei-header .profile .name span, body.dark-mode .eilink.ei-basic .ei-header .short-description p, body.dark-mode .eilink.ei-basic .ei-content .ei-list h2 {
  color: #ffffff;
}
body.dark-mode .eilink.ei-basic .top_bar>span {
    background-color: #353744;
}
body.dark-mode .eilink.ei-basic .social-media.outline a svg path, body.dark-mode .eilink.ei-basic .social-media.outline a svg circle, body.dark-mode .eilink.ei-basic .top_bar>span svg:first-child path {
  fill: #ffffff;
}
body.dark-mode .eilink.ei-basic .social-media.outline a {
  opacity: 1;
}

@media only screen and (max-width: 428px) {

  .eilink.ei-basic .ei-header .bg-gradient {
    height: 100vw;
  }

}